Sync pnpm-lock.yaml after removing @openrouter/sdk

app/api/ai/route.ts

@@ -85,15 +85,57 @@ export const POST = async (
       },
     );
 
-    const data: OpenRouterResponse = await response.json();
+    if (!response.ok) {
+      let errorText = "";
+      try {
+        errorText = await response.text();
+      } catch {
+        // ignore body parsing errors for non-OK responses
+      }
+      const status =
+        response.status >= 400 && response.status <= 599
+          ? response.status
+          : 502;
+      return NextResponse.json<AIErrorResponse>(
+        {
+          error:
+            errorText ||
+            `Upstream OpenRouter error: ${response.status} ${response.statusText}`,
+        },
+        { status },
+      );
+    }
+
+    let rawData: unknown;
+    try {
+      rawData = await response.json();
+    } catch {
+      return NextResponse.json<AIErrorResponse>(
+        { error: "Failed to parse response from AI provider" },
+        { status: 502 },
+      );
+    }
+
+    const data = rawData as Partial<OpenRouterResponse>;
+    const choice = data.choices?.[0];
+    const messageContent =
+      choice?.message && typeof choice.message.content === "string"
+        ? choice.message.content
+        : undefined;
+
+    if (typeof data.created !== "number" || !messageContent) {
+      return NextResponse.json<AIErrorResponse>(
+        { error: "Invalid response from AI provider" },
+        { status: 502 },
+      );
+    }
+
     return NextResponse.json(
       {
         created: data.created,
-        content: data.choices[0].message.content,
-      },
-      {
-        status: 200,
+        content: messageContent,
       },
+      { status: 200 },
     );
   } catch (error) {
     if (error instanceof ZodError) {

app/wiki/[id]/page.tsx

@@ -14,8 +14,7 @@ export default async function ViewArticlePage({
 }: ViewArticlePageProps) {
   const { id } = await params;
   const user = await stackServerApp.getUser({ or: "redirect" });
-  // Mock permission check - in a real app, this would come from auth/user context
-  const userId = user?.id ?? "mockUserId";
+  const userId = user.id;
   const [article, canEdit] = await Promise.all([
     getArticleByIdFromDB(id),
     authorizeUserToEditArticle(userId, id),

components/features/navbar/navbar.tsx

@@ -29,7 +29,7 @@ export const Navbar: React.FC = async () => {
               {user ? (
                 <>
                   <NavigationMenuItem>
-                    <LinkButton href={Routes.ARTICLES} text="New Article" />
+                    <LinkButton href={Routes.NEW_ARTICLE} text="New Article" />
                   </NavigationMenuItem>
                   <NavigationMenuItem>
                     <UserButton />

components/features/wikicards/wiki-article-viewer.tsx

@@ -56,22 +56,49 @@ const WikiArticleViewer: React.FC<WikiArticleViewerProps> = ({
   const [summary, setSummary] = React.useState<string | null>(null);
   const [isSummarizing, setIsSummarizing] = React.useState(false);
   const articleRef = React.useRef<HTMLDivElement>(null);
-  const handleCopyText = () => {
+  const abortControllerRef = React.useRef<AbortController | null>(null);
+
+  useEffect(() => {
+    return () => {
+      abortControllerRef.current?.abort();
+    };
+  }, []);
+
+  const handleCopyText = async () => {
     if (summary) {
-      navigator.clipboard.writeText(summary);
-      toast.success("Summary copied to clipboard!", {
-        position: "bottom-left",
-        duration: 2500,
-      });
+      if (!navigator?.clipboard?.writeText) {
+        toast.error("Copy to clipboard is not supported in this browser.", {
+          position: "bottom-left",
+          duration: 2500,
+        });
+        return;
+      }
+      try {
+        await navigator.clipboard.writeText(summary);
+        toast.success("Summary copied to clipboard!", {
+          position: "bottom-left",
+          duration: 2500,
+        });
+      } catch {
+        toast.error("Failed to copy summary to clipboard.", {
+          position: "bottom-left",
+          duration: 2500,
+        });
+      }
     }
   };
   useEffect(() => {
+    const sessionKey = `pageview_counted_${article.id}`;
+    if (sessionStorage.getItem(sessionKey)) {
+      return;
+    }
     let isMounted = true;
 
     const fetchPageView = async () => {
       const newCount = await incrementPageViews(article.id);
       if (isMounted) {
         setLocalPageViews(newCount);
+        sessionStorage.setItem(sessionKey, "1");
       }
     };
 
@@ -87,7 +114,9 @@ const WikiArticleViewer: React.FC<WikiArticleViewerProps> = ({
     }
   }, [summary]);
   const handleSummarizeArticle = async () => {
-    const controller = new AbortController(); // ✅ create controller
+    abortControllerRef.current?.abort();
+    const controller = new AbortController();
+    abortControllerRef.current = controller;
 
     try {
       setIsSummarizing(true);
@@ -102,12 +131,12 @@ const WikiArticleViewer: React.FC<WikiArticleViewerProps> = ({
             content: article.content,
           },
         }),
-        signal: controller.signal, // ✅ attach signal to fetch
+        signal: controller.signal,
       });
 
       if (!response.ok) {
         const err = await response.json();
-        throw new Error(err.error); // ✅ now caught by catch block
+        throw new Error(err.error);
       }
 
       const data: AISuccessResponse = await response.json();
@@ -123,7 +152,6 @@ const WikiArticleViewer: React.FC<WikiArticleViewerProps> = ({
     } finally {
       setIsSummarizing(false);
     }
-    return () => controller.abort(); // ✅ return cleanup function to abort on unmount
   };
 
   return (
@@ -197,7 +225,7 @@ const WikiArticleViewer: React.FC<WikiArticleViewerProps> = ({
 
       {/* Article Content */}
       <Card>
-        <CardContent className="pt-20 relative max-h-150 overflow-auto">
+        <CardContent className="pt-20 relative max-h-[600px] overflow-auto">
           {/* Article Image - Display if exists */}
           <Tooltip>
             <TooltipTrigger
@@ -367,9 +395,6 @@ const WikiArticleViewer: React.FC<WikiArticleViewerProps> = ({
               hideCursorWhileTyping={true}
               cursorCharacter="_"
               deletingSpeed={50}
-              variableSpeedEnabled={false}
-              variableSpeedMin={60}
-              variableSpeedMax={120}
               cursorBlinkDuration={0.5}
               variableSpeed={undefined}
               onSentenceComplete={undefined}

components/features/wikicards/wiki-editor.tsx

@@ -150,7 +150,9 @@ const WikiEditor: React.FC<WikiEditorProps> = ({
           variant={"default"}
           render={(props) => (
             <Link
-              href={!isEditing ? Routes.HOME : `/wiki/${articleId}`}
+              href={
+                !isEditing || !articleId ? Routes.HOME : `/wiki/${articleId}`
+              }
               {...props}
             />
           )}

components/ui/shiny-text.jsx

@@ -1,3 +1,5 @@
+"use client";
+
 import {
   motion,
   useAnimationFrame,

components/ui/text-type.jsx

@@ -110,7 +110,9 @@ const TextType = ({
 
           setCurrentTextIndex((prev) => (prev + 1) % textArray.length);
           setCurrentCharIndex(0);
-          timeout = setTimeout(() => {}, pauseDuration);
+          timeout = setTimeout(() => {
+            executeTypingAnimation();
+          }, pauseDuration);
         } else {
           timeout = setTimeout(() => {
             setDisplayedText((prev) => prev.slice(0, -1));