Merge pull request #397 from ACM-VIT/dev

theg1239 · web-flow · commit 0c313be14682 · 2026-05-06T19:10:20.000+05:30
Dev
diff --git a/app/(app)/home/exams-marquee.tsx b/app/(app)/home/exams-marquee.tsx
@@ -2,6 +2,9 @@ import React from "react";
 import Link from "next/link";
 import type { UpcomingExamItem } from "@/lib/data/upcoming-exams";
 
+const marqueeShellClassName =
+    "relative left-1/2 min-h-[5.875rem] w-screen -translate-x-1/2 border-y border-black/10 py-4 md:min-h-[7rem] md:py-5 dark:border-[#D5D5D5]/10 md:border-white/15 dark:md:border-white/15";
+
 function MarqueeItem({
     item,
     prefetch,
@@ -72,7 +75,7 @@ export default async function ExamsMarquee({ items }: { items: UpcomingExamItem[
         <div
             role="region"
             aria-label="Upcoming exams"
-            className="relative left-1/2 w-screen -translate-x-1/2 border-y border-black/10 py-4 md:py-5 dark:border-[#D5D5D5]/10 md:border-white/15 dark:md:border-white/15"
+            className={marqueeShellClassName}
         >
             <div
                 aria-hidden="true"
@@ -89,3 +92,14 @@ export default async function ExamsMarquee({ items }: { items: UpcomingExamItem[
         </div>
     );
 }
+
+export function ExamsMarqueeFallback() {
+    return (
+        <div aria-hidden="true" className={marqueeShellClassName}>
+            <div className="flex flex-col gap-3 md:gap-4">
+                <div className="h-6 md:h-7" />
+                <div className="h-6 md:h-7" />
+            </div>
+        </div>
+    );
+}
diff --git a/app/(app)/home/home.tsx b/app/(app)/home/home.tsx
@@ -3,7 +3,7 @@ import { auth } from "@/app/auth";
 import { GradientText } from "@/app/components/landing_page/landing";
 import ExamCookerLogo from "@/app/components/common/exam-cooker-logo";
 import DirectionalTransition from "@/app/components/common/directional-transition";
-import ExamsMarquee from "./exams-marquee";
+import ExamsMarquee, { ExamsMarqueeFallback } from "./exams-marquee";
 import { getSearchableCourses } from "@/lib/data/course-catalog";
 import { getUpcomingExams } from "@/lib/data/upcoming-exams";
 import CourseSearch from "./course-search";
@@ -82,7 +82,7 @@ const Home = () => {
                         </div>
 
                         <div className="ec-home-marquee-offset pb-4 md:pb-6 lg:pb-8">
-                            <Suspense fallback={null}>
+                            <Suspense fallback={<ExamsMarqueeFallback />}>
                                 <HomeMarqueeSection />
                             </Suspense>
                         </div>
diff --git a/app/api/pdf/markdown/route.ts b/app/api/pdf/markdown/route.ts
@@ -6,6 +6,7 @@ import {
   PdfPaperDocumentSchema,
   PdfPaperQuestionSchema,
   buildPdfPaperMarkdown,
+  getPdfMarkdownLanguageModel,
   getPdfMarkdownModel,
 } from "@/lib/ai/pdf-markdown";
 import type { PdfPaperQuestion } from "@/lib/ai/pdf-markdown";
@@ -183,6 +184,19 @@ function getSafePdfFileName(fileName: string) {
   return /\.pdf$/i.test(trimmed) ? trimmed : `${trimmed}.pdf`;
 }
 
+function getErrorMessage(error: unknown) {
+  return error instanceof Error ? error.message : String(error || "");
+}
+
+function getStreamErrorMessage(error: unknown, streamError: unknown) {
+  const fallbackMessage = getErrorMessage(error);
+  if (streamError) {
+    return getErrorMessage(streamError) || fallbackMessage;
+  }
+
+  return fallbackMessage || "Failed to convert this PDF to Markdown.";
+}
+
 async function fetchPdfBuffer(fileUrl: URL) {
   const response = await fetch(fileUrl, {
     cache: "no-store",
@@ -287,9 +301,11 @@ export async function POST(request: NextRequest) {
     );
   }
 
-  const model = getPdfMarkdownModel();
+  const model = getPdfMarkdownLanguageModel();
+  const modelId = getPdfMarkdownModel();
 
   try {
+    let streamError: unknown = null;
     const result = streamText({
       model,
       system: PDF_MARKDOWN_SYSTEM_PROMPT,
@@ -319,11 +335,19 @@ export async function POST(request: NextRequest) {
           "A faithful ordered list of only question numbers, question text, and marks.",
       }),
       abortSignal: request.signal,
-      temperature: 0,
       maxOutputTokens: 12000,
       experimental_include: {
         requestBody: false,
       },
+      onError: ({ error }) => {
+        streamError = error;
+        console.error("[pdf-markdown] stream error", error);
+      },
+      providerOptions: {
+        openai: {
+          store: false,
+        },
+      },
     });
 
     const encoder = new TextEncoder();
@@ -357,15 +381,12 @@ export async function POST(request: NextRequest) {
             type: "done",
             paper,
             markdown: buildPdfPaperMarkdown(paper),
-            model,
+            model: modelId,
           });
         } catch (error) {
           enqueue({
             type: "error",
-            error:
-              error instanceof Error
-                ? error.message
-                : "Failed to convert this PDF to Markdown.",
+            error: getStreamErrorMessage(error, streamError),
           });
         } finally {
           controller.close();
@@ -381,7 +402,7 @@ export async function POST(request: NextRequest) {
         "Cache-Control": "no-store",
         "Content-Type": "application/x-ndjson; charset=utf-8",
         "X-Accel-Buffering": "no",
-        "X-ExamCooker-AI-Model": model,
+        "X-ExamCooker-AI-Model": modelId,
       },
     });
   } catch (error) {
diff --git a/app/components/capacitor-bridge.tsx b/app/components/capacitor-bridge.tsx
@@ -123,6 +123,9 @@ export default function CapacitorBridge() {
             platform === "ios" ? "data-native-ios-tabs" : "data-native-android-tabs",
             "true",
           );
+          document.documentElement.removeAttribute("data-native-tabs-pending");
+          document.documentElement.removeAttribute("data-native-ios-tabs-pending");
+          document.documentElement.removeAttribute("data-native-android-tabs-pending");
           const tabSelectionListener = await NativeTabs.addListener("tabSelected", (info) => {
             const route = info.tab.route ?? "/";
             const nextPath = route.startsWith("/") ? route : `/${route}`;
@@ -137,6 +140,9 @@ export default function CapacitorBridge() {
           document.documentElement.removeAttribute("data-native-tabs");
           document.documentElement.removeAttribute("data-native-ios-tabs");
           document.documentElement.removeAttribute("data-native-android-tabs");
+          document.documentElement.removeAttribute("data-native-tabs-pending");
+          document.documentElement.removeAttribute("data-native-ios-tabs-pending");
+          document.documentElement.removeAttribute("data-native-android-tabs-pending");
           window.dispatchEvent(new Event("examcooker:use-web-tab-bar"));
         }
       }
@@ -225,6 +231,9 @@ export default function CapacitorBridge() {
       root.removeAttribute("data-native-ios");
       root.removeAttribute("data-native-ios-tabs");
       root.removeAttribute("data-native-android-tabs");
+      root.removeAttribute("data-native-tabs-pending");
+      root.removeAttribute("data-native-ios-tabs-pending");
+      root.removeAttribute("data-native-android-tabs-pending");
     };
   }, [router]);
 
diff --git a/app/components/mobile-tab-bar.tsx b/app/components/mobile-tab-bar.tsx
@@ -146,7 +146,7 @@ export default function MobileTabBar({ toolsSheetOpen = false }: Props) {
     <nav
       aria-label="Primary"
       style={{ viewTransitionName: "persistent-mobile-tab-bar" }}
-      className={`fixed inset-x-0 bottom-0 z-[48] pb-[max(env(safe-area-inset-bottom),0px)] backdrop-blur-md transition-transform duration-200 lg:hidden ${
+      className={`ec-mobile-tab-bar fixed inset-x-0 bottom-0 z-[48] pb-[max(env(safe-area-inset-bottom),0px)] backdrop-blur-md transition-transform duration-200 lg:hidden ${
         nativeAndroid
           ? `border-t border-black/8 bg-white/96 shadow-[0_-10px_24px_rgba(15,23,42,0.10)] supports-[backdrop-filter]:bg-white/90 dark:border-[#D5D5D5]/10 dark:bg-[#09101E]/96 dark:shadow-[0_-16px_32px_rgba(0,0,0,0.45)] dark:supports-[backdrop-filter]:bg-[#09101E]/90 ${
               keyboardOpen ? "translate-y-[calc(100%+env(safe-area-inset-bottom)+12px)]" : "translate-y-0"
diff --git a/app/components/pdf-viewer-client.tsx b/app/components/pdf-viewer-client.tsx
@@ -1,11 +1,8 @@
 "use client";
 
-import { preconnect, preload } from "react-dom";
+import { preconnect } from "react-dom";
 
-import {
-  PDFIUM_WASM_URL,
-  preloadPdfiumEngine,
-} from "@/lib/pdf/pdfium-engine-cache";
+import { preloadPdfiumEngine } from "@/lib/pdf/pdfium-engine-cache";
 import PDFViewer from "./pdfviewer";
 
 if (typeof window !== "undefined") {
@@ -30,12 +27,9 @@ export default function PDFViewerClient({
   fileUrl: string;
   fileName?: string;
 }) {
-  preload(PDFIUM_WASM_URL, { as: "fetch" });
-
   const remoteOrigin = getRemoteOrigin(fileUrl);
   if (remoteOrigin) {
     preconnect(remoteOrigin, { crossOrigin: "anonymous" });
-    preload(fileUrl, { as: "fetch", crossOrigin: "anonymous" });
   }
 
   return <PDFViewer key={fileUrl} fileUrl={fileUrl} fileName={fileName} />;
diff --git a/app/globals.css b/app/globals.css
@@ -197,6 +197,11 @@
     animation-play-state: paused;
 }
 
+html[data-native-tabs="true"] .ec-mobile-tab-bar,
+html[data-native-tabs-pending="true"] .ec-mobile-tab-bar {
+    display: none;
+}
+
 @media (prefers-reduced-motion: reduce) {
     .animate-marquee,
     .animate-marquee-reverse {
@@ -458,17 +463,20 @@
 }
 
 @media (max-width: 1023px) {
-    html:not([data-native-tabs="true"]) .ec-home-marquee-offset {
+    html:not([data-native-tabs="true"]):not([data-native-tabs-pending="true"]) .ec-home-marquee-offset {
         position: relative;
         top: calc(-4.75rem - env(safe-area-inset-bottom));
     }
 
     html[data-native-ios-tabs="true"] .ec-app-main,
-    html[data-native-android-tabs="true"] .ec-app-main {
+    html[data-native-android-tabs="true"] .ec-app-main,
+    html[data-native-ios-tabs-pending="true"] .ec-app-main,
+    html[data-native-android-tabs-pending="true"] .ec-app-main {
         padding-bottom: max(0.75rem, env(safe-area-inset-bottom));
     }
 
-    html[data-native-ios-tabs="true"] {
+    html[data-native-ios-tabs="true"],
+    html[data-native-ios-tabs-pending="true"] {
         --ec-voice-agent-bottom-offset: 3.0625rem;
     }
 }
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -98,6 +98,9 @@ export default function RootLayout({
                 <Script id="theme-init" strategy="beforeInteractive">
                     {"(function(){var r=document.documentElement;function m(q){return window.matchMedia&&window.matchMedia(q).matches;}function a(d){var bg=d?'#0C1222':'#C2E6EC';r.classList.toggle('dark',d);r.dataset.theme=d?'dark':'light';r.style.colorScheme=d?'dark':'light';r.style.setProperty('--ec-app-bg',bg);r.style.backgroundColor=bg;}try{var t=localStorage.getItem('theme');var mobile=m('(max-width: 767px), (pointer: coarse)');var d=t==='dark'||(t!=='light'&&(mobile?m('(prefers-color-scheme: dark)'):true));a(d);}catch(e){a(true);}})();"}
                 </Script>
+                <Script id="native-shell-init" strategy="beforeInteractive">
+                    {"(function(){try{var c=window.Capacitor;if(!c||typeof c.isNativePlatform!=='function'||!c.isNativePlatform())return;var p=typeof c.getPlatform==='function'?c.getPlatform():'';if(p!=='ios'&&p!=='android')return;var r=document.documentElement;r.dataset.nativePlatform=p;r.toggleAttribute('data-native-ios',p==='ios');r.toggleAttribute('data-native-android',p==='android');r.setAttribute('data-native-tabs-pending','true');r.setAttribute(p==='ios'?'data-native-ios-tabs-pending':'data-native-android-tabs-pending','true');}catch(e){}})();"}
+                </Script>
             </head>
             <body
                 className={`${plus_jakarta_sans.className} antialiased bg-[#C2E6EC] dark:bg-[#0C1222]`}
diff --git a/lib/ai/pdf-markdown.ts b/lib/ai/pdf-markdown.ts
@@ -1,6 +1,11 @@
+import { openai } from "@ai-sdk/openai";
 import { z } from "zod";
 
-const DEFAULT_PDF_MARKDOWN_MODEL = "openai/gpt-5.4-nano";
+const DEFAULT_PDF_MARKDOWN_MODEL = "gpt-5.4-nano";
+
+function normalizeOpenAiModelId(modelId: string) {
+  return modelId.replace(/^openai\//, "");
+}
 
 const NullableTextSchema = z.string().trim().nullable();
 
@@ -29,6 +34,21 @@ export function getPdfMarkdownModel() {
   return process.env.AI_PDF_MARKDOWN_MODEL?.trim() || DEFAULT_PDF_MARKDOWN_MODEL;
 }
 
+export function getPdfMarkdownLanguageModel() {
+  const modelId = getPdfMarkdownModel();
+
+  const isOpenAiModel = !modelId.includes("/") || modelId.startsWith("openai/");
+  if (isOpenAiModel && process.env.OPENAI_API_KEY?.trim()) {
+    return openai.responses(normalizeOpenAiModelId(modelId));
+  }
+
+  if (process.env.AI_GATEWAY_API_KEY?.trim()) {
+    return modelId.includes("/") ? modelId : `openai/${modelId}`;
+  }
+
+  return openai.responses(normalizeOpenAiModelId(modelId));
+}
+
 export function buildPdfPaperMarkdown(paper: PdfPaperDocument) {
   const lines: string[] = ["# Questions", ""];
 

Original file line number	Diff line number	Diff line change
`@@ -197,6 +197,11 @@`
`197`	`197`	`animation-play-state: paused;`
`198`	`198`	`}`
`199`	`199`
	`200`	`+html[data-native-tabs="true"] .ec-mobile-tab-bar,`
	`201`	`+html[data-native-tabs-pending="true"] .ec-mobile-tab-bar {`
	`202`	`+ display: none;`
	`203`	`+}`
	`204`	`+`
`200`	`205`	`@media (prefers-reduced-motion: reduce) {`
`201`	`206`	`.animate-marquee,`
`202`	`207`	`.animate-marquee-reverse {`
`@@ -458,17 +463,20 @@`
`458`	`463`	`}`
`459`	`464`
`460`	`465`	`@media (max-width: 1023px) {`
`461`		`- html:not([data-native-tabs="true"]) .ec-home-marquee-offset {`
	`466`	`+ html:not([data-native-tabs="true"]):not([data-native-tabs-pending="true"]) .ec-home-marquee-offset {`
`462`	`467`	`position: relative;`
`463`	`468`	`top: calc(-4.75rem - env(safe-area-inset-bottom));`
`464`	`469`	`}`
`465`	`470`
`466`	`471`	`html[data-native-ios-tabs="true"] .ec-app-main,`
`467`		`- html[data-native-android-tabs="true"] .ec-app-main {`
	`472`	`+ html[data-native-android-tabs="true"] .ec-app-main,`
	`473`	`+ html[data-native-ios-tabs-pending="true"] .ec-app-main,`
	`474`	`+ html[data-native-android-tabs-pending="true"] .ec-app-main {`
`468`	`475`	`padding-bottom: max(0.75rem, env(safe-area-inset-bottom));`
`469`	`476`	`}`
`470`	`477`
`471`		`- html[data-native-ios-tabs="true"] {`
	`478`	`+ html[data-native-ios-tabs="true"],`
	`479`	`+ html[data-native-ios-tabs-pending="true"] {`
`472`	`480`	`--ec-voice-agent-bottom-offset: 3.0625rem;`
`473`	`481`	`}`
`474`	`482`	`}`