From 2018093ee1fa2a3f5a4acee1aa9888b7a03e40c3 Mon Sep 17 00:00:00 2001
From: Arjun Komath <arjunkomath@gmail.com>
Date: Sun, 14 Dec 2025 20:13:25 +1100
Subject: [PATCH 01/11] feat: GitHub changelog agent

---
 apps/web/.env.example                         |  10 +-
 .../components/page-settings/github-agent.tsx | 275 ++++++++++++
 .../components/page-settings/integrations.tsx |   7 +-
 .../inngest/jobs/process-github-changelog.ts  | 205 +++++++++
 apps/web/package.json                         |   4 +-
 apps/web/pages/api/inngest.ts                 |   6 +-
 .../pages/api/integrations/github/callback.ts |  21 +
 .../api/integrations/github/installations.ts  | 194 +++++++++
 .../pages/api/integrations/github/repos.ts    |  59 +++
 .../pages/api/integrations/github/webhook.ts  | 128 ++++++
 apps/web/pages/integrations/github/setup.tsx  | 406 ++++++++++++++++++
 .../pages/[page_id]/settings/[activeTab].tsx  |   1 +
 apps/web/utils/changelog-ai.ts                |  59 +++
 apps/web/utils/github.ts                      | 163 +++++++
 .../supabase/migrations/21_github_agent.sql   |  46 ++
 packages/supabase/types/index.ts              | 113 ++++-
 pnpm-lock.yaml                                | 245 +++++++++++
 17 files changed, 1925 insertions(+), 17 deletions(-)
 create mode 100644 apps/web/components/page-settings/github-agent.tsx
 create mode 100644 apps/web/inngest/jobs/process-github-changelog.ts
 create mode 100644 apps/web/pages/api/integrations/github/callback.ts
 create mode 100644 apps/web/pages/api/integrations/github/installations.ts
 create mode 100644 apps/web/pages/api/integrations/github/repos.ts
 create mode 100644 apps/web/pages/api/integrations/github/webhook.ts
 create mode 100644 apps/web/pages/integrations/github/setup.tsx
 create mode 100644 apps/web/utils/changelog-ai.ts
 create mode 100644 apps/web/utils/github.ts
 create mode 100644 packages/supabase/migrations/21_github_agent.sql

diff --git a/apps/web/.env.example b/apps/web/.env.example
index 7634391..958b6ba 100644
--- a/apps/web/.env.example
+++ b/apps/web/.env.example
@@ -1,5 +1,3 @@
-NEXT_PUBLIC_PAGES_DOMAIN=http://localhost:3000
-
 # Supabase details from https://app.supabase.io
 NEXT_PUBLIC_SUPABASE_URL=
 NEXT_PUBLIC_SUPABASE_ANON_KEY=
@@ -34,4 +32,12 @@ NEXT_PUBLIC_SANITY_PROJECT_ID=jeixxcw8
 # ManagePrompt
 MANAGEPROMPT_SECRET=
 MANAGEPROMPT_CHANGEGPT_WORKFLOW_ID=
+MANAGEPROMPT_CHANGELOG_WORKFLOW_ID=
+
+# GitHub App
+GITHUB_APP_ID=
+GITHUB_APP_PRIVATE_KEY=
+GITHUB_WEBHOOK_SECRET=
+GITHUB_APP_SLUG=changespage
+NEXT_PUBLIC_GITHUB_APP_URL=https://github.com/apps/changespage
 
diff --git a/apps/web/components/page-settings/github-agent.tsx b/apps/web/components/page-settings/github-agent.tsx
new file mode 100644
index 0000000..0c1155c
--- /dev/null
+++ b/apps/web/components/page-settings/github-agent.tsx
@@ -0,0 +1,275 @@
+import { Spinner } from "@changes-page/ui";
+import { ExternalLinkIcon, TrashIcon } from "@heroicons/react/outline";
+import { useEffect, useState } from "react";
+import { notifyError, notifySuccess } from "../core/toast.component";
+import WarningDialog from "../dialogs/warning-dialog.component";
+
+interface GitHubInstallation {
+  id: string;
+  page_id: string;
+  installation_id: number;
+  repository_owner: string;
+  repository_name: string;
+  enabled: boolean;
+  ai_instructions: string | null;
+  created_at: string;
+}
+
+export default function GitHubAgentSettings({ pageId }: { pageId: string }) {
+  const [installations, setInstallations] = useState<GitHubInstallation[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [saving, setSaving] = useState<string | null>(null);
+  const [deleteTarget, setDeleteTarget] = useState<GitHubInstallation | null>(null);
+  const [deleting, setDeleting] = useState(false);
+
+  useEffect(() => {
+    fetchInstallations();
+  }, [pageId]);
+
+  async function fetchInstallations() {
+    try {
+      const res = await fetch(`/api/integrations/github/installations?page_id=${pageId}`);
+      const data = await res.json();
+      if (data.error) {
+        notifyError(data.error.message);
+      } else {
+        setInstallations(data);
+      }
+    } catch (err) {
+      notifyError("Failed to load GitHub installations");
+    } finally {
+      setLoading(false);
+    }
+  }
+
+  async function updateInstallation(
+    installation: GitHubInstallation,
+    updates: { enabled?: boolean; ai_instructions?: string | null }
+  ) {
+    setSaving(installation.id);
+    try {
+      const res = await fetch("/api/integrations/github/installations", {
+        method: "PATCH",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          id: installation.id,
+          page_id: pageId,
+          ...updates,
+        }),
+      });
+      const data = await res.json();
+      if (data.error) {
+        notifyError(data.error.message);
+      } else {
+        setInstallations((prev) =>
+          prev.map((i) => (i.id === installation.id ? data : i))
+        );
+        notifySuccess("Settings saved");
+      }
+    } catch (err) {
+      notifyError("Failed to update settings");
+    } finally {
+      setSaving(null);
+    }
+  }
+
+  async function deleteInstallation() {
+    if (!deleteTarget) return;
+    setDeleting(true);
+    try {
+      const res = await fetch(
+        `/api/integrations/github/installations?id=${deleteTarget.id}&page_id=${pageId}`,
+        { method: "DELETE" }
+      );
+      const data = await res.json();
+      if (data.error) {
+        notifyError(data.error.message);
+      } else {
+        setInstallations((prev) => prev.filter((i) => i.id !== deleteTarget.id));
+        notifySuccess("Repository disconnected");
+      }
+    } catch (err) {
+      notifyError("Failed to disconnect repository");
+    } finally {
+      setDeleting(false);
+      setDeleteTarget(null);
+    }
+  }
+
+  const githubAppUrl = process.env.NEXT_PUBLIC_GITHUB_APP_URL || "https://github.com/apps/changespage";
+
+  return (
+    <>
+      <WarningDialog
+        title="Disconnect Repository"
+        message={`Are you sure you want to disconnect ${deleteTarget?.repository_owner}/${deleteTarget?.repository_name}? The changelog agent will no longer respond to mentions on this repository.`}
+        open={!!deleteTarget}
+        setOpen={(open) => !open && setDeleteTarget(null)}
+        confirmCallback={deleteInstallation}
+        processing={deleting}
+      />
+
+      <div className="mb-6 mt-6">
+        <div className="md:grid md:grid-cols-3 md:gap-6">
+          <div className="md:col-span-1">
+            <div className="px-4 sm:px-0">
+              <h3 className="text-lg font-medium leading-6 text-gray-900 dark:text-gray-50">
+                GitHub Changelog Agent
+              </h3>
+              <p className="mt-1 text-sm text-gray-600 dark:text-gray-400">
+                Automatically generate changelog drafts from your PRs by mentioning @changespage.
+              </p>
+            </div>
+          </div>
+          <div className="mt-5 md:mt-0 md:col-span-2">
+            <div className="shadow overflow-hidden sm:rounded-md">
+              <div className="px-4 py-5 bg-white dark:bg-black sm:p-6">
+                {loading ? (
+                  <div className="flex justify-center py-8">
+                    <Spinner message="Loading..." />
+                  </div>
+                ) : installations.length === 0 ? (
+                  <div className="text-center py-8">
+                    <svg
+                      className="mx-auto h-12 w-12 text-gray-400"
+                      fill="none"
+                      viewBox="0 0 24 24"
+                      stroke="currentColor"
+                    >
+                      <path
+                        strokeLinecap="round"
+                        strokeLinejoin="round"
+                        strokeWidth={1}
+                        d="M12 6v6m0 0v6m0-6h6m-6 0H6"
+                      />
+                    </svg>
+                    <h3 className="mt-2 text-sm font-medium text-gray-900 dark:text-gray-100">
+                      No repositories connected
+                    </h3>
+                    <p className="mt-1 text-sm text-gray-500 dark:text-gray-400">
+                      Connect a GitHub repository to start generating changelogs from PRs.
+                    </p>
+                    <div className="mt-6">
+                      <a
+                        href={githubAppUrl}
+                        target="_blank"
+                        rel="noopener noreferrer"
+                        className="inline-flex items-center px-4 py-2 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700"
+                      >
+                        <ExternalLinkIcon className="h-4 w-4 mr-2" />
+                        Install GitHub App
+                      </a>
+                    </div>
+                  </div>
+                ) : (
+                  <div className="space-y-6">
+                    {installations.map((installation) => (
+                      <div
+                        key={installation.id}
+                        className="border border-gray-200 dark:border-gray-700 rounded-lg p-4"
+                      >
+                        <div className="flex items-center justify-between mb-4">
+                          <div className="flex items-center space-x-3">
+                            <svg
+                              className="h-6 w-6 text-gray-700 dark:text-gray-300"
+                              fill="currentColor"
+                              viewBox="0 0 24 24"
+                            >
+                              <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" />
+                            </svg>
+                            <div>
+                              <p className="font-medium text-gray-900 dark:text-gray-100">
+                                {installation.repository_owner}/{installation.repository_name}
+                              </p>
+                              <p className="text-xs text-gray-500 dark:text-gray-400">
+                                Connected {new Date(installation.created_at).toLocaleDateString()}
+                              </p>
+                            </div>
+                          </div>
+                          <div className="flex items-center space-x-3">
+                            <label className="flex items-center cursor-pointer">
+                              <span className="mr-2 text-sm text-gray-600 dark:text-gray-400">
+                                {installation.enabled ? "Enabled" : "Disabled"}
+                              </span>
+                              <div className="relative">
+                                <input
+                                  type="checkbox"
+                                  className="sr-only"
+                                  checked={installation.enabled}
+                                  onChange={(e) =>
+                                    updateInstallation(installation, {
+                                      enabled: e.target.checked,
+                                    })
+                                  }
+                                  disabled={saving === installation.id}
+                                />
+                                <div
+                                  className={`w-10 h-6 rounded-full shadow-inner transition-colors ${
+                                    installation.enabled
+                                      ? "bg-indigo-500"
+                                      : "bg-gray-300 dark:bg-gray-600"
+                                  }`}
+                                />
+                                <div
+                                  className={`absolute w-4 h-4 bg-white rounded-full shadow top-1 transition-transform ${
+                                    installation.enabled ? "translate-x-5" : "translate-x-1"
+                                  }`}
+                                />
+                              </div>
+                            </label>
+                            <button
+                              type="button"
+                              onClick={() => setDeleteTarget(installation)}
+                              className="p-1 text-gray-400 hover:text-red-500"
+                            >
+                              <TrashIcon className="h-5 w-5" />
+                            </button>
+                          </div>
+                        </div>
+
+                        <div>
+                          <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">
+                            AI Instructions (optional)
+                          </label>
+                          <textarea
+                            rows={3}
+                            className="w-full rounded-md border-gray-300 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-100 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm"
+                            placeholder="e.g., Focus on user-facing changes. Use simple language. Always include the PR author's name."
+                            defaultValue={installation.ai_instructions || ""}
+                            onBlur={(e) => {
+                              const newValue = e.target.value.trim() || null;
+                              if (newValue !== installation.ai_instructions) {
+                                updateInstallation(installation, {
+                                  ai_instructions: newValue,
+                                });
+                              }
+                            }}
+                          />
+                          <p className="mt-1 text-xs text-gray-500 dark:text-gray-400">
+                            These instructions will be included with every changelog generation request.
+                          </p>
+                        </div>
+                      </div>
+                    ))}
+
+                    <div className="pt-4 border-t border-gray-200 dark:border-gray-700">
+                      <a
+                        href={githubAppUrl}
+                        target="_blank"
+                        rel="noopener noreferrer"
+                        className="inline-flex items-center text-sm text-indigo-600 dark:text-indigo-400 hover:text-indigo-500"
+                      >
+                        <ExternalLinkIcon className="h-4 w-4 mr-1" />
+                        Connect another repository
+                      </a>
+                    </div>
+                  </div>
+                )}
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </>
+  );
+}
diff --git a/apps/web/components/page-settings/integrations.tsx b/apps/web/components/page-settings/integrations.tsx
index 7c37b16..1aabe8f 100644
--- a/apps/web/components/page-settings/integrations.tsx
+++ b/apps/web/components/page-settings/integrations.tsx
@@ -5,13 +5,16 @@ import { v4 } from "uuid";
 import { notifyInfo } from "../core/toast.component";
 import WarningDialog from "../dialogs/warning-dialog.component";
 import { ErrorMessage } from "../forms/notification.component";
+import GitHubAgentSettings from "./github-agent";
 
 export default function IntegrationsSettings({
   settings,
   updatePageSettings,
+  pageId,
 }: {
   settings: IPageSettings;
   updatePageSettings: (values) => any;
+  pageId: string;
 }) {
   const [showWarning, setShowWarning] = useState(false);
   const [processing, setProcessing] = useState(false);
@@ -45,7 +48,7 @@ export default function IntegrationsSettings({
           <div className="md:col-span-1">
             <div className="px-4 sm:px-0">
               <h3 className="text-lg font-medium leading-6 text-gray-900 dark:text-gray-50">
-                Zapier and GitHub
+                Zapier and GitHub actions
               </h3>
               <p className="mt-1 text-sm text-gray-600 dark:text-gray-400">
                 Automate your work across 5,000+ apps.
@@ -104,6 +107,8 @@ export default function IntegrationsSettings({
           </div>
         </div>
       </div>
+
+      <GitHubAgentSettings pageId={pageId} />
     </>
   );
 }
diff --git a/apps/web/inngest/jobs/process-github-changelog.ts b/apps/web/inngest/jobs/process-github-changelog.ts
new file mode 100644
index 0000000..bd26e54
--- /dev/null
+++ b/apps/web/inngest/jobs/process-github-changelog.ts
@@ -0,0 +1,205 @@
+import { supabaseAdmin } from "@changes-page/supabase/admin";
+import { PostStatus } from "@changes-page/supabase/types/page";
+import { v4 } from "uuid";
+import { generateChangelog } from "../../utils/changelog-ai";
+import {
+  createPRComment,
+  getPRCommits,
+  getPRDetails,
+  getPRFiles,
+} from "../../utils/github";
+import inngestClient from "../../utils/inngest";
+import { createPost } from "../../utils/useDatabase";
+
+const MAX_RETRIES = 3;
+
+export const processGitHubChangelog = inngestClient.createFunction(
+  {
+    id: "github-process-changelog",
+    name: "GitHub: Process changelog from PR",
+    retries: MAX_RETRIES,
+  },
+  { event: "github/changelog.process" },
+  async ({ event, attempt }) => {
+    const {
+      installationId,
+      owner,
+      repo,
+      prNumber,
+      issueNumber,
+      userInstructions,
+    } = event.data;
+
+    console.log("Processing changelog for PR", { owner, repo, prNumber });
+
+    const { data: installation, error: installationError } = await supabaseAdmin
+      .from("github_installations")
+      .select("page_id, enabled, ai_instructions")
+      .eq("installation_id", installationId)
+      .eq("repository_owner", owner)
+      .eq("repository_name", repo)
+      .single();
+
+    if (installationError || !installation) {
+      console.error("Installation not found:", installationError);
+      return { error: "Installation not found for this repository" };
+    }
+
+    if (!installation.enabled) {
+      console.log("Installation is disabled, skipping");
+      return { error: "Integration is disabled for this repository" };
+    }
+
+    const { data: page, error: pageError } = await supabaseAdmin
+      .from("pages")
+      .select("id, user_id, url_slug, title")
+      .eq("id", installation.page_id)
+      .single();
+
+    if (pageError || !page) {
+      console.error("Page not found:", pageError);
+      return { error: "Page not found" };
+    }
+
+    try {
+      const { data: existingRef } = await supabaseAdmin
+        .from("github_post_references")
+        .select("post_id, comment_id, generation_count")
+        .eq("repository_owner", owner)
+        .eq("repository_name", repo)
+        .eq("pr_number", prNumber)
+        .single();
+
+      let previousDraft: { title: string; content: string; tags: string[] } | undefined;
+
+      if (existingRef) {
+        const { data: existingPost } = await supabaseAdmin
+          .from("posts")
+          .select("title, content, tags")
+          .eq("id", existingRef.post_id)
+          .single();
+
+        if (existingPost) {
+          previousDraft = {
+            title: existingPost.title,
+            content: existingPost.content,
+            tags: existingPost.tags || [],
+          };
+        }
+      }
+
+      const [pr, commits, files] = await Promise.all([
+        getPRDetails(owner, repo, prNumber, installationId),
+        getPRCommits(owner, repo, prNumber, installationId),
+        getPRFiles(owner, repo, prNumber, installationId),
+      ]);
+
+      const combinedInstructions = [
+        installation.ai_instructions,
+        userInstructions,
+      ]
+        .filter(Boolean)
+        .join("\n\n");
+
+      const changelog = await generateChangelog({
+        pr,
+        commits,
+        files,
+        userInstructions: combinedInstructions,
+        previousDraft,
+      });
+
+      let postId: string;
+      let dashboardUrl: string;
+
+      const baseUrl = process.env.NEXT_PUBLIC_SITE_URL || "https://changes.page";
+
+      if (existingRef) {
+        postId = existingRef.post_id;
+        dashboardUrl = `${baseUrl}/page/${page.url_slug}/posts/${postId}`;
+
+        await supabaseAdmin
+          .from("posts")
+          .update({
+            title: changelog.title,
+            content: changelog.content,
+            tags: changelog.tags,
+          })
+          .eq("id", postId);
+
+        await supabaseAdmin
+          .from("github_post_references")
+          .update({ generation_count: existingRef.generation_count + 1 })
+          .eq("post_id", postId);
+
+        await createPRComment(
+          owner,
+          repo,
+          issueNumber,
+          `📝 **Changelog draft updated!** (v${existingRef.generation_count + 1})\n\nI've updated the draft based on your feedback.\n\n**[View and edit your draft →](${dashboardUrl})**\n\nOnce you're happy with it, you can publish it from the dashboard.`,
+          installationId
+        );
+      } else {
+        const post = await createPost({
+          user_id: page.user_id,
+          page_id: page.id,
+          title: changelog.title,
+          content: changelog.content,
+          tags: changelog.tags,
+          status: PostStatus.draft,
+          images_folder: v4(),
+          publication_date: null,
+          notes: `Generated from PR #${prNumber}: ${pr.html_url}`,
+          allow_reactions: true,
+          email_notified: false,
+        });
+
+        postId = post.id;
+        dashboardUrl = `${baseUrl}/page/${page.url_slug}/posts/${postId}`;
+
+        const commentBody = `📝 **Changelog draft created!**\n\nI've created a draft changelog post based on this PR.\n\n**[View and edit your draft →](${dashboardUrl})**\n\nOnce you're happy with it, you can publish it from the dashboard.`;
+
+        const commentId = await createPRComment(owner, repo, issueNumber, commentBody, installationId);
+
+        await supabaseAdmin.from("github_post_references").insert({
+          post_id: postId,
+          installation_id: installationId,
+          repository_owner: owner,
+          repository_name: repo,
+          pr_number: prNumber,
+          pr_url: pr.html_url,
+          comment_id: commentId,
+        });
+      }
+
+      return {
+        success: true,
+        postId,
+        dashboardUrl,
+        updated: !!existingRef,
+      };
+    } catch (error) {
+      console.error("Error processing changelog:", error);
+
+      const isFinalAttempt = attempt >= MAX_RETRIES - 1;
+
+      if (isFinalAttempt) {
+        try {
+          await createPRComment(
+            owner,
+            repo,
+            issueNumber,
+            `❌ **Failed to create changelog**\n\nSorry, I encountered an error while processing this PR. Please try again or create the changelog manually.\n\nError: ${
+              error instanceof Error ? error.message : "Unknown error"
+            }`,
+            installationId
+          );
+        } catch (commentError) {
+          console.error("Failed to post error comment:", commentError);
+        }
+      }
+
+      throw error;
+    }
+  }
+);
diff --git a/apps/web/package.json b/apps/web/package.json
index 6582f2d..d364648 100644
--- a/apps/web/package.json
+++ b/apps/web/package.json
@@ -18,6 +18,7 @@
     "@heroicons/react": "^1.0.3",
     "@json2csv/plainjs": "^6.1.3",
     "@monaco-editor/react": "^4.6.0",
+    "@octokit/app": "^16.1.2",
     "@sanity/client": "^5.4.2",
     "@sanity/image-url": "^1.0.2",
     "@sentry/nextjs": "^7.77.0",
@@ -68,7 +69,8 @@
     "use-file-picker": "^1.4.1",
     "uuid": "^8.3.2",
     "validator": "^13.15.15",
-    "yup": "^1.3.3"
+    "yup": "^1.3.3",
+    "zod": "^4.1.13"
   },
   "devDependencies": {
     "@next/bundle-analyzer": "^13.1.5",
diff --git a/apps/web/pages/api/inngest.ts b/apps/web/pages/api/inngest.ts
index dc8c30c..6c334f0 100644
--- a/apps/web/pages/api/inngest.ts
+++ b/apps/web/pages/api/inngest.ts
@@ -7,20 +7,18 @@ import { sendTeamInviteEmail } from "../../inngest/email/send-team-invite";
 import { sendWelcomeEmail } from "../../inngest/email/send-welcome-email";
 import { sendVisitorMagicLink } from "../../inngest/email/send-visitor-magic-link";
 import { deleteImagesJob } from "../../inngest/jobs/delete-images";
+import { processGitHubChangelog } from "../../inngest/jobs/process-github-changelog";
 import { sendPostNotification } from "./../../inngest/email/send-post-notification";
 
-// Create an API that hosts zero functions.
 export default serve("changes-page", [
-  // Billing
   reportUsageForStripeInvoice,
   handleSubscriptionChange,
-  // Emails
   sendConfirmEmailNotification,
   sendPostNotification,
   sendRoadmapTriageNotification,
   sendWelcomeEmail,
   sendTeamInviteEmail,
   sendVisitorMagicLink,
-  // Background Jobs
   deleteImagesJob,
+  processGitHubChangelog,
 ]);
diff --git a/apps/web/pages/api/integrations/github/callback.ts b/apps/web/pages/api/integrations/github/callback.ts
new file mode 100644
index 0000000..922bbe7
--- /dev/null
+++ b/apps/web/pages/api/integrations/github/callback.ts
@@ -0,0 +1,21 @@
+import type { NextApiRequest, NextApiResponse } from "next";
+
+export default async function handler(
+  req: NextApiRequest,
+  res: NextApiResponse
+) {
+  const { installation_id, setup_action, code } = req.query;
+
+  if (setup_action === "install" && installation_id) {
+    if (code) {
+      return res.redirect(
+        `/integrations/github/setup?installation_id=${installation_id}&code=${code}`
+      );
+    }
+    return res.redirect(
+      `/integrations/github/setup?installation_id=${installation_id}`
+    );
+  }
+
+  return res.redirect("/pages");
+}
diff --git a/apps/web/pages/api/integrations/github/installations.ts b/apps/web/pages/api/integrations/github/installations.ts
new file mode 100644
index 0000000..fdfa268
--- /dev/null
+++ b/apps/web/pages/api/integrations/github/installations.ts
@@ -0,0 +1,194 @@
+import { supabaseAdmin } from "@changes-page/supabase/admin";
+import { withAuth } from "../../../../utils/withAuth";
+
+interface GitHubInstallation {
+  id: string;
+  page_id: string;
+  installation_id: number;
+  repository_owner: string;
+  repository_name: string;
+  connected_by: string | null;
+  enabled: boolean;
+  ai_instructions: string | null;
+  created_at: string;
+  updated_at: string;
+}
+
+type ResponseData =
+  | GitHubInstallation
+  | GitHubInstallation[]
+  | { deleted: boolean };
+
+const handler = withAuth<ResponseData>(async (req, res, { supabase, user }) => {
+  if (req.method === "GET") {
+    const { page_id } = req.query;
+
+    if (!page_id) {
+      return res.status(400).json({
+        error: { statusCode: 400, message: "page_id is required" },
+      });
+    }
+
+    const { data: page } = await supabase
+      .from("pages")
+      .select("id")
+      .eq("id", page_id)
+      .eq("user_id", user.id)
+      .single();
+
+    if (!page) {
+      return res.status(403).json({
+        error: { statusCode: 403, message: "Access denied" },
+      });
+    }
+
+    const { data, error } = await supabaseAdmin
+      .from("github_installations")
+      .select("*")
+      .eq("page_id", page_id);
+
+    if (error) {
+      return res.status(500).json({
+        error: { statusCode: 500, message: error.message },
+      });
+    }
+
+    return res.status(200).json(data as GitHubInstallation[]);
+  }
+
+  if (req.method === "POST") {
+    const { page_id, installation_id, repository_owner, repository_name } =
+      req.body;
+
+    if (!page_id || !installation_id || !repository_owner || !repository_name) {
+      return res.status(400).json({
+        error: { statusCode: 400, message: "Missing required fields" },
+      });
+    }
+
+    const { data: page } = await supabase
+      .from("pages")
+      .select("id")
+      .eq("id", page_id)
+      .eq("user_id", user.id)
+      .single();
+
+    if (!page) {
+      return res.status(403).json({
+        error: { statusCode: 403, message: "Access denied" },
+      });
+    }
+
+    const { data, error } = await supabaseAdmin
+      .from("github_installations")
+      .upsert(
+        {
+          page_id,
+          installation_id,
+          repository_owner,
+          repository_name,
+          connected_by: user.id,
+        },
+        {
+          onConflict: "page_id,repository_owner,repository_name",
+        }
+      )
+      .select()
+      .single();
+
+    if (error) {
+      return res.status(500).json({
+        error: { statusCode: 500, message: error.message },
+      });
+    }
+
+    return res.status(200).json(data as GitHubInstallation);
+  }
+
+  if (req.method === "PATCH") {
+    const { id, page_id, enabled, ai_instructions } = req.body;
+
+    if (!id || !page_id) {
+      return res.status(400).json({
+        error: { statusCode: 400, message: "id and page_id are required" },
+      });
+    }
+
+    const { data: page } = await supabase
+      .from("pages")
+      .select("id")
+      .eq("id", page_id)
+      .eq("user_id", user.id)
+      .single();
+
+    if (!page) {
+      return res.status(403).json({
+        error: { statusCode: 403, message: "Access denied" },
+      });
+    }
+
+    const updates: { enabled?: boolean; ai_instructions?: string | null } = {};
+    if (typeof enabled === "boolean") updates.enabled = enabled;
+    if (typeof ai_instructions === "string" || ai_instructions === null) {
+      updates.ai_instructions = ai_instructions;
+    }
+
+    const { data, error } = await supabaseAdmin
+      .from("github_installations")
+      .update(updates)
+      .eq("id", id)
+      .eq("page_id", page_id)
+      .select()
+      .single();
+
+    if (error) {
+      return res.status(500).json({
+        error: { statusCode: 500, message: error.message },
+      });
+    }
+
+    return res.status(200).json(data as GitHubInstallation);
+  }
+
+  if (req.method === "DELETE") {
+    const { id, page_id } = req.query;
+
+    if (!id || !page_id) {
+      return res.status(400).json({
+        error: { statusCode: 400, message: "id and page_id are required" },
+      });
+    }
+
+    const { data: page } = await supabase
+      .from("pages")
+      .select("id")
+      .eq("id", page_id)
+      .eq("user_id", user.id)
+      .single();
+
+    if (!page) {
+      return res.status(403).json({
+        error: { statusCode: 403, message: "Access denied" },
+      });
+    }
+
+    const { error } = await supabaseAdmin
+      .from("github_installations")
+      .delete()
+      .eq("id", id)
+      .eq("page_id", page_id);
+
+    if (error) {
+      return res.status(500).json({
+        error: { statusCode: 500, message: error.message },
+      });
+    }
+
+    return res.status(200).json({ deleted: true });
+  }
+
+  res.setHeader("Allow", "GET, POST, PATCH, DELETE");
+  return res.status(405).end("Method Not Allowed");
+});
+
+export default handler;
diff --git a/apps/web/pages/api/integrations/github/repos.ts b/apps/web/pages/api/integrations/github/repos.ts
new file mode 100644
index 0000000..a023d2c
--- /dev/null
+++ b/apps/web/pages/api/integrations/github/repos.ts
@@ -0,0 +1,59 @@
+import type { NextApiRequest, NextApiResponse } from "next";
+import { getOctokit } from "../../../../utils/github";
+import { withAuth } from "../../../../utils/withAuth";
+
+interface GitHubRepo {
+  id: number;
+  name: string;
+  full_name: string;
+  owner: {
+    login: string;
+  };
+  private: boolean;
+}
+
+interface ReposResponse {
+  repositories: GitHubRepo[];
+}
+
+const handler = withAuth<ReposResponse>(async (req, res) => {
+  if (req.method !== "GET") {
+    res.setHeader("Allow", "GET");
+    return res.status(405).end("Method Not Allowed");
+  }
+
+  const { installation_id } = req.query;
+
+  if (!installation_id) {
+    return res.status(400).json({
+      error: { statusCode: 400, message: "installation_id is required" },
+    });
+  }
+
+  try {
+    const octokit = await getOctokit(Number(installation_id));
+    const { data } = await octokit.request("GET /installation/repositories", {
+      per_page: 100,
+    });
+
+    return res.status(200).json({
+      repositories: data.repositories.map((repo) => ({
+        id: repo.id,
+        name: repo.name,
+        full_name: repo.full_name,
+        owner: { login: repo.owner.login },
+        private: repo.private,
+      })),
+    });
+  } catch (error) {
+    console.error("Error fetching repos:", error);
+    return res.status(500).json({
+      error: {
+        statusCode: 500,
+        message: error instanceof Error ? error.message : "Failed to fetch repos",
+      },
+    });
+  }
+});
+
+export default handler;
diff --git a/apps/web/pages/api/integrations/github/webhook.ts b/apps/web/pages/api/integrations/github/webhook.ts
new file mode 100644
index 0000000..393f793
--- /dev/null
+++ b/apps/web/pages/api/integrations/github/webhook.ts
@@ -0,0 +1,128 @@
+import type { NextApiRequest, NextApiResponse } from "next";
+import {
+  addReactionToComment,
+  verifyGitHubWebhookSignature,
+} from "../../../../utils/github";
+import inngestClient from "../../../../utils/inngest";
+
+export const config = {
+  api: {
+    bodyParser: false,
+  },
+};
+
+async function getRawBody(req: NextApiRequest): Promise<string> {
+  const chunks: Buffer[] = [];
+  for await (const chunk of req) {
+    chunks.push(typeof chunk === "string" ? Buffer.from(chunk) : chunk);
+  }
+  return Buffer.concat(chunks).toString("utf8");
+}
+
+const BOT_MENTION = `@${process.env.GITHUB_APP_SLUG || "changespage"}`;
+
+export default async function handler(
+  req: NextApiRequest,
+  res: NextApiResponse
+) {
+  if (req.method !== "POST") {
+    return res.status(405).json({ error: "Method not allowed" });
+  }
+
+  const rawBody = await getRawBody(req);
+  const signature = req.headers["x-hub-signature-256"] as string | undefined;
+  const webhookSecret = process.env.GITHUB_WEBHOOK_SECRET;
+
+  if (!webhookSecret) {
+    console.error("GITHUB_WEBHOOK_SECRET not configured");
+    return res.status(500).json({ error: "Webhook secret not configured" });
+  }
+
+  if (!verifyGitHubWebhookSignature(rawBody, signature, webhookSecret)) {
+    console.error("Invalid webhook signature");
+    return res.status(401).json({ error: "Invalid signature" });
+  }
+
+  const event = req.headers["x-github-event"] as string;
+  const payload = JSON.parse(rawBody);
+
+  console.log("GitHub webhook received:", { event, action: payload.action });
+
+  if (event === "issue_comment" && payload.action === "created") {
+    return handleIssueComment(payload, res);
+  }
+
+  if (event === "installation" && payload.action === "created") {
+    console.log("New installation:", payload.installation.id);
+  }
+
+  return res.status(200).json({ message: "Event received" });
+}
+
+async function handleIssueComment(payload: any, res: NextApiResponse) {
+  const comment = payload.comment?.body || "";
+  const isPR = !!payload.issue?.pull_request;
+
+  if (!isPR) {
+    return res.status(200).json({ message: "Not a PR comment, skipping" });
+  }
+
+  if (!comment.toLowerCase().includes(BOT_MENTION.toLowerCase())) {
+    return res.status(200).json({ message: "No mention found, skipping" });
+  }
+
+  const installationId = payload.installation?.id;
+  if (!installationId) {
+    console.error("No installation ID in webhook");
+    return res.status(400).json({ error: "No installation ID" });
+  }
+
+  const owner = payload.repository.owner.login;
+  const repo = payload.repository.name;
+  const prNumber = payload.issue.number;
+  const issueNumber = payload.issue.number;
+  const commentId = payload.comment.id;
+  const commentAuthor = payload.comment.user.login;
+
+  const mentionIndex = comment.toLowerCase().indexOf(BOT_MENTION.toLowerCase());
+  const userInstructions = comment
+    .substring(mentionIndex + BOT_MENTION.length)
+    .trim();
+
+  console.log("Processing changelog request:", {
+    owner,
+    repo,
+    prNumber,
+    commentAuthor,
+    userInstructions: userInstructions.substring(0, 100),
+  });
+
+  try {
+    await addReactionToComment(owner, repo, commentId, "eyes", installationId);
+  } catch (error) {
+    console.error("Failed to add reaction:", error);
+  }
+
+  try {
+    await inngestClient.send({
+      name: "github/changelog.process",
+      data: {
+        installationId,
+        owner,
+        repo,
+        prNumber,
+        issueNumber,
+        userInstructions,
+        commentAuthor,
+      },
+    });
+
+    return res.status(200).json({
+      message: "Changelog generation triggered",
+      pr: prNumber,
+    });
+  } catch (error) {
+    console.error("Failed to trigger changelog job:", error);
+    return res.status(500).json({ error: "Failed to trigger job" });
+  }
+}
diff --git a/apps/web/pages/integrations/github/setup.tsx b/apps/web/pages/integrations/github/setup.tsx
new file mode 100644
index 0000000..e988915
--- /dev/null
+++ b/apps/web/pages/integrations/github/setup.tsx
@@ -0,0 +1,406 @@
+import { CheckCircleIcon, LinkIcon, TrashIcon } from "@heroicons/react/solid";
+import type { InferGetServerSidePropsType } from "next";
+import { useRouter } from "next/router";
+import { type JSX, useEffect, useState } from "react";
+import { PrimaryButton } from "../../../components/core/buttons.component";
+import { notifyError, notifySuccess } from "../../../components/core/toast.component";
+import WarningDialog from "../../../components/dialogs/warning-dialog.component";
+import AuthLayout from "../../../components/layout/auth-layout.component";
+import Page from "../../../components/layout/page.component";
+import { withSupabase } from "../../../utils/supabase/withSupabase";
+
+interface PageOption {
+  id: string;
+  title: string;
+  url_slug: string;
+  type: string;
+}
+
+interface GitHubRepo {
+  id: number;
+  name: string;
+  full_name: string;
+  owner: {
+    login: string;
+  };
+  private: boolean;
+}
+
+interface ExistingConnection {
+  id: string;
+  page_id: string;
+  installation_id: number;
+  repository_owner: string;
+  repository_name: string;
+  enabled: boolean;
+  page_title?: string;
+}
+
+export const getServerSideProps = withSupabase(async (context, { supabase }) => {
+  const { installation_id } = context.query;
+
+  if (!installation_id) {
+    return {
+      redirect: {
+        destination: "/pages",
+        permanent: false,
+      },
+    };
+  }
+
+  const { data: pages } = await supabase
+    .from("pages")
+    .select("id, title, url_slug, type")
+    .order("updated_at", { ascending: false });
+
+  return {
+    props: {
+      pages: pages ?? [],
+      installationId: Number(installation_id),
+    },
+  };
+});
+
+export default function GitHubSetup({
+  pages,
+  installationId,
+}: InferGetServerSidePropsType<typeof getServerSideProps>) {
+  const router = useRouter();
+  const [repos, setRepos] = useState<GitHubRepo[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+  const [selectedRepo, setSelectedRepo] = useState<GitHubRepo | null>(null);
+  const [selectedPage, setSelectedPage] = useState<PageOption | null>(null);
+  const [linking, setLinking] = useState(false);
+  const [linked, setLinked] = useState(false);
+  const [existingConnections, setExistingConnections] = useState<ExistingConnection[]>([]);
+  const [deleteTarget, setDeleteTarget] = useState<ExistingConnection | null>(null);
+  const [deleting, setDeleting] = useState(false);
+
+  useEffect(() => {
+    Promise.all([
+      fetch(`/api/integrations/github/repos?installation_id=${installationId}`).then((res) => res.json()),
+      ...pages.map((page) =>
+        fetch(`/api/integrations/github/installations?page_id=${page.id}`)
+          .then((res) => res.json())
+          .then((data) =>
+            Array.isArray(data)
+              ? data.map((d) => ({ ...d, page_title: page.title }))
+              : []
+          )
+      ),
+    ])
+      .then(([reposData, ...installationsData]) => {
+        if (reposData.error) {
+          setError(reposData.error.message);
+        } else {
+          setRepos(reposData.repositories || []);
+        }
+        setExistingConnections(installationsData.flat());
+        setLoading(false);
+      })
+      .catch((err) => {
+        setError(err.message);
+        setLoading(false);
+      });
+  }, [installationId, pages]);
+
+  async function handleDelete() {
+    if (!deleteTarget) return;
+    setDeleting(true);
+    try {
+      const res = await fetch(
+        `/api/integrations/github/installations?id=${deleteTarget.id}&page_id=${deleteTarget.page_id}`,
+        { method: "DELETE" }
+      );
+      const data = await res.json();
+      if (data.error) {
+        notifyError(data.error.message);
+      } else {
+        setExistingConnections((prev) => prev.filter((c) => c.id !== deleteTarget.id));
+        notifySuccess("Connection removed");
+      }
+    } catch (err) {
+      notifyError("Failed to remove connection");
+    } finally {
+      setDeleting(false);
+      setDeleteTarget(null);
+    }
+  }
+
+  const handleLink = async () => {
+    if (!selectedRepo || !selectedPage) return;
+
+    setLinking(true);
+    try {
+      const res = await fetch("/api/integrations/github/installations", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          page_id: selectedPage.id,
+          installation_id: installationId,
+          repository_owner: selectedRepo.owner.login,
+          repository_name: selectedRepo.name,
+        }),
+      });
+
+      const data = await res.json();
+      if (data.error) {
+        notifyError(data.error.message);
+      } else {
+        setLinked(true);
+        setExistingConnections((prev) => [
+          ...prev,
+          { ...data, page_title: selectedPage.title },
+        ]);
+        notifySuccess("Repository linked successfully!");
+      }
+    } catch (err) {
+      notifyError("Failed to link repository");
+    } finally {
+      setLinking(false);
+    }
+  };
+
+  if (linked) {
+    return (
+      <Page title="GitHub Connected">
+        <div className="max-w-2xl mx-auto text-center py-12">
+          <CheckCircleIcon className="h-16 w-16 text-green-500 mx-auto mb-4" />
+          <h2 className="text-2xl font-bold text-gray-900 dark:text-white mb-2">
+            Successfully Connected!
+          </h2>
+          <p className="text-gray-600 dark:text-gray-400 mb-6">
+            <strong>{selectedRepo?.full_name}</strong> is now linked to{" "}
+            <strong>{selectedPage?.title}</strong>
+          </p>
+          <div className="bg-gray-50 dark:bg-gray-800 rounded-lg p-6 text-left mb-6">
+            <h3 className="font-semibold text-gray-900 dark:text-white mb-2">
+              How to use:
+            </h3>
+            <p className="text-gray-600 dark:text-gray-400 text-sm">
+              On any PR in <code className="bg-gray-200 dark:bg-gray-700 px-1 rounded">{selectedRepo?.full_name}</code>,
+              comment:
+            </p>
+            <pre className="mt-2 bg-gray-900 text-gray-100 p-3 rounded text-sm overflow-x-auto">
+              @changespage please write a changelog for this PR
+            </pre>
+            <p className="text-gray-500 dark:text-gray-400 text-xs mt-2">
+              You can add instructions after the mention to customize the changelog.
+            </p>
+          </div>
+          <div className="flex gap-3 justify-center">
+            <PrimaryButton
+              label="Go to Page"
+              onClick={() => router.push(`/pages/${selectedPage?.id}`)}
+            />
+            <button
+              onClick={() => {
+                setLinked(false);
+                setSelectedRepo(null);
+                setSelectedPage(null);
+              }}
+              className="px-4 py-2 text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-md"
+            >
+              Link Another Repo
+            </button>
+          </div>
+        </div>
+      </Page>
+    );
+  }
+
+  return (
+    <Page title="Connect GitHub Repository">
+      <WarningDialog
+        title="Remove Connection"
+        message={`Are you sure you want to disconnect ${deleteTarget?.repository_owner}/${deleteTarget?.repository_name} from ${deleteTarget?.page_title}?`}
+        open={!!deleteTarget}
+        setOpen={(open) => !open && setDeleteTarget(null)}
+        confirmCallback={handleDelete}
+        processing={deleting}
+      />
+
+      <div className="max-w-2xl mx-auto">
+        {existingConnections.length > 0 && (
+          <div className="mb-8">
+            <h2 className="text-xl font-bold text-gray-900 dark:text-white mb-4">
+              Existing Connections
+            </h2>
+            <div className="space-y-3">
+              {existingConnections.map((connection) => (
+                <div
+                  key={connection.id}
+                  className="flex items-center justify-between p-4 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg"
+                >
+                  <div className="flex items-center space-x-3">
+                    <svg
+                      className="h-6 w-6 text-gray-600 dark:text-gray-400"
+                      fill="currentColor"
+                      viewBox="0 0 24 24"
+                    >
+                      <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" />
+                    </svg>
+                    <div>
+                      <p className="font-medium text-gray-900 dark:text-white">
+                        {connection.repository_owner}/{connection.repository_name}
+                      </p>
+                      <p className="text-sm text-gray-500 dark:text-gray-400">
+                        Connected to <span className="font-medium">{connection.page_title}</span>
+                      </p>
+                    </div>
+                  </div>
+                  <div className="flex items-center space-x-2">
+                    <span
+                      className={`px-2 py-1 text-xs rounded-full ${
+                        connection.enabled
+                          ? "bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400"
+                          : "bg-gray-100 text-gray-600 dark:bg-gray-700 dark:text-gray-400"
+                      }`}
+                    >
+                      {connection.enabled ? "Active" : "Disabled"}
+                    </span>
+                    <button
+                      type="button"
+                      onClick={() => setDeleteTarget(connection)}
+                      className="p-1.5 text-gray-400 hover:text-red-500 rounded"
+                    >
+                      <TrashIcon className="h-4 w-4" />
+                    </button>
+                  </div>
+                </div>
+              ))}
+            </div>
+          </div>
+        )}
+
+        <div className="mb-8">
+          <h2 className="text-xl font-bold text-gray-900 dark:text-white mb-2">
+            {existingConnections.length > 0 ? "Add Another Connection" : "Link a repository to your page"}
+          </h2>
+          <p className="text-gray-600 dark:text-gray-400">
+            Select a repository and a page to connect them. Once connected, you can
+            mention <code className="bg-gray-100 dark:bg-gray-800 px-1 rounded">@changespage</code> in
+            PR comments to generate changelog drafts.
+          </p>
+        </div>
+
+        {error && (
+          <div className="bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-md p-4 mb-6">
+            <p className="text-red-800 dark:text-red-400">{error}</p>
+          </div>
+        )}
+
+        <div className="space-y-6">
+          <div>
+            <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
+              1. Select Repository
+            </label>
+            {loading ? (
+              <div className="animate-pulse bg-gray-200 dark:bg-gray-700 h-20 rounded-md" />
+            ) : (() => {
+              const connectedRepoKeys = new Set(
+                existingConnections.map((c) => `${c.repository_owner}/${c.repository_name}`)
+              );
+              const availableRepos = repos.filter(
+                (repo) => !connectedRepoKeys.has(repo.full_name)
+              );
+
+              if (availableRepos.length === 0) {
+                return (
+                  <p className="text-gray-500 dark:text-gray-400 text-sm">
+                    All available repositories are already connected.
+                  </p>
+                );
+              }
+
+              return (
+                <div className="grid gap-2 max-h-60 overflow-y-auto">
+                  {availableRepos.map((repo) => (
+                    <button
+                      key={repo.id}
+                      type="button"
+                      onClick={() => setSelectedRepo(repo)}
+                      className={`flex items-center justify-between p-3 rounded-md border text-left transition-colors ${
+                        selectedRepo?.id === repo.id
+                          ? "border-indigo-500 bg-indigo-50 dark:bg-indigo-900/20"
+                          : "border-gray-200 dark:border-gray-700 hover:border-gray-300 dark:hover:border-gray-600"
+                      }`}
+                    >
+                      <div>
+                        <p className="font-medium text-gray-900 dark:text-white">
+                          {repo.full_name}
+                        </p>
+                        {repo.private && (
+                          <span className="text-xs text-gray-500 dark:text-gray-400">
+                            Private
+                          </span>
+                        )}
+                      </div>
+                      {selectedRepo?.id === repo.id && (
+                        <CheckCircleIcon className="h-5 w-5 text-indigo-500" />
+                      )}
+                    </button>
+                  ))}
+                </div>
+              );
+            })()}
+          </div>
+
+          <div>
+            <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
+              2. Select Page
+            </label>
+            {pages.length === 0 ? (
+              <p className="text-gray-500 dark:text-gray-400 text-sm">
+                No pages found.{" "}
+                <a href="/pages/new" className="text-indigo-600 hover:underline">
+                  Create a page
+                </a>{" "}
+                first.
+              </p>
+            ) : (
+              <div className="grid gap-2 max-h-60 overflow-y-auto">
+                {pages.map((page) => (
+                  <button
+                    key={page.id}
+                    type="button"
+                    onClick={() => setSelectedPage(page)}
+                    className={`flex items-center justify-between p-3 rounded-md border text-left transition-colors ${
+                      selectedPage?.id === page.id
+                        ? "border-indigo-500 bg-indigo-50 dark:bg-indigo-900/20"
+                        : "border-gray-200 dark:border-gray-700 hover:border-gray-300 dark:hover:border-gray-600"
+                    }`}
+                  >
+                    <div>
+                      <p className="font-medium text-gray-900 dark:text-white">
+                        {page.title}
+                      </p>
+                      <span className="text-xs text-gray-500 dark:text-gray-400">
+                        {page.url_slug}.changes.page
+                      </span>
+                    </div>
+                    {selectedPage?.id === page.id && (
+                      <CheckCircleIcon className="h-5 w-5 text-indigo-500" />
+                    )}
+                  </button>
+                ))}
+              </div>
+            )}
+          </div>
+
+          <div className="pt-4">
+            <PrimaryButton
+              label={linking ? "Linking..." : "Link Repository"}
+              icon={<LinkIcon className="h-4 w-4 mr-2" />}
+              onClick={handleLink}
+              disabled={!selectedRepo || !selectedPage || linking}
+            />
+          </div>
+        </div>
+      </div>
+    </Page>
+  );
+}
+
+GitHubSetup.getLayout = (page: JSX.Element) => <AuthLayout>{page}</AuthLayout>;
diff --git a/apps/web/pages/pages/[page_id]/settings/[activeTab].tsx b/apps/web/pages/pages/[page_id]/settings/[activeTab].tsx
index a590f8c..83c7848 100644
--- a/apps/web/pages/pages/[page_id]/settings/[activeTab].tsx
+++ b/apps/web/pages/pages/[page_id]/settings/[activeTab].tsx
@@ -141,6 +141,7 @@ export default function PageSettings({
             <IntegrationsSettings
               settings={settings}
               updatePageSettings={updatePageSettings}
+              pageId={String(page_id)}
             />
           )}
         </>
diff --git a/apps/web/utils/changelog-ai.ts b/apps/web/utils/changelog-ai.ts
new file mode 100644
index 0000000..cec31ac
--- /dev/null
+++ b/apps/web/utils/changelog-ai.ts
@@ -0,0 +1,59 @@
+import { z } from "zod";
+import { GitHubCommit, GitHubFile, GitHubPRDetails } from "./github";
+import { runWorkflow } from "./manageprompt";
+
+export interface ChangelogInput {
+  pr: GitHubPRDetails;
+  commits: GitHubCommit[];
+  files: GitHubFile[];
+  userInstructions: string;
+  previousDraft?: {
+    title: string;
+    content: string;
+    tags: string[];
+  };
+}
+
+const ChangelogOutputSchema = z.object({
+  title: z.string().min(1, "Title is required"),
+  content: z.string().min(1, "Content is required"),
+  tags: z.array(z.string()).min(1, "At least one tag is required"),
+});
+
+export type ChangelogOutput = z.infer<typeof ChangelogOutputSchema>;
+
+const MAX_COMMITS = 50;
+const MAX_FILES = 100;
+
+export async function generateChangelog(
+  input: ChangelogInput
+): Promise<ChangelogOutput> {
+  const workflowId = process.env.MANAGEPROMPT_CHANGELOG_WORKFLOW_ID;
+
+  if (!workflowId) {
+    throw new Error("MANAGEPROMPT_CHANGELOG_WORKFLOW_ID not configured");
+  }
+
+  const truncatedCommits = input.commits.slice(0, MAX_COMMITS);
+  const truncatedFiles = [...input.files]
+    .sort((a, b) => (b.additions + b.deletions) - (a.additions + a.deletions))
+    .slice(0, MAX_FILES);
+
+  const result = await runWorkflow(workflowId, {
+    pr_title: input.pr.title,
+    pr_body: input.pr.body || "",
+    commits: truncatedCommits.map((c) => c.commit.message).join("\n"),
+    files_changed: truncatedFiles
+      .map((f) => `${f.status}: ${f.filename}`)
+      .join("\n"),
+    additions: input.pr.additions,
+    deletions: input.pr.deletions,
+    user_instructions: input.userInstructions,
+    previous_draft_title: input.previousDraft?.title || "",
+    previous_draft_content: input.previousDraft?.content || "",
+    previous_draft_tags: input.previousDraft?.tags?.join(", ") || "",
+  });
+
+  const parsed = JSON.parse(result);
+  return ChangelogOutputSchema.parse(parsed);
+}
diff --git a/apps/web/utils/github.ts b/apps/web/utils/github.ts
new file mode 100644
index 0000000..4d5082f
--- /dev/null
+++ b/apps/web/utils/github.ts
@@ -0,0 +1,163 @@
+import * as crypto from "crypto";
+import { App } from "@octokit/app";
+
+export interface GitHubPRDetails {
+  title: string;
+  body: string | null;
+  number: number;
+  html_url: string;
+  user: {
+    login: string;
+  } | null;
+  head: {
+    ref: string;
+  };
+  base: {
+    ref: string;
+  };
+  merged: boolean;
+  additions: number;
+  deletions: number;
+  changed_files: number;
+}
+
+export interface GitHubCommit {
+  sha: string;
+  commit: {
+    message: string;
+  };
+}
+
+export interface GitHubFile {
+  filename: string;
+  status: string;
+  additions: number;
+  deletions: number;
+  patch?: string;
+}
+
+let app: App | null = null;
+
+function getApp(): App {
+  if (!app) {
+    const appId = process.env.GITHUB_APP_ID;
+    const privateKey = process.env.GITHUB_APP_PRIVATE_KEY;
+
+    if (!appId || !privateKey) {
+      throw new Error("GitHub App credentials not configured");
+    }
+
+    app = new App({
+      appId,
+      privateKey: Buffer.from(privateKey, "base64").toString("utf-8"),
+    });
+  }
+  return app;
+}
+
+export async function getOctokit(installationId: number) {
+  return getApp().getInstallationOctokit(installationId);
+}
+
+export function verifyGitHubWebhookSignature(
+  payload: string,
+  signature: string | undefined,
+  secret: string
+): boolean {
+  if (!signature) return false;
+
+  const expectedSignature =
+    "sha256=" +
+    crypto.createHmac("sha256", secret).update(payload).digest("hex");
+
+  return crypto.timingSafeEqual(
+    Buffer.from(signature),
+    Buffer.from(expectedSignature)
+  );
+}
+
+export async function getPRDetails(
+  owner: string,
+  repo: string,
+  prNumber: number,
+  installationId: number
+): Promise<GitHubPRDetails> {
+  const octokit = await getOctokit(installationId);
+  const { data } = await octokit.request("GET /repos/{owner}/{repo}/pulls/{pull_number}", {
+    owner,
+    repo,
+    pull_number: prNumber,
+  });
+  return data as GitHubPRDetails;
+}
+
+export async function getPRCommits(
+  owner: string,
+  repo: string,
+  prNumber: number,
+  installationId: number
+): Promise<GitHubCommit[]> {
+  const octokit = await getOctokit(installationId);
+  const { data } = await octokit.request("GET /repos/{owner}/{repo}/pulls/{pull_number}/commits", {
+    owner,
+    repo,
+    pull_number: prNumber,
+  });
+  return data as GitHubCommit[];
+}
+
+export async function getPRFiles(
+  owner: string,
+  repo: string,
+  prNumber: number,
+  installationId: number
+): Promise<GitHubFile[]> {
+  const octokit = await getOctokit(installationId);
+  const { data } = await octokit.request("GET /repos/{owner}/{repo}/pulls/{pull_number}/files", {
+    owner,
+    repo,
+    pull_number: prNumber,
+  });
+  return data as GitHubFile[];
+}
+
+export async function createPRComment(
+  owner: string,
+  repo: string,
+  issueNumber: number,
+  body: string,
+  installationId: number
+): Promise<number> {
+  const octokit = await getOctokit(installationId);
+  const { data } = await octokit.request("POST /repos/{owner}/{repo}/issues/{issue_number}/comments", {
+    owner,
+    repo,
+    issue_number: issueNumber,
+    body,
+  });
+  return data.id;
+}
+
+export async function addReactionToComment(
+  owner: string,
+  repo: string,
+  commentId: number,
+  reaction:
+    | "eyes"
+    | "+1"
+    | "-1"
+    | "laugh"
+    | "confused"
+    | "heart"
+    | "hooray"
+    | "rocket",
+  installationId: number
+): Promise<void> {
+  const octokit = await getOctokit(installationId);
+  await octokit.request("POST /repos/{owner}/{repo}/issues/comments/{comment_id}/reactions", {
+    owner,
+    repo,
+    comment_id: commentId,
+    content: reaction,
+  });
+}
diff --git a/packages/supabase/migrations/21_github_agent.sql b/packages/supabase/migrations/21_github_agent.sql
new file mode 100644
index 0000000..aeb22dd
--- /dev/null
+++ b/packages/supabase/migrations/21_github_agent.sql
@@ -0,0 +1,46 @@
+create table github_installations (
+  id uuid default uuid_generate_v4() primary key,
+  page_id uuid references pages(id) on delete cascade not null,
+  installation_id bigint not null,
+  repository_owner text not null,
+  repository_name text not null,
+  connected_by uuid references users(id) on delete set null,
+  enabled boolean default true not null,
+  ai_instructions text,
+  created_at timestamp with time zone default timezone('utc'::text, now()) not null,
+  updated_at timestamp with time zone default timezone('utc'::text, now()) not null
+);
+
+alter table github_installations add constraint unique_page_repo unique (page_id, repository_owner, repository_name);
+alter table github_installations add constraint unique_installation_repo unique (installation_id, repository_owner, repository_name);
+
+alter table github_installations enable row level security;
+
+CREATE TRIGGER set_timestamp
+BEFORE UPDATE ON github_installations
+FOR EACH ROW
+EXECUTE PROCEDURE trigger_set_timestamp();
+
+create table github_post_references (
+  post_id uuid references posts(id) on delete cascade primary key,
+  installation_id bigint not null,
+  repository_owner text not null,
+  repository_name text not null,
+  pr_number integer not null,
+  pr_url text not null,
+  comment_id bigint,
+  generation_count integer default 1 not null,
+  created_at timestamp with time zone default timezone('utc'::text, now()) not null,
+  updated_at timestamp with time zone default timezone('utc'::text, now()) not null
+);
+
+alter table github_post_references
+  add constraint unique_post_per_pr
+  unique (repository_owner, repository_name, pr_number);
+
+alter table github_post_references enable row level security;
+
+CREATE TRIGGER set_timestamp_github_post_references
+BEFORE UPDATE ON github_post_references
+FOR EACH ROW
+EXECUTE PROCEDURE trigger_set_timestamp();
diff --git a/packages/supabase/types/index.ts b/packages/supabase/types/index.ts
index f337853..fda43f4 100644
--- a/packages/supabase/types/index.ts
+++ b/packages/supabase/types/index.ts
@@ -14,6 +14,107 @@ export type Database = {
   }
   public: {
     Tables: {
+      github_installations: {
+        Row: {
+          ai_instructions: string | null
+          connected_by: string | null
+          created_at: string
+          enabled: boolean
+          id: string
+          installation_id: number
+          page_id: string
+          repository_name: string
+          repository_owner: string
+          updated_at: string
+        }
+        Insert: {
+          ai_instructions?: string | null
+          connected_by?: string | null
+          created_at?: string
+          enabled?: boolean
+          id?: string
+          installation_id: number
+          page_id: string
+          repository_name: string
+          repository_owner: string
+          updated_at?: string
+        }
+        Update: {
+          ai_instructions?: string | null
+          connected_by?: string | null
+          created_at?: string
+          enabled?: boolean
+          id?: string
+          installation_id?: number
+          page_id?: string
+          repository_name?: string
+          repository_owner?: string
+          updated_at?: string
+        }
+        Relationships: [
+          {
+            foreignKeyName: "github_installations_connected_by_fkey"
+            columns: ["connected_by"]
+            isOneToOne: false
+            referencedRelation: "users"
+            referencedColumns: ["id"]
+          },
+          {
+            foreignKeyName: "github_installations_page_id_fkey"
+            columns: ["page_id"]
+            isOneToOne: false
+            referencedRelation: "pages"
+            referencedColumns: ["id"]
+          },
+        ]
+      }
+      github_post_references: {
+        Row: {
+          comment_id: number | null
+          created_at: string
+          generation_count: number
+          installation_id: number
+          post_id: string
+          pr_number: number
+          pr_url: string
+          repository_name: string
+          repository_owner: string
+          updated_at: string
+        }
+        Insert: {
+          comment_id?: number | null
+          created_at?: string
+          generation_count?: number
+          installation_id: number
+          post_id: string
+          pr_number: number
+          pr_url: string
+          repository_name: string
+          repository_owner: string
+          updated_at?: string
+        }
+        Update: {
+          comment_id?: number | null
+          created_at?: string
+          generation_count?: number
+          installation_id?: number
+          post_id?: string
+          pr_number?: number
+          pr_url?: string
+          repository_name?: string
+          repository_owner?: string
+          updated_at?: string
+        }
+        Relationships: [
+          {
+            foreignKeyName: "github_post_references_post_id_fkey"
+            columns: ["post_id"]
+            isOneToOne: true
+            referencedRelation: "posts"
+            referencedColumns: ["id"]
+          },
+        ]
+      }
       page_audit_logs: {
         Row: {
           action: string
@@ -829,7 +930,7 @@ export type Database = {
     }
     Functions: {
       get_pages_with_inactive_subscriptions: {
-        Args: Record<PropertyKey, never>
+        Args: never
         Returns: {
           page_created_at: string
           page_id: string
@@ -846,14 +947,8 @@ export type Database = {
         Args: { board_id: string }
         Returns: undefined
       }
-      is_subscription_active: {
-        Args: { user_id: string }
-        Returns: boolean
-      }
-      is_team_member: {
-        Args: { tid: string; uid: string }
-        Returns: boolean
-      }
+      is_subscription_active: { Args: { user_id: string }; Returns: boolean }
+      is_team_member: { Args: { tid: string; uid: string }; Returns: boolean }
       page_view_browsers: {
         Args: { date: string; pageid: string }
         Returns: {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 4b23847..f85a6d4 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -246,6 +246,9 @@ importers:
       '@monaco-editor/react':
         specifier: ^4.6.0
         version: 4.7.0(monaco-editor@0.52.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@octokit/app':
+        specifier: ^16.1.2
+        version: 16.1.2
       '@sanity/client':
         specifier: ^5.4.2
         version: 5.4.2
@@ -399,6 +402,9 @@ importers:
       yup:
         specifier: ^1.3.3
         version: 1.6.1
+      zod:
+        specifier: ^4.1.13
+        version: 4.1.13
     devDependencies:
       '@next/bundle-analyzer':
         specifier: ^13.1.5
@@ -1196,6 +1202,89 @@ packages:
     resolution: {integrity: sha512-nn5ozdjYQpUCZlWGuxcJY/KpxkWQs4DcbMCmKojjyrYDEAGy4Ce19NN4v5MduafTwJlbKc99UA8YhSVqq9yPZA==}
     engines: {node: '>=12.4.0'}
 
+  '@octokit/app@16.1.2':
+    resolution: {integrity: sha512-8j7sEpUYVj18dxvh0KWj6W/l6uAiVRBl1JBDVRqH1VHKAO/G5eRVl4yEoYACjakWers1DjUkcCHyJNQK47JqyQ==}
+    engines: {node: '>= 20'}
+
+  '@octokit/auth-app@8.1.2':
+    resolution: {integrity: sha512-db8VO0PqXxfzI6GdjtgEFHY9tzqUql5xMFXYA12juq8TeTgPAuiiP3zid4h50lwlIP457p5+56PnJOgd2GGBuw==}
+    engines: {node: '>= 20'}
+
+  '@octokit/auth-oauth-app@9.0.3':
+    resolution: {integrity: sha512-+yoFQquaF8OxJSxTb7rnytBIC2ZLbLqA/yb71I4ZXT9+Slw4TziV9j/kyGhUFRRTF2+7WlnIWsePZCWHs+OGjg==}
+    engines: {node: '>= 20'}
+
+  '@octokit/auth-oauth-device@8.0.3':
+    resolution: {integrity: sha512-zh2W0mKKMh/VWZhSqlaCzY7qFyrgd9oTWmTmHaXnHNeQRCZr/CXy2jCgHo4e4dJVTiuxP5dLa0YM5p5QVhJHbw==}
+    engines: {node: '>= 20'}
+
+  '@octokit/auth-oauth-user@6.0.2':
+    resolution: {integrity: sha512-qLoPPc6E6GJoz3XeDG/pnDhJpTkODTGG4kY0/Py154i/I003O9NazkrwJwRuzgCalhzyIeWQ+6MDvkUmKXjg/A==}
+    engines: {node: '>= 20'}
+
+  '@octokit/auth-token@6.0.0':
+    resolution: {integrity: sha512-P4YJBPdPSpWTQ1NU4XYdvHvXJJDxM6YwpS0FZHRgP7YFkdVxsWcpWGy/NVqlAA7PcPCnMacXlRm1y2PFZRWL/w==}
+    engines: {node: '>= 20'}
+
+  '@octokit/auth-unauthenticated@7.0.3':
+    resolution: {integrity: sha512-8Jb1mtUdmBHL7lGmop9mU9ArMRUTRhg8vp0T1VtZ4yd9vEm3zcLwmjQkhNEduKawOOORie61xhtYIhTDN+ZQ3g==}
+    engines: {node: '>= 20'}
+
+  '@octokit/core@7.0.6':
+    resolution: {integrity: sha512-DhGl4xMVFGVIyMwswXeyzdL4uXD5OGILGX5N8Y+f6W7LhC1Ze2poSNrkF/fedpVDHEEZ+PHFW0vL14I+mm8K3Q==}
+    engines: {node: '>= 20'}
+
+  '@octokit/endpoint@11.0.2':
+    resolution: {integrity: sha512-4zCpzP1fWc7QlqunZ5bSEjxc6yLAlRTnDwKtgXfcI/FxxGoqedDG8V2+xJ60bV2kODqcGB+nATdtap/XYq2NZQ==}
+    engines: {node: '>= 20'}
+
+  '@octokit/graphql@9.0.3':
+    resolution: {integrity: sha512-grAEuupr/C1rALFnXTv6ZQhFuL1D8G5y8CN04RgrO4FIPMrtm+mcZzFG7dcBm+nq+1ppNixu+Jd78aeJOYxlGA==}
+    engines: {node: '>= 20'}
+
+  '@octokit/oauth-app@8.0.3':
+    resolution: {integrity: sha512-jnAjvTsPepyUaMu9e69hYBuozEPgYqP4Z3UnpmvoIzHDpf8EXDGvTY1l1jK0RsZ194oRd+k6Hm13oRU8EoDFwg==}
+    engines: {node: '>= 20'}
+
+  '@octokit/oauth-authorization-url@8.0.0':
+    resolution: {integrity: sha512-7QoLPRh/ssEA/HuHBHdVdSgF8xNLz/Bc5m9fZkArJE5bb6NmVkDm3anKxXPmN1zh6b5WKZPRr3697xKT/yM3qQ==}
+    engines: {node: '>= 20'}
+
+  '@octokit/oauth-methods@6.0.2':
+    resolution: {integrity: sha512-HiNOO3MqLxlt5Da5bZbLV8Zarnphi4y9XehrbaFMkcoJ+FL7sMxH/UlUsCVxpddVu4qvNDrBdaTVE2o4ITK8ng==}
+    engines: {node: '>= 20'}
+
+  '@octokit/openapi-types@27.0.0':
+    resolution: {integrity: sha512-whrdktVs1h6gtR+09+QsNk2+FO+49j6ga1c55YZudfEG+oKJVvJLQi3zkOm5JjiUXAagWK2tI2kTGKJ2Ys7MGA==}
+
+  '@octokit/openapi-webhooks-types@12.1.0':
+    resolution: {integrity: sha512-WiuzhOsiOvb7W3Pvmhf8d2C6qaLHXrWiLBP4nJ/4kydu+wpagV5Fkz9RfQwV2afYzv3PB+3xYgp4mAdNGjDprA==}
+
+  '@octokit/plugin-paginate-rest@14.0.0':
+    resolution: {integrity: sha512-fNVRE7ufJiAA3XUrha2omTA39M6IXIc6GIZLvlbsm8QOQCYvpq/LkMNGyFlB1d8hTDzsAXa3OKtybdMAYsV/fw==}
+    engines: {node: '>= 20'}
+    peerDependencies:
+      '@octokit/core': '>=6'
+
+  '@octokit/request-error@7.1.0':
+    resolution: {integrity: sha512-KMQIfq5sOPpkQYajXHwnhjCC0slzCNScLHs9JafXc4RAJI+9f+jNDlBNaIMTvazOPLgb4BnlhGJOTbnN0wIjPw==}
+    engines: {node: '>= 20'}
+
+  '@octokit/request@10.0.7':
+    resolution: {integrity: sha512-v93h0i1yu4idj8qFPZwjehoJx4j3Ntn+JhXsdJrG9pYaX6j/XRz2RmasMUHtNgQD39nrv/VwTWSqK0RNXR8upA==}
+    engines: {node: '>= 20'}
+
+  '@octokit/types@16.0.0':
+    resolution: {integrity: sha512-sKq+9r1Mm4efXW1FCk7hFSeJo4QKreL/tTbR0rz/qx/r1Oa2VV83LTA/H/MuCOX7uCIJmQVRKBcbmWoySjAnSg==}
+
+  '@octokit/webhooks-methods@6.0.0':
+    resolution: {integrity: sha512-MFlzzoDJVw/GcbfzVC1RLR36QqkTLUf79vLVO3D+xn7r0QgxnFoLZgtrzxiQErAjFUOdH6fas2KeQJ1yr/qaXQ==}
+    engines: {node: '>= 20'}
+
+  '@octokit/webhooks@14.2.0':
+    resolution: {integrity: sha512-da6KbdNCV5sr1/txD896V+6W0iamFWrvVl8cHkBSPT+YlvmT3DwXa4jxZnQc+gnuTEqSWbBeoSZYTayXH9wXcw==}
+    engines: {node: '>= 20'}
+
   '@orama/orama@3.1.6':
     resolution: {integrity: sha512-qtSrqCqRU93SjEBedz987tvWao1YQSELjBhGkHYGVP7Dg0lBWP6d+uZEIt5gxTAYio/YWWlhivmRABvRfPLmnQ==}
     engines: {node: '>= 16.0.0'}
@@ -1874,6 +1963,9 @@ packages:
   '@tybys/wasm-util@0.9.0':
     resolution: {integrity: sha512-6+7nlbMVX/PVDCwaIQ8nTOPveOcFLSt8GcXdx8hD0bt39uWxYT88uXzqTd4fTvqta7oeUJqudepapKNt2DYJFw==}
 
+  '@types/aws-lambda@8.10.159':
+    resolution: {integrity: sha512-SAP22WSGNN12OQ8PlCzGzRCZ7QDCwI85dQZbmpz7+mAk+L7j+wI7qnvmdKh+o7A5LaOp6QnOZ2NJphAZQTTHQg==}
+
   '@types/canvas-confetti@1.9.0':
     resolution: {integrity: sha512-aBGj/dULrimR1XDZLtG9JwxX1b4HPRF6CX9Yfwh3NvstZEm1ZL7RBnel4keCPSqs1ANRu1u2Aoz9R+VmtjYuTg==}
 
@@ -2335,6 +2427,9 @@ packages:
   base64-js@1.5.1:
     resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==}
 
+  before-after-hook@4.0.0:
+    resolution: {integrity: sha512-q6tR3RPqIB1pMiTRMFcZwuG5T8vwp+vUvEG0vuI6B+Rikh5BfPp2fQ82c925FOs+b0lcFQ8CFrL+KbilfZFhOQ==}
+
   binary-extensions@2.3.0:
     resolution: {integrity: sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==}
     engines: {node: '>=8'}
@@ -3023,6 +3118,9 @@ packages:
   extend@3.0.2:
     resolution: {integrity: sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==}
 
+  fast-content-type-parse@3.0.0:
+    resolution: {integrity: sha512-ZvLdcY8P+N8mGQJahJV5G4U88CSvT1rP8ApL6uETe88MBXrBHAkZlSEySdUlyztF7ccb+Znos3TFqaepHxdhBg==}
+
   fast-deep-equal@3.1.3:
     resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
 
@@ -5142,6 +5240,10 @@ packages:
     resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
     engines: {node: '>=8.0'}
 
+  toad-cache@3.7.0:
+    resolution: {integrity: sha512-/m8M+2BJUpoJdgAHoG+baCwBT+tf2VraSfkBgl0Y00qIWt41DJ8R5B8nsEw0I58YwF5IZH6z24/2TobDKnqSWw==}
+    engines: {node: '>=12'}
+
   toidentifier@1.0.1:
     resolution: {integrity: sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==}
     engines: {node: '>=0.6'}
@@ -5306,6 +5408,12 @@ packages:
   unist-util-visit@5.0.0:
     resolution: {integrity: sha512-MR04uvD+07cwl/yhVuVWAtw+3GOR/knlL55Nd/wAdblk27GCVt3lqpTivy/tkJcZoNPzTwS1Y+KMojlLDhoTzg==}
 
+  universal-github-app-jwt@2.2.2:
+    resolution: {integrity: sha512-dcmbeSrOdTnsjGjUfAlqNDJrhxXizjAz94ija9Qw8YkZ1uu0d+GoZzyH+Jb9tIIqvGsadUfwg+22k5aDqqwzbw==}
+
+  universal-user-agent@7.0.3:
+    resolution: {integrity: sha512-TmnEAEAsBJVZM/AADELsK76llnwcf9vMKuPz8JflO1frO8Lchitr0fNaN9d+Ap0BjKtqWqd/J17qeDnXh8CL2A==}
+
   unpipe@1.0.0:
     resolution: {integrity: sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==}
     engines: {node: '>= 0.8'}
@@ -6098,6 +6206,131 @@ snapshots:
 
   '@nolyfill/is-core-module@1.0.39': {}
 
+  '@octokit/app@16.1.2':
+    dependencies:
+      '@octokit/auth-app': 8.1.2
+      '@octokit/auth-unauthenticated': 7.0.3
+      '@octokit/core': 7.0.6
+      '@octokit/oauth-app': 8.0.3
+      '@octokit/plugin-paginate-rest': 14.0.0(@octokit/core@7.0.6)
+      '@octokit/types': 16.0.0
+      '@octokit/webhooks': 14.2.0
+
+  '@octokit/auth-app@8.1.2':
+    dependencies:
+      '@octokit/auth-oauth-app': 9.0.3
+      '@octokit/auth-oauth-user': 6.0.2
+      '@octokit/request': 10.0.7
+      '@octokit/request-error': 7.1.0
+      '@octokit/types': 16.0.0
+      toad-cache: 3.7.0
+      universal-github-app-jwt: 2.2.2
+      universal-user-agent: 7.0.3
+
+  '@octokit/auth-oauth-app@9.0.3':
+    dependencies:
+      '@octokit/auth-oauth-device': 8.0.3
+      '@octokit/auth-oauth-user': 6.0.2
+      '@octokit/request': 10.0.7
+      '@octokit/types': 16.0.0
+      universal-user-agent: 7.0.3
+
+  '@octokit/auth-oauth-device@8.0.3':
+    dependencies:
+      '@octokit/oauth-methods': 6.0.2
+      '@octokit/request': 10.0.7
+      '@octokit/types': 16.0.0
+      universal-user-agent: 7.0.3
+
+  '@octokit/auth-oauth-user@6.0.2':
+    dependencies:
+      '@octokit/auth-oauth-device': 8.0.3
+      '@octokit/oauth-methods': 6.0.2
+      '@octokit/request': 10.0.7
+      '@octokit/types': 16.0.0
+      universal-user-agent: 7.0.3
+
+  '@octokit/auth-token@6.0.0': {}
+
+  '@octokit/auth-unauthenticated@7.0.3':
+    dependencies:
+      '@octokit/request-error': 7.1.0
+      '@octokit/types': 16.0.0
+
+  '@octokit/core@7.0.6':
+    dependencies:
+      '@octokit/auth-token': 6.0.0
+      '@octokit/graphql': 9.0.3
+      '@octokit/request': 10.0.7
+      '@octokit/request-error': 7.1.0
+      '@octokit/types': 16.0.0
+      before-after-hook: 4.0.0
+      universal-user-agent: 7.0.3
+
+  '@octokit/endpoint@11.0.2':
+    dependencies:
+      '@octokit/types': 16.0.0
+      universal-user-agent: 7.0.3
+
+  '@octokit/graphql@9.0.3':
+    dependencies:
+      '@octokit/request': 10.0.7
+      '@octokit/types': 16.0.0
+      universal-user-agent: 7.0.3
+
+  '@octokit/oauth-app@8.0.3':
+    dependencies:
+      '@octokit/auth-oauth-app': 9.0.3
+      '@octokit/auth-oauth-user': 6.0.2
+      '@octokit/auth-unauthenticated': 7.0.3
+      '@octokit/core': 7.0.6
+      '@octokit/oauth-authorization-url': 8.0.0
+      '@octokit/oauth-methods': 6.0.2
+      '@types/aws-lambda': 8.10.159
+      universal-user-agent: 7.0.3
+
+  '@octokit/oauth-authorization-url@8.0.0': {}
+
+  '@octokit/oauth-methods@6.0.2':
+    dependencies:
+      '@octokit/oauth-authorization-url': 8.0.0
+      '@octokit/request': 10.0.7
+      '@octokit/request-error': 7.1.0
+      '@octokit/types': 16.0.0
+
+  '@octokit/openapi-types@27.0.0': {}
+
+  '@octokit/openapi-webhooks-types@12.1.0': {}
+
+  '@octokit/plugin-paginate-rest@14.0.0(@octokit/core@7.0.6)':
+    dependencies:
+      '@octokit/core': 7.0.6
+      '@octokit/types': 16.0.0
+
+  '@octokit/request-error@7.1.0':
+    dependencies:
+      '@octokit/types': 16.0.0
+
+  '@octokit/request@10.0.7':
+    dependencies:
+      '@octokit/endpoint': 11.0.2
+      '@octokit/request-error': 7.1.0
+      '@octokit/types': 16.0.0
+      fast-content-type-parse: 3.0.0
+      universal-user-agent: 7.0.3
+
+  '@octokit/types@16.0.0':
+    dependencies:
+      '@octokit/openapi-types': 27.0.0
+
+  '@octokit/webhooks-methods@6.0.0': {}
+
+  '@octokit/webhooks@14.2.0':
+    dependencies:
+      '@octokit/openapi-webhooks-types': 12.1.0
+      '@octokit/request-error': 7.1.0
+      '@octokit/webhooks-methods': 6.0.0
+
   '@orama/orama@3.1.6': {}
 
   '@pkgjs/parseargs@0.11.0':
@@ -6848,6 +7081,8 @@ snapshots:
       tslib: 2.8.1
     optional: true
 
+  '@types/aws-lambda@8.10.159': {}
+
   '@types/canvas-confetti@1.9.0': {}
 
   '@types/codemirror@5.60.15':
@@ -7322,6 +7557,8 @@ snapshots:
 
   base64-js@1.5.1: {}
 
+  before-after-hook@4.0.0: {}
+
   binary-extensions@2.3.0: {}
 
   body-parser@2.2.1:
@@ -8174,6 +8411,8 @@ snapshots:
 
   extend@3.0.2: {}
 
+  fast-content-type-parse@3.0.0: {}
+
   fast-deep-equal@3.1.3: {}
 
   fast-glob@3.3.3:
@@ -11083,6 +11322,8 @@ snapshots:
     dependencies:
       is-number: 7.0.0
 
+  toad-cache@3.7.0: {}
+
   toidentifier@1.0.1: {}
 
   toposort@2.0.2: {}
@@ -11268,6 +11509,10 @@ snapshots:
       unist-util-is: 6.0.0
       unist-util-visit-parents: 6.0.1
 
+  universal-github-app-jwt@2.2.2: {}
+
+  universal-user-agent@7.0.3: {}
+
   unpipe@1.0.0: {}
 
   unrs-resolver@1.7.2:

From 717c48a016e5c504609418adc5d4964c24869c20 Mon Sep 17 00:00:00 2001
From: Arjun Komath <arjunkomath@gmail.com>
Date: Mon, 15 Dec 2025 00:23:43 +1100
Subject: [PATCH 02/11] Fix build, address CR

---
 .../components/page-settings/github-agent.tsx |  18 +--
 .../inngest/jobs/process-github-changelog.ts  | 109 ++++++++++--------
 .../pages/api/integrations/github/callback.ts |  39 +++++--
 .../api/integrations/github/installations.ts  |  77 +++++++------
 .../pages/api/integrations/github/repos.ts    |  16 +--
 .../supabase/migrations/21_github_agent.sql   |  33 ++++++
 packages/supabase/types/github.ts             |   4 +
 packages/supabase/types/index.ts              |   9 ++
 8 files changed, 189 insertions(+), 116 deletions(-)
 create mode 100644 packages/supabase/types/github.ts

diff --git a/apps/web/components/page-settings/github-agent.tsx b/apps/web/components/page-settings/github-agent.tsx
index 0c1155c..4e8f2af 100644
--- a/apps/web/components/page-settings/github-agent.tsx
+++ b/apps/web/components/page-settings/github-agent.tsx
@@ -1,25 +1,15 @@
+import { IGitHubInstallations } from "@changes-page/supabase/types/github";
 import { Spinner } from "@changes-page/ui";
 import { ExternalLinkIcon, TrashIcon } from "@heroicons/react/outline";
 import { useEffect, useState } from "react";
 import { notifyError, notifySuccess } from "../core/toast.component";
 import WarningDialog from "../dialogs/warning-dialog.component";
 
-interface GitHubInstallation {
-  id: string;
-  page_id: string;
-  installation_id: number;
-  repository_owner: string;
-  repository_name: string;
-  enabled: boolean;
-  ai_instructions: string | null;
-  created_at: string;
-}
-
 export default function GitHubAgentSettings({ pageId }: { pageId: string }) {
-  const [installations, setInstallations] = useState<GitHubInstallation[]>([]);
+  const [installations, setInstallations] = useState<IGitHubInstallations[]>([]);
   const [loading, setLoading] = useState(true);
   const [saving, setSaving] = useState<string | null>(null);
-  const [deleteTarget, setDeleteTarget] = useState<GitHubInstallation | null>(null);
+  const [deleteTarget, setDeleteTarget] = useState<IGitHubInstallations | null>(null);
   const [deleting, setDeleting] = useState(false);
 
   useEffect(() => {
@@ -43,7 +33,7 @@ export default function GitHubAgentSettings({ pageId }: { pageId: string }) {
   }
 
   async function updateInstallation(
-    installation: GitHubInstallation,
+    installation: IGitHubInstallations,
     updates: { enabled?: boolean; ai_instructions?: string | null }
   ) {
     setSaving(installation.id);
diff --git a/apps/web/inngest/jobs/process-github-changelog.ts b/apps/web/inngest/jobs/process-github-changelog.ts
index bd26e54..53a2b94 100644
--- a/apps/web/inngest/jobs/process-github-changelog.ts
+++ b/apps/web/inngest/jobs/process-github-changelog.ts
@@ -11,16 +11,14 @@ import {
 import inngestClient from "../../utils/inngest";
 import { createPost } from "../../utils/useDatabase";
 
-const MAX_RETRIES = 3;
-
 export const processGitHubChangelog = inngestClient.createFunction(
   {
     id: "github-process-changelog",
     name: "GitHub: Process changelog from PR",
-    retries: MAX_RETRIES,
+    retries: 3,
   },
   { event: "github/changelog.process" },
-  async ({ event, attempt }) => {
+  async ({ event }) => {
     const {
       installationId,
       owner,
@@ -70,7 +68,9 @@ export const processGitHubChangelog = inngestClient.createFunction(
         .eq("pr_number", prNumber)
         .single();
 
-      let previousDraft: { title: string; content: string; tags: string[] } | undefined;
+      let previousDraft:
+        | { title: string; content: string; tags: string[] }
+        | undefined;
 
       if (existingRef) {
         const { data: existingPost } = await supabaseAdmin
@@ -98,7 +98,7 @@ export const processGitHubChangelog = inngestClient.createFunction(
         installation.ai_instructions,
         userInstructions,
       ]
-        .filter(Boolean)
+        .filter((s) => s?.trim())
         .join("\n\n");
 
       const changelog = await generateChangelog({
@@ -112,31 +112,35 @@ export const processGitHubChangelog = inngestClient.createFunction(
       let postId: string;
       let dashboardUrl: string;
 
-      const baseUrl = process.env.NEXT_PUBLIC_SITE_URL || "https://changes.page";
+      const baseUrl =
+        process.env.NEXT_PUBLIC_SITE_URL || "https://changes.page";
 
       if (existingRef) {
         postId = existingRef.post_id;
         dashboardUrl = `${baseUrl}/page/${page.url_slug}/posts/${postId}`;
 
-        await supabaseAdmin
-          .from("posts")
-          .update({
-            title: changelog.title,
-            content: changelog.content,
-            tags: changelog.tags,
-          })
-          .eq("id", postId);
-
-        await supabaseAdmin
-          .from("github_post_references")
-          .update({ generation_count: existingRef.generation_count + 1 })
-          .eq("post_id", postId);
+        const { data: newGenerationCount, error: updateError } =
+          await supabaseAdmin.rpc("update_github_changelog_draft", {
+            p_post_id: postId,
+            p_title: changelog.title,
+            p_content: changelog.content,
+            p_tags: changelog.tags,
+          });
+
+        if (updateError) {
+          console.error("Failed to update changelog draft:", {
+            error: updateError,
+            postId,
+            context: { owner, repo, prNumber },
+          });
+          throw new Error(`Failed to update changelog draft: ${updateError.message}`);
+        }
 
         await createPRComment(
           owner,
           repo,
           issueNumber,
-          `📝 **Changelog draft updated!** (v${existingRef.generation_count + 1})\n\nI've updated the draft based on your feedback.\n\n**[View and edit your draft →](${dashboardUrl})**\n\nOnce you're happy with it, you can publish it from the dashboard.`,
+          `📝 **Changelog draft updated!** (v${newGenerationCount})\n\nI've updated the draft based on your feedback.\n\n**[View and edit your draft →](${dashboardUrl})**\n\nOnce you're happy with it, you can publish it from the dashboard.`,
           installationId
         );
       } else {
@@ -159,17 +163,34 @@ export const processGitHubChangelog = inngestClient.createFunction(
 
         const commentBody = `📝 **Changelog draft created!**\n\nI've created a draft changelog post based on this PR.\n\n**[View and edit your draft →](${dashboardUrl})**\n\nOnce you're happy with it, you can publish it from the dashboard.`;
 
-        const commentId = await createPRComment(owner, repo, issueNumber, commentBody, installationId);
+        const commentId = await createPRComment(
+          owner,
+          repo,
+          issueNumber,
+          commentBody,
+          installationId
+        );
 
-        await supabaseAdmin.from("github_post_references").insert({
-          post_id: postId,
-          installation_id: installationId,
-          repository_owner: owner,
-          repository_name: repo,
-          pr_number: prNumber,
-          pr_url: pr.html_url,
-          comment_id: commentId,
-        });
+        const { error: insertError } = await supabaseAdmin
+          .from("github_post_references")
+          .insert({
+            post_id: postId,
+            installation_id: installationId,
+            repository_owner: owner,
+            repository_name: repo,
+            pr_number: prNumber,
+            pr_url: pr.html_url,
+            comment_id: commentId,
+          });
+
+        if (insertError) {
+          console.error("Failed to create GitHub post reference:", {
+            error: insertError,
+            postId,
+            context: { owner, repo, prNumber },
+          });
+          throw new Error(`Failed to create GitHub post reference: ${insertError.message}`);
+        }
       }
 
       return {
@@ -179,26 +200,12 @@ export const processGitHubChangelog = inngestClient.createFunction(
         updated: !!existingRef,
       };
     } catch (error) {
-      console.error("Error processing changelog:", error);
-
-      const isFinalAttempt = attempt >= MAX_RETRIES - 1;
-
-      if (isFinalAttempt) {
-        try {
-          await createPRComment(
-            owner,
-            repo,
-            issueNumber,
-            `❌ **Failed to create changelog**\n\nSorry, I encountered an error while processing this PR. Please try again or create the changelog manually.\n\nError: ${
-              error instanceof Error ? error.message : "Unknown error"
-            }`,
-            installationId
-          );
-        } catch (commentError) {
-          console.error("Failed to post error comment:", commentError);
-        }
-      }
-
+      console.error("Error processing changelog:", {
+        error,
+        message: error instanceof Error ? error.message : "Unknown error",
+        stack: error instanceof Error ? error.stack : undefined,
+        context: { installationId, owner, repo, prNumber, issueNumber },
+      });
       throw error;
     }
   }
diff --git a/apps/web/pages/api/integrations/github/callback.ts b/apps/web/pages/api/integrations/github/callback.ts
index 922bbe7..56ec595 100644
--- a/apps/web/pages/api/integrations/github/callback.ts
+++ b/apps/web/pages/api/integrations/github/callback.ts
@@ -1,20 +1,41 @@
 import type { NextApiRequest, NextApiResponse } from "next";
 
+function getSingleValue(value: string | string[] | undefined): string | undefined {
+  if (Array.isArray(value)) {
+    return value[0];
+  }
+  return value;
+}
+
+function isValidInstallationId(value: string | undefined): boolean {
+  if (!value) return false;
+  if (value.length > 20) return false;
+  return /^\d+$/.test(value);
+}
+
+function isValidCode(value: string | undefined): boolean {
+  if (!value) return false;
+  if (value.length > 100) return false;
+  return /^[a-zA-Z0-9_-]+$/.test(value);
+}
+
 export default async function handler(
   req: NextApiRequest,
   res: NextApiResponse
 ) {
-  const { installation_id, setup_action, code } = req.query;
+  const setup_action = getSingleValue(req.query.setup_action);
+  const installation_id = getSingleValue(req.query.installation_id);
+  const code = getSingleValue(req.query.code);
 
-  if (setup_action === "install" && installation_id) {
-    if (code) {
-      return res.redirect(
-        `/integrations/github/setup?installation_id=${installation_id}&code=${code}`
-      );
+  if (setup_action === "install" && isValidInstallationId(installation_id)) {
+    const params = new URLSearchParams();
+    params.set("installation_id", installation_id!);
+
+    if (isValidCode(code)) {
+      params.set("code", code!);
     }
-    return res.redirect(
-      `/integrations/github/setup?installation_id=${installation_id}`
-    );
+
+    return res.redirect(`/integrations/github/setup?${params.toString()}`);
   }
 
   return res.redirect("/pages");
diff --git a/apps/web/pages/api/integrations/github/installations.ts b/apps/web/pages/api/integrations/github/installations.ts
index fdfa268..a575d26 100644
--- a/apps/web/pages/api/integrations/github/installations.ts
+++ b/apps/web/pages/api/integrations/github/installations.ts
@@ -1,32 +1,21 @@
 import { supabaseAdmin } from "@changes-page/supabase/admin";
+import { IGitHubInstallations } from "@changes-page/supabase/types/github";
 import { withAuth } from "../../../../utils/withAuth";
 
-interface GitHubInstallation {
-  id: string;
-  page_id: string;
-  installation_id: number;
-  repository_owner: string;
-  repository_name: string;
-  connected_by: string | null;
-  enabled: boolean;
-  ai_instructions: string | null;
-  created_at: string;
-  updated_at: string;
-}
-
 type ResponseData =
-  | GitHubInstallation
-  | GitHubInstallation[]
+  | IGitHubInstallations
+  | IGitHubInstallations[]
   | { deleted: boolean };
 
 const handler = withAuth<ResponseData>(async (req, res, { supabase, user }) => {
   if (req.method === "GET") {
-    const { page_id } = req.query;
+    const page_id = String(req.query.page_id || "");
 
     if (!page_id) {
-      return res.status(400).json({
+      res.status(400).json({
         error: { statusCode: 400, message: "page_id is required" },
       });
+      return;
     }
 
     const { data: page } = await supabase
@@ -37,9 +26,10 @@ const handler = withAuth<ResponseData>(async (req, res, { supabase, user }) => {
       .single();
 
     if (!page) {
-      return res.status(403).json({
+      res.status(403).json({
         error: { statusCode: 403, message: "Access denied" },
       });
+      return;
     }
 
     const { data, error } = await supabaseAdmin
@@ -48,12 +38,14 @@ const handler = withAuth<ResponseData>(async (req, res, { supabase, user }) => {
       .eq("page_id", page_id);
 
     if (error) {
-      return res.status(500).json({
+      res.status(500).json({
         error: { statusCode: 500, message: error.message },
       });
+      return;
     }
 
-    return res.status(200).json(data as GitHubInstallation[]);
+    res.status(200).json(data as IGitHubInstallations[]);
+    return;
   }
 
   if (req.method === "POST") {
@@ -61,9 +53,10 @@ const handler = withAuth<ResponseData>(async (req, res, { supabase, user }) => {
       req.body;
 
     if (!page_id || !installation_id || !repository_owner || !repository_name) {
-      return res.status(400).json({
+      res.status(400).json({
         error: { statusCode: 400, message: "Missing required fields" },
       });
+      return;
     }
 
     const { data: page } = await supabase
@@ -74,9 +67,10 @@ const handler = withAuth<ResponseData>(async (req, res, { supabase, user }) => {
       .single();
 
     if (!page) {
-      return res.status(403).json({
+      res.status(403).json({
         error: { statusCode: 403, message: "Access denied" },
       });
+      return;
     }
 
     const { data, error } = await supabaseAdmin
@@ -97,21 +91,24 @@ const handler = withAuth<ResponseData>(async (req, res, { supabase, user }) => {
       .single();
 
     if (error) {
-      return res.status(500).json({
+      res.status(500).json({
         error: { statusCode: 500, message: error.message },
       });
+      return;
     }
 
-    return res.status(200).json(data as GitHubInstallation);
+    res.status(200).json(data as IGitHubInstallations);
+    return;
   }
 
   if (req.method === "PATCH") {
     const { id, page_id, enabled, ai_instructions } = req.body;
 
     if (!id || !page_id) {
-      return res.status(400).json({
+      res.status(400).json({
         error: { statusCode: 400, message: "id and page_id are required" },
       });
+      return;
     }
 
     const { data: page } = await supabase
@@ -122,12 +119,15 @@ const handler = withAuth<ResponseData>(async (req, res, { supabase, user }) => {
       .single();
 
     if (!page) {
-      return res.status(403).json({
+      res.status(403).json({
         error: { statusCode: 403, message: "Access denied" },
       });
+      return;
     }
 
-    const updates: { enabled?: boolean; ai_instructions?: string | null } = {};
+    const updates: { enabled?: boolean; ai_instructions?: string | null } = {
+      enabled: true,
+    };
     if (typeof enabled === "boolean") updates.enabled = enabled;
     if (typeof ai_instructions === "string" || ai_instructions === null) {
       updates.ai_instructions = ai_instructions;
@@ -142,21 +142,25 @@ const handler = withAuth<ResponseData>(async (req, res, { supabase, user }) => {
       .single();
 
     if (error) {
-      return res.status(500).json({
+      res.status(500).json({
         error: { statusCode: 500, message: error.message },
       });
+      return;
     }
 
-    return res.status(200).json(data as GitHubInstallation);
+    res.status(200).json(data as IGitHubInstallations);
+    return;
   }
 
   if (req.method === "DELETE") {
-    const { id, page_id } = req.query;
+    const id = String(req.query.id || "");
+    const page_id = String(req.query.page_id || "");
 
     if (!id || !page_id) {
-      return res.status(400).json({
+      res.status(400).json({
         error: { statusCode: 400, message: "id and page_id are required" },
       });
+      return;
     }
 
     const { data: page } = await supabase
@@ -167,9 +171,10 @@ const handler = withAuth<ResponseData>(async (req, res, { supabase, user }) => {
       .single();
 
     if (!page) {
-      return res.status(403).json({
+      res.status(403).json({
         error: { statusCode: 403, message: "Access denied" },
       });
+      return;
     }
 
     const { error } = await supabaseAdmin
@@ -179,16 +184,18 @@ const handler = withAuth<ResponseData>(async (req, res, { supabase, user }) => {
       .eq("page_id", page_id);
 
     if (error) {
-      return res.status(500).json({
+      res.status(500).json({
         error: { statusCode: 500, message: error.message },
       });
+      return;
     }
 
-    return res.status(200).json({ deleted: true });
+    res.status(200).json({ deleted: true });
+    return;
   }
 
   res.setHeader("Allow", "GET, POST, PATCH, DELETE");
-  return res.status(405).end("Method Not Allowed");
+  res.status(405).end("Method Not Allowed");
 });
 
 export default handler;
diff --git a/apps/web/pages/api/integrations/github/repos.ts b/apps/web/pages/api/integrations/github/repos.ts
index a023d2c..3f86ff5 100644
--- a/apps/web/pages/api/integrations/github/repos.ts
+++ b/apps/web/pages/api/integrations/github/repos.ts
@@ -1,4 +1,3 @@
-import type { NextApiRequest, NextApiResponse } from "next";
 import { getOctokit } from "../../../../utils/github";
 import { withAuth } from "../../../../utils/withAuth";
 
@@ -19,15 +18,17 @@ interface ReposResponse {
 const handler = withAuth<ReposResponse>(async (req, res) => {
   if (req.method !== "GET") {
     res.setHeader("Allow", "GET");
-    return res.status(405).end("Method Not Allowed");
+    res.status(405).end("Method Not Allowed");
+    return;
   }
 
-  const { installation_id } = req.query;
+  const installation_id = String(req.query.installation_id || "");
 
   if (!installation_id) {
-    return res.status(400).json({
+    res.status(400).json({
       error: { statusCode: 400, message: "installation_id is required" },
     });
+    return;
   }
 
   try {
@@ -36,7 +37,7 @@ const handler = withAuth<ReposResponse>(async (req, res) => {
       per_page: 100,
     });
 
-    return res.status(200).json({
+    res.status(200).json({
       repositories: data.repositories.map((repo) => ({
         id: repo.id,
         name: repo.name,
@@ -47,10 +48,11 @@ const handler = withAuth<ReposResponse>(async (req, res) => {
     });
   } catch (error) {
     console.error("Error fetching repos:", error);
-    return res.status(500).json({
+    res.status(500).json({
       error: {
         statusCode: 500,
-        message: error instanceof Error ? error.message : "Failed to fetch repos",
+        message:
+          error instanceof Error ? error.message : "Failed to fetch repos",
       },
     });
   }
diff --git a/packages/supabase/migrations/21_github_agent.sql b/packages/supabase/migrations/21_github_agent.sql
index aeb22dd..93a572b 100644
--- a/packages/supabase/migrations/21_github_agent.sql
+++ b/packages/supabase/migrations/21_github_agent.sql
@@ -44,3 +44,36 @@ CREATE TRIGGER set_timestamp_github_post_references
 BEFORE UPDATE ON github_post_references
 FOR EACH ROW
 EXECUTE PROCEDURE trigger_set_timestamp();
+
+CREATE OR REPLACE FUNCTION update_github_changelog_draft(
+  p_post_id uuid,
+  p_title text,
+  p_content text,
+  p_tags text[]
+)
+RETURNS integer
+LANGUAGE plpgsql
+AS $$
+DECLARE
+  v_new_generation_count integer;
+BEGIN
+  UPDATE posts
+  SET title = p_title, content = p_content, tags = p_tags
+  WHERE id = p_post_id;
+
+  IF NOT FOUND THEN
+    RAISE EXCEPTION 'Post not found: %', p_post_id;
+  END IF;
+
+  UPDATE github_post_references
+  SET generation_count = generation_count + 1
+  WHERE post_id = p_post_id
+  RETURNING generation_count INTO v_new_generation_count;
+
+  IF NOT FOUND THEN
+    RAISE EXCEPTION 'GitHub post reference not found for post: %', p_post_id;
+  END IF;
+
+  RETURN v_new_generation_count;
+END;
+$$;
diff --git a/packages/supabase/types/github.ts b/packages/supabase/types/github.ts
new file mode 100644
index 0000000..90b0e4a
--- /dev/null
+++ b/packages/supabase/types/github.ts
@@ -0,0 +1,4 @@
+import type { Tables } from "./index";
+
+export type IGitHubInstallations = Tables<"github_installations">;
+export type IGithubPostReferences = Tables<"github_post_references">;
diff --git a/packages/supabase/types/index.ts b/packages/supabase/types/index.ts
index fda43f4..473a68e 100644
--- a/packages/supabase/types/index.ts
+++ b/packages/supabase/types/index.ts
@@ -984,6 +984,15 @@ export type Database = {
           thumbs_up_count: number
         }[]
       }
+      update_github_changelog_draft: {
+        Args: {
+          p_content: string
+          p_post_id: string
+          p_tags: string[]
+          p_title: string
+        }
+        Returns: number
+      }
     }
     Enums: {
       page_color_scheme: "auto" | "dark" | "light"

From f863d059948c09afd00529023f491836119ac611 Mon Sep 17 00:00:00 2001
From: Arjun Komath <arjunkomath@gmail.com>
Date: Mon, 15 Dec 2025 00:28:51 +1100
Subject: [PATCH 03/11] handle timing safe equal error

---
 apps/web/utils/github.ts | 24 ++++++++++++++++--------
 1 file changed, 16 insertions(+), 8 deletions(-)

diff --git a/apps/web/utils/github.ts b/apps/web/utils/github.ts
index 4d5082f..4f68c4a 100644
--- a/apps/web/utils/github.ts
+++ b/apps/web/utils/github.ts
@@ -66,14 +66,22 @@ export function verifyGitHubWebhookSignature(
 ): boolean {
   if (!signature) return false;
 
-  const expectedSignature =
-    "sha256=" +
-    crypto.createHmac("sha256", secret).update(payload).digest("hex");
-
-  return crypto.timingSafeEqual(
-    Buffer.from(signature),
-    Buffer.from(expectedSignature)
-  );
+  try {
+    const expectedSignature =
+      "sha256=" +
+      crypto.createHmac("sha256", secret).update(payload).digest("hex");
+
+    const sigBuffer = Buffer.from(signature);
+    const expectedBuffer = Buffer.from(expectedSignature);
+
+    if (sigBuffer.length !== expectedBuffer.length) {
+      return false;
+    }
+
+    return crypto.timingSafeEqual(sigBuffer, expectedBuffer);
+  } catch {
+    return false;
+  }
 }
 
 export async function getPRDetails(

From 24afc5d64e87585741ec15597f79a2f08952452b Mon Sep 17 00:00:00 2001
From: Arjun Komath <arjunkomath@gmail.com>
Date: Mon, 15 Dec 2025 00:38:16 +1100
Subject: [PATCH 04/11] Clean up code validation

---
 apps/web/pages/api/integrations/github/callback.ts | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/apps/web/pages/api/integrations/github/callback.ts b/apps/web/pages/api/integrations/github/callback.ts
index 56ec595..fcefe0d 100644
--- a/apps/web/pages/api/integrations/github/callback.ts
+++ b/apps/web/pages/api/integrations/github/callback.ts
@@ -13,10 +13,8 @@ function isValidInstallationId(value: string | undefined): boolean {
   return /^\d+$/.test(value);
 }
 
-function isValidCode(value: string | undefined): boolean {
-  if (!value) return false;
-  if (value.length > 100) return false;
-  return /^[a-zA-Z0-9_-]+$/.test(value);
+function hasCode(value: string | undefined): boolean {
+  return !!value && value.length > 0;
 }
 
 export default async function handler(
@@ -31,7 +29,7 @@ export default async function handler(
     const params = new URLSearchParams();
     params.set("installation_id", installation_id!);
 
-    if (isValidCode(code)) {
+    if (hasCode(code)) {
       params.set("code", code!);
     }
 

From 06a0ca470123dbd654d4d83daeed626bc20bbd0e Mon Sep 17 00:00:00 2001
From: Arjun Komath <arjunkomath@gmail.com>
Date: Mon, 15 Dec 2025 09:15:28 +1100
Subject: [PATCH 05/11] Use octokit types

---
 apps/web/utils/changelog-ai.ts |   8 +--
 apps/web/utils/github.ts       | 118 ++++++++++++++-------------------
 2 files changed, 53 insertions(+), 73 deletions(-)

diff --git a/apps/web/utils/changelog-ai.ts b/apps/web/utils/changelog-ai.ts
index cec31ac..5277a96 100644
--- a/apps/web/utils/changelog-ai.ts
+++ b/apps/web/utils/changelog-ai.ts
@@ -1,11 +1,11 @@
 import { z } from "zod";
-import { GitHubCommit, GitHubFile, GitHubPRDetails } from "./github";
+import { getPRCommits, getPRDetails, getPRFiles } from "./github";
 import { runWorkflow } from "./manageprompt";
 
 export interface ChangelogInput {
-  pr: GitHubPRDetails;
-  commits: GitHubCommit[];
-  files: GitHubFile[];
+  pr: Awaited<ReturnType<typeof getPRDetails>>;
+  commits: Awaited<ReturnType<typeof getPRCommits>>;
+  files: Awaited<ReturnType<typeof getPRFiles>>;
   userInstructions: string;
   previousDraft?: {
     title: string;
diff --git a/apps/web/utils/github.ts b/apps/web/utils/github.ts
index 4f68c4a..8aa0b96 100644
--- a/apps/web/utils/github.ts
+++ b/apps/web/utils/github.ts
@@ -1,41 +1,6 @@
 import * as crypto from "crypto";
 import { App } from "@octokit/app";
 
-export interface GitHubPRDetails {
-  title: string;
-  body: string | null;
-  number: number;
-  html_url: string;
-  user: {
-    login: string;
-  } | null;
-  head: {
-    ref: string;
-  };
-  base: {
-    ref: string;
-  };
-  merged: boolean;
-  additions: number;
-  deletions: number;
-  changed_files: number;
-}
-
-export interface GitHubCommit {
-  sha: string;
-  commit: {
-    message: string;
-  };
-}
-
-export interface GitHubFile {
-  filename: string;
-  status: string;
-  additions: number;
-  deletions: number;
-  patch?: string;
-}
-
 let app: App | null = null;
 
 function getApp(): App {
@@ -64,7 +29,7 @@ export function verifyGitHubWebhookSignature(
   signature: string | undefined,
   secret: string
 ): boolean {
-  if (!signature) return false;
+  if (!signature || !signature.startsWith("sha256=")) return false;
 
   try {
     const expectedSignature =
@@ -89,14 +54,17 @@ export async function getPRDetails(
   repo: string,
   prNumber: number,
   installationId: number
-): Promise<GitHubPRDetails> {
+) {
   const octokit = await getOctokit(installationId);
-  const { data } = await octokit.request("GET /repos/{owner}/{repo}/pulls/{pull_number}", {
-    owner,
-    repo,
-    pull_number: prNumber,
-  });
-  return data as GitHubPRDetails;
+  const { data } = await octokit.request(
+    "GET /repos/{owner}/{repo}/pulls/{pull_number}",
+    {
+      owner,
+      repo,
+      pull_number: prNumber,
+    }
+  );
+  return data;
 }
 
 export async function getPRCommits(
@@ -104,14 +72,17 @@ export async function getPRCommits(
   repo: string,
   prNumber: number,
   installationId: number
-): Promise<GitHubCommit[]> {
+) {
   const octokit = await getOctokit(installationId);
-  const { data } = await octokit.request("GET /repos/{owner}/{repo}/pulls/{pull_number}/commits", {
-    owner,
-    repo,
-    pull_number: prNumber,
-  });
-  return data as GitHubCommit[];
+  const { data } = await octokit.request(
+    "GET /repos/{owner}/{repo}/pulls/{pull_number}/commits",
+    {
+      owner,
+      repo,
+      pull_number: prNumber,
+    }
+  );
+  return data;
 }
 
 export async function getPRFiles(
@@ -119,14 +90,17 @@ export async function getPRFiles(
   repo: string,
   prNumber: number,
   installationId: number
-): Promise<GitHubFile[]> {
+) {
   const octokit = await getOctokit(installationId);
-  const { data } = await octokit.request("GET /repos/{owner}/{repo}/pulls/{pull_number}/files", {
-    owner,
-    repo,
-    pull_number: prNumber,
-  });
-  return data as GitHubFile[];
+  const { data } = await octokit.request(
+    "GET /repos/{owner}/{repo}/pulls/{pull_number}/files",
+    {
+      owner,
+      repo,
+      pull_number: prNumber,
+    }
+  );
+  return data;
 }
 
 export async function createPRComment(
@@ -137,12 +111,15 @@ export async function createPRComment(
   installationId: number
 ): Promise<number> {
   const octokit = await getOctokit(installationId);
-  const { data } = await octokit.request("POST /repos/{owner}/{repo}/issues/{issue_number}/comments", {
-    owner,
-    repo,
-    issue_number: issueNumber,
-    body,
-  });
+  const { data } = await octokit.request(
+    "POST /repos/{owner}/{repo}/issues/{issue_number}/comments",
+    {
+      owner,
+      repo,
+      issue_number: issueNumber,
+      body,
+    }
+  );
   return data.id;
 }
 
@@ -162,10 +139,13 @@ export async function addReactionToComment(
   installationId: number
 ): Promise<void> {
   const octokit = await getOctokit(installationId);
-  await octokit.request("POST /repos/{owner}/{repo}/issues/comments/{comment_id}/reactions", {
-    owner,
-    repo,
-    comment_id: commentId,
-    content: reaction,
-  });
+  await octokit.request(
+    "POST /repos/{owner}/{repo}/issues/comments/{comment_id}/reactions",
+    {
+      owner,
+      repo,
+      comment_id: commentId,
+      content: reaction,
+    }
+  );
 }

From 163cb0154e9168a9c552f6191868ee8d77a187e4 Mon Sep 17 00:00:00 2001
From: Arjun Komath <arjunkomath@gmail.com>
Date: Mon, 15 Dec 2025 09:20:11 +1100
Subject: [PATCH 06/11] Remove values from example env

---
 apps/web/.env.example         | 7 +++----
 apps/web/pages/api/inngest.ts | 3 +++
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/apps/web/.env.example b/apps/web/.env.example
index 958b6ba..ddd8185 100644
--- a/apps/web/.env.example
+++ b/apps/web/.env.example
@@ -34,10 +34,9 @@ MANAGEPROMPT_SECRET=
 MANAGEPROMPT_CHANGEGPT_WORKFLOW_ID=
 MANAGEPROMPT_CHANGELOG_WORKFLOW_ID=
 
-# GitHub App
+# GitHub changelog agent
 GITHUB_APP_ID=
 GITHUB_APP_PRIVATE_KEY=
 GITHUB_WEBHOOK_SECRET=
-GITHUB_APP_SLUG=changespage
-NEXT_PUBLIC_GITHUB_APP_URL=https://github.com/apps/changespage
-
+GITHUB_APP_SLUG=
+NEXT_PUBLIC_GITHUB_APP_URL=
diff --git a/apps/web/pages/api/inngest.ts b/apps/web/pages/api/inngest.ts
index 6c334f0..655b580 100644
--- a/apps/web/pages/api/inngest.ts
+++ b/apps/web/pages/api/inngest.ts
@@ -11,14 +11,17 @@ import { processGitHubChangelog } from "../../inngest/jobs/process-github-change
 import { sendPostNotification } from "./../../inngest/email/send-post-notification";
 
 export default serve("changes-page", [
+  // Billing
   reportUsageForStripeInvoice,
   handleSubscriptionChange,
+  // Emails
   sendConfirmEmailNotification,
   sendPostNotification,
   sendRoadmapTriageNotification,
   sendWelcomeEmail,
   sendTeamInviteEmail,
   sendVisitorMagicLink,
+  // Background Jobs
   deleteImagesJob,
   processGitHubChangelog,
 ]);

From fb1e0ff29653e5da2286608d5c726721c0b907ac Mon Sep 17 00:00:00 2001
From: Arjun Komath <arjunkomath@gmail.com>
Date: Mon, 15 Dec 2025 15:05:51 +1100
Subject: [PATCH 07/11] feat: open router integration

---
 SELF-HOSTING.md                               |    4 +-
 apps/web/.env.example                         |    6 +-
 ...expand-concept-prompt-dialog.component.tsx |   16 +-
 .../ai-prood-read-dialog.component.tsx        |   15 +-
 ...-suggest-title-prompt-dialog.component.tsx |    8 +-
 apps/web/next.config.js                       |    3 +-
 apps/web/package.json                         |    3 +
 apps/web/pages/api/ai/expand-concept.ts       |   39 +
 .../pages/api/ai/free-changelog-generator.ts  |   50 +
 apps/web/pages/api/ai/get-streaming-url.ts    |   24 -
 apps/web/pages/api/ai/proof-read.ts           |   39 +
 apps/web/pages/api/ai/suggest-title.ts        |   30 +-
 .../free-tools/ai-changelog-generator.tsx     |   48 +-
 apps/web/tailwind.config.js                   |    1 +
 apps/web/utils/ai-gateway.ts                  |    5 +
 apps/web/utils/changelog-ai.ts                |   60 +-
 apps/web/utils/manageprompt.ts                |   43 -
 apps/web/utils/useAiAssistant.tsx             |   21 -
 pnpm-lock.yaml                                | 1498 ++++++++++++++++-
 19 files changed, 1682 insertions(+), 231 deletions(-)
 create mode 100644 apps/web/pages/api/ai/expand-concept.ts
 create mode 100644 apps/web/pages/api/ai/free-changelog-generator.ts
 delete mode 100644 apps/web/pages/api/ai/get-streaming-url.ts
 create mode 100644 apps/web/pages/api/ai/proof-read.ts
 create mode 100644 apps/web/utils/ai-gateway.ts
 delete mode 100644 apps/web/utils/manageprompt.ts
 delete mode 100644 apps/web/utils/useAiAssistant.tsx

diff --git a/SELF-HOSTING.md b/SELF-HOSTING.md
index 15db2a0..2468e0f 100644
--- a/SELF-HOSTING.md
+++ b/SELF-HOSTING.md
@@ -33,7 +33,7 @@ Please note the following limitations when self-hosting:
 
 - **Billing**: Currently only supported through Stripe integration
 - **Custom Domains**: Only supported when deployed on Vercel
-- **AI Features**: All AI functionality is channeled through ManagePrompt and requires their service
+- **AI Features**: All AI functionality is channeled through OpenRouter
 
 ## Environment Configuration
 
@@ -42,8 +42,6 @@ Make sure to configure the following in your environment files:
 - Database connection details (Supabase)
 - Authentication keys
 - Stripe keys (if using billing features)
-- ManagePrompt API keys (if using AI features)
 - Any other third-party service credentials
 
 For detailed environment variable setup, refer to the `.env.example` files in the respective app directories.
-
diff --git a/apps/web/.env.example b/apps/web/.env.example
index ddd8185..a835c26 100644
--- a/apps/web/.env.example
+++ b/apps/web/.env.example
@@ -29,10 +29,8 @@ ARCJET_KEY=
 # CMS
 NEXT_PUBLIC_SANITY_PROJECT_ID=jeixxcw8
 
-# ManagePrompt
-MANAGEPROMPT_SECRET=
-MANAGEPROMPT_CHANGEGPT_WORKFLOW_ID=
-MANAGEPROMPT_CHANGELOG_WORKFLOW_ID=
+# OpenRouter AI
+OPENROUTER_API_KEY=
 
 # GitHub changelog agent
 GITHUB_APP_ID=
diff --git a/apps/web/components/dialogs/ai-expand-concept-prompt-dialog.component.tsx b/apps/web/components/dialogs/ai-expand-concept-prompt-dialog.component.tsx
index 4637c9c..46a0c14 100644
--- a/apps/web/components/dialogs/ai-expand-concept-prompt-dialog.component.tsx
+++ b/apps/web/components/dialogs/ai-expand-concept-prompt-dialog.component.tsx
@@ -3,7 +3,7 @@ import { convertMarkdownToPlainText } from "@changes-page/utils";
 import { Dialog, Transition } from "@headlessui/react";
 import { LightningBoltIcon } from "@heroicons/react/solid";
 import { Fragment, useCallback, useEffect, useRef, useState } from "react";
-import { getStreamingUrl } from "../../utils/useAiAssistant";
+import { Streamdown } from "streamdown";
 import { PrimaryButton } from "../core/buttons.component";
 import { notifyError } from "../core/toast.component";
 
@@ -20,11 +20,7 @@ export default function AiExpandConceptPromptDialogComponent({
   const expandConcept = useCallback(async (text) => {
     setLoading(true);
 
-    const { url } = await getStreamingUrl(
-      "wf_0075a2a911339f610bcfc404051cce3e"
-    );
-
-    const response = await fetch(url, {
+    const response = await fetch("/api/ai/expand-concept", {
       method: "POST",
       headers: {
         "Content-Type": "application/json",
@@ -36,9 +32,9 @@ export default function AiExpandConceptPromptDialogComponent({
 
     if (!response.ok) {
       notifyError("Too many requests");
+      return;
     }
 
-    // This data is a ReadableStream
     const data = response.body;
     if (!data) {
       return;
@@ -133,9 +129,9 @@ export default function AiExpandConceptPromptDialogComponent({
                           <div className="rounded-md border border-gray-200 dark:border-gray-600 dark:divide-gray-600 p-4">
                             {loading && <SpinnerWithSpacing />}
 
-                            <p className="text-black dark:text-white whitespace-pre-wrap">
-                              {result}
-                            </p>
+                            <div className="text-black dark:text-white prose dark:prose-invert prose-sm max-w-none">
+                              <Streamdown>{result ?? ""}</Streamdown>
+                            </div>
                           </div>
                         </dd>
                       </div>
diff --git a/apps/web/components/dialogs/ai-prood-read-dialog.component.tsx b/apps/web/components/dialogs/ai-prood-read-dialog.component.tsx
index 1a8eae9..1372688 100644
--- a/apps/web/components/dialogs/ai-prood-read-dialog.component.tsx
+++ b/apps/web/components/dialogs/ai-prood-read-dialog.component.tsx
@@ -3,7 +3,7 @@ import { convertMarkdownToPlainText } from "@changes-page/utils";
 import { Dialog, Transition } from "@headlessui/react";
 import { LightningBoltIcon } from "@heroicons/react/solid";
 import { Fragment, useCallback, useEffect, useRef, useState } from "react";
-import { getStreamingUrl } from "../../utils/useAiAssistant";
+import { Streamdown } from "streamdown";
 import { notifyError } from "../core/toast.component";
 
 export default function AiProofReadDialogComponent({ open, setOpen, content }) {
@@ -14,11 +14,7 @@ export default function AiProofReadDialogComponent({ open, setOpen, content }) {
   const proofRead = useCallback(async (text) => {
     setLoading(true);
 
-    const { url } = await getStreamingUrl(
-      "wf_5a7eaceda859ee21c07771aaaecc9826"
-    );
-
-    const response = await fetch(url, {
+    const response = await fetch("/api/ai/proof-read", {
       method: "POST",
       headers: {
         "Content-Type": "application/json",
@@ -30,6 +26,7 @@ export default function AiProofReadDialogComponent({ open, setOpen, content }) {
 
     if (!response.ok) {
       notifyError("Too many requests");
+      return;
     }
 
     const data = response.body;
@@ -126,9 +123,9 @@ export default function AiProofReadDialogComponent({ open, setOpen, content }) {
                           <div className="rounded-md border border-gray-200 dark:border-gray-600 dark:divide-gray-600 p-4">
                             {loading && <SpinnerWithSpacing />}
 
-                            <p className="text-black dark:text-white whitespace-pre-wrap">
-                              {result}
-                            </p>
+                            <div className="text-black dark:text-white prose dark:prose-invert prose-sm max-w-none">
+                              <Streamdown>{result ?? ""}</Streamdown>
+                            </div>
                           </div>
                         </dd>
                       </div>
diff --git a/apps/web/components/dialogs/ai-suggest-title-prompt-dialog.component.tsx b/apps/web/components/dialogs/ai-suggest-title-prompt-dialog.component.tsx
index c2b24d9..09fff9f 100644
--- a/apps/web/components/dialogs/ai-suggest-title-prompt-dialog.component.tsx
+++ b/apps/web/components/dialogs/ai-suggest-title-prompt-dialog.component.tsx
@@ -3,7 +3,6 @@ import { convertMarkdownToPlainText } from "@changes-page/utils";
 import { Dialog, Transition } from "@headlessui/react";
 import { LightningBoltIcon } from "@heroicons/react/solid";
 import { Fragment, useEffect, useRef, useState } from "react";
-import { promptSuggestTitle } from "../../utils/useAiAssistant";
 import { notifyError } from "../core/toast.component";
 
 export default function AiSuggestTitlePromptDialogComponent({
@@ -23,7 +22,12 @@ export default function AiSuggestTitlePromptDialogComponent({
 
       const text = convertMarkdownToPlainText(content);
 
-      promptSuggestTitle(text)
+      fetch("/api/ai/suggest-title", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ content: text }),
+      })
+        .then((res) => res.json())
         .then((suggestions) => {
           setSuggestions(suggestions);
           setLoading(false);
diff --git a/apps/web/next.config.js b/apps/web/next.config.js
index 786989b..f2c86ad 100644
--- a/apps/web/next.config.js
+++ b/apps/web/next.config.js
@@ -5,7 +5,7 @@ const ContentSecurityPolicy = `
   style-src 'self' data: 'unsafe-inline' maxcdn.bootstrapcdn.com cdn.jsdelivr.net cdn.zapier.com fonts.googleapis.com;
   img-src 'self' * data: blob:;
   font-src 'self' data: maxcdn.bootstrapcdn.com cdn.jsdelivr.net fonts.gstatic.com;
-  connect-src 'self' wss: *.supabase.co *.changes.page manageprompt.com zapier.com *.zapier.com www.google.com;
+  connect-src 'self' wss: *.supabase.co *.changes.page zapier.com *.zapier.com www.google.com;
   worker-src 'self' blob:;
   report-to default
 `;
@@ -49,6 +49,7 @@ const securityHeaders = [
 ];
 
 const nextConfig = {
+  transpilePackages: ["streamdown"],
   async headers() {
     return [
       {
diff --git a/apps/web/package.json b/apps/web/package.json
index d364648..5a86cea 100644
--- a/apps/web/package.json
+++ b/apps/web/package.json
@@ -19,6 +19,7 @@
     "@json2csv/plainjs": "^6.1.3",
     "@monaco-editor/react": "^4.6.0",
     "@octokit/app": "^16.1.2",
+    "@openrouter/ai-sdk-provider": "^1.5.3",
     "@sanity/client": "^5.4.2",
     "@sanity/image-url": "^1.0.2",
     "@sentry/nextjs": "^7.77.0",
@@ -31,6 +32,7 @@
     "@vercel/analytics": "^1.5.0",
     "@vercel/og": "^0.0.20",
     "@vercel/sdk": "^1.18.1",
+    "ai": "^5.0.113",
     "canvas-confetti": "^1.9.3",
     "capture-node": "^2.2.0",
     "chrono-node": "^2.7.6",
@@ -63,6 +65,7 @@
     "remark-parse": "^10.0.1",
     "sharp": "^0.33.2",
     "slugify": "^1.6.5",
+    "streamdown": "^1.6.10",
     "strip-markdown": "^5.0.0",
     "stripe": "^8.199.0",
     "use-debounce": "^7.0.1",
diff --git a/apps/web/pages/api/ai/expand-concept.ts b/apps/web/pages/api/ai/expand-concept.ts
new file mode 100644
index 0000000..d05e50a
--- /dev/null
+++ b/apps/web/pages/api/ai/expand-concept.ts
@@ -0,0 +1,39 @@
+import { streamText } from "ai";
+import { openRouter } from "../../../utils/ai-gateway";
+import { withAuth } from "../../../utils/withAuth";
+
+const expandConcept = withAuth(async (req, res) => {
+  if (req.method === "POST") {
+    const { content } = req.body;
+
+    try {
+      const result = streamText({
+        model: openRouter("openai/gpt-5-mini"),
+        headers: {
+          "HTTP-Referer": "https://changes.page",
+          "X-Title": "Changes.Page",
+        },
+        prompt: `You are a changelog writer. Take the following concept or brief description and expand it into a well-written changelog entry. Keep it concise but informative. Use markdown formatting where appropriate. Return only the expanded content without any explanations.
+
+Concept:
+${content}`,
+      });
+
+      result.pipeTextStreamToResponse(res);
+    } catch (err) {
+      console.error("expandConcept error:", {
+        message: err?.message,
+        cause: err?.cause,
+        stack: err?.stack,
+      });
+      res
+        .status(500)
+        .json({ error: { statusCode: 500, message: err.message } });
+    }
+  } else {
+    res.setHeader("Allow", "POST");
+    res.status(405).end("Method Not Allowed");
+  }
+});
+
+export default expandConcept;
diff --git a/apps/web/pages/api/ai/free-changelog-generator.ts b/apps/web/pages/api/ai/free-changelog-generator.ts
new file mode 100644
index 0000000..d432cf3
--- /dev/null
+++ b/apps/web/pages/api/ai/free-changelog-generator.ts
@@ -0,0 +1,50 @@
+import { streamText } from "ai";
+import { NextApiRequest, NextApiResponse } from "next";
+import { openRouter } from "../../../utils/ai-gateway";
+
+export default async function handler(
+  req: NextApiRequest,
+  res: NextApiResponse
+) {
+  if (req.method === "POST") {
+    const { content, intro, tone } = req.body;
+
+    if (!content?.trim()) {
+      return res.status(400).json({ error: "Content is required" });
+    }
+
+    try {
+      const result = streamText({
+        model: openRouter("openai/gpt-5-mini"),
+        headers: {
+          "HTTP-Referer": "https://changes.page",
+          "X-Title": "Changes.Page",
+        },
+        system: `<instructions>
+You are a changelog writer. Generate a well-formatted changelog based on the provided commit messages, PR titles, or bullet points.
+
+Format the output as markdown with clear sections and bullet points.
+Tone: ${tone === "casual" ? "Write in a casual, friendly tone" : "Write in a formal, professional tone"}
+${intro === "Add a short intro and outro, make sure its generic and polite." ? "Include a brief intro and outro paragraph." : "Do not add any introduction or conclusion - just the changelog content."}
+</instructions>`,
+        prompt: `<input>
+${content}
+</input>`,
+      });
+
+      result.pipeTextStreamToResponse(res);
+    } catch (err) {
+      console.error("free-changelog-generator error:", {
+        message: err?.message,
+        cause: err?.cause,
+        stack: err?.stack,
+      });
+      res
+        .status(500)
+        .json({ error: { statusCode: 500, message: err.message } });
+    }
+  } else {
+    res.setHeader("Allow", "POST");
+    res.status(405).end("Method Not Allowed");
+  }
+}
diff --git a/apps/web/pages/api/ai/get-streaming-url.ts b/apps/web/pages/api/ai/get-streaming-url.ts
deleted file mode 100644
index 63b6948..0000000
--- a/apps/web/pages/api/ai/get-streaming-url.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { createSignedStreamingUrl } from "../../../utils/manageprompt";
-import { withAuth } from "../../../utils/withAuth";
-
-const expandConcept = withAuth<{ url: string }>(async (req, res) => {
-  if (req.method === "POST") {
-    const { workflowId } = req.body;
-
-    try {
-      const url = await createSignedStreamingUrl(workflowId);
-
-      return res.status(200).json({ url });
-    } catch (err) {
-      console.log("expandConcept", err?.response?.data || err?.message);
-      res
-        .status(500)
-        .json({ error: { statusCode: 500, message: err.message } });
-    }
-  } else {
-    res.setHeader("Allow", "POST");
-    res.status(405).end("Method Not Allowed");
-  }
-});
-
-export default expandConcept;
diff --git a/apps/web/pages/api/ai/proof-read.ts b/apps/web/pages/api/ai/proof-read.ts
new file mode 100644
index 0000000..939b40c
--- /dev/null
+++ b/apps/web/pages/api/ai/proof-read.ts
@@ -0,0 +1,39 @@
+import { streamText } from "ai";
+import { openRouter } from "../../../utils/ai-gateway";
+import { withAuth } from "../../../utils/withAuth";
+
+const proofRead = withAuth(async (req, res) => {
+  if (req.method === "POST") {
+    const { content } = req.body;
+
+    try {
+      const result = streamText({
+        model: openRouter("openai/gpt-5-mini"),
+        headers: {
+          "HTTP-Referer": "https://changes.page",
+          "X-Title": "Changes.Page",
+        },
+        prompt: `Proofread and improve the following changelog content. Fix any grammar, spelling, or clarity issues while maintaining the original meaning and tone. Return only the improved text without any explanations.
+
+Content:
+${content}`,
+      });
+
+      result.pipeTextStreamToResponse(res);
+    } catch (err) {
+      console.error("proofRead error:", {
+        message: err?.message,
+        cause: err?.cause,
+        stack: err?.stack,
+      });
+      res
+        .status(500)
+        .json({ error: { statusCode: 500, message: err.message } });
+    }
+  } else {
+    res.setHeader("Allow", "POST");
+    res.status(405).end("Method Not Allowed");
+  }
+});
+
+export default proofRead;
diff --git a/apps/web/pages/api/ai/suggest-title.ts b/apps/web/pages/api/ai/suggest-title.ts
index 109132c..4049722 100644
--- a/apps/web/pages/api/ai/suggest-title.ts
+++ b/apps/web/pages/api/ai/suggest-title.ts
@@ -1,4 +1,6 @@
-import { runWorkflow } from "../../../utils/manageprompt";
+import { generateObject } from "ai";
+import { z } from "zod";
+import { openRouter } from "../../../utils/ai-gateway";
 import { withAuth } from "../../../utils/withAuth";
 
 const suggestTitle = withAuth<string[]>(async (req, res) => {
@@ -6,15 +8,29 @@ const suggestTitle = withAuth<string[]>(async (req, res) => {
     const { content } = req.body;
 
     try {
-      const result = await runWorkflow("wf_e1eb79b1dc017ca189506d799453caae", {
-        content,
-      });
+      const { object } = await generateObject({
+        model: openRouter("openai/gpt-5-mini"),
+        headers: {
+          "HTTP-Referer": "https://changes.page",
+          "X-Title": "Changes.Page",
+        },
+        schema: z.object({
+          titles: z.array(z.string()).length(5),
+        }),
+        prompt: `Based on the following changelog content, suggest 5 concise and engaging titles that capture the essence of the update. Return only the titles.
 
-      const titles = JSON.parse(result);
+Content:
+${content}`,
+      });
 
-      return res.status(200).json(titles);
+      return res.status(200).json(object.titles);
     } catch (err) {
-      console.log("suggestTitle", err?.response?.data || err?.message);
+      console.error("suggestTitle error:", {
+        message: err?.message,
+        cause: err?.cause,
+        response: err?.response?.data,
+        stack: err?.stack,
+      });
       res
         .status(500)
         .json({ error: { statusCode: 500, message: err.message } });
diff --git a/apps/web/pages/free-tools/ai-changelog-generator.tsx b/apps/web/pages/free-tools/ai-changelog-generator.tsx
index 26645f6..217f7ea 100644
--- a/apps/web/pages/free-tools/ai-changelog-generator.tsx
+++ b/apps/web/pages/free-tools/ai-changelog-generator.tsx
@@ -1,9 +1,9 @@
 import { SpinnerWithSpacing } from "@changes-page/ui";
 import { LightningBoltIcon, RefreshIcon } from "@heroicons/react/solid";
 import classNames from "classnames";
-import { InferGetServerSidePropsType } from "next";
 import Link from "next/link";
 import { useCallback, useState } from "react";
+import { Streamdown } from "streamdown";
 import {
   createToastWrapper,
   notifyError,
@@ -12,13 +12,12 @@ import {
 import FooterComponent from "../../components/layout/footer.component";
 import MarketingHeaderComponent from "../../components/marketing/marketing-header.component";
 import usePrefersColorScheme from "../../utils/hooks/usePrefersColorScheme";
-import { createSignedStreamingUrl } from "../../utils/manageprompt";
 
-export default function AIChangelogGenerator({
-  title,
-  description,
-  modelStreamUrl,
-}: InferGetServerSidePropsType<typeof getServerSideProps>) {
+const title = "ChangeCraftAI: Free Changelog Generator";
+const description =
+  "Say goodbye to the tedious task of writing changelog and release notes. Our revolutionary tool powered by AI automatically generates them for you, and it's completely free!";
+
+export default function AIChangelogGenerator() {
   const theme = usePrefersColorScheme();
 
   const [content, setContent] = useState("");
@@ -35,8 +34,9 @@ export default function AIChangelogGenerator({
     }
 
     setLoading(true);
+    setResult(null);
 
-    const response = await fetch(modelStreamUrl, {
+    const response = await fetch("/api/ai/free-changelog-generator", {
       method: "POST",
       headers: {
         "Content-Type": "application/json",
@@ -51,12 +51,14 @@ export default function AIChangelogGenerator({
     });
 
     if (!response.ok) {
+      setLoading(false);
       notifyError("Too many requests");
+      return;
     }
 
-    // This data is a ReadableStream
     const data = response.body;
     if (!data) {
+      setLoading(false);
       return;
     }
 
@@ -72,7 +74,7 @@ export default function AIChangelogGenerator({
       const chunkValue = decoder.decode(value);
       setResult((prev) => (prev ?? "") + chunkValue);
     }
-  }, [content, addIntroOutro, soundCasual, modelStreamUrl]);
+  }, [content, addIntroOutro, soundCasual]);
 
   return (
     <div className="bg-gray-800 min-h-screen">
@@ -203,13 +205,10 @@ export default function AIChangelogGenerator({
                     >
                       Here is a draft:
                     </label>
-                    <div className="mt-2.5">
-                      <textarea
-                        rows={16}
-                        className="block w-full rounded-md border-0 bg-white/5 px-3.5 py-2 text-white shadow-sm ring-1 ring-inset ring-white/10 focus:ring-2 focus:ring-inset focus:ring-indigo-500 sm:text-sm sm:leading-6"
-                        value={result}
-                        onChange={() => {}}
-                      />
+                    <div className="mt-2.5 rounded-md bg-white/5 px-3.5 py-2 ring-1 ring-inset ring-white/10 max-h-96 overflow-y-auto">
+                      <div className="prose prose-invert prose-sm max-w-none">
+                        <Streamdown>{result}</Streamdown>
+                      </div>
                     </div>
                   </div>
                 </div>
@@ -292,18 +291,3 @@ export default function AIChangelogGenerator({
   );
 }
 
-export async function getServerSideProps() {
-  const modelStreamUrl = await createSignedStreamingUrl(
-    process.env.MANAGEPROMPT_CHANGEGPT_WORKFLOW_ID,
-    300
-  );
-
-  return {
-    props: {
-      title: "ChangeCraftAI: Free Changelog Generator",
-      description:
-        "Say goodbye to the tedious task of writing changelog and release notes. Our revolutionary tool powered by GPT-3 automatically generates them for you, and it's completely free!",
-      modelStreamUrl,
-    },
-  };
-}
diff --git a/apps/web/tailwind.config.js b/apps/web/tailwind.config.js
index ef0a938..dd36348 100644
--- a/apps/web/tailwind.config.js
+++ b/apps/web/tailwind.config.js
@@ -5,6 +5,7 @@ module.exports = {
     "./pages/**/*.{js,ts,jsx,tsx}",
     "./components/**/*.{js,ts,jsx,tsx}",
     "./node_modules/@changes-page/ui/components/**/*.{js,ts,jsx,tsx}",
+    "./node_modules/streamdown/dist/*.js",
   ],
   safelist: [
     {
diff --git a/apps/web/utils/ai-gateway.ts b/apps/web/utils/ai-gateway.ts
new file mode 100644
index 0000000..ad34e34
--- /dev/null
+++ b/apps/web/utils/ai-gateway.ts
@@ -0,0 +1,5 @@
+import { createOpenRouter } from "@openrouter/ai-sdk-provider";
+
+export const openRouter = createOpenRouter({
+  apiKey: process.env.OPENROUTER_API_KEY,
+});
diff --git a/apps/web/utils/changelog-ai.ts b/apps/web/utils/changelog-ai.ts
index 5277a96..bb048e6 100644
--- a/apps/web/utils/changelog-ai.ts
+++ b/apps/web/utils/changelog-ai.ts
@@ -1,6 +1,7 @@
+import { generateObject } from "ai";
 import { z } from "zod";
+import { openRouter } from "./ai-gateway";
 import { getPRCommits, getPRDetails, getPRFiles } from "./github";
-import { runWorkflow } from "./manageprompt";
 
 export interface ChangelogInput {
   pr: Awaited<ReturnType<typeof getPRDetails>>;
@@ -28,32 +29,47 @@ const MAX_FILES = 100;
 export async function generateChangelog(
   input: ChangelogInput
 ): Promise<ChangelogOutput> {
-  const workflowId = process.env.MANAGEPROMPT_CHANGELOG_WORKFLOW_ID;
-
-  if (!workflowId) {
-    throw new Error("MANAGEPROMPT_CHANGELOG_WORKFLOW_ID not configured");
-  }
-
   const truncatedCommits = input.commits.slice(0, MAX_COMMITS);
   const truncatedFiles = [...input.files]
     .sort((a, b) => (b.additions + b.deletions) - (a.additions + a.deletions))
     .slice(0, MAX_FILES);
 
-  const result = await runWorkflow(workflowId, {
-    pr_title: input.pr.title,
-    pr_body: input.pr.body || "",
-    commits: truncatedCommits.map((c) => c.commit.message).join("\n"),
-    files_changed: truncatedFiles
-      .map((f) => `${f.status}: ${f.filename}`)
-      .join("\n"),
-    additions: input.pr.additions,
-    deletions: input.pr.deletions,
-    user_instructions: input.userInstructions,
-    previous_draft_title: input.previousDraft?.title || "",
-    previous_draft_content: input.previousDraft?.content || "",
-    previous_draft_tags: input.previousDraft?.tags?.join(", ") || "",
+  const { object } = await generateObject({
+    model: openRouter("openai/gpt-5-mini"),
+    headers: {
+      "HTTP-Referer": "https://changes.page",
+      "X-Title": "Changes.Page",
+    },
+    schema: ChangelogOutputSchema,
+    system: `<instructions>
+You are a changelog writer. Generate a changelog entry based on pull request information.
+
+Generate a concise, user-friendly changelog entry with:
+- A clear, descriptive title
+- Well-formatted markdown content explaining the changes
+- Relevant tags (e.g., feature, bugfix, improvement, breaking-change)
+</instructions>
+
+${input.userInstructions ? `<user-instructions>${input.userInstructions}</user-instructions>` : ""}`,
+    prompt: `<input>
+<pr-title>${input.pr.title}</pr-title>
+<pr-description>${input.pr.body || "No description provided"}</pr-description>
+
+<commits>
+${truncatedCommits.map((c) => c.commit.message).join("\n")}
+</commits>
+
+<files-changed additions="${input.pr.additions}" deletions="${input.pr.deletions}">
+${truncatedFiles.map((f) => `${f.status}: ${f.filename}`).join("\n")}
+</files-changed>
+
+${input.previousDraft ? `<previous-draft>
+<title>${input.previousDraft.title}</title>
+<content>${input.previousDraft.content}</content>
+<tags>${input.previousDraft.tags.join(", ")}</tags>
+</previous-draft>` : ""}
+</input>`,
   });
 
-  const parsed = JSON.parse(result);
-  return ChangelogOutputSchema.parse(parsed);
+  return object;
 }
diff --git a/apps/web/utils/manageprompt.ts b/apps/web/utils/manageprompt.ts
deleted file mode 100644
index ef10042..0000000
--- a/apps/web/utils/manageprompt.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-export async function runWorkflow(
-  workflowId: string,
-  data: any
-): Promise<string> {
-  const { success, result } = await fetch(
-    `https://manageprompt.com/api/v1/run/${workflowId}`,
-    {
-      method: "POST",
-      headers: {
-        Authorization: `Bearer ${process.env.MANAGEPROMPT_SECRET}`,
-        "Content-Type": "application/json",
-      },
-      body: JSON.stringify(data),
-    }
-  ).then((response) => response.json());
-
-  if (!success) {
-    throw new Error("Failed to run workflow");
-  }
-
-  return result;
-}
-
-export async function createSignedStreamingUrl(
-  workflowId: string,
-  ttl: number = 60
-): Promise<string> {
-  const { token, success } = await fetch(
-    `https://manageprompt.com/api/v1/token?ttl=${ttl}`,
-    {
-      method: "GET",
-      headers: {
-        Authorization: `Bearer ${process.env.MANAGEPROMPT_SECRET}`,
-      },
-    }
-  ).then((response) => response.json());
-
-  if (!success) {
-    throw new Error("Failed to get token");
-  }
-
-  return `https://manageprompt.com/api/v1/run/${workflowId}/stream?token=${token}`;
-}
diff --git a/apps/web/utils/useAiAssistant.tsx b/apps/web/utils/useAiAssistant.tsx
deleted file mode 100644
index 41b387b..0000000
--- a/apps/web/utils/useAiAssistant.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { httpPost } from "./http";
-
-export async function promptSuggestTitle(content: string): Promise<string[]> {
-  return await httpPost({
-    url: `/api/ai/suggest-title`,
-    data: {
-      content,
-    },
-  });
-}
-
-export async function getStreamingUrl(
-  workflowId: string
-): Promise<{ url: string }> {
-  return await httpPost({
-    url: `/api/ai/get-streaming-url`,
-    data: {
-      workflowId,
-    },
-  });
-}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index f85a6d4..97dad7e 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -12,16 +12,16 @@ importers:
     dependencies:
       fumadocs-core:
         specifier: 15.3.0
-        version: 15.3.0(@types/react@18.3.1)(next@15.3.8(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 15.3.0(@types/react@18.3.1)(next@15.3.8(@opentelemetry/api@1.9.0)(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       fumadocs-mdx:
         specifier: 11.6.3
-        version: 11.6.3(acorn@8.14.1)(fumadocs-core@15.3.0(@types/react@18.3.1)(next@15.3.8(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(next@15.3.8(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
+        version: 11.6.3(acorn@8.15.0)(fumadocs-core@15.3.0(@types/react@18.3.1)(next@15.3.8(@opentelemetry/api@1.9.0)(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(next@15.3.8(@opentelemetry/api@1.9.0)(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
       fumadocs-ui:
         specifier: 15.3.0
-        version: 15.3.0(@types/react-dom@18.3.1)(@types/react@18.3.1)(next@15.3.8(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(tailwindcss@4.1.6)
+        version: 15.3.0(@types/react-dom@18.3.1)(@types/react@18.3.1)(next@15.3.8(@opentelemetry/api@1.9.0)(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(tailwindcss@4.1.6)
       next:
         specifier: 15.3.8
-        version: 15.3.8(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 15.3.8(@opentelemetry/api@1.9.0)(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       react:
         specifier: 18.3.1
         version: 18.3.1
@@ -58,7 +58,7 @@ importers:
     dependencies:
       '@arcjet/next':
         specifier: 1.0.0-alpha.20
-        version: 1.0.0-alpha.20(@bufbuild/protobuf@1.10.0)(@connectrpc/connect@1.4.0(@bufbuild/protobuf@1.10.0))(next@14.2.35(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
+        version: 1.0.0-alpha.20(@bufbuild/protobuf@1.10.0)(@connectrpc/connect@1.4.0(@bufbuild/protobuf@1.10.0))(next@14.2.35(@opentelemetry/api@1.9.0)(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
       '@changes-page/supabase':
         specifier: workspace:*
         version: link:../../packages/supabase
@@ -76,7 +76,7 @@ importers:
         version: 1.0.6(react@18.3.1)
       '@sentry/nextjs':
         specifier: ^7.93.0
-        version: 7.120.3(next@14.2.35(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)
+        version: 7.120.3(next@14.2.35(@opentelemetry/api@1.9.0)(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)
       '@supabase/supabase-js':
         specifier: ^2.39.2
         version: 2.49.4
@@ -106,13 +106,13 @@ importers:
         version: 6.1.0
       next:
         specifier: 14.2.35
-        version: 14.2.35(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 14.2.35(@opentelemetry/api@1.9.0)(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       next-seo:
         specifier: ^5.15.0
-        version: 5.15.0(next@14.2.35(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 5.15.0(next@14.2.35(@opentelemetry/api@1.9.0)(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       next-themes:
         specifier: ^0.2.1
-        version: 0.2.1(next@14.2.35(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 0.2.1(next@14.2.35(@opentelemetry/api@1.9.0)(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       nprogress:
         specifier: ^0.2.0
         version: 0.2.0
@@ -224,7 +224,7 @@ importers:
     dependencies:
       '@arcjet/next':
         specifier: 1.0.0-alpha.20
-        version: 1.0.0-alpha.20(@bufbuild/protobuf@1.10.0)(@connectrpc/connect@1.4.0(@bufbuild/protobuf@1.10.0))(next@14.2.35(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
+        version: 1.0.0-alpha.20(@bufbuild/protobuf@1.10.0)(@connectrpc/connect@1.4.0(@bufbuild/protobuf@1.10.0))(next@14.2.35(@opentelemetry/api@1.9.0)(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
       '@changes-page/supabase':
         specifier: workspace:*
         version: link:../../packages/supabase
@@ -249,6 +249,9 @@ importers:
       '@octokit/app':
         specifier: ^16.1.2
         version: 16.1.2
+      '@openrouter/ai-sdk-provider':
+        specifier: ^1.5.3
+        version: 1.5.3(ai@5.0.113(zod@4.1.13))(zod@4.1.13)
       '@sanity/client':
         specifier: ^5.4.2
         version: 5.4.2
@@ -257,7 +260,7 @@ importers:
         version: 1.1.0
       '@sentry/nextjs':
         specifier: ^7.77.0
-        version: 7.120.3(next@14.2.35(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)
+        version: 7.120.3(next@14.2.35(@opentelemetry/api@1.9.0)(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)
       '@supabase/auth-ui-react':
         specifier: ^0.4.7
         version: 0.4.7(@supabase/supabase-js@2.49.4)
@@ -278,13 +281,16 @@ importers:
         version: 1.9.0
       '@vercel/analytics':
         specifier: ^1.5.0
-        version: 1.5.0(next@14.2.35(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)
+        version: 1.5.0(next@14.2.35(@opentelemetry/api@1.9.0)(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)
       '@vercel/og':
         specifier: ^0.0.20
         version: 0.0.20
       '@vercel/sdk':
         specifier: ^1.18.1
         version: 1.18.1
+      ai:
+        specifier: ^5.0.113
+        version: 5.0.113(zod@4.1.13)
       canvas-confetti:
         specifier: ^1.9.3
         version: 1.9.3
@@ -323,13 +329,13 @@ importers:
         version: 2.1.35
       next:
         specifier: 14.2.35
-        version: 14.2.35(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 14.2.35(@opentelemetry/api@1.9.0)(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       next-seo:
         specifier: ^6.4.0
-        version: 6.6.0(next@14.2.35(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 6.6.0(next@14.2.35(@opentelemetry/api@1.9.0)(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       next-sitemap:
         specifier: ^4.2.3
-        version: 4.2.3(next@14.2.35(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
+        version: 4.2.3(next@14.2.35(@opentelemetry/api@1.9.0)(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
       nprogress:
         specifier: ^0.2.0
         version: 0.2.0
@@ -381,6 +387,9 @@ importers:
       slugify:
         specifier: ^1.6.5
         version: 1.6.6
+      streamdown:
+        specifier: ^1.6.10
+        version: 1.6.10(@types/mdast@4.0.4)(micromark-util-types@2.0.2)(micromark@4.0.2)(react@18.3.1)
       strip-markdown:
         specifier: ^5.0.0
         version: 5.0.1
@@ -505,6 +514,22 @@ importers:
 
 packages:
 
+  '@ai-sdk/gateway@2.0.21':
+    resolution: {integrity: sha512-BwV7DU/lAm3Xn6iyyvZdWgVxgLu3SNXzl5y57gMvkW4nGhAOV5269IrJzQwGt03bb107sa6H6uJwWxc77zXoGA==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      zod: ^3.25.76 || ^4.1.8
+
+  '@ai-sdk/provider-utils@3.0.19':
+    resolution: {integrity: sha512-W41Wc9/jbUVXVwCN/7bWa4IKe8MtxO3EyA0Hfhx6grnmiYlCvpI8neSYWFE0zScXJkgA/YK3BRybzgyiXuu6JA==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      zod: ^3.25.76 || ^4.1.8
+
+  '@ai-sdk/provider@2.0.0':
+    resolution: {integrity: sha512-6o7Y2SeO9vFKB8lArHXehNuusnpddKPk7xqL7T2/b+OvXMRIXUO1rR4wcv1hAFUAT9avGZshty3Wlua/XA7TvA==}
+    engines: {node: '>=18'}
+
   '@alloc/quick-lru@5.2.0':
     resolution: {integrity: sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==}
     engines: {node: '>=10'}
@@ -513,6 +538,9 @@ packages:
     resolution: {integrity: sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==}
     engines: {node: '>=6.0.0'}
 
+  '@antfu/install-pkg@1.1.0':
+    resolution: {integrity: sha512-MGQsmw10ZyI+EJo45CdSER4zEb+p31LpDAFp2Z3gkSd1yqVZGi0Ebx++YTEMonJy4oChEMLsxZ64j8FH6sSqtQ==}
+
   '@arcjet/analyze@1.0.0-alpha.20':
     resolution: {integrity: sha512-NBtqlbuBe1xa2govc/pGaQTKfFpM+zfpxLEUBUfTLEvz5N18qg80wJad/oS0YPG6t2OG4YjC+08vUYNQJH+jxw==}
     engines: {node: '>=18'}
@@ -570,9 +598,27 @@ packages:
     resolution: {integrity: sha512-1x3D2xEk2fRo3PAhwQwu5UubzgiVWSXTBfWpVd2Mx2AzRqJuDJCsgaDVZ7HB5iGzDW1Hl1sWN2mFyKjmR9uAog==}
     engines: {node: '>=6.9.0'}
 
+  '@braintree/sanitize-url@7.1.1':
+    resolution: {integrity: sha512-i1L7noDNxtFyL5DmZafWy1wRVhGehQmzZaz1HiN5e7iylJMSZR7ekOV7NsIqa5qBldlLrsKv4HbgFUVlQrz8Mw==}
+
   '@bufbuild/protobuf@1.10.0':
     resolution: {integrity: sha512-QDdVFLoN93Zjg36NoQPZfsVH9tZew7wKDKyV5qRdj8ntT4wQCOradQjRaTdwMhWUYsgKsvCINKKm87FdEk96Ag==}
 
+  '@chevrotain/cst-dts-gen@11.0.3':
+    resolution: {integrity: sha512-BvIKpRLeS/8UbfxXxgC33xOumsacaeCKAjAeLyOn7Pcp95HiRbrpl14S+9vaZLolnbssPIUuiUd8IvgkRyt6NQ==}
+
+  '@chevrotain/gast@11.0.3':
+    resolution: {integrity: sha512-+qNfcoNk70PyS/uxmj3li5NiECO+2YKZZQMbmjTqRI3Qchu8Hig/Q9vgkHpI3alNjr7M+a2St5pw5w5F6NL5/Q==}
+
+  '@chevrotain/regexp-to-ast@11.0.3':
+    resolution: {integrity: sha512-1fMHaBZxLFvWI067AVbGJav1eRY7N8DDvYCTwGBiE/ytKBgP8azTdgyrKyWZ9Mfh09eHWb5PgTSO8wi7U824RA==}
+
+  '@chevrotain/types@11.0.3':
+    resolution: {integrity: sha512-gsiM3G8b58kZC2HaWR50gu6Y1440cHiJ+i3JUvcp/35JchYejb2+5MVeJK0iKThYpAa/P2PYFV4hoi44HD+aHQ==}
+
+  '@chevrotain/utils@11.0.3':
+    resolution: {integrity: sha512-YslZMgtJUyuMbZ+aKvfF3x1f5liK4mWNxghFRv7jqRR9C3R3fAOGTTKvxXDa2Y1s9zSbcpuO0cAxDYsc9SrXoQ==}
+
   '@connectrpc/connect-web@1.4.0':
     resolution: {integrity: sha512-13aO4psFbbm7rdOFGV0De2Za64DY/acMspgloDlcOKzLPPs0yZkhp1OOzAQeiAIr7BM/VOHIA3p8mF0inxCYTA==}
     peerDependencies:
@@ -799,6 +845,12 @@ packages:
     resolution: {integrity: sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==}
     deprecated: Use @eslint/object-schema instead
 
+  '@iconify/types@2.0.0':
+    resolution: {integrity: sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==}
+
+  '@iconify/utils@3.1.0':
+    resolution: {integrity: sha512-Zlzem1ZXhI1iHeeERabLNzBHdOa4VhQbqAcOQaMKuTuyZCpwKbC2R4Dd0Zo3g9EAc+Y4fiarO8HIHRAth7+skw==}
+
   '@img/sharp-darwin-arm64@0.33.5':
     resolution: {integrity: sha512-UT4p+iz/2H4twwAoLCqfA9UH5pI6DggwKEGuaPy7nCVQ8ZsiY5PIcrRvD1DzuY3qYL07NtIQcWnBSY/heikIFQ==}
     engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
@@ -1052,6 +1104,9 @@ packages:
   '@mdx-js/mdx@3.1.0':
     resolution: {integrity: sha512-/QxEhPAvGwbQmy1Px8F899L5Uc2KZ6JtXwlCgJmjSTBedwOZkByYcBG4GceIGPXRDsmfxhHazuS+hlOShRLeDw==}
 
+  '@mermaid-js/parser@0.6.3':
+    resolution: {integrity: sha512-lnjOhe7zyHjc+If7yT4zoedx2vo4sHaTmtkl1+or8BRTnCtDmcTpAjpzDSfCZrshM5bCoz0GyidzadJAH1xobA==}
+
   '@modelcontextprotocol/sdk@1.9.0':
     resolution: {integrity: sha512-Jq2EUCQpe0iyO5FGpzVYDNFR6oR53AIrwph9yWl7uSc7IWUMsrmpmSaTGra5hQNunXpM+9oit85p924jWuHzUA==}
     engines: {node: '>=18'}
@@ -1285,6 +1340,24 @@ packages:
     resolution: {integrity: sha512-da6KbdNCV5sr1/txD896V+6W0iamFWrvVl8cHkBSPT+YlvmT3DwXa4jxZnQc+gnuTEqSWbBeoSZYTayXH9wXcw==}
     engines: {node: '>= 20'}
 
+  '@openrouter/ai-sdk-provider@1.5.3':
+    resolution: {integrity: sha512-7SZmmLdp0x1wwuwZARn5R19ZSySHmTiUEM8IvN7O5r3ZH4drI1//BsLpfw56YFsBXu34VRtQzyvko1FLIcgtRg==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@toon-format/toon': ^2.0.0
+      ai: ^5.0.0
+      zod: ^3.24.1 || ^v4
+    peerDependenciesMeta:
+      '@toon-format/toon':
+        optional: true
+
+  '@openrouter/sdk@0.1.27':
+    resolution: {integrity: sha512-RH//L10bSmc81q25zAZudiI4kNkLgxF2E+WU42vghp3N6TEvZ6F0jK7uT3tOxkEn91gzmMw9YVmDENy7SJsajQ==}
+
+  '@opentelemetry/api@1.9.0':
+    resolution: {integrity: sha512-3giAOQvZiH5F9bMlMiv8+GSPMeqg0dbaeo58/0SlA9sxSqZhnUtxzX9/2FzyhS9sWQf5S0GJE0AKBrFqjpeYcg==}
+    engines: {node: '>=8.0.0'}
+
   '@orama/orama@3.1.6':
     resolution: {integrity: sha512-qtSrqCqRU93SjEBedz987tvWao1YQSELjBhGkHYGVP7Dg0lBWP6d+uZEIt5gxTAYio/YWWlhivmRABvRfPLmnQ==}
     engines: {node: '>= 16.0.0'}
@@ -1766,27 +1839,45 @@ packages:
     resolution: {integrity: sha512-x0PYIMWcsTauqxgl7vWUY6sANl+XGKtx7DCVnnY7aOIIlIna0jChTAPANTfA2QrK+VK+4I/4JxatCEZBnXh3Og==}
     engines: {node: '>= 8'}
 
+  '@shikijs/core@3.20.0':
+    resolution: {integrity: sha512-f2ED7HYV4JEk827mtMDwe/yQ25pRiXZmtHjWF8uzZKuKiEsJR7Ce1nuQ+HhV9FzDcbIo4ObBCD9GPTzNuy9S1g==}
+
   '@shikijs/core@3.4.0':
     resolution: {integrity: sha512-0YOzTSRDn/IAfQWtK791gs1u8v87HNGToU6IwcA3K7nPoVOrS2Dh6X6A6YfXgPTSkTwR5y6myk0MnI0htjnwrA==}
 
+  '@shikijs/engine-javascript@3.20.0':
+    resolution: {integrity: sha512-OFx8fHAZuk7I42Z9YAdZ95To6jDePQ9Rnfbw9uSRTSbBhYBp1kEOKv/3jOimcj3VRUKusDYM6DswLauwfhboLg==}
+
   '@shikijs/engine-javascript@3.4.0':
     resolution: {integrity: sha512-1ywDoe+z/TPQKj9Jw0eU61B003J9DqUFRfH+DVSzdwPUFhR7yOmfyLzUrFz0yw8JxFg/NgzXoQyyykXgO21n5Q==}
 
+  '@shikijs/engine-oniguruma@3.20.0':
+    resolution: {integrity: sha512-Yx3gy7xLzM0ZOjqoxciHjA7dAt5tyzJE3L4uQoM83agahy+PlW244XJSrmJRSBvGYELDhYXPacD4R/cauV5bzQ==}
+
   '@shikijs/engine-oniguruma@3.4.0':
     resolution: {integrity: sha512-zwcWlZ4OQuJ/+1t32ClTtyTU1AiDkK1lhtviRWoq/hFqPjCNyLj22bIg9rB7BfoZKOEOfrsGz7No33BPCf+WlQ==}
 
+  '@shikijs/langs@3.20.0':
+    resolution: {integrity: sha512-le+bssCxcSHrygCWuOrYJHvjus6zhQ2K7q/0mgjiffRbkhM4o1EWu2m+29l0yEsHDbWaWPNnDUTRVVBvBBeKaA==}
+
   '@shikijs/langs@3.4.0':
     resolution: {integrity: sha512-bQkR+8LllaM2duU9BBRQU0GqFTx7TuF5kKlw/7uiGKoK140n1xlLAwCgXwSxAjJ7Htk9tXTFwnnsJTCU5nDPXQ==}
 
   '@shikijs/rehype@3.4.0':
     resolution: {integrity: sha512-wm7RTSmrcmjZg+F9JRrsH0Brwi36joUMXkUWIDmBGW+XExNEi8Xjmmp2NOBXa3DujZtnL6Dbcg7V6gtZabGoXw==}
 
+  '@shikijs/themes@3.20.0':
+    resolution: {integrity: sha512-U1NSU7Sl26Q7ErRvJUouArxfM2euWqq1xaSrbqMu2iqa+tSp0D1Yah8216sDYbdDHw4C8b75UpE65eWorm2erQ==}
+
   '@shikijs/themes@3.4.0':
     resolution: {integrity: sha512-YPP4PKNFcFGLxItpbU0ZW1Osyuk8AyZ24YEFaq04CFsuCbcqydMvMUTi40V2dkc0qs1U2uZFrnU6s5zI6IH+uA==}
 
   '@shikijs/transformers@3.4.0':
     resolution: {integrity: sha512-GrGaOj1/I6h75IU0VvjdWDpqGCynx0bqHzd1rErBTGxrcmusYIBhrV7aEySWyJ6HHb9figeXfcNxUFS1HKUfBw==}
 
+  '@shikijs/types@3.20.0':
+    resolution: {integrity: sha512-lhYAATn10nkZcBQ0BlzSbJA3wcmL5MXUUF8d2Zzon6saZDlToKaiRX60n2+ZaHJCmXEcZRWNzn+k9vplr8Jhsw==}
+
   '@shikijs/types@3.4.0':
     resolution: {integrity: sha512-EUT/0lGiE//7j5N/yTMNMT3eCWNcHJLrRKxT0NDXWIfdfSmFJKfPX7nMmRBrQnWboAzIsUziCThrYMMhjbMS1A==}
 
@@ -1975,6 +2066,99 @@ packages:
   '@types/cors@2.8.18':
     resolution: {integrity: sha512-nX3d0sxJW41CqQvfOzVG1NCTXfFDrDWIghCZncpHeWlVFd81zxB/DLhg7avFg6eHLCRX7ckBmoIIcqa++upvJA==}
 
+  '@types/d3-array@3.2.2':
+    resolution: {integrity: sha512-hOLWVbm7uRza0BYXpIIW5pxfrKe0W+D5lrFiAEYR+pb6w3N2SwSMaJbXdUfSEv+dT4MfHBLtn5js0LAWaO6otw==}
+
+  '@types/d3-axis@3.0.6':
+    resolution: {integrity: sha512-pYeijfZuBd87T0hGn0FO1vQ/cgLk6E1ALJjfkC0oJ8cbwkZl3TpgS8bVBLZN+2jjGgg38epgxb2zmoGtSfvgMw==}
+
+  '@types/d3-brush@3.0.6':
+    resolution: {integrity: sha512-nH60IZNNxEcrh6L1ZSMNA28rj27ut/2ZmI3r96Zd+1jrZD++zD3LsMIjWlvg4AYrHn/Pqz4CF3veCxGjtbqt7A==}
+
+  '@types/d3-chord@3.0.6':
+    resolution: {integrity: sha512-LFYWWd8nwfwEmTZG9PfQxd17HbNPksHBiJHaKuY1XeqscXacsS2tyoo6OdRsjf+NQYeB6XrNL3a25E3gH69lcg==}
+
+  '@types/d3-color@3.1.3':
+    resolution: {integrity: sha512-iO90scth9WAbmgv7ogoq57O9YpKmFBbmoEoCHDB2xMBY0+/KVrqAaCDyCE16dUspeOvIxFFRI+0sEtqDqy2b4A==}
+
+  '@types/d3-contour@3.0.6':
+    resolution: {integrity: sha512-BjzLgXGnCWjUSYGfH1cpdo41/hgdWETu4YxpezoztawmqsvCeep+8QGfiY6YbDvfgHz/DkjeIkkZVJavB4a3rg==}
+
+  '@types/d3-delaunay@6.0.4':
+    resolution: {integrity: sha512-ZMaSKu4THYCU6sV64Lhg6qjf1orxBthaC161plr5KuPHo3CNm8DTHiLw/5Eq2b6TsNP0W0iJrUOFscY6Q450Hw==}
+
+  '@types/d3-dispatch@3.0.7':
+    resolution: {integrity: sha512-5o9OIAdKkhN1QItV2oqaE5KMIiXAvDWBDPrD85e58Qlz1c1kI/J0NcqbEG88CoTwJrYe7ntUCVfeUl2UJKbWgA==}
+
+  '@types/d3-drag@3.0.7':
+    resolution: {integrity: sha512-HE3jVKlzU9AaMazNufooRJ5ZpWmLIoc90A37WU2JMmeq28w1FQqCZswHZ3xR+SuxYftzHq6WU6KJHvqxKzTxxQ==}
+
+  '@types/d3-dsv@3.0.7':
+    resolution: {integrity: sha512-n6QBF9/+XASqcKK6waudgL0pf/S5XHPPI8APyMLLUHd8NqouBGLsU8MgtO7NINGtPBtk9Kko/W4ea0oAspwh9g==}
+
+  '@types/d3-ease@3.0.2':
+    resolution: {integrity: sha512-NcV1JjO5oDzoK26oMzbILE6HW7uVXOHLQvHshBUW4UMdZGfiY6v5BeQwh9a9tCzv+CeefZQHJt5SRgK154RtiA==}
+
+  '@types/d3-fetch@3.0.7':
+    resolution: {integrity: sha512-fTAfNmxSb9SOWNB9IoG5c8Hg6R+AzUHDRlsXsDZsNp6sxAEOP0tkP3gKkNSO/qmHPoBFTxNrjDprVHDQDvo5aA==}
+
+  '@types/d3-force@3.0.10':
+    resolution: {integrity: sha512-ZYeSaCF3p73RdOKcjj+swRlZfnYpK1EbaDiYICEEp5Q6sUiqFaFQ9qgoshp5CzIyyb/yD09kD9o2zEltCexlgw==}
+
+  '@types/d3-format@3.0.4':
+    resolution: {integrity: sha512-fALi2aI6shfg7vM5KiR1wNJnZ7r6UuggVqtDA+xiEdPZQwy/trcQaHnwShLuLdta2rTymCNpxYTiMZX/e09F4g==}
+
+  '@types/d3-geo@3.1.0':
+    resolution: {integrity: sha512-856sckF0oP/diXtS4jNsiQw/UuK5fQG8l/a9VVLeSouf1/PPbBE1i1W852zVwKwYCBkFJJB7nCFTbk6UMEXBOQ==}
+
+  '@types/d3-hierarchy@3.1.7':
+    resolution: {integrity: sha512-tJFtNoYBtRtkNysX1Xq4sxtjK8YgoWUNpIiUee0/jHGRwqvzYxkq0hGVbbOGSz+JgFxxRu4K8nb3YpG3CMARtg==}
+
+  '@types/d3-interpolate@3.0.4':
+    resolution: {integrity: sha512-mgLPETlrpVV1YRJIglr4Ez47g7Yxjl1lj7YKsiMCb27VJH9W8NVM6Bb9d8kkpG/uAQS5AmbA48q2IAolKKo1MA==}
+
+  '@types/d3-path@3.1.1':
+    resolution: {integrity: sha512-VMZBYyQvbGmWyWVea0EHs/BwLgxc+MKi1zLDCONksozI4YJMcTt8ZEuIR4Sb1MMTE8MMW49v0IwI5+b7RmfWlg==}
+
+  '@types/d3-polygon@3.0.2':
+    resolution: {integrity: sha512-ZuWOtMaHCkN9xoeEMr1ubW2nGWsp4nIql+OPQRstu4ypeZ+zk3YKqQT0CXVe/PYqrKpZAi+J9mTs05TKwjXSRA==}
+
+  '@types/d3-quadtree@3.0.6':
+    resolution: {integrity: sha512-oUzyO1/Zm6rsxKRHA1vH0NEDG58HrT5icx/azi9MF1TWdtttWl0UIUsjEQBBh+SIkrpd21ZjEv7ptxWys1ncsg==}
+
+  '@types/d3-random@3.0.3':
+    resolution: {integrity: sha512-Imagg1vJ3y76Y2ea0871wpabqp613+8/r0mCLEBfdtqC7xMSfj9idOnmBYyMoULfHePJyxMAw3nWhJxzc+LFwQ==}
+
+  '@types/d3-scale-chromatic@3.1.0':
+    resolution: {integrity: sha512-iWMJgwkK7yTRmWqRB5plb1kadXyQ5Sj8V/zYlFGMUBbIPKQScw+Dku9cAAMgJG+z5GYDoMjWGLVOvjghDEFnKQ==}
+
+  '@types/d3-scale@4.0.9':
+    resolution: {integrity: sha512-dLmtwB8zkAeO/juAMfnV+sItKjlsw2lKdZVVy6LRr0cBmegxSABiLEpGVmSJJ8O08i4+sGR6qQtb6WtuwJdvVw==}
+
+  '@types/d3-selection@3.0.11':
+    resolution: {integrity: sha512-bhAXu23DJWsrI45xafYpkQ4NtcKMwWnAC/vKrd2l+nxMFuvOT3XMYTIj2opv8vq8AO5Yh7Qac/nSeP/3zjTK0w==}
+
+  '@types/d3-shape@3.1.7':
+    resolution: {integrity: sha512-VLvUQ33C+3J+8p+Daf+nYSOsjB4GXp19/S/aGo60m9h1v6XaxjiT82lKVWJCfzhtuZ3yD7i/TPeC/fuKLLOSmg==}
+
+  '@types/d3-time-format@4.0.3':
+    resolution: {integrity: sha512-5xg9rC+wWL8kdDj153qZcsJ0FWiFt0J5RB6LYUNZjwSnesfblqrI/bJ1wBdJ8OQfncgbJG5+2F+qfqnqyzYxyg==}
+
+  '@types/d3-time@3.0.4':
+    resolution: {integrity: sha512-yuzZug1nkAAaBlBBikKZTgzCeA+k1uy4ZFwWANOfKw5z5LRhV0gNA7gNkKm7HoK+HRN0wX3EkxGk0fpbWhmB7g==}
+
+  '@types/d3-timer@3.0.2':
+    resolution: {integrity: sha512-Ps3T8E8dZDam6fUyNiMkekK3XUsaUEik+idO9/YjPtfj2qruF8tFBXS7XhtE4iIXBLxhmLjP3SXpLhVf21I9Lw==}
+
+  '@types/d3-transition@3.0.9':
+    resolution: {integrity: sha512-uZS5shfxzO3rGlu0cC3bjmMFKsXv+SmZZcgp0KD22ts4uGXp5EVYGzu/0YdwZeKmddhcAccYtREJKkPfXkZuCg==}
+
+  '@types/d3-zoom@3.0.8':
+    resolution: {integrity: sha512-iqMC4/YlFCSlO8+2Ii1GGGliCAY4XdeG748w5vQUbevlbDu0zSjH/+jojorQVBK/se0j6DUFNPBGSqD3YWYnDw==}
+
+  '@types/d3@7.4.3':
+    resolution: {integrity: sha512-lZXZ9ckh5R8uiFVt8ogUNf+pIrK4EsWrx2Np75WvF/eTpJ0FMHNhjXk8CKEx/+gpHbNQyJWehbFaTvqmHWB3ww==}
+
   '@types/debug@4.1.12':
     resolution: {integrity: sha512-vIChWdVG3LG1SMxEvI/AK+FWJthlrqlTu7fbrlywTkkaONwk/UAGaULXRlf8vkzFBLVm0zkMdCquhL5aOjhXPQ==}
 
@@ -1993,6 +2177,9 @@ packages:
   '@types/follow-redirects@1.14.4':
     resolution: {integrity: sha512-GWXfsD0Jc1RWiFmMuMFCpXMzi9L7oPDVwxUnZdg89kDNnqsRfUKXEtUYtA98A6lig1WXH/CYY/fvPW9HuN5fTA==}
 
+  '@types/geojson@7946.0.16':
+    resolution: {integrity: sha512-6C8nqWur3j98U6+lXDfTUWIfgvZU+EumvpHKcYjujKH7woYyLj2sUmff0tRhrqM7BohUw7Pz3ZB1jj2gW9Fvmg==}
+
   '@types/hast@2.3.10':
     resolution: {integrity: sha512-McWspRw8xx8J9HurkVBfYj0xKoE25tOFlHGdx4MJ5xORQrMGZNqJhVQWaIbm6Oyla5kYOXtDiopzKRJzEOkwJw==}
 
@@ -2005,6 +2192,9 @@ packages:
   '@types/json5@0.0.29':
     resolution: {integrity: sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==}
 
+  '@types/katex@0.16.7':
+    resolution: {integrity: sha512-HMwFiRujE5PjrgwHQ25+bsLJgowjGjm5Z8FVSf0N6PwgJrwxH0QxzHYDcKsTfV3wva0vzrpqMTJS2jXPr5BMEQ==}
+
   '@types/lodash@4.17.16':
     resolution: {integrity: sha512-HX7Em5NYQAXKW+1T+FiuG27NGwzJfCX3s1GjOa7ujxZa52kjJLOr4FUxT+giF6Tgxv1e+/czV/iTtBw27WTU9g==}
 
@@ -2068,6 +2258,9 @@ packages:
   '@types/tern@0.23.9':
     resolution: {integrity: sha512-ypzHFE/wBzh+BlH6rrBgS5I/Z7RD21pGhZ2rltb/+ZrVM1awdZwjx7hE5XfuYgHWk9uvV5HLZN3SloevCAp3Bw==}
 
+  '@types/trusted-types@2.0.7':
+    resolution: {integrity: sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==}
+
   '@types/ua-parser-js@0.7.39':
     resolution: {integrity: sha512-P/oDfpofrdtF5xw433SPALpdSchtJmY7nsJItf8h3KXqOslkbySh8zq4dSWXH2oTjRvJ5PczVEoCZPow6GicLg==}
 
@@ -2254,6 +2447,10 @@ packages:
     resolution: {integrity: sha512-089P+TfqWz0xBxjOvOhkZIDDtfrLcye94H4IZ+SqxoGPWpNGXaBvRJER/z5SoJxJRcCAL8tPiK5zdjRskM6tLw==}
     engines: {node: '>=16'}
 
+  '@vercel/oidc@3.0.5':
+    resolution: {integrity: sha512-fnYhv671l+eTTp48gB4zEsTW/YtRgRPnkI2nT7x6qw5rkI1Lq2hTmQIpHPgyThI0znLK+vX2n9XxKdXZ7BUbbw==}
+    engines: {node: '>= 20'}
+
   '@vercel/sdk@1.18.1':
     resolution: {integrity: sha512-NXJDvd8d4/V39ZEWVRgowdVYrjZkSZlmEPXRt1M8BPIjohxpaoBsicIjtZRvNT0FlWqwuNX7Y8/sNrCUQLTbwA==}
     hasBin: true
@@ -2281,10 +2478,21 @@ packages:
     engines: {node: '>=0.4.0'}
     hasBin: true
 
+  acorn@8.15.0:
+    resolution: {integrity: sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+
   agent-base@6.0.2:
     resolution: {integrity: sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==}
     engines: {node: '>= 6.0.0'}
 
+  ai@5.0.113:
+    resolution: {integrity: sha512-26vivpSO/mzZj0k1Si2IpsFspp26ttQICHRySQiMrtWcRd5mnJMX2a8sG28vmZ38C+JUn1cWmfZrsLMxkSMw9g==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      zod: ^3.25.76 || ^4.1.8
+
   ajv@6.12.6:
     resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
 
@@ -2535,6 +2743,14 @@ packages:
   charenc@0.0.2:
     resolution: {integrity: sha512-yrLQ/yVUFXkzg7EDQsPieE/53+0RlaWTs+wBrvW36cyilJ2SaDWfl4Yj7MtLTXleV9uEKefbAGUPv2/iWSooRA==}
 
+  chevrotain-allstar@0.3.1:
+    resolution: {integrity: sha512-b7g+y9A0v4mxCW1qUhf3BSVPg+/NvGErk/dOkrDaHA0nQIQGAtrOjlX//9OQtRlSCy+x9rfB5N8yC71lH1nvMw==}
+    peerDependencies:
+      chevrotain: ^11.0.0
+
+  chevrotain@11.0.3:
+    resolution: {integrity: sha512-ci2iJH6LeIkvP9eJW6gpueU8cnZhv85ELY8w8WiFtNjMHA5ad6pQLaJo9mEly/9qUyCpvqX8/POVUTf18/HFdw==}
+
   chokidar@3.6.0:
     resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
     engines: {node: '>= 8.10.0'}
@@ -2619,6 +2835,10 @@ packages:
     resolution: {integrity: sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==}
     engines: {node: '>= 10'}
 
+  commander@8.3.0:
+    resolution: {integrity: sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==}
+    engines: {node: '>= 12'}
+
   commondir@1.0.1:
     resolution: {integrity: sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==}
 
@@ -2628,6 +2848,9 @@ packages:
   concat-map@0.0.1:
     resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
 
+  confbox@0.1.8:
+    resolution: {integrity: sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w==}
+
   content-disposition@1.0.1:
     resolution: {integrity: sha512-oIXISMynqSqm241k6kcQ5UwttDILMK4BiurCfGEREw6+X9jkkpEe5T9FZaApyLGGOnFuyMWZpdolTXMtvEJ08Q==}
     engines: {node: '>=18'}
@@ -2655,6 +2878,12 @@ packages:
     resolution: {integrity: sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==}
     engines: {node: '>= 0.10'}
 
+  cose-base@1.0.3:
+    resolution: {integrity: sha512-s9whTXInMSgAp/NVXVNuVxVKzGH2qck3aQlVHxDCdAEPgtMKwc4Wq6/QKhgdEdgbLSi9rBTAcPoRa6JpiG4ksg==}
+
+  cose-base@2.2.0:
+    resolution: {integrity: sha512-AzlgcsCbUMymkADOJtQm3wO9S3ltPfYOFD5033keQn9NJzIbtnZj+UdBJe7DYml/8TdbtHJW3j58SOnKhWY/5g==}
+
   cross-fetch@3.2.0:
     resolution: {integrity: sha512-Q+xVJLoGOeIMXZmbUK4HYk+69cQH6LudR0Vu/pRm2YlU/hDV9CiS0gKUMaWY5f2NeUH9C1nV3bsTlCo0FsTV1Q==}
 
@@ -2693,6 +2922,162 @@ packages:
   csstype@3.1.3:
     resolution: {integrity: sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==}
 
+  cytoscape-cose-bilkent@4.1.0:
+    resolution: {integrity: sha512-wgQlVIUJF13Quxiv5e1gstZ08rnZj2XaLHGoFMYXz7SkNfCDOOteKBE6SYRfA9WxxI/iBc3ajfDoc6hb/MRAHQ==}
+    peerDependencies:
+      cytoscape: ^3.2.0
+
+  cytoscape-fcose@2.2.0:
+    resolution: {integrity: sha512-ki1/VuRIHFCzxWNrsshHYPs6L7TvLu3DL+TyIGEsRcvVERmxokbf5Gdk7mFxZnTdiGtnA4cfSmjZJMviqSuZrQ==}
+    peerDependencies:
+      cytoscape: ^3.2.0
+
+  cytoscape@3.33.1:
+    resolution: {integrity: sha512-iJc4TwyANnOGR1OmWhsS9ayRS3s+XQ185FmuHObThD+5AeJCakAAbWv8KimMTt08xCCLNgneQwFp+JRJOr9qGQ==}
+    engines: {node: '>=0.10'}
+
+  d3-array@2.12.1:
+    resolution: {integrity: sha512-B0ErZK/66mHtEsR1TkPEEkwdy+WDesimkM5gpZr5Dsg54BiTA5RXtYW5qTLIAcekaS9xfZrzBLF/OAkB3Qn1YQ==}
+
+  d3-array@3.2.4:
+    resolution: {integrity: sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg==}
+    engines: {node: '>=12'}
+
+  d3-axis@3.0.0:
+    resolution: {integrity: sha512-IH5tgjV4jE/GhHkRV0HiVYPDtvfjHQlQfJHs0usq7M30XcSBvOotpmH1IgkcXsO/5gEQZD43B//fc7SRT5S+xw==}
+    engines: {node: '>=12'}
+
+  d3-brush@3.0.0:
+    resolution: {integrity: sha512-ALnjWlVYkXsVIGlOsuWH1+3udkYFI48Ljihfnh8FZPF2QS9o+PzGLBslO0PjzVoHLZ2KCVgAM8NVkXPJB2aNnQ==}
+    engines: {node: '>=12'}
+
+  d3-chord@3.0.1:
+    resolution: {integrity: sha512-VE5S6TNa+j8msksl7HwjxMHDM2yNK3XCkusIlpX5kwauBfXuyLAtNg9jCp/iHH61tgI4sb6R/EIMWCqEIdjT/g==}
+    engines: {node: '>=12'}
+
+  d3-color@3.1.0:
+    resolution: {integrity: sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==}
+    engines: {node: '>=12'}
+
+  d3-contour@4.0.2:
+    resolution: {integrity: sha512-4EzFTRIikzs47RGmdxbeUvLWtGedDUNkTcmzoeyg4sP/dvCexO47AaQL7VKy/gul85TOxw+IBgA8US2xwbToNA==}
+    engines: {node: '>=12'}
+
+  d3-delaunay@6.0.4:
+    resolution: {integrity: sha512-mdjtIZ1XLAM8bm/hx3WwjfHt6Sggek7qH043O8KEjDXN40xi3vx/6pYSVTwLjEgiXQTbvaouWKynLBiUZ6SK6A==}
+    engines: {node: '>=12'}
+
+  d3-dispatch@3.0.1:
+    resolution: {integrity: sha512-rzUyPU/S7rwUflMyLc1ETDeBj0NRuHKKAcvukozwhshr6g6c5d8zh4c2gQjY2bZ0dXeGLWc1PF174P2tVvKhfg==}
+    engines: {node: '>=12'}
+
+  d3-drag@3.0.0:
+    resolution: {integrity: sha512-pWbUJLdETVA8lQNJecMxoXfH6x+mO2UQo8rSmZ+QqxcbyA3hfeprFgIT//HW2nlHChWeIIMwS2Fq+gEARkhTkg==}
+    engines: {node: '>=12'}
+
+  d3-dsv@3.0.1:
+    resolution: {integrity: sha512-UG6OvdI5afDIFP9w4G0mNq50dSOsXHJaRE8arAS5o9ApWnIElp8GZw1Dun8vP8OyHOZ/QJUKUJwxiiCCnUwm+Q==}
+    engines: {node: '>=12'}
+    hasBin: true
+
+  d3-ease@3.0.1:
+    resolution: {integrity: sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==}
+    engines: {node: '>=12'}
+
+  d3-fetch@3.0.1:
+    resolution: {integrity: sha512-kpkQIM20n3oLVBKGg6oHrUchHM3xODkTzjMoj7aWQFq5QEM+R6E4WkzT5+tojDY7yjez8KgCBRoj4aEr99Fdqw==}
+    engines: {node: '>=12'}
+
+  d3-force@3.0.0:
+    resolution: {integrity: sha512-zxV/SsA+U4yte8051P4ECydjD/S+qeYtnaIyAs9tgHCqfguma/aAQDjo85A9Z6EKhBirHRJHXIgJUlffT4wdLg==}
+    engines: {node: '>=12'}
+
+  d3-format@3.1.0:
+    resolution: {integrity: sha512-YyUI6AEuY/Wpt8KWLgZHsIU86atmikuoOmCfommt0LYHiQSPjvX2AcFc38PX0CBpr2RCyZhjex+NS/LPOv6YqA==}
+    engines: {node: '>=12'}
+
+  d3-geo@3.1.1:
+    resolution: {integrity: sha512-637ln3gXKXOwhalDzinUgY83KzNWZRKbYubaG+fGVuc/dxO64RRljtCTnf5ecMyE1RIdtqpkVcq0IbtU2S8j2Q==}
+    engines: {node: '>=12'}
+
+  d3-hierarchy@3.1.2:
+    resolution: {integrity: sha512-FX/9frcub54beBdugHjDCdikxThEqjnR93Qt7PvQTOHxyiNCAlvMrHhclk3cD5VeAaq9fxmfRp+CnWw9rEMBuA==}
+    engines: {node: '>=12'}
+
+  d3-interpolate@3.0.1:
+    resolution: {integrity: sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==}
+    engines: {node: '>=12'}
+
+  d3-path@1.0.9:
+    resolution: {integrity: sha512-VLaYcn81dtHVTjEHd8B+pbe9yHWpXKZUC87PzoFmsFrJqgFwDe/qxfp5MlfsfM1V5E/iVt0MmEbWQ7FVIXh/bg==}
+
+  d3-path@3.1.0:
+    resolution: {integrity: sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ==}
+    engines: {node: '>=12'}
+
+  d3-polygon@3.0.1:
+    resolution: {integrity: sha512-3vbA7vXYwfe1SYhED++fPUQlWSYTTGmFmQiany/gdbiWgU/iEyQzyymwL9SkJjFFuCS4902BSzewVGsHHmHtXg==}
+    engines: {node: '>=12'}
+
+  d3-quadtree@3.0.1:
+    resolution: {integrity: sha512-04xDrxQTDTCFwP5H6hRhsRcb9xxv2RzkcsygFzmkSIOJy3PeRJP7sNk3VRIbKXcog561P9oU0/rVH6vDROAgUw==}
+    engines: {node: '>=12'}
+
+  d3-random@3.0.1:
+    resolution: {integrity: sha512-FXMe9GfxTxqd5D6jFsQ+DJ8BJS4E/fT5mqqdjovykEB2oFbTMDVdg1MGFxfQW+FBOGoB++k8swBrgwSHT1cUXQ==}
+    engines: {node: '>=12'}
+
+  d3-sankey@0.12.3:
+    resolution: {integrity: sha512-nQhsBRmM19Ax5xEIPLMY9ZmJ/cDvd1BG3UVvt5h3WRxKg5zGRbvnteTyWAbzeSvlh3tW7ZEmq4VwR5mB3tutmQ==}
+
+  d3-scale-chromatic@3.1.0:
+    resolution: {integrity: sha512-A3s5PWiZ9YCXFye1o246KoscMWqf8BsD9eRiJ3He7C9OBaxKhAd5TFCdEx/7VbKtxxTsu//1mMJFrEt572cEyQ==}
+    engines: {node: '>=12'}
+
+  d3-scale@4.0.2:
+    resolution: {integrity: sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ==}
+    engines: {node: '>=12'}
+
+  d3-selection@3.0.0:
+    resolution: {integrity: sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ==}
+    engines: {node: '>=12'}
+
+  d3-shape@1.3.7:
+    resolution: {integrity: sha512-EUkvKjqPFUAZyOlhY5gzCxCeI0Aep04LwIRpsZ/mLFelJiUfnK56jo5JMDSE7yyP2kLSb6LtF+S5chMk7uqPqw==}
+
+  d3-shape@3.2.0:
+    resolution: {integrity: sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA==}
+    engines: {node: '>=12'}
+
+  d3-time-format@4.1.0:
+    resolution: {integrity: sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg==}
+    engines: {node: '>=12'}
+
+  d3-time@3.1.0:
+    resolution: {integrity: sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==}
+    engines: {node: '>=12'}
+
+  d3-timer@3.0.1:
+    resolution: {integrity: sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==}
+    engines: {node: '>=12'}
+
+  d3-transition@3.0.1:
+    resolution: {integrity: sha512-ApKvfjsSR6tg06xrL434C0WydLr7JewBB3V+/39RMHsaXTOG0zmt/OAXeng5M5LBm0ojmxJrpomQVZ1aPvBL4w==}
+    engines: {node: '>=12'}
+    peerDependencies:
+      d3-selection: 2 - 3
+
+  d3-zoom@3.0.0:
+    resolution: {integrity: sha512-b8AmV3kfQaqWAuacbPuNbL6vahnOJflOhexLzMMNLga62+/nh0JzvJ0aO/5a5MVgUFGS7Hu1P9P03o3fJkDCyw==}
+    engines: {node: '>=12'}
+
+  d3@7.9.0:
+    resolution: {integrity: sha512-e1U46jVP+w7Iut8Jt8ri1YsPOvFpg46k+K8TpCb0P+zjCkjkPnV7WzfDJzMHy1LnA+wj5pLT1wjO901gLXeEhA==}
+    engines: {node: '>=12'}
+
+  dagre-d3-es@7.0.13:
+    resolution: {integrity: sha512-efEhnxpSuwpYOKRm/L5KbqoZmNNukHa/Flty4Wp62JRvgH2ojwVgPgdYyr4twpieZnyRDdIH7PY2mopX26+j2Q==}
+
   damerau-levenshtein@1.0.8:
     resolution: {integrity: sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==}
 
@@ -2711,6 +3096,9 @@ packages:
   dayjs@1.11.13:
     resolution: {integrity: sha512-oaMBel6gjolK862uaPQOVTA7q3TZhuSvuMQAAglQDOWYO9A91IrAOUJEyKVlqJlHE0vq5p5UXxzdPfMH/x6xNg==}
 
+  dayjs@1.11.19:
+    resolution: {integrity: sha512-t5EcLVS6QPBNqM2z8fakk/NKel+Xzshgt8FFKAn+qwlD1pzZWxh0nVCrvFK7ZDb6XucZeF9z8C7CBWTRIVApAw==}
+
   debug@3.2.7:
     resolution: {integrity: sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==}
     peerDependencies:
@@ -2762,6 +3150,9 @@ packages:
   defu@6.1.4:
     resolution: {integrity: sha512-mEQCMmwJu317oSz8CwdIOdwf3xMif1ttiM8LTufzc3g6kR+9Pe236twL8j3IYT1F7GfRgGcW6MWxzZjLIkuHIg==}
 
+  delaunator@5.0.1:
+    resolution: {integrity: sha512-8nvh+XBe96aCESrGOqMp/84b13H9cdKbG5P2ejQCh4d4sK9RL4371qou9drQjMhvnPmhWl5hnmqbEE0fXr9Xnw==}
+
   delayed-stream@1.0.0:
     resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==}
     engines: {node: '>=0.4.0'}
@@ -2805,6 +3196,9 @@ packages:
     resolution: {integrity: sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==}
     engines: {node: '>=6.0.0'}
 
+  dompurify@3.3.1:
+    resolution: {integrity: sha512-qkdCKzLNtrgPFP1Vo+98FRzJnBRGe4ffyCea9IwHB1fyxPOeNTHpLKYGd4Uk9xvNoH0ZoOjwZxNptyMwqrId1Q==}
+
   dot-case@3.0.4:
     resolution: {integrity: sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==}
 
@@ -3291,6 +3685,10 @@ packages:
   functions-have-names@1.2.3:
     resolution: {integrity: sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==}
 
+  get-east-asian-width@1.4.0:
+    resolution: {integrity: sha512-QZjmEOC+IT1uk6Rx0sX22V6uHWVwbdbxf1faPqJ1QhLdGgsRGCZoyaQBm/piRdJy/D2um6hM1UP7ZEeQ4EkP+Q==}
+    engines: {node: '>=18'}
+
   get-intrinsic@1.3.0:
     resolution: {integrity: sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==}
     engines: {node: '>= 0.4'}
@@ -3381,6 +3779,9 @@ packages:
   h3@1.15.3:
     resolution: {integrity: sha512-z6GknHqyX0h9aQaTx22VZDf6QyZn+0Nh+Ym8O/u0SGSkyF5cuTJYKlc8MkzW3Nzf9LE1ivcpmYC3FUGpywhuUQ==}
 
+  hachure-fill@0.5.2:
+    resolution: {integrity: sha512-3GKBOn+m2LX9iq+JC1064cSFprJY4jL1jCXTcpnfER5HYE2l/4EfWSGzkPa/ZDBmYI0ZOEj5VHV/eKnPGkHuOg==}
+
   has-bigints@1.1.0:
     resolution: {integrity: sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg==}
     engines: {node: '>= 0.4'}
@@ -3415,12 +3816,24 @@ packages:
     resolution: {integrity: sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==}
     engines: {node: '>= 0.4'}
 
+  hast-util-from-dom@5.0.1:
+    resolution: {integrity: sha512-N+LqofjR2zuzTjCPzyDUdSshy4Ma6li7p/c3pA78uTwzFgENbgbUrm2ugwsOdcjI1muO+o6Dgzp9p8WHtn/39Q==}
+
+  hast-util-from-html-isomorphic@2.0.0:
+    resolution: {integrity: sha512-zJfpXq44yff2hmE0XmwEOzdWin5xwH+QIhMLOScpX91e/NSGPsAzNCvLQDIEPyO2TXi+lBmU6hjLIhV8MwP2kw==}
+
+  hast-util-from-html@2.0.3:
+    resolution: {integrity: sha512-CUSRHXyKjzHov8yKsQjGOElXy/3EKpyX56ELnkHH34vDVw1N1XSQ1ZcAvTyAPtGqLTuKP/uxM+aLkSPqF/EtMw==}
+
   hast-util-from-parse5@7.1.2:
     resolution: {integrity: sha512-Nz7FfPBuljzsN3tCQ4kCBKqdNhQE2l0Tn+X1ubgKBPRoiDIu1mL08Cfw4k7q71+Duyaw7DXDN+VTAp4Vh3oCOw==}
 
   hast-util-from-parse5@8.0.3:
     resolution: {integrity: sha512-3kxEVkEKt0zvcZ3hCRYI8rqrgwtlIOFMWkbclACvjlDw8Li9S2hk/d51OI0nr/gIpdMHNepwgOKqZ/sy0Clpyg==}
 
+  hast-util-is-element@3.0.0:
+    resolution: {integrity: sha512-Val9mnv2IWpLbNPqc/pUem+a7Ipj2aHacCwgNfTiK0vJKl0LF+4Ba4+v1oPHFpf3bLYmreq0/l3Gud9S5OH42g==}
+
   hast-util-parse-selector@3.1.1:
     resolution: {integrity: sha512-jdlwBjEexy1oGz0aJ2f4GKMaVKkA9jwjr4MjAAI22E5fM/TXVZHuS5OpONtdeIkRKqAaryQ2E9xNQxijoThSZA==}
 
@@ -3460,12 +3873,19 @@ packages:
   hast-util-to-string@3.0.1:
     resolution: {integrity: sha512-XelQVTDWvqcl3axRfI0xSeoVKzyIFPwsAGSLIsKdJKQMXDYJS4WYrBNF/8J7RdhIcFI2BOHgAifggsvsxp/3+A==}
 
+  hast-util-to-text@4.0.2:
+    resolution: {integrity: sha512-KK6y/BN8lbaq654j7JgBydev7wuNMcID54lkRav1P0CaE1e47P72AWWPiGKXTJU271ooYzcvTAn/Zt0REnvc7A==}
+
   hast-util-whitespace@2.0.1:
     resolution: {integrity: sha512-nAxA0v8+vXSBDt3AnRUNjyRIQ0rD+ntpbAp4LnPkumc5M9yUbSMa4XDU9Q6etY4f1Wp4bNgvc1yjiZtsTTrSng==}
 
   hast-util-whitespace@3.0.0:
     resolution: {integrity: sha512-88JUN06ipLwsnv+dVn+OIYOvAuvBMy/Qoi6O7mQHxdPXpjy+Cd6xRkWwux7DKO+4sYILtLBRIKgsdpS2gQc7qw==}
 
+  hast@1.0.0:
+    resolution: {integrity: sha512-vFUqlRV5C+xqP76Wwq2SrM0kipnmpxJm7OfvVXpB35Fp+Fn4MV+ozr+JZr5qFvyR1q/U+Foim2x+3P+x9S1PLA==}
+    deprecated: Renamed to rehype
+
   hastscript@7.2.0:
     resolution: {integrity: sha512-TtYPq24IldU8iKoJQqvZOuhi5CyCQRAbvDOX0x1eW6rsHSxa/1i2CCiptNTotGHJ3VoHRGmqiv6/D3q113ikkw==}
 
@@ -3497,6 +3917,10 @@ packages:
     resolution: {integrity: sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==}
     engines: {node: '>= 6'}
 
+  iconv-lite@0.6.3:
+    resolution: {integrity: sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==}
+    engines: {node: '>=0.10.0'}
+
   iconv-lite@0.7.0:
     resolution: {integrity: sha512-cf6L2Ds3h57VVmkZe+Pn+5APsT7FpqJtEhhieDCvrE2MK5Qk9MyffgQyuxQTm6BChfeZNtcOLHp9IcWRVcIcBQ==}
     engines: {node: '>=0.10.0'}
@@ -3553,6 +3977,13 @@ packages:
     resolution: {integrity: sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==}
     engines: {node: '>= 0.4'}
 
+  internmap@1.0.1:
+    resolution: {integrity: sha512-lDB5YccMydFBtasVtxnZ3MRBHuaoE8GKsppq+EchKL2U4nK/DmEpPHNH8MZe5HkMtpSiTSOZwfN0tzYjO/lJEw==}
+
+  internmap@2.0.3:
+    resolution: {integrity: sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==}
+    engines: {node: '>=12'}
+
   ipaddr.js@1.9.1:
     resolution: {integrity: sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==}
     engines: {node: '>= 0.10'}
@@ -3758,6 +4189,9 @@ packages:
   json-schema-traverse@1.0.0:
     resolution: {integrity: sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==}
 
+  json-schema@0.4.0:
+    resolution: {integrity: sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA==}
+
   json-stable-stringify-without-jsonify@1.0.1:
     resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
 
@@ -3772,9 +4206,16 @@ packages:
     resolution: {integrity: sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==}
     engines: {node: '>=4.0'}
 
+  katex@0.16.27:
+    resolution: {integrity: sha512-aeQoDkuRWSqQN6nSvVCEFvfXdqo1OQiCmmW1kc9xSdjutPv7BGO7pqY9sQRJpMOGrEdfDgF2TfRXe5eUAD2Waw==}
+    hasBin: true
+
   keyv@4.5.4:
     resolution: {integrity: sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==}
 
+  khroma@2.1.0:
+    resolution: {integrity: sha512-Ls993zuzfayK269Svk9hzpeGUKob/sIgZzyHYdjQoAdQetRKpOLj+k/QQQ/6Qi0Yz65mlROrfd+Ev+1+7dz9Kw==}
+
   kind-of@6.0.3:
     resolution: {integrity: sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==}
     engines: {node: '>=0.10.0'}
@@ -3783,6 +4224,10 @@ packages:
     resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==}
     engines: {node: '>=6'}
 
+  langium@3.3.1:
+    resolution: {integrity: sha512-QJv/h939gDpvT+9SiLVlY7tZC3xB2qK57v0J04Sh9wpMb6MP1q8gB21L3WIo8T5P1MSMg3Ep14L7KkDCFG3y4w==}
+    engines: {node: '>=16.0.0'}
+
   language-subtag-registry@0.3.23:
     resolution: {integrity: sha512-0K65Lea881pHotoGEa5gDlMxt3pctLi2RplBb7Ezh4rRdLEOtgi7n4EwK9lamnUCkKBqaeKRVebTq6BAxSkpXQ==}
 
@@ -3790,6 +4235,12 @@ packages:
     resolution: {integrity: sha512-MbjN408fEndfiQXbFQ1vnd+1NoLDsnQW41410oQBXiyXDMYH5z505juWa4KUE1LqxRC7DgOgZDbKLxHIwm27hA==}
     engines: {node: '>=0.10'}
 
+  layout-base@1.0.2:
+    resolution: {integrity: sha512-8h2oVEZNktL4BH2JCOI90iD1yXwL6iNW7KcCKT2QZgQJR2vbqDsldCTPRU9NifTCqHZci57XvQQ15YTu+sTYPg==}
+
+  layout-base@2.0.1:
+    resolution: {integrity: sha512-dp3s92+uNI1hWIpPGH3jK2kxE2lMjdXdr+DH8ynZHpd6PUlH6x6cbuXnoMmiNumznqaNO31xu9e79F0uuZ0JFg==}
+
   levn@0.4.1:
     resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
     engines: {node: '>= 0.8.0'}
@@ -3914,6 +4365,11 @@ packages:
     resolution: {integrity: sha512-QIXZUBJUx+2zHUdQujWejBkcD9+cs94tLn0+YL8UrCh+D5sCXZ4c7LaEH48pNwRY3MLDgqUFyhlCyjJPf1WP0A==}
     engines: {node: 20 || >=22}
 
+  lucide-react@0.542.0:
+    resolution: {integrity: sha512-w3hD8/SQB7+lzU2r4VdFyzzOzKnUjTZIF/MQJGSSvni7Llewni4vuViRppfRAa2guOsY5k4jZyxw/i9DQHv+dw==}
+    peerDependencies:
+      react: ^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
   magic-string@0.27.0:
     resolution: {integrity: sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==}
     engines: {node: '>=12'}
@@ -3928,6 +4384,11 @@ packages:
   markdown-table@3.0.4:
     resolution: {integrity: sha512-wiYz4+JrLyb/DqW2hkFJxP7Vd7JuTDm77fvbM8VfEQdmSMqcImWeeRbHwZjBjIFki/VaMK2BhFi7oUUZeM5bqw==}
 
+  marked@16.4.2:
+    resolution: {integrity: sha512-TI3V8YYWvkVf3KJe1dRkpnjs68JUPyEa5vjKrp1XEEJUAOaQc+Qj+L1qWbPd0SJuAdQkFU0h73sXXqwDYxsiDA==}
+    engines: {node: '>= 20'}
+    hasBin: true
+
   marked@4.3.0:
     resolution: {integrity: sha512-PRsaiG84bK+AMvxziE/lCFss8juXjNaWzVbN5tXAm4XjeaS9NAHhop+PjQxz2A9h8Q4M/xGmzP8vqNwy6JeK0A==}
     engines: {node: '>= 12'}
@@ -3970,6 +4431,9 @@ packages:
   mdast-util-gfm@3.1.0:
     resolution: {integrity: sha512-0ulfdQOM3ysHhCJ1p06l0b0VKlhU0wuQs3thxZQagjcjPrlFRqY215uZGHHJan9GEAXd9MbfPjFJz+qMkVR6zQ==}
 
+  mdast-util-math@3.0.0:
+    resolution: {integrity: sha512-Tl9GBNeG/AhJnQM221bJR2HPvLOSnLE/T9cJI9tlc6zwQk2nPk/4f0cHkOdEixQPC/j8UtKDdITswvLAy1OZ1w==}
+
   mdast-util-mdx-expression@2.0.1:
     resolution: {integrity: sha512-J6f+9hUp+ldTZqKRSg7Vw5V6MqjATc+3E4gf3CFNcuZNWD8XdyI6zQ8GqH7f8169MM6P7hMBRDVGnn7oHB9kXQ==}
 
@@ -4018,12 +4482,44 @@ packages:
     resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
     engines: {node: '>= 8'}
 
+  mermaid@11.12.2:
+    resolution: {integrity: sha512-n34QPDPEKmaeCG4WDMGy0OT6PSyxKCfy2pJgShP+Qow2KLrvWjclwbc3yXfSIf4BanqWEhQEpngWwNp/XhZt6w==}
+
   micromark-core-commonmark@1.1.0:
     resolution: {integrity: sha512-BgHO1aRbolh2hcrzL2d1La37V0Aoz73ymF8rAcKnohLy93titmv62E0gP8Hrx9PKcKrqCZ1BbLGbP3bEhoXYlw==}
 
   micromark-core-commonmark@2.0.3:
     resolution: {integrity: sha512-RDBrHEMSxVFLg6xvnXmb1Ayr2WzLAWjeSATAoxwKYJV94TeNavgoIdA0a9ytzDSVzBy2YKFK+emCPOEibLeCrg==}
 
+  micromark-extension-cjk-friendly-gfm-strikethrough@1.2.3:
+    resolution: {integrity: sha512-gSPnxgHDDqXYOBvQRq6lerrq9mjDhdtKn+7XETuXjxWcL62yZEfUdA28Ml1I2vDIPfAOIKLa0h2XDSGkInGHFQ==}
+    engines: {node: '>=16'}
+    peerDependencies:
+      micromark: ^4.0.0
+      micromark-util-types: ^2.0.0
+    peerDependenciesMeta:
+      micromark-util-types:
+        optional: true
+
+  micromark-extension-cjk-friendly-util@2.1.1:
+    resolution: {integrity: sha512-egs6+12JU2yutskHY55FyR48ZiEcFOJFyk9rsiyIhcJ6IvWB6ABBqVrBw8IobqJTDZ/wdSr9eoXDPb5S2nW1bg==}
+    engines: {node: '>=16'}
+    peerDependencies:
+      micromark-util-types: '*'
+    peerDependenciesMeta:
+      micromark-util-types:
+        optional: true
+
+  micromark-extension-cjk-friendly@1.2.3:
+    resolution: {integrity: sha512-gRzVLUdjXBLX6zNPSnHGDoo+ZTp5zy+MZm0g3sv+3chPXY7l9gW+DnrcHcZh/jiPR6MjPKO4AEJNp4Aw6V9z5Q==}
+    engines: {node: '>=16'}
+    peerDependencies:
+      micromark: ^4.0.0
+      micromark-util-types: ^2.0.0
+    peerDependenciesMeta:
+      micromark-util-types:
+        optional: true
+
   micromark-extension-gfm-autolink-literal@2.1.0:
     resolution: {integrity: sha512-oOg7knzhicgQ3t4QCjCWgTmfNhvQbDDnJeVu9v81r7NltNCVmhPy1fJRX27pISafdjL+SVc4d3l48Gb6pbRypw==}
 
@@ -4045,6 +4541,9 @@ packages:
   micromark-extension-gfm@3.0.0:
     resolution: {integrity: sha512-vsKArQsicm7t0z2GugkCKtZehqUm31oeGBV/KVSorWSy8ZlNAv7ytjFhvaryUiCUJYqs+NoE6AFhpQvBTM6Q4w==}
 
+  micromark-extension-math@3.1.0:
+    resolution: {integrity: sha512-lvEqd+fHjATVs+2v/8kg9i5Q0AP2k85H0WUOwpIVvUML8BapsMvh1XAogmQjOCsLpoKRCVQqEkQBB3NhVBcsOg==}
+
   micromark-extension-mdx-expression@3.0.1:
     resolution: {integrity: sha512-dD/ADLJ1AeMvSAKBwO22zG22N4ybhe7kFIZ3LsDI0GlsNr2A3KYxb0LdC1u5rj4Nw+CHKY0RVdnHX8vj8ejm4Q==}
 
@@ -4253,6 +4752,9 @@ packages:
     engines: {node: '>=10'}
     hasBin: true
 
+  mlly@1.8.0:
+    resolution: {integrity: sha512-l8D9ODSRWLe2KHJSifWGwBqpTZXIXTeo8mlKjY+E2HAakaTeNpqAyBZ8GSqLzHgw4XmHmC8whvpjJNMbFZN7/g==}
+
   monaco-editor@0.52.2:
     resolution: {integrity: sha512-GEQWEZmfkOGLdd3XK8ryrfWz3AIP8YymVXiPHEdewrUq7mh0qrKrfHLNCXcbB6sTnMLnOZ3ztSiKcciFUkIJwQ==}
 
@@ -4441,6 +4943,9 @@ packages:
   oniguruma-to-es@4.3.3:
     resolution: {integrity: sha512-rPiZhzC3wXwE59YQMRDodUwwT9FZ9nNBwQQfsd1wfdtlKEyCdRV0avrTcSZ5xlIvGRVPd/cx6ZN45ECmS39xvg==}
 
+  oniguruma-to-es@4.3.4:
+    resolution: {integrity: sha512-3VhUGN3w2eYxnTzHn+ikMI+fp/96KoRSVK9/kMTcFqj1NRDh2IhQCKvYxDnWePKRXY/AqH+Fuiyb7VHSzBjHfA==}
+
   openai@3.3.0:
     resolution: {integrity: sha512-uqxI/Au+aPRnsaQRe8CojU0eCR7I0mBiKjD3sNMzY6DaC1ZVrc85u98mtJW6voDug8fgGN+DIZmTDxTthxb7dQ==}
 
@@ -4467,6 +4972,9 @@ packages:
   package-json-from-dist@1.0.1:
     resolution: {integrity: sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==}
 
+  package-manager-detector@1.6.0:
+    resolution: {integrity: sha512-61A5ThoTiDG/C8s8UMZwSorAGwMJ0ERVGj2OjoW5pAalsNOg15+iQiPzrLJ4jhZ1HJzmC2PIHT2oEiH3R5fzNA==}
+
   param-case@3.0.4:
     resolution: {integrity: sha512-RXlj7zCYokReqWpOPH9oYivUzLYZ5vAPIfEmCTNViosC78F8F0H9y7T7gG2M39ymgutxF5gcFEsyZQSph9Bp3A==}
 
@@ -4490,6 +4998,9 @@ packages:
   pascal-case@3.1.2:
     resolution: {integrity: sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==}
 
+  path-data-parser@0.1.0:
+    resolution: {integrity: sha512-NOnmBpt5Y2RWbuv0LMzsayp3lVylAHLPUTut412ZA3l+C4uw4ZVkQbjShYCQ8TCpUMdPapr4YjUqLYD6v68j+w==}
+
   path-exists@5.0.0:
     resolution: {integrity: sha512-RjhtfwJOxzcFmNOi6ltcbcu4Iu+FL3zEj83dk4kAS+fVpTxXLO1b38RvJgT/0QwvV/L3aY9TAnyv0EOqW4GoMQ==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
@@ -4512,6 +5023,9 @@ packages:
   path-to-regexp@8.3.0:
     resolution: {integrity: sha512-7jdwVIRtsP8MYpdXSwOS0YdD0Du+qOoF/AEPIt88PcCFrZCzx41oxku1jD88hZBwbNUIEfpqvuhjFaMAqMTWnA==}
 
+  pathe@2.0.3:
+    resolution: {integrity: sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==}
+
   picocolors@1.1.1:
     resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
 
@@ -4535,6 +5049,9 @@ packages:
     resolution: {integrity: sha512-wQ0b/W4Fr01qtpHlqSqspcj3EhBvimsdh0KlHhH8HRZnMsEa0ea2fTULOXOS9ccQr3om+GcGRk4e+isrZWV8qQ==}
     engines: {node: '>=16.20.0'}
 
+  pkg-types@1.3.1:
+    resolution: {integrity: sha512-/Jm5M4RvtBFVkKWRu2BLUTNP8/M2a+UwuAX+ae4770q1qVGtfjG+WTCupoZixokjmHiry8uI+dlY8KXYV5HVVQ==}
+
   playwright-core@1.57.0:
     resolution: {integrity: sha512-agTcKlMw/mjBWOnD6kFZttAAGHgi/Nw0CZ2o6JqWSbMlI219lAFLZZCyqByTsvVAJq5XA5H8cA6PrvBRpBWEuQ==}
     engines: {node: '>=18'}
@@ -4545,6 +5062,12 @@ packages:
     engines: {node: '>=18'}
     hasBin: true
 
+  points-on-curve@0.2.0:
+    resolution: {integrity: sha512-0mYKnYYe9ZcqMCWhUjItv/oHjvgEsfKvnUTg8sAtnHr3GVy7rGkXCb6d5cSyqrWqL4k81b9CPg3urd+T7aop3A==}
+
+  points-on-path@0.2.1:
+    resolution: {integrity: sha512-25ClnWWuw7JbWZcgqY/gJ4FQWadKxGWk+3kR/7kD0tCaDtPPMj7oHu2ToLaVhfpnHrZzYby2w6tUA0eOIuUg8g==}
+
   possible-typed-array-names@1.1.0:
     resolution: {integrity: sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==}
     engines: {node: '>= 0.4'}
@@ -4788,6 +5311,12 @@ packages:
     resolution: {integrity: sha512-pq2bWo9mVD43nbts2wGv17XLiNLya+GklZ8kaDLV2Z08gDCsGpnKn9BFMepvWuHCbyVvY7J5o5+BVvoQbmlJLg==}
     engines: {node: '>=8'}
 
+  rehype-harden@1.1.7:
+    resolution: {integrity: sha512-j5DY0YSK2YavvNGV+qBHma15J9m0WZmRe8posT5AtKDS6TNWtMVTo6RiqF8SidfcASYz8f3k2J/1RWmq5zTXUw==}
+
+  rehype-katex@7.0.1:
+    resolution: {integrity: sha512-OiM2wrZ/wuhKkigASodFoo8wimG3H12LWQaH8qSPVJn9apWKFSH3YOCtbKpBorTVw/eI7cuT21XBbvwEswbIOA==}
+
   rehype-raw@7.0.0:
     resolution: {integrity: sha512-/aE8hCfKlQeA8LmyeyQvQF3eBiLRGNlfBJEvWH7ivp9sBqs7TNqBL5X3v157rM4IFETqDnIOO+z5M/biZbo9Ww==}
 
@@ -4801,6 +5330,26 @@ packages:
     resolution: {integrity: sha512-G08Dxvm4iDN3MLM0EsP62EDV9IuhXPR6blNz6Utcp7zyV3tr4HVNINt6MpaRWbxoOHT3Q7YN2P+jaHX8vUbgog==}
     engines: {node: '>= 0.10'}
 
+  remark-cjk-friendly-gfm-strikethrough@1.2.3:
+    resolution: {integrity: sha512-bXfMZtsaomK6ysNN/UGRIcasQAYkC10NtPmP0oOHOV8YOhA2TXmwRXCku4qOzjIFxAPfish5+XS0eIug2PzNZA==}
+    engines: {node: '>=16'}
+    peerDependencies:
+      '@types/mdast': ^4.0.0
+      unified: ^11.0.0
+    peerDependenciesMeta:
+      '@types/mdast':
+        optional: true
+
+  remark-cjk-friendly@1.2.3:
+    resolution: {integrity: sha512-UvAgxwlNk+l9Oqgl/9MWK2eWRS7zgBW/nXX9AthV7nd/3lNejF138E7Xbmk9Zs4WjTJGs721r7fAEc7tNFoH7g==}
+    engines: {node: '>=16'}
+    peerDependencies:
+      '@types/mdast': ^4.0.0
+      unified: ^11.0.0
+    peerDependenciesMeta:
+      '@types/mdast':
+        optional: true
+
   remark-gfm@4.0.1:
     resolution: {integrity: sha512-1quofZ2RQ9EWdeN34S79+KExV1764+wCUGop5CPL1WGdD0ocPpu91lzPGbwWMECpEpd42kJGQwzRfyov9j4yNg==}
 
@@ -4810,6 +5359,9 @@ packages:
   remark-html@16.0.1:
     resolution: {integrity: sha512-B9JqA5i0qZe0Nsf49q3OXyGvyXuZFDzAP2iOFLEumymuYJITVpiH1IgsTEwTpdptDmZlMDMWeDmSawdaJIGCXQ==}
 
+  remark-math@6.0.0:
+    resolution: {integrity: sha512-MMqgnP74Igy+S3WwnhQ7kqGlEerTETXMvJhrUzDikVZ2/uogJCb+WHUg97hK9/jcfc0dkD73s3LN8zU49cTEtA==}
+
   remark-mdx@3.1.0:
     resolution: {integrity: sha512-Ngl/H3YXyBV9RcRNdlYsZujAmhsxwzxpDzpDEhFBVAGthS4GDgnctpDjgFl/ULx5UEDzqtW1cyBSNKqYYrqLBA==}
 
@@ -4834,6 +5386,9 @@ packages:
   remark@15.0.1:
     resolution: {integrity: sha512-Eht5w30ruCXgFmxVUSlNWQ9iiimq07URKeFS3hNc8cUWy1llX4KDWfyEDZRycMc+znsN9Ux5/tJ/BFdgdOwA3A==}
 
+  remend@1.0.1:
+    resolution: {integrity: sha512-152puVH0qMoRJQFnaMG+rVDdf01Jq/CaED+MBuXExurJgdbkLp0c3TIe4R12o28Klx8uyGsjvFNG05aFG69G9w==}
+
   require-from-string@2.0.2:
     resolution: {integrity: sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==}
     engines: {node: '>=0.10.0'}
@@ -4871,11 +5426,17 @@ packages:
     resolution: {integrity: sha512-l0OE8wL34P4nJH/H2ffoaniAokM2qSmrtXHmlpvYr5AVVX8msAyW0l8NVJFDxlSK4u3Uh/f41cQheDVdnYijwQ==}
     hasBin: true
 
+  robust-predicates@3.0.2:
+    resolution: {integrity: sha512-IXgzBWvWQwE6PrDI05OvmXUIruQTcoMDzRsOd5CDvHCVLcLHMTSYvOK5Cm46kWqlV3yAbuSpBZdJ5oP5OUoStg==}
+
   rollup@2.79.2:
     resolution: {integrity: sha512-fS6iqSPZDs3dr/y7Od6y5nha8dW1YnbgtsyotCVvoFGKbERG++CVRFv1meyGDE1SNItQA8BrnCw7ScdAhRJ3XQ==}
     engines: {node: '>=10.0.0'}
     hasBin: true
 
+  roughjs@4.6.6:
+    resolution: {integrity: sha512-ZUz/69+SYpFN/g/lUlo2FXcIjRkSu3nDarreVdGGndHEBJ6cXPdKguS8JGxwj5HA5xIbVKSmLgr5b3AWxtRfvQ==}
+
   router@2.2.0:
     resolution: {integrity: sha512-nLTrUKm2UyiL7rlhapu/Zl45FwNgkZGaCpZbIHajDYgwlJCOzLSk+cIPAnsEqV955GjILJnKbdQC1nVPz+gAYQ==}
     engines: {node: '>= 18'}
@@ -4883,6 +5444,9 @@ packages:
   run-parallel@1.2.0:
     resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
 
+  rw@1.3.3:
+    resolution: {integrity: sha512-PdhdWy89SiZogBLaw42zdeqtRJ//zFd2PgQavcICDUgJT5oW10QCRKbJ6bg4r0/UY2M6BWd5tkxuGFRvCkgfHQ==}
+
   rxjs@7.8.2:
     resolution: {integrity: sha512-dhKf903U/PQZY6boNNtAGdWbG85WAbjT/1xYoZIC7FAY0yWapOBQVsVrDl58W86//e1VpMNBtRV4MaXfdMySFA==}
 
@@ -4977,6 +5541,9 @@ packages:
     resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
     engines: {node: '>=8'}
 
+  shiki@3.20.0:
+    resolution: {integrity: sha512-kgCOlsnyWb+p0WU+01RjkCH+eBVsjL1jOwUYWv0YDWkM2/A46+LDKVs5yZCUXjJG6bj4ndFoAg5iLIIue6dulg==}
+
   shiki@3.4.0:
     resolution: {integrity: sha512-Ni80XHcqhOEXv5mmDAvf5p6PAJqbUc/RzFeaOqk+zP5DLvTPS3j0ckvA+MI87qoxTQ5RGJDVTbdl/ENLSyyAnQ==}
 
@@ -5062,6 +5629,11 @@ packages:
     resolution: {integrity: sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==}
     engines: {node: '>= 0.8'}
 
+  streamdown@1.6.10:
+    resolution: {integrity: sha512-B4Y3Z/qiXl1Dc+LzAB5c52Cd1QGRiFjaDwP+ERoj1JtCykdRDM8X6HwQnn3YkpkSk0x3R7S/6LrGe1nQiElHQQ==}
+    peerDependencies:
+      react: ^18.0.0 || ^19.0.0
+
   streamsearch@1.1.0:
     resolution: {integrity: sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==}
     engines: {node: '>=10.0.0'}
@@ -5168,6 +5740,9 @@ packages:
       babel-plugin-macros:
         optional: true
 
+  stylis@4.3.6:
+    resolution: {integrity: sha512-yQ3rwFWRfwNUY7H5vpU0wfdkNSnvnJinhF9830Swlaxl03zsOjCfmX0ugac+3LtK0lYSgwL/KXc8oYL3mG4YFQ==}
+
   sucrase@3.35.0:
     resolution: {integrity: sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==}
     engines: {node: '>=16 || 14 >=14.17'}
@@ -5192,6 +5767,9 @@ packages:
   tailwind-merge@3.3.0:
     resolution: {integrity: sha512-fyW/pEfcQSiigd5SNn0nApUOxx0zB/dm6UDU/rEwc2c3sX2smWUNbapHv+QRqLGVp9GWX3THIa7MUGPo+YkDzQ==}
 
+  tailwind-merge@3.4.0:
+    resolution: {integrity: sha512-uSaO4gnW+b3Y2aWoWfFpX62vn2sR3skfhbjsEnaBI81WD1wBLlHZe5sWf0AqjksNdYTbGBEd0UasQMT3SNV15g==}
+
   tailwindcss@3.4.17:
     resolution: {integrity: sha512-w33E2aCvSDP0tW9RZuNXadXlkHXqFzSkQew/aIa2i/Sj8fThxwovwlXHSPXTbAHwEIhBFXAedUhP2tueAKP8Og==}
     engines: {node: '>=14.0.0'}
@@ -5232,6 +5810,10 @@ packages:
   tiny-warning@1.0.3:
     resolution: {integrity: sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA==}
 
+  tinyexec@1.0.2:
+    resolution: {integrity: sha512-W/KYk+NFhkmsYpuHq5JykngiOCnxeVL8v8dFnqxSD8qEEdRfXk1SDM6JzNqcERbcGYj9tMrDQBYV9cjgnunFIg==}
+    engines: {node: '>=18'}
+
   tinyglobby@0.2.13:
     resolution: {integrity: sha512-mEwzpUgrLySlveBwEVDMKk5B57bhLPYovRfPAXD5gA/98Opn0rCDj3GtLwFvCvH5RK9uPCExUROW5NjDwvqkxw==}
     engines: {node: '>=12.0.0'}
@@ -5278,6 +5860,10 @@ packages:
     peerDependencies:
       typescript: '>=4.8.4'
 
+  ts-dedent@2.2.0:
+    resolution: {integrity: sha512-q5W7tVM71e2xjHZTlgfTDoPF/SmqKG5hddq9SzR49CH2hayqRKJtQ4mtRlSxKaJlR/+9rEM+mnBHf7I2/BQcpQ==}
+    engines: {node: '>=6.10'}
+
   ts-interface-checker@0.1.13:
     resolution: {integrity: sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==}
 
@@ -5372,6 +5958,9 @@ packages:
   unified@11.0.5:
     resolution: {integrity: sha512-xKvGhPWw3k84Qjh8bI3ZeJjqnyadK+GEFtazSfZv/rKeTkTjOJho6mFqh2SM96iIcZokxiOpg78GazTSg8+KHA==}
 
+  unist-util-find-after@5.0.0:
+    resolution: {integrity: sha512-amQa0Ep2m6hE2g72AugUItjbuM8X8cGQnFoHk0pGfrFeT9GZhzN5SW8nRsiGKK7Aif4CrACPENkA6P/Lw6fHGQ==}
+
   unist-util-generated@2.0.1:
     resolution: {integrity: sha512-qF72kLmPxAw0oN2fwpWIqbXAVyEqUzDHMsbtPvOudIlUzXYFIeQIuxXQCRCFh22B7cixvU0MG7m3MW8FTq/S+A==}
 
@@ -5390,6 +5979,9 @@ packages:
   unist-util-position@5.0.0:
     resolution: {integrity: sha512-fucsC7HjXvkB5R3kTCO7kUjRdrS0BJt3M/FPxmHMBOm8JQi2BsHAHFsy27E0EolP8rp0NzXsJ+jNPyDWvOJZPA==}
 
+  unist-util-remove-position@5.0.0:
+    resolution: {integrity: sha512-Hp5Kh3wLxv0PHj9m2yZhhLt58KzPtEYKQQ4yxfYFEO7EvHwzyDYnduhHnY1mDxoqr7VUwVuHXk9RXKIiYS1N8Q==}
+
   unist-util-stringify-position@3.0.3:
     resolution: {integrity: sha512-k5GzIBZ/QatR8N5X2y+drfpWG8IDBzdnVj6OInRNWm1oXrzydiaAT2OQiA8DPRRZyAKb9b6I2a6PxYklZD0gKg==}
 
@@ -5465,6 +6057,10 @@ packages:
   util-deprecate@1.0.2:
     resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
 
+  uuid@11.1.0:
+    resolution: {integrity: sha512-0/A9rDy9P7cJ+8w1c9WD9V//9Wj15Ce2MPz8Ri6032usz+NfePxx5AcN3bN+r6ZL6jEo066/yNYB3tn4pQEx+A==}
+    hasBin: true
+
   uuid@8.3.2:
     resolution: {integrity: sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==}
     hasBin: true
@@ -5511,6 +6107,26 @@ packages:
   vfile@6.0.3:
     resolution: {integrity: sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q==}
 
+  vscode-jsonrpc@8.2.0:
+    resolution: {integrity: sha512-C+r0eKJUIfiDIfwJhria30+TYWPtuHJXHtI7J0YlOmKAo7ogxP20T0zxB7HZQIFhIyvoBPwWskjxrvAtfjyZfA==}
+    engines: {node: '>=14.0.0'}
+
+  vscode-languageserver-protocol@3.17.5:
+    resolution: {integrity: sha512-mb1bvRJN8SVznADSGWM9u/b07H7Ecg0I3OgXDuLdn307rl/J3A9YD6/eYOssqhecL27hK1IPZAsaqh00i/Jljg==}
+
+  vscode-languageserver-textdocument@1.0.12:
+    resolution: {integrity: sha512-cxWNPesCnQCcMPeenjKKsOCKQZ/L6Tv19DTRIGuLWe32lyzWhihGVJ/rcckZXJxfdKCFvRLS3fpBIsV/ZGX4zA==}
+
+  vscode-languageserver-types@3.17.5:
+    resolution: {integrity: sha512-Ld1VelNuX9pdF39h2Hgaeb5hEZM2Z3jUrrMgWQAu82jMtZp7p3vJT3BzToKtZI7NgQssZje5o0zryOrhQvzQAg==}
+
+  vscode-languageserver@9.0.1:
+    resolution: {integrity: sha512-woByF3PDpkHFUreUa7Hos7+pUWdeWMXRd26+ZX2A8cFx6v/JPTtd4/uN0/jB6XQHYaOlHbio03NTHCqrgG5n7g==}
+    hasBin: true
+
+  vscode-uri@3.0.8:
+    resolution: {integrity: sha512-AyFQ0EVmsOZOlAnxoFOGOq1SQDWAB7C6aqMGS23svWAllfOaxbuFvcT8D1i8z3Gyn8fraVeZNNmN6e9bxxXkKw==}
+
   web-namespaces@2.0.1:
     resolution: {integrity: sha512-bKr1DkiNa2krS7qxNtdrtHAmzuYGFQLiQ13TsorsdT6ULTkPLKuu5+GsFpDlg6JFjUTwX2DyhMPG2be8uPrqsQ==}
 
@@ -5636,14 +6252,37 @@ packages:
 
 snapshots:
 
-  '@alloc/quick-lru@5.2.0': {}
-
-  '@ampproject/remapping@2.3.0':
+  '@ai-sdk/gateway@2.0.21(zod@4.1.13)':
     dependencies:
-      '@jridgewell/gen-mapping': 0.3.8
-      '@jridgewell/trace-mapping': 0.3.25
+      '@ai-sdk/provider': 2.0.0
+      '@ai-sdk/provider-utils': 3.0.19(zod@4.1.13)
+      '@vercel/oidc': 3.0.5
+      zod: 4.1.13
 
-  '@arcjet/analyze@1.0.0-alpha.20':
+  '@ai-sdk/provider-utils@3.0.19(zod@4.1.13)':
+    dependencies:
+      '@ai-sdk/provider': 2.0.0
+      '@standard-schema/spec': 1.0.0
+      eventsource-parser: 3.0.6
+      zod: 4.1.13
+
+  '@ai-sdk/provider@2.0.0':
+    dependencies:
+      json-schema: 0.4.0
+
+  '@alloc/quick-lru@5.2.0': {}
+
+  '@ampproject/remapping@2.3.0':
+    dependencies:
+      '@jridgewell/gen-mapping': 0.3.8
+      '@jridgewell/trace-mapping': 0.3.25
+
+  '@antfu/install-pkg@1.1.0':
+    dependencies:
+      package-manager-detector: 1.6.0
+      tinyexec: 1.0.2
+
+  '@arcjet/analyze@1.0.0-alpha.20':
     dependencies:
       '@arcjet/protocol': 1.0.0-alpha.20
 
@@ -5659,7 +6298,7 @@ snapshots:
     dependencies:
       '@arcjet/sprintf': 1.0.0-alpha.20
 
-  '@arcjet/next@1.0.0-alpha.20(@bufbuild/protobuf@1.10.0)(@connectrpc/connect@1.4.0(@bufbuild/protobuf@1.10.0))(next@14.2.35(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))':
+  '@arcjet/next@1.0.0-alpha.20(@bufbuild/protobuf@1.10.0)(@connectrpc/connect@1.4.0(@bufbuild/protobuf@1.10.0))(next@14.2.35(@opentelemetry/api@1.9.0)(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))':
     dependencies:
       '@arcjet/env': 1.0.0-alpha.20
       '@arcjet/headers': 1.0.0-alpha.20
@@ -5668,7 +6307,7 @@ snapshots:
       '@arcjet/protocol': 1.0.0-alpha.20
       '@connectrpc/connect-web': 1.4.0(@bufbuild/protobuf@1.10.0)(@connectrpc/connect@1.4.0(@bufbuild/protobuf@1.10.0))
       arcjet: 1.0.0-alpha.20
-      next: 14.2.35(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      next: 14.2.35(@opentelemetry/api@1.9.0)(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
     transitivePeerDependencies:
       - '@bufbuild/protobuf'
       - '@connectrpc/connect'
@@ -5698,8 +6337,27 @@ snapshots:
 
   '@babel/runtime@7.27.1': {}
 
+  '@braintree/sanitize-url@7.1.1': {}
+
   '@bufbuild/protobuf@1.10.0': {}
 
+  '@chevrotain/cst-dts-gen@11.0.3':
+    dependencies:
+      '@chevrotain/gast': 11.0.3
+      '@chevrotain/types': 11.0.3
+      lodash-es: 4.17.21
+
+  '@chevrotain/gast@11.0.3':
+    dependencies:
+      '@chevrotain/types': 11.0.3
+      lodash-es: 4.17.21
+
+  '@chevrotain/regexp-to-ast@11.0.3': {}
+
+  '@chevrotain/types@11.0.3': {}
+
+  '@chevrotain/utils@11.0.3': {}
+
   '@connectrpc/connect-web@1.4.0(@bufbuild/protobuf@1.10.0)(@connectrpc/connect@1.4.0(@bufbuild/protobuf@1.10.0))':
     dependencies:
       '@bufbuild/protobuf': 1.10.0
@@ -5812,7 +6470,7 @@ snapshots:
   '@eslint/eslintrc@0.4.3':
     dependencies:
       ajv: 6.12.6
-      debug: 4.4.0
+      debug: 4.4.3
       espree: 7.3.1
       globals: 13.24.0
       ignore: 4.0.6
@@ -5858,13 +6516,21 @@ snapshots:
   '@humanwhocodes/config-array@0.5.0':
     dependencies:
       '@humanwhocodes/object-schema': 1.2.1
-      debug: 4.4.0
+      debug: 4.4.3
       minimatch: 3.1.2
     transitivePeerDependencies:
       - supports-color
 
   '@humanwhocodes/object-schema@1.2.1': {}
 
+  '@iconify/types@2.0.0': {}
+
+  '@iconify/utils@3.1.0':
+    dependencies:
+      '@antfu/install-pkg': 1.1.0
+      '@iconify/types': 2.0.0
+      mlly: 1.8.0
+
   '@img/sharp-darwin-arm64@0.33.5':
     optionalDependencies:
       '@img/sharp-libvips-darwin-arm64': 1.0.4
@@ -6061,7 +6727,7 @@ snapshots:
       '@streamparser/json': 0.0.12
       lodash.get: 4.4.2
 
-  '@mdx-js/mdx@3.1.0(acorn@8.14.1)':
+  '@mdx-js/mdx@3.1.0(acorn@8.15.0)':
     dependencies:
       '@types/estree': 1.0.7
       '@types/estree-jsx': 1.0.5
@@ -6075,7 +6741,7 @@ snapshots:
       hast-util-to-jsx-runtime: 2.3.6
       markdown-extensions: 2.0.0
       recma-build-jsx: 1.0.0
-      recma-jsx: 1.0.0(acorn@8.14.1)
+      recma-jsx: 1.0.0(acorn@8.15.0)
       recma-stringify: 1.0.0
       rehype-recma: 1.0.0
       remark-mdx: 3.1.0
@@ -6091,6 +6757,10 @@ snapshots:
       - acorn
       - supports-color
 
+  '@mermaid-js/parser@0.6.3':
+    dependencies:
+      langium: 3.3.1
+
   '@modelcontextprotocol/sdk@1.9.0':
     dependencies:
       content-type: 1.0.5
@@ -6331,6 +7001,18 @@ snapshots:
       '@octokit/request-error': 7.1.0
       '@octokit/webhooks-methods': 6.0.0
 
+  '@openrouter/ai-sdk-provider@1.5.3(ai@5.0.113(zod@4.1.13))(zod@4.1.13)':
+    dependencies:
+      '@openrouter/sdk': 0.1.27
+      ai: 5.0.113(zod@4.1.13)
+      zod: 4.1.13
+
+  '@openrouter/sdk@0.1.27':
+    dependencies:
+      zod: 4.1.13
+
+  '@opentelemetry/api@1.9.0': {}
+
   '@orama/orama@3.1.6': {}
 
   '@pkgjs/parseargs@0.11.0':
@@ -6787,7 +7469,7 @@ snapshots:
       '@sentry/utils': 7.120.3
       localforage: 1.10.0
 
-  '@sentry/nextjs@7.120.3(next@14.2.35(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)':
+  '@sentry/nextjs@7.120.3(next@14.2.35(@opentelemetry/api@1.9.0)(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@rollup/plugin-commonjs': 24.0.0(rollup@2.79.2)
       '@sentry/core': 7.120.3
@@ -6799,7 +7481,7 @@ snapshots:
       '@sentry/vercel-edge': 7.120.3
       '@sentry/webpack-plugin': 1.21.0
       chalk: 3.0.0
-      next: 14.2.35(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      next: 14.2.35(@opentelemetry/api@1.9.0)(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       react: 18.3.1
       resolve: 1.22.8
       rollup: 2.79.2
@@ -6854,6 +7536,13 @@ snapshots:
       - encoding
       - supports-color
 
+  '@shikijs/core@3.20.0':
+    dependencies:
+      '@shikijs/types': 3.20.0
+      '@shikijs/vscode-textmate': 10.0.2
+      '@types/hast': 3.0.4
+      hast-util-to-html: 9.0.5
+
   '@shikijs/core@3.4.0':
     dependencies:
       '@shikijs/types': 3.4.0
@@ -6861,17 +7550,32 @@ snapshots:
       '@types/hast': 3.0.4
       hast-util-to-html: 9.0.5
 
+  '@shikijs/engine-javascript@3.20.0':
+    dependencies:
+      '@shikijs/types': 3.20.0
+      '@shikijs/vscode-textmate': 10.0.2
+      oniguruma-to-es: 4.3.4
+
   '@shikijs/engine-javascript@3.4.0':
     dependencies:
       '@shikijs/types': 3.4.0
       '@shikijs/vscode-textmate': 10.0.2
       oniguruma-to-es: 4.3.3
 
+  '@shikijs/engine-oniguruma@3.20.0':
+    dependencies:
+      '@shikijs/types': 3.20.0
+      '@shikijs/vscode-textmate': 10.0.2
+
   '@shikijs/engine-oniguruma@3.4.0':
     dependencies:
       '@shikijs/types': 3.4.0
       '@shikijs/vscode-textmate': 10.0.2
 
+  '@shikijs/langs@3.20.0':
+    dependencies:
+      '@shikijs/types': 3.20.0
+
   '@shikijs/langs@3.4.0':
     dependencies:
       '@shikijs/types': 3.4.0
@@ -6885,6 +7589,10 @@ snapshots:
       unified: 11.0.5
       unist-util-visit: 5.0.0
 
+  '@shikijs/themes@3.20.0':
+    dependencies:
+      '@shikijs/types': 3.20.0
+
   '@shikijs/themes@3.4.0':
     dependencies:
       '@shikijs/types': 3.4.0
@@ -6894,6 +7602,11 @@ snapshots:
       '@shikijs/core': 3.4.0
       '@shikijs/types': 3.4.0
 
+  '@shikijs/types@3.20.0':
+    dependencies:
+      '@shikijs/vscode-textmate': 10.0.2
+      '@types/hast': 3.0.4
+
   '@shikijs/types@3.4.0':
     dependencies:
       '@shikijs/vscode-textmate': 10.0.2
@@ -7093,6 +7806,123 @@ snapshots:
     dependencies:
       '@types/node': 18.19.100
 
+  '@types/d3-array@3.2.2': {}
+
+  '@types/d3-axis@3.0.6':
+    dependencies:
+      '@types/d3-selection': 3.0.11
+
+  '@types/d3-brush@3.0.6':
+    dependencies:
+      '@types/d3-selection': 3.0.11
+
+  '@types/d3-chord@3.0.6': {}
+
+  '@types/d3-color@3.1.3': {}
+
+  '@types/d3-contour@3.0.6':
+    dependencies:
+      '@types/d3-array': 3.2.2
+      '@types/geojson': 7946.0.16
+
+  '@types/d3-delaunay@6.0.4': {}
+
+  '@types/d3-dispatch@3.0.7': {}
+
+  '@types/d3-drag@3.0.7':
+    dependencies:
+      '@types/d3-selection': 3.0.11
+
+  '@types/d3-dsv@3.0.7': {}
+
+  '@types/d3-ease@3.0.2': {}
+
+  '@types/d3-fetch@3.0.7':
+    dependencies:
+      '@types/d3-dsv': 3.0.7
+
+  '@types/d3-force@3.0.10': {}
+
+  '@types/d3-format@3.0.4': {}
+
+  '@types/d3-geo@3.1.0':
+    dependencies:
+      '@types/geojson': 7946.0.16
+
+  '@types/d3-hierarchy@3.1.7': {}
+
+  '@types/d3-interpolate@3.0.4':
+    dependencies:
+      '@types/d3-color': 3.1.3
+
+  '@types/d3-path@3.1.1': {}
+
+  '@types/d3-polygon@3.0.2': {}
+
+  '@types/d3-quadtree@3.0.6': {}
+
+  '@types/d3-random@3.0.3': {}
+
+  '@types/d3-scale-chromatic@3.1.0': {}
+
+  '@types/d3-scale@4.0.9':
+    dependencies:
+      '@types/d3-time': 3.0.4
+
+  '@types/d3-selection@3.0.11': {}
+
+  '@types/d3-shape@3.1.7':
+    dependencies:
+      '@types/d3-path': 3.1.1
+
+  '@types/d3-time-format@4.0.3': {}
+
+  '@types/d3-time@3.0.4': {}
+
+  '@types/d3-timer@3.0.2': {}
+
+  '@types/d3-transition@3.0.9':
+    dependencies:
+      '@types/d3-selection': 3.0.11
+
+  '@types/d3-zoom@3.0.8':
+    dependencies:
+      '@types/d3-interpolate': 3.0.4
+      '@types/d3-selection': 3.0.11
+
+  '@types/d3@7.4.3':
+    dependencies:
+      '@types/d3-array': 3.2.2
+      '@types/d3-axis': 3.0.6
+      '@types/d3-brush': 3.0.6
+      '@types/d3-chord': 3.0.6
+      '@types/d3-color': 3.1.3
+      '@types/d3-contour': 3.0.6
+      '@types/d3-delaunay': 6.0.4
+      '@types/d3-dispatch': 3.0.7
+      '@types/d3-drag': 3.0.7
+      '@types/d3-dsv': 3.0.7
+      '@types/d3-ease': 3.0.2
+      '@types/d3-fetch': 3.0.7
+      '@types/d3-force': 3.0.10
+      '@types/d3-format': 3.0.4
+      '@types/d3-geo': 3.1.0
+      '@types/d3-hierarchy': 3.1.7
+      '@types/d3-interpolate': 3.0.4
+      '@types/d3-path': 3.1.1
+      '@types/d3-polygon': 3.0.2
+      '@types/d3-quadtree': 3.0.6
+      '@types/d3-random': 3.0.3
+      '@types/d3-scale': 4.0.9
+      '@types/d3-scale-chromatic': 3.1.0
+      '@types/d3-selection': 3.0.11
+      '@types/d3-shape': 3.1.7
+      '@types/d3-time': 3.0.4
+      '@types/d3-time-format': 4.0.3
+      '@types/d3-timer': 3.0.2
+      '@types/d3-transition': 3.0.9
+      '@types/d3-zoom': 3.0.8
+
   '@types/debug@4.1.12':
     dependencies:
       '@types/ms': 2.1.0
@@ -7111,6 +7941,8 @@ snapshots:
     dependencies:
       '@types/node': 18.19.100
 
+  '@types/geojson@7946.0.16': {}
+
   '@types/hast@2.3.10':
     dependencies:
       '@types/unist': 2.0.11
@@ -7126,6 +7958,8 @@ snapshots:
 
   '@types/json5@0.0.29': {}
 
+  '@types/katex@0.16.7': {}
+
   '@types/lodash@4.17.16': {}
 
   '@types/marked@4.3.2': {}
@@ -7194,6 +8028,9 @@ snapshots:
     dependencies:
       '@types/estree': 1.0.7
 
+  '@types/trusted-types@2.0.7':
+    optional: true
+
   '@types/ua-parser-js@0.7.39': {}
 
   '@types/unist@2.0.11': {}
@@ -7342,9 +8179,9 @@ snapshots:
   '@unrs/resolver-binding-win32-x64-msvc@1.7.2':
     optional: true
 
-  '@vercel/analytics@1.5.0(next@14.2.35(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)':
+  '@vercel/analytics@1.5.0(next@14.2.35(@opentelemetry/api@1.9.0)(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)':
     optionalDependencies:
-      next: 14.2.35(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      next: 14.2.35(@opentelemetry/api@1.9.0)(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       react: 18.3.1
 
   '@vercel/og@0.0.20':
@@ -7353,6 +8190,8 @@ snapshots:
       satori: 0.0.43
       yoga-wasm-web: 0.1.2
 
+  '@vercel/oidc@3.0.5': {}
+
   '@vercel/sdk@1.18.1':
     dependencies:
       '@modelcontextprotocol/sdk': 1.9.0
@@ -7373,6 +8212,10 @@ snapshots:
     dependencies:
       acorn: 8.14.1
 
+  acorn-jsx@5.3.2(acorn@8.15.0):
+    dependencies:
+      acorn: 8.15.0
+
   acorn-walk@8.3.4:
     dependencies:
       acorn: 8.14.1
@@ -7381,12 +8224,22 @@ snapshots:
 
   acorn@8.14.1: {}
 
+  acorn@8.15.0: {}
+
   agent-base@6.0.2:
     dependencies:
       debug: 4.4.0
     transitivePeerDependencies:
       - supports-color
 
+  ai@5.0.113(zod@4.1.13):
+    dependencies:
+      '@ai-sdk/gateway': 2.0.21(zod@4.1.13)
+      '@ai-sdk/provider': 2.0.0
+      '@ai-sdk/provider-utils': 3.0.19(zod@4.1.13)
+      '@opentelemetry/api': 1.9.0
+      zod: 4.1.13
+
   ajv@6.12.6:
     dependencies:
       fast-deep-equal: 3.1.3
@@ -7675,6 +8528,20 @@ snapshots:
 
   charenc@0.0.2: {}
 
+  chevrotain-allstar@0.3.1(chevrotain@11.0.3):
+    dependencies:
+      chevrotain: 11.0.3
+      lodash-es: 4.17.21
+
+  chevrotain@11.0.3:
+    dependencies:
+      '@chevrotain/cst-dts-gen': 11.0.3
+      '@chevrotain/gast': 11.0.3
+      '@chevrotain/regexp-to-ast': 11.0.3
+      '@chevrotain/types': 11.0.3
+      '@chevrotain/utils': 11.0.3
+      lodash-es: 4.17.21
+
   chokidar@3.6.0:
     dependencies:
       anymatch: 3.1.3
@@ -7755,12 +8622,16 @@ snapshots:
 
   commander@7.2.0: {}
 
+  commander@8.3.0: {}
+
   commondir@1.0.1: {}
 
   compute-scroll-into-view@3.1.1: {}
 
   concat-map@0.0.1: {}
 
+  confbox@0.1.8: {}
+
   content-disposition@1.0.1: {}
 
   content-type@1.0.5: {}
@@ -7778,6 +8649,14 @@ snapshots:
       object-assign: 4.1.1
       vary: 1.1.2
 
+  cose-base@1.0.3:
+    dependencies:
+      layout-base: 1.0.2
+
+  cose-base@2.2.0:
+    dependencies:
+      layout-base: 2.0.1
+
   cross-fetch@3.2.0:
     dependencies:
       node-fetch: 2.7.0
@@ -7814,6 +8693,190 @@ snapshots:
 
   csstype@3.1.3: {}
 
+  cytoscape-cose-bilkent@4.1.0(cytoscape@3.33.1):
+    dependencies:
+      cose-base: 1.0.3
+      cytoscape: 3.33.1
+
+  cytoscape-fcose@2.2.0(cytoscape@3.33.1):
+    dependencies:
+      cose-base: 2.2.0
+      cytoscape: 3.33.1
+
+  cytoscape@3.33.1: {}
+
+  d3-array@2.12.1:
+    dependencies:
+      internmap: 1.0.1
+
+  d3-array@3.2.4:
+    dependencies:
+      internmap: 2.0.3
+
+  d3-axis@3.0.0: {}
+
+  d3-brush@3.0.0:
+    dependencies:
+      d3-dispatch: 3.0.1
+      d3-drag: 3.0.0
+      d3-interpolate: 3.0.1
+      d3-selection: 3.0.0
+      d3-transition: 3.0.1(d3-selection@3.0.0)
+
+  d3-chord@3.0.1:
+    dependencies:
+      d3-path: 3.1.0
+
+  d3-color@3.1.0: {}
+
+  d3-contour@4.0.2:
+    dependencies:
+      d3-array: 3.2.4
+
+  d3-delaunay@6.0.4:
+    dependencies:
+      delaunator: 5.0.1
+
+  d3-dispatch@3.0.1: {}
+
+  d3-drag@3.0.0:
+    dependencies:
+      d3-dispatch: 3.0.1
+      d3-selection: 3.0.0
+
+  d3-dsv@3.0.1:
+    dependencies:
+      commander: 7.2.0
+      iconv-lite: 0.6.3
+      rw: 1.3.3
+
+  d3-ease@3.0.1: {}
+
+  d3-fetch@3.0.1:
+    dependencies:
+      d3-dsv: 3.0.1
+
+  d3-force@3.0.0:
+    dependencies:
+      d3-dispatch: 3.0.1
+      d3-quadtree: 3.0.1
+      d3-timer: 3.0.1
+
+  d3-format@3.1.0: {}
+
+  d3-geo@3.1.1:
+    dependencies:
+      d3-array: 3.2.4
+
+  d3-hierarchy@3.1.2: {}
+
+  d3-interpolate@3.0.1:
+    dependencies:
+      d3-color: 3.1.0
+
+  d3-path@1.0.9: {}
+
+  d3-path@3.1.0: {}
+
+  d3-polygon@3.0.1: {}
+
+  d3-quadtree@3.0.1: {}
+
+  d3-random@3.0.1: {}
+
+  d3-sankey@0.12.3:
+    dependencies:
+      d3-array: 2.12.1
+      d3-shape: 1.3.7
+
+  d3-scale-chromatic@3.1.0:
+    dependencies:
+      d3-color: 3.1.0
+      d3-interpolate: 3.0.1
+
+  d3-scale@4.0.2:
+    dependencies:
+      d3-array: 3.2.4
+      d3-format: 3.1.0
+      d3-interpolate: 3.0.1
+      d3-time: 3.1.0
+      d3-time-format: 4.1.0
+
+  d3-selection@3.0.0: {}
+
+  d3-shape@1.3.7:
+    dependencies:
+      d3-path: 1.0.9
+
+  d3-shape@3.2.0:
+    dependencies:
+      d3-path: 3.1.0
+
+  d3-time-format@4.1.0:
+    dependencies:
+      d3-time: 3.1.0
+
+  d3-time@3.1.0:
+    dependencies:
+      d3-array: 3.2.4
+
+  d3-timer@3.0.1: {}
+
+  d3-transition@3.0.1(d3-selection@3.0.0):
+    dependencies:
+      d3-color: 3.1.0
+      d3-dispatch: 3.0.1
+      d3-ease: 3.0.1
+      d3-interpolate: 3.0.1
+      d3-selection: 3.0.0
+      d3-timer: 3.0.1
+
+  d3-zoom@3.0.0:
+    dependencies:
+      d3-dispatch: 3.0.1
+      d3-drag: 3.0.0
+      d3-interpolate: 3.0.1
+      d3-selection: 3.0.0
+      d3-transition: 3.0.1(d3-selection@3.0.0)
+
+  d3@7.9.0:
+    dependencies:
+      d3-array: 3.2.4
+      d3-axis: 3.0.0
+      d3-brush: 3.0.0
+      d3-chord: 3.0.1
+      d3-color: 3.1.0
+      d3-contour: 4.0.2
+      d3-delaunay: 6.0.4
+      d3-dispatch: 3.0.1
+      d3-drag: 3.0.0
+      d3-dsv: 3.0.1
+      d3-ease: 3.0.1
+      d3-fetch: 3.0.1
+      d3-force: 3.0.0
+      d3-format: 3.1.0
+      d3-geo: 3.1.1
+      d3-hierarchy: 3.1.2
+      d3-interpolate: 3.0.1
+      d3-path: 3.1.0
+      d3-polygon: 3.0.1
+      d3-quadtree: 3.0.1
+      d3-random: 3.0.1
+      d3-scale: 4.0.2
+      d3-scale-chromatic: 3.1.0
+      d3-selection: 3.0.0
+      d3-shape: 3.2.0
+      d3-time: 3.1.0
+      d3-time-format: 4.1.0
+      d3-timer: 3.0.1
+      d3-transition: 3.0.1(d3-selection@3.0.0)
+      d3-zoom: 3.0.0
+
+  dagre-d3-es@7.0.13:
+    dependencies:
+      d3: 7.9.0
+      lodash-es: 4.17.21
+
   damerau-levenshtein@1.0.8: {}
 
   data-view-buffer@1.0.2:
@@ -7836,6 +8899,8 @@ snapshots:
 
   dayjs@1.11.13: {}
 
+  dayjs@1.11.19: {}
+
   debug@3.2.7:
     dependencies:
       ms: 2.1.3
@@ -7874,6 +8939,10 @@ snapshots:
 
   defu@6.1.4: {}
 
+  delaunator@5.0.1:
+    dependencies:
+      robust-predicates: 3.0.2
+
   delayed-stream@1.0.0: {}
 
   depd@2.0.0: {}
@@ -7904,6 +8973,10 @@ snapshots:
     dependencies:
       esutils: 2.0.3
 
+  dompurify@3.3.1:
+    optionalDependencies:
+      '@types/trusted-types': 2.0.7
+
   dot-case@3.0.4:
     dependencies:
       no-case: 3.0.4
@@ -8256,7 +9329,7 @@ snapshots:
       ajv: 6.12.6
       chalk: 4.1.2
       cross-spawn: 7.0.6
-      debug: 4.4.0
+      debug: 4.4.3
       doctrine: 3.0.0
       enquirer: 2.4.1
       escape-string-regexp: 4.0.0
@@ -8525,7 +9598,7 @@ snapshots:
   fsevents@2.3.3:
     optional: true
 
-  fumadocs-core@15.3.0(@types/react@18.3.1)(next@15.3.8(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  fumadocs-core@15.3.0(@types/react@18.3.1)(next@15.3.8(@opentelemetry/api@1.9.0)(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
     dependencies:
       '@formatjs/intl-localematcher': 0.6.1
       '@orama/orama': 3.1.6
@@ -8543,27 +9616,27 @@ snapshots:
       shiki: 3.4.0
       unist-util-visit: 5.0.0
     optionalDependencies:
-      next: 15.3.8(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      next: 15.3.8(@opentelemetry/api@1.9.0)(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
     transitivePeerDependencies:
       - '@types/react'
       - supports-color
 
-  fumadocs-mdx@11.6.3(acorn@8.14.1)(fumadocs-core@15.3.0(@types/react@18.3.1)(next@15.3.8(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(next@15.3.8(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)):
+  fumadocs-mdx@11.6.3(acorn@8.15.0)(fumadocs-core@15.3.0(@types/react@18.3.1)(next@15.3.8(@opentelemetry/api@1.9.0)(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(next@15.3.8(@opentelemetry/api@1.9.0)(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)):
     dependencies:
-      '@mdx-js/mdx': 3.1.0(acorn@8.14.1)
+      '@mdx-js/mdx': 3.1.0(acorn@8.15.0)
       '@standard-schema/spec': 1.0.0
       chokidar: 4.0.3
       cross-spawn: 7.0.6
       esbuild: 0.25.4
       estree-util-value-to-estree: 3.4.0
       fast-glob: 3.3.3
-      fumadocs-core: 15.3.0(@types/react@18.3.1)(next@15.3.8(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      fumadocs-core: 15.3.0(@types/react@18.3.1)(next@15.3.8(@opentelemetry/api@1.9.0)(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       gray-matter: 4.0.3
       js-yaml: 4.1.0
       lru-cache: 11.1.0
-      next: 15.3.8(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      next: 15.3.8(@opentelemetry/api@1.9.0)(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       picocolors: 1.1.1
       unist-util-visit: 5.0.0
       zod: 3.24.4
@@ -8571,7 +9644,7 @@ snapshots:
       - acorn
       - supports-color
 
-  fumadocs-ui@15.3.0(@types/react-dom@18.3.1)(@types/react@18.3.1)(next@15.3.8(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(tailwindcss@4.1.6):
+  fumadocs-ui@15.3.0(@types/react-dom@18.3.1)(@types/react@18.3.1)(next@15.3.8(@opentelemetry/api@1.9.0)(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(tailwindcss@4.1.6):
     dependencies:
       '@radix-ui/react-accordion': 1.2.10(@types/react-dom@18.3.1)(@types/react@18.3.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@radix-ui/react-collapsible': 1.1.10(@types/react-dom@18.3.1)(@types/react@18.3.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
@@ -8584,9 +9657,9 @@ snapshots:
       '@radix-ui/react-slot': 1.2.2(@types/react@18.3.1)(react@18.3.1)
       '@radix-ui/react-tabs': 1.1.11(@types/react-dom@18.3.1)(@types/react@18.3.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       class-variance-authority: 0.7.1
-      fumadocs-core: 15.3.0(@types/react@18.3.1)(next@15.3.8(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      fumadocs-core: 15.3.0(@types/react@18.3.1)(next@15.3.8(@opentelemetry/api@1.9.0)(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       lodash.merge: 4.6.2
-      next: 15.3.8(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      next: 15.3.8(@opentelemetry/api@1.9.0)(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       next-themes: 0.4.6(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       postcss-selector-parser: 7.1.0
       react: 18.3.1
@@ -8618,6 +9691,8 @@ snapshots:
 
   functions-have-names@1.2.3: {}
 
+  get-east-asian-width@1.4.0: {}
+
   get-intrinsic@1.3.0:
     dependencies:
       call-bind-apply-helpers: 1.0.2
@@ -8747,6 +9822,8 @@ snapshots:
       ufo: 1.6.1
       uncrypto: 0.1.3
 
+  hachure-fill@0.5.2: {}
+
   has-bigints@1.1.0: {}
 
   has-flag@3.0.0: {}
@@ -8776,6 +9853,28 @@ snapshots:
     dependencies:
       function-bind: 1.1.2
 
+  hast-util-from-dom@5.0.1:
+    dependencies:
+      '@types/hast': 3.0.4
+      hastscript: 9.0.1
+      web-namespaces: 2.0.1
+
+  hast-util-from-html-isomorphic@2.0.0:
+    dependencies:
+      '@types/hast': 3.0.4
+      hast-util-from-dom: 5.0.1
+      hast-util-from-html: 2.0.3
+      unist-util-remove-position: 5.0.0
+
+  hast-util-from-html@2.0.3:
+    dependencies:
+      '@types/hast': 3.0.4
+      devlop: 1.1.0
+      hast-util-from-parse5: 8.0.3
+      parse5: 7.3.0
+      vfile: 6.0.3
+      vfile-message: 4.0.2
+
   hast-util-from-parse5@7.1.2:
     dependencies:
       '@types/hast': 2.3.10
@@ -8797,6 +9896,10 @@ snapshots:
       vfile-location: 5.0.3
       web-namespaces: 2.0.1
 
+  hast-util-is-element@3.0.0:
+    dependencies:
+      '@types/hast': 3.0.4
+
   hast-util-parse-selector@3.1.1:
     dependencies:
       '@types/hast': 2.3.10
@@ -8937,12 +10040,21 @@ snapshots:
     dependencies:
       '@types/hast': 3.0.4
 
+  hast-util-to-text@4.0.2:
+    dependencies:
+      '@types/hast': 3.0.4
+      '@types/unist': 3.0.3
+      hast-util-is-element: 3.0.0
+      unist-util-find-after: 5.0.0
+
   hast-util-whitespace@2.0.1: {}
 
   hast-util-whitespace@3.0.0:
     dependencies:
       '@types/hast': 3.0.4
 
+  hast@1.0.0: {}
+
   hastscript@7.2.0:
     dependencies:
       '@types/hast': 2.3.10
@@ -8994,6 +10106,10 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  iconv-lite@0.6.3:
+    dependencies:
+      safer-buffer: 2.1.2
+
   iconv-lite@0.7.0:
     dependencies:
       safer-buffer: 2.1.2
@@ -9062,6 +10178,10 @@ snapshots:
       hasown: 2.0.2
       side-channel: 1.1.0
 
+  internmap@1.0.1: {}
+
+  internmap@2.0.3: {}
+
   ipaddr.js@1.9.1: {}
 
   iron-webcrypto@1.2.1: {}
@@ -9260,6 +10380,8 @@ snapshots:
 
   json-schema-traverse@1.0.0: {}
 
+  json-schema@0.4.0: {}
+
   json-stable-stringify-without-jsonify@1.0.1: {}
 
   json-stringify-safe@5.0.1: {}
@@ -9275,20 +10397,38 @@ snapshots:
       object.assign: 4.1.7
       object.values: 1.2.1
 
+  katex@0.16.27:
+    dependencies:
+      commander: 8.3.0
+
   keyv@4.5.4:
     dependencies:
       json-buffer: 3.0.1
 
+  khroma@2.1.0: {}
+
   kind-of@6.0.3: {}
 
   kleur@4.1.5: {}
 
+  langium@3.3.1:
+    dependencies:
+      chevrotain: 11.0.3
+      chevrotain-allstar: 0.3.1(chevrotain@11.0.3)
+      vscode-languageserver: 9.0.1
+      vscode-languageserver-textdocument: 1.0.12
+      vscode-uri: 3.0.8
+
   language-subtag-registry@0.3.23: {}
 
   language-tags@1.0.9:
     dependencies:
       language-subtag-registry: 0.3.23
 
+  layout-base@1.0.2: {}
+
+  layout-base@2.0.1: {}
+
   levn@0.4.1:
     dependencies:
       prelude-ls: 1.2.1
@@ -9383,6 +10523,10 @@ snapshots:
 
   lru-cache@11.1.0: {}
 
+  lucide-react@0.542.0(react@18.3.1):
+    dependencies:
+      react: 18.3.1
+
   magic-string@0.27.0:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.5.0
@@ -9395,6 +10539,8 @@ snapshots:
 
   markdown-table@3.0.4: {}
 
+  marked@16.4.2: {}
+
   marked@4.3.0: {}
 
   math-intrinsics@1.1.0: {}
@@ -9509,6 +10655,18 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  mdast-util-math@3.0.0:
+    dependencies:
+      '@types/hast': 3.0.4
+      '@types/mdast': 4.0.4
+      devlop: 1.1.0
+      longest-streak: 3.1.0
+      mdast-util-from-markdown: 2.0.2
+      mdast-util-to-markdown: 2.1.2
+      unist-util-remove-position: 5.0.0
+    transitivePeerDependencies:
+      - supports-color
+
   mdast-util-mdx-expression@2.0.1:
     dependencies:
       '@types/estree-jsx': 1.0.5
@@ -9628,6 +10786,29 @@ snapshots:
 
   merge2@1.4.1: {}
 
+  mermaid@11.12.2:
+    dependencies:
+      '@braintree/sanitize-url': 7.1.1
+      '@iconify/utils': 3.1.0
+      '@mermaid-js/parser': 0.6.3
+      '@types/d3': 7.4.3
+      cytoscape: 3.33.1
+      cytoscape-cose-bilkent: 4.1.0(cytoscape@3.33.1)
+      cytoscape-fcose: 2.2.0(cytoscape@3.33.1)
+      d3: 7.9.0
+      d3-sankey: 0.12.3
+      dagre-d3-es: 7.0.13
+      dayjs: 1.11.19
+      dompurify: 3.3.1
+      katex: 0.16.27
+      khroma: 2.1.0
+      lodash-es: 4.17.21
+      marked: 16.4.2
+      roughjs: 4.6.6
+      stylis: 4.3.6
+      ts-dedent: 2.2.0
+      uuid: 11.1.0
+
   micromark-core-commonmark@1.1.0:
     dependencies:
       decode-named-character-reference: 1.1.0
@@ -9666,6 +10847,38 @@ snapshots:
       micromark-util-symbol: 2.0.1
       micromark-util-types: 2.0.2
 
+  micromark-extension-cjk-friendly-gfm-strikethrough@1.2.3(micromark-util-types@2.0.2)(micromark@4.0.2):
+    dependencies:
+      devlop: 1.1.0
+      get-east-asian-width: 1.4.0
+      micromark: 4.0.2
+      micromark-extension-cjk-friendly-util: 2.1.1(micromark-util-types@2.0.2)
+      micromark-util-character: 2.1.1
+      micromark-util-chunked: 2.0.1
+      micromark-util-resolve-all: 2.0.1
+      micromark-util-symbol: 2.0.1
+    optionalDependencies:
+      micromark-util-types: 2.0.2
+
+  micromark-extension-cjk-friendly-util@2.1.1(micromark-util-types@2.0.2):
+    dependencies:
+      get-east-asian-width: 1.4.0
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+    optionalDependencies:
+      micromark-util-types: 2.0.2
+
+  micromark-extension-cjk-friendly@1.2.3(micromark-util-types@2.0.2)(micromark@4.0.2):
+    dependencies:
+      devlop: 1.1.0
+      micromark: 4.0.2
+      micromark-extension-cjk-friendly-util: 2.1.1(micromark-util-types@2.0.2)
+      micromark-util-chunked: 2.0.1
+      micromark-util-resolve-all: 2.0.1
+      micromark-util-symbol: 2.0.1
+    optionalDependencies:
+      micromark-util-types: 2.0.2
+
   micromark-extension-gfm-autolink-literal@2.1.0:
     dependencies:
       micromark-util-character: 2.1.1
@@ -9724,6 +10937,16 @@ snapshots:
       micromark-util-combine-extensions: 2.0.1
       micromark-util-types: 2.0.2
 
+  micromark-extension-math@3.1.0:
+    dependencies:
+      '@types/katex': 0.16.7
+      devlop: 1.1.0
+      katex: 0.16.27
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
   micromark-extension-mdx-expression@3.0.1:
     dependencies:
       '@types/estree': 1.0.7
@@ -10089,6 +11312,13 @@ snapshots:
 
   mkdirp@3.0.1: {}
 
+  mlly@1.8.0:
+    dependencies:
+      acorn: 8.15.0
+      pathe: 2.0.3
+      pkg-types: 1.3.1
+      ufo: 1.6.1
+
   monaco-editor@0.52.2: {}
 
   mri@1.2.0: {}
@@ -10113,29 +11343,29 @@ snapshots:
 
   negotiator@1.0.0: {}
 
-  next-seo@5.15.0(next@14.2.35(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  next-seo@5.15.0(next@14.2.35(@opentelemetry/api@1.9.0)(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
     dependencies:
-      next: 14.2.35(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      next: 14.2.35(@opentelemetry/api@1.9.0)(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
-  next-seo@6.6.0(next@14.2.35(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  next-seo@6.6.0(next@14.2.35(@opentelemetry/api@1.9.0)(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
     dependencies:
-      next: 14.2.35(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      next: 14.2.35(@opentelemetry/api@1.9.0)(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
-  next-sitemap@4.2.3(next@14.2.35(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)):
+  next-sitemap@4.2.3(next@14.2.35(@opentelemetry/api@1.9.0)(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)):
     dependencies:
       '@corex/deepmerge': 4.0.43
       '@next/env': 13.5.11
       fast-glob: 3.3.3
       minimist: 1.2.8
-      next: 14.2.35(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      next: 14.2.35(@opentelemetry/api@1.9.0)(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
 
-  next-themes@0.2.1(next@14.2.35(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  next-themes@0.2.1(next@14.2.35(@opentelemetry/api@1.9.0)(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
     dependencies:
-      next: 14.2.35(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      next: 14.2.35(@opentelemetry/api@1.9.0)(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
@@ -10144,7 +11374,7 @@ snapshots:
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
-  next@14.2.35(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  next@14.2.35(@opentelemetry/api@1.9.0)(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
     dependencies:
       '@next/env': 14.2.35
       '@swc/helpers': 0.5.5
@@ -10165,12 +11395,13 @@ snapshots:
       '@next/swc-win32-arm64-msvc': 14.2.33
       '@next/swc-win32-ia32-msvc': 14.2.33
       '@next/swc-win32-x64-msvc': 14.2.33
+      '@opentelemetry/api': 1.9.0
       '@playwright/test': 1.57.0
     transitivePeerDependencies:
       - '@babel/core'
       - babel-plugin-macros
 
-  next@15.3.8(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  next@15.3.8(@opentelemetry/api@1.9.0)(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
     dependencies:
       '@next/env': 15.3.8
       '@swc/counter': 0.1.3
@@ -10190,6 +11421,7 @@ snapshots:
       '@next/swc-linux-x64-musl': 15.3.5
       '@next/swc-win32-arm64-msvc': 15.3.5
       '@next/swc-win32-x64-msvc': 15.3.5
+      '@opentelemetry/api': 1.9.0
       '@playwright/test': 1.57.0
       sharp: 0.34.1
     transitivePeerDependencies:
@@ -10275,6 +11507,12 @@ snapshots:
       regex: 6.0.1
       regex-recursion: 6.0.2
 
+  oniguruma-to-es@4.3.4:
+    dependencies:
+      oniguruma-parser: 0.12.1
+      regex: 6.0.1
+      regex-recursion: 6.0.2
+
   openai@3.3.0:
     dependencies:
       axios: 0.26.1
@@ -10309,6 +11547,8 @@ snapshots:
 
   package-json-from-dist@1.0.1: {}
 
+  package-manager-detector@1.6.0: {}
+
   param-case@3.0.4:
     dependencies:
       dot-case: 3.0.4
@@ -10341,6 +11581,8 @@ snapshots:
       no-case: 3.0.4
       tslib: 2.8.1
 
+  path-data-parser@0.1.0: {}
+
   path-exists@5.0.0: {}
 
   path-is-absolute@1.0.1: {}
@@ -10356,6 +11598,8 @@ snapshots:
 
   path-to-regexp@8.3.0: {}
 
+  pathe@2.0.3: {}
+
   picocolors@1.1.1: {}
 
   picomatch@2.3.1: {}
@@ -10368,6 +11612,12 @@ snapshots:
 
   pkce-challenge@5.0.1: {}
 
+  pkg-types@1.3.1:
+    dependencies:
+      confbox: 0.1.8
+      mlly: 1.8.0
+      pathe: 2.0.3
+
   playwright-core@1.57.0: {}
 
   playwright@1.57.0:
@@ -10376,6 +11626,13 @@ snapshots:
     optionalDependencies:
       fsevents: 2.3.2
 
+  points-on-curve@0.2.0: {}
+
+  points-on-path@0.2.1:
+    dependencies:
+      path-data-parser: 0.1.0
+      points-on-curve: 0.2.0
+
   possible-typed-array-names@1.1.0: {}
 
   postcss-import@15.1.0(postcss@8.5.3):
@@ -10609,9 +11866,9 @@ snapshots:
       estree-util-build-jsx: 3.0.1
       vfile: 6.0.3
 
-  recma-jsx@1.0.0(acorn@8.14.1):
+  recma-jsx@1.0.0(acorn@8.15.0):
     dependencies:
-      acorn-jsx: 5.3.2(acorn@8.14.1)
+      acorn-jsx: 5.3.2(acorn@8.15.0)
       estree-util-to-js: 2.0.0
       recma-parse: 1.0.0
       recma-stringify: 1.0.0
@@ -10665,6 +11922,20 @@ snapshots:
 
   regexpp@3.2.0: {}
 
+  rehype-harden@1.1.7:
+    dependencies:
+      unist-util-visit: 5.0.0
+
+  rehype-katex@7.0.1:
+    dependencies:
+      '@types/hast': 3.0.4
+      '@types/katex': 0.16.7
+      hast-util-from-html-isomorphic: 2.0.0
+      hast-util-to-text: 4.0.2
+      katex: 0.16.27
+      unist-util-visit-parents: 6.0.1
+      vfile: 6.0.3
+
   rehype-raw@7.0.0:
     dependencies:
       '@types/hast': 3.0.4
@@ -10686,6 +11957,26 @@ snapshots:
 
   relateurl@0.2.7: {}
 
+  remark-cjk-friendly-gfm-strikethrough@1.2.3(@types/mdast@4.0.4)(micromark-util-types@2.0.2)(micromark@4.0.2)(unified@11.0.5):
+    dependencies:
+      micromark-extension-cjk-friendly-gfm-strikethrough: 1.2.3(micromark-util-types@2.0.2)(micromark@4.0.2)
+      unified: 11.0.5
+    optionalDependencies:
+      '@types/mdast': 4.0.4
+    transitivePeerDependencies:
+      - micromark
+      - micromark-util-types
+
+  remark-cjk-friendly@1.2.3(@types/mdast@4.0.4)(micromark-util-types@2.0.2)(micromark@4.0.2)(unified@11.0.5):
+    dependencies:
+      micromark-extension-cjk-friendly: 1.2.3(micromark-util-types@2.0.2)(micromark@4.0.2)
+      unified: 11.0.5
+    optionalDependencies:
+      '@types/mdast': 4.0.4
+    transitivePeerDependencies:
+      - micromark
+      - micromark-util-types
+
   remark-gfm@4.0.1:
     dependencies:
       '@types/mdast': 4.0.4
@@ -10713,6 +12004,15 @@ snapshots:
       mdast-util-to-hast: 13.2.0
       unified: 11.0.5
 
+  remark-math@6.0.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      mdast-util-math: 3.0.0
+      micromark-extension-math: 3.1.0
+      unified: 11.0.5
+    transitivePeerDependencies:
+      - supports-color
+
   remark-mdx@3.1.0:
     dependencies:
       mdast-util-mdx: 3.0.0
@@ -10775,6 +12075,8 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  remend@1.0.1: {}
+
   require-from-string@2.0.2: {}
 
   resolve-from@4.0.0: {}
@@ -10809,10 +12111,19 @@ snapshots:
     dependencies:
       glob: 10.4.5
 
+  robust-predicates@3.0.2: {}
+
   rollup@2.79.2:
     optionalDependencies:
       fsevents: 2.3.3
 
+  roughjs@4.6.6:
+    dependencies:
+      hachure-fill: 0.5.2
+      path-data-parser: 0.1.0
+      points-on-curve: 0.2.0
+      points-on-path: 0.2.1
+
   router@2.2.0:
     dependencies:
       debug: 4.4.0
@@ -10827,6 +12138,8 @@ snapshots:
     dependencies:
       queue-microtask: 1.2.3
 
+  rw@1.3.3: {}
+
   rxjs@7.8.2:
     dependencies:
       tslib: 2.8.1
@@ -10998,6 +12311,17 @@ snapshots:
 
   shebang-regex@3.0.0: {}
 
+  shiki@3.20.0:
+    dependencies:
+      '@shikijs/core': 3.20.0
+      '@shikijs/engine-javascript': 3.20.0
+      '@shikijs/engine-oniguruma': 3.20.0
+      '@shikijs/langs': 3.20.0
+      '@shikijs/themes': 3.20.0
+      '@shikijs/types': 3.20.0
+      '@shikijs/vscode-textmate': 10.0.2
+      '@types/hast': 3.0.4
+
   shiki@3.4.0:
     dependencies:
       '@shikijs/core': 3.4.0
@@ -11096,6 +12420,37 @@ snapshots:
 
   statuses@2.0.2: {}
 
+  streamdown@1.6.10(@types/mdast@4.0.4)(micromark-util-types@2.0.2)(micromark@4.0.2)(react@18.3.1):
+    dependencies:
+      clsx: 2.1.1
+      hast: 1.0.0
+      hast-util-to-jsx-runtime: 2.3.6
+      html-url-attributes: 3.0.1
+      katex: 0.16.27
+      lucide-react: 0.542.0(react@18.3.1)
+      marked: 16.4.2
+      mermaid: 11.12.2
+      react: 18.3.1
+      rehype-harden: 1.1.7
+      rehype-katex: 7.0.1
+      rehype-raw: 7.0.0
+      remark-cjk-friendly: 1.2.3(@types/mdast@4.0.4)(micromark-util-types@2.0.2)(micromark@4.0.2)(unified@11.0.5)
+      remark-cjk-friendly-gfm-strikethrough: 1.2.3(@types/mdast@4.0.4)(micromark-util-types@2.0.2)(micromark@4.0.2)(unified@11.0.5)
+      remark-gfm: 4.0.1
+      remark-math: 6.0.0
+      remark-parse: 11.0.0
+      remark-rehype: 11.1.2
+      remend: 1.0.1
+      shiki: 3.20.0
+      tailwind-merge: 3.4.0
+      unified: 11.0.5
+      unist-util-visit: 5.0.0
+    transitivePeerDependencies:
+      - '@types/mdast'
+      - micromark
+      - micromark-util-types
+      - supports-color
+
   streamsearch@1.1.0: {}
 
   string-width@4.2.3:
@@ -11218,6 +12573,8 @@ snapshots:
       client-only: 0.0.1
       react: 18.3.1
 
+  stylis@4.3.6: {}
+
   sucrase@3.35.0:
     dependencies:
       '@jridgewell/gen-mapping': 0.3.8
@@ -11248,6 +12605,8 @@ snapshots:
 
   tailwind-merge@3.3.0: {}
 
+  tailwind-merge@3.4.0: {}
+
   tailwindcss@3.4.17:
     dependencies:
       '@alloc/quick-lru': 5.2.0
@@ -11313,6 +12672,8 @@ snapshots:
 
   tiny-warning@1.0.3: {}
 
+  tinyexec@1.0.2: {}
+
   tinyglobby@0.2.13:
     dependencies:
       fdir: 6.4.4(picomatch@4.0.2)
@@ -11344,6 +12705,8 @@ snapshots:
     dependencies:
       typescript: 5.8.3
 
+  ts-dedent@2.2.0: {}
+
   ts-interface-checker@0.1.13: {}
 
   tsconfig-paths@3.15.0:
@@ -11457,6 +12820,11 @@ snapshots:
       trough: 2.2.0
       vfile: 6.0.3
 
+  unist-util-find-after@5.0.0:
+    dependencies:
+      '@types/unist': 3.0.3
+      unist-util-is: 6.0.0
+
   unist-util-generated@2.0.1: {}
 
   unist-util-is@5.2.1:
@@ -11479,6 +12847,11 @@ snapshots:
     dependencies:
       '@types/unist': 3.0.3
 
+  unist-util-remove-position@5.0.0:
+    dependencies:
+      '@types/unist': 3.0.3
+      unist-util-visit: 5.0.0
+
   unist-util-stringify-position@3.0.3:
     dependencies:
       '@types/unist': 2.0.11
@@ -11573,6 +12946,8 @@ snapshots:
 
   util-deprecate@1.0.2: {}
 
+  uuid@11.1.0: {}
+
   uuid@8.3.2: {}
 
   uuid@9.0.1: {}
@@ -11624,6 +12999,23 @@ snapshots:
       '@types/unist': 3.0.3
       vfile-message: 4.0.2
 
+  vscode-jsonrpc@8.2.0: {}
+
+  vscode-languageserver-protocol@3.17.5:
+    dependencies:
+      vscode-jsonrpc: 8.2.0
+      vscode-languageserver-types: 3.17.5
+
+  vscode-languageserver-textdocument@1.0.12: {}
+
+  vscode-languageserver-types@3.17.5: {}
+
+  vscode-languageserver@9.0.1:
+    dependencies:
+      vscode-languageserver-protocol: 3.17.5
+
+  vscode-uri@3.0.8: {}
+
   web-namespaces@2.0.1: {}
 
   webidl-conversions@3.0.1: {}

From ddb9263b4c37a861e90e0368d13b1f6fef8be84a Mon Sep 17 00:00:00 2001
From: Arjun Komath <arjunkomath@gmail.com>
Date: Mon, 15 Dec 2025 15:10:59 +1100
Subject: [PATCH 08/11] A summary for github agent

---
 apps/web/inngest/jobs/process-github-changelog.ts | 4 ++--
 apps/web/utils/changelog-ai.ts                    | 2 ++
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/apps/web/inngest/jobs/process-github-changelog.ts b/apps/web/inngest/jobs/process-github-changelog.ts
index 53a2b94..a99aa7d 100644
--- a/apps/web/inngest/jobs/process-github-changelog.ts
+++ b/apps/web/inngest/jobs/process-github-changelog.ts
@@ -140,7 +140,7 @@ export const processGitHubChangelog = inngestClient.createFunction(
           owner,
           repo,
           issueNumber,
-          `📝 **Changelog draft updated!** (v${newGenerationCount})\n\nI've updated the draft based on your feedback.\n\n**[View and edit your draft →](${dashboardUrl})**\n\nOnce you're happy with it, you can publish it from the dashboard.`,
+          `📝 **Changelog draft updated!** (v${newGenerationCount})\n\n${changelog.summary}\n\n**[View and edit your draft →](${dashboardUrl})**\n\nOnce you're happy with it, you can publish it from the dashboard.`,
           installationId
         );
       } else {
@@ -161,7 +161,7 @@ export const processGitHubChangelog = inngestClient.createFunction(
         postId = post.id;
         dashboardUrl = `${baseUrl}/page/${page.url_slug}/posts/${postId}`;
 
-        const commentBody = `📝 **Changelog draft created!**\n\nI've created a draft changelog post based on this PR.\n\n**[View and edit your draft →](${dashboardUrl})**\n\nOnce you're happy with it, you can publish it from the dashboard.`;
+        const commentBody = `📝 **Changelog draft created!**\n\n${changelog.summary}\n\n**[View and edit your draft →](${dashboardUrl})**\n\nOnce you're happy with it, you can publish it from the dashboard.`;
 
         const commentId = await createPRComment(
           owner,
diff --git a/apps/web/utils/changelog-ai.ts b/apps/web/utils/changelog-ai.ts
index bb048e6..7d9f018 100644
--- a/apps/web/utils/changelog-ai.ts
+++ b/apps/web/utils/changelog-ai.ts
@@ -19,6 +19,7 @@ const ChangelogOutputSchema = z.object({
   title: z.string().min(1, "Title is required"),
   content: z.string().min(1, "Content is required"),
   tags: z.array(z.string()).min(1, "At least one tag is required"),
+  summary: z.string().min(1, "Summary is required"),
 });
 
 export type ChangelogOutput = z.infer<typeof ChangelogOutputSchema>;
@@ -48,6 +49,7 @@ Generate a concise, user-friendly changelog entry with:
 - A clear, descriptive title
 - Well-formatted markdown content explaining the changes
 - Relevant tags (e.g., feature, bugfix, improvement, breaking-change)
+- A 1-2 sentence summary of what you did for use in a GitHub comment (e.g., "Created a changelog highlighting the new OAuth2 authentication feature" or "Updated the draft to add more details about rate limiting as requested")
 </instructions>
 
 ${input.userInstructions ? `<user-instructions>${input.userInstructions}</user-instructions>` : ""}`,

From 914ac35ce819c3c60b7c895aefdb52eae37e3ccb Mon Sep 17 00:00:00 2001
From: Arjun Komath <arjunkomath@gmail.com>
Date: Mon, 15 Dec 2025 17:40:43 +1100
Subject: [PATCH 09/11] Update agent prompt

---
 apps/web/utils/changelog-ai.ts | 37 +++++++++++++++++++++++++---------
 1 file changed, 28 insertions(+), 9 deletions(-)

diff --git a/apps/web/utils/changelog-ai.ts b/apps/web/utils/changelog-ai.ts
index 7d9f018..c2cdb7c 100644
--- a/apps/web/utils/changelog-ai.ts
+++ b/apps/web/utils/changelog-ai.ts
@@ -28,11 +28,11 @@ const MAX_COMMITS = 50;
 const MAX_FILES = 100;
 
 export async function generateChangelog(
-  input: ChangelogInput
+  input: ChangelogInput,
 ): Promise<ChangelogOutput> {
   const truncatedCommits = input.commits.slice(0, MAX_COMMITS);
   const truncatedFiles = [...input.files]
-    .sort((a, b) => (b.additions + b.deletions) - (a.additions + a.deletions))
+    .sort((a, b) => b.additions + b.deletions - (a.additions + a.deletions))
     .slice(0, MAX_FILES);
 
   const { object } = await generateObject({
@@ -45,11 +45,26 @@ export async function generateChangelog(
     system: `<instructions>
 You are a changelog writer. Generate a changelog entry based on pull request information.
 
-Generate a concise, user-friendly changelog entry with:
-- A clear, descriptive title
-- Well-formatted markdown content explaining the changes
-- Relevant tags (e.g., feature, bugfix, improvement, breaking-change)
-- A 1-2 sentence summary of what you did for use in a GitHub comment (e.g., "Created a changelog highlighting the new OAuth2 authentication feature" or "Updated the draft to add more details about rate limiting as requested")
+Generate:
+- title: A clear, descriptive title for the changelog
+- content: Well-formatted markdown content explaining the changes
+- tags: Relevant tags (e.g., feature, bugfix, improvement, breaking-change)
+- summary: A brief summary for the GitHub comment (see rules below)
+
+<summary-rules>
+The summary will be posted as a GitHub comment to inform the developer what was done.
+${input.previousDraft ? "This is a REVISION of an existing draft based on user feedback." : "This is a NEW changelog draft."}
+
+${
+  input.previousDraft
+    ? `Write the summary describing what you changed in this revision. Focus on what was updated or improved.
+Example: "Updated the draft to emphasize the performance improvements and added details about the new caching mechanism as requested."`
+    : `Write the summary describing what the changelog covers.
+Example: "Created a changelog highlighting the new user authentication system with OAuth2 support and session management."`
+}
+
+Keep it to 1-2 sentences. Be specific about the main features/changes covered.
+</summary-rules>
 </instructions>
 
 ${input.userInstructions ? `<user-instructions>${input.userInstructions}</user-instructions>` : ""}`,
@@ -65,11 +80,15 @@ ${truncatedCommits.map((c) => c.commit.message).join("\n")}
 ${truncatedFiles.map((f) => `${f.status}: ${f.filename}`).join("\n")}
 </files-changed>
 
-${input.previousDraft ? `<previous-draft>
+${
+  input.previousDraft
+    ? `<previous-draft>
 <title>${input.previousDraft.title}</title>
 <content>${input.previousDraft.content}</content>
 <tags>${input.previousDraft.tags.join(", ")}</tags>
-</previous-draft>` : ""}
+</previous-draft>`
+    : ""
+}
 </input>`,
   });
 

From 8b92213cd9453ba5babf37520e81c98b2a736bf8 Mon Sep 17 00:00:00 2001
From: Arjun Komath <arjunkomath@gmail.com>
Date: Mon, 15 Dec 2025 18:13:40 +1100
Subject: [PATCH 10/11] Clean up completion UI logic

---
 ...expand-concept-prompt-dialog.component.tsx |  74 +++------
 .../ai-prood-read-dialog.component.tsx        |  70 +++------
 ...-suggest-title-prompt-dialog.component.tsx |   5 +-
 apps/web/package.json                         |   1 +
 apps/web/pages/api/ai/expand-concept.ts       |   6 +-
 .../pages/api/ai/free-changelog-generator.ts  |   2 +-
 apps/web/pages/api/ai/proof-read.ts           |   6 +-
 .../free-tools/ai-changelog-generator.tsx     | 146 +++++++-----------
 apps/web/utils/changelog-ai.ts                |  28 +++-
 pnpm-lock.yaml                                |  49 ++++++
 10 files changed, 183 insertions(+), 204 deletions(-)

diff --git a/apps/web/components/dialogs/ai-expand-concept-prompt-dialog.component.tsx b/apps/web/components/dialogs/ai-expand-concept-prompt-dialog.component.tsx
index 46a0c14..2da892a 100644
--- a/apps/web/components/dialogs/ai-expand-concept-prompt-dialog.component.tsx
+++ b/apps/web/components/dialogs/ai-expand-concept-prompt-dialog.component.tsx
@@ -1,8 +1,8 @@
+import { useCompletion } from "@ai-sdk/react";
 import { SpinnerWithSpacing } from "@changes-page/ui";
-import { convertMarkdownToPlainText } from "@changes-page/utils";
 import { Dialog, Transition } from "@headlessui/react";
 import { LightningBoltIcon } from "@heroicons/react/solid";
-import { Fragment, useCallback, useEffect, useRef, useState } from "react";
+import { Fragment, useEffect, useRef } from "react";
 import { Streamdown } from "streamdown";
 import { PrimaryButton } from "../core/buttons.component";
 import { notifyError } from "../core/toast.component";
@@ -13,57 +13,21 @@ export default function AiExpandConceptPromptDialogComponent({
   content,
   insertContentCallback,
 }) {
-  const [loading, setLoading] = useState(false);
-  const [result, setResult] = useState<string | null>(null);
   const cancelButtonRef = useRef(null);
 
-  const expandConcept = useCallback(async (text) => {
-    setLoading(true);
-
-    const response = await fetch("/api/ai/expand-concept", {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-      },
-      body: JSON.stringify({
-        content: text,
-      }),
-    });
-
-    if (!response.ok) {
-      notifyError("Too many requests");
-      return;
-    }
-
-    const data = response.body;
-    if (!data) {
-      return;
-    }
-
-    const reader = data.getReader();
-    const decoder = new TextDecoder();
-    let done = false;
-
-    setLoading(false);
-
-    while (!done) {
-      const { value, done: doneReading } = await reader.read();
-      done = doneReading;
-      const chunkValue = decoder.decode(value);
-      setResult((prev) => (prev ?? "") + chunkValue);
-    }
-  }, []);
+  const { completion, complete, isLoading, setCompletion } = useCompletion({
+    api: "/api/ai/expand-concept",
+    streamProtocol: "text",
+    onError: () => {
+      setOpen(false);
+      notifyError("Failed to process request, please contact support.");
+    },
+  });
 
   useEffect(() => {
     if (open && content) {
-      setLoading(true);
-      setResult(null);
-
-      expandConcept(convertMarkdownToPlainText(content)).catch(() => {
-        setLoading(false);
-        setOpen(false);
-        notifyError("Failed to process request, please contact support.");
-      });
+      setCompletion("");
+      complete(content);
     }
   }, [open, content]);
 
@@ -120,17 +84,21 @@ export default function AiExpandConceptPromptDialogComponent({
                         aria-hidden="true"
                       />
 
-                      {loading ? "Loading..." : `Check out this draft`}
+                      {isLoading && !completion
+                        ? "Loading..."
+                        : isLoading
+                          ? "Expanding..."
+                          : "Check out this draft"}
                     </Dialog.Title>
 
                     <div className="mt-5 w-full">
                       <div className="mt-1 space-y-1">
                         <dd className="mt-1 text-sm text-gray-900">
                           <div className="rounded-md border border-gray-200 dark:border-gray-600 dark:divide-gray-600 p-4">
-                            {loading && <SpinnerWithSpacing />}
+                            {isLoading && !completion && <SpinnerWithSpacing />}
 
                             <div className="text-black dark:text-white prose dark:prose-invert prose-sm max-w-none">
-                              <Streamdown>{result ?? ""}</Streamdown>
+                              <Streamdown>{completion}</Streamdown>
                             </div>
                           </div>
                         </dd>
@@ -151,10 +119,10 @@ export default function AiExpandConceptPromptDialogComponent({
                 </button>
 
                 <PrimaryButton
-                  disabled={loading || !result}
+                  disabled={isLoading || !completion}
                   className="mr-1 disabled:cursor-not-allowed disabled:bg-gray-400"
                   label="Copy to post"
-                  onClick={() => insertContentCallback(result)}
+                  onClick={() => insertContentCallback(completion)}
                 />
               </div>
             </div>
diff --git a/apps/web/components/dialogs/ai-prood-read-dialog.component.tsx b/apps/web/components/dialogs/ai-prood-read-dialog.component.tsx
index 1372688..8632fb0 100644
--- a/apps/web/components/dialogs/ai-prood-read-dialog.component.tsx
+++ b/apps/web/components/dialogs/ai-prood-read-dialog.component.tsx
@@ -1,63 +1,27 @@
+import { useCompletion } from "@ai-sdk/react";
 import { SpinnerWithSpacing } from "@changes-page/ui";
-import { convertMarkdownToPlainText } from "@changes-page/utils";
 import { Dialog, Transition } from "@headlessui/react";
 import { LightningBoltIcon } from "@heroicons/react/solid";
-import { Fragment, useCallback, useEffect, useRef, useState } from "react";
+import { Fragment, useEffect, useRef } from "react";
 import { Streamdown } from "streamdown";
 import { notifyError } from "../core/toast.component";
 
 export default function AiProofReadDialogComponent({ open, setOpen, content }) {
-  const [loading, setLoading] = useState(false);
-  const [result, setResult] = useState<string | null>(null);
   const cancelButtonRef = useRef(null);
 
-  const proofRead = useCallback(async (text) => {
-    setLoading(true);
-
-    const response = await fetch("/api/ai/proof-read", {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-      },
-      body: JSON.stringify({
-        content: text,
-      }),
-    });
-
-    if (!response.ok) {
-      notifyError("Too many requests");
-      return;
-    }
-
-    const data = response.body;
-    if (!data) {
-      return;
-    }
-
-    const reader = data.getReader();
-    const decoder = new TextDecoder();
-    let done = false;
-
-    setLoading(false);
-
-    while (!done) {
-      const { value, done: doneReading } = await reader.read();
-      done = doneReading;
-      const chunkValue = decoder.decode(value);
-      setResult((prev) => (prev ?? "") + chunkValue);
-    }
-  }, []);
+  const { completion, complete, isLoading, setCompletion } = useCompletion({
+    api: "/api/ai/proof-read",
+    streamProtocol: "text",
+    onError: () => {
+      setOpen(false);
+      notifyError("Failed to process request, please contact support.");
+    },
+  });
 
   useEffect(() => {
     if (open && content) {
-      setLoading(true);
-      setResult(null);
-
-      proofRead(convertMarkdownToPlainText(content)).catch(() => {
-        setLoading(false);
-        setOpen(false);
-        notifyError("Failed to process request, please contact support.");
-      });
+      setCompletion("");
+      complete(content);
     }
   }, [open, content]);
 
@@ -114,17 +78,21 @@ export default function AiProofReadDialogComponent({ open, setOpen, content }) {
                         aria-hidden="true"
                       />
 
-                      {loading ? "Loading..." : "Here is the proofread result!"}
+                      {isLoading && !completion
+                        ? "Loading..."
+                        : isLoading
+                          ? "Proofreading..."
+                          : "Here is the proofread result!"}
                     </Dialog.Title>
 
                     <div className="mt-5 w-full">
                       <div className="mt-1 space-y-1">
                         <dd className="mt-1 text-sm text-gray-900">
                           <div className="rounded-md border border-gray-200 dark:border-gray-600 dark:divide-gray-600 p-4">
-                            {loading && <SpinnerWithSpacing />}
+                            {isLoading && !completion && <SpinnerWithSpacing />}
 
                             <div className="text-black dark:text-white prose dark:prose-invert prose-sm max-w-none">
-                              <Streamdown>{result ?? ""}</Streamdown>
+                              <Streamdown>{completion}</Streamdown>
                             </div>
                           </div>
                         </dd>
diff --git a/apps/web/components/dialogs/ai-suggest-title-prompt-dialog.component.tsx b/apps/web/components/dialogs/ai-suggest-title-prompt-dialog.component.tsx
index 09fff9f..36944f8 100644
--- a/apps/web/components/dialogs/ai-suggest-title-prompt-dialog.component.tsx
+++ b/apps/web/components/dialogs/ai-suggest-title-prompt-dialog.component.tsx
@@ -1,5 +1,4 @@
 import { SpinnerWithSpacing } from "@changes-page/ui";
-import { convertMarkdownToPlainText } from "@changes-page/utils";
 import { Dialog, Transition } from "@headlessui/react";
 import { LightningBoltIcon } from "@heroicons/react/solid";
 import { Fragment, useEffect, useRef, useState } from "react";
@@ -20,12 +19,10 @@ export default function AiSuggestTitlePromptDialogComponent({
       setLoading(true);
       setSuggestions([]);
 
-      const text = convertMarkdownToPlainText(content);
-
       fetch("/api/ai/suggest-title", {
         method: "POST",
         headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ content: text }),
+        body: JSON.stringify({ content }),
       })
         .then((res) => res.json())
         .then((suggestions) => {
diff --git a/apps/web/package.json b/apps/web/package.json
index 5a86cea..ed24b63 100644
--- a/apps/web/package.json
+++ b/apps/web/package.json
@@ -10,6 +10,7 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "@ai-sdk/react": "^2.0.115",
     "@arcjet/next": "1.0.0-alpha.20",
     "@changes-page/supabase": "workspace:*",
     "@changes-page/ui": "workspace:*",
diff --git a/apps/web/pages/api/ai/expand-concept.ts b/apps/web/pages/api/ai/expand-concept.ts
index d05e50a..853f5d2 100644
--- a/apps/web/pages/api/ai/expand-concept.ts
+++ b/apps/web/pages/api/ai/expand-concept.ts
@@ -4,9 +4,13 @@ import { withAuth } from "../../../utils/withAuth";
 
 const expandConcept = withAuth(async (req, res) => {
   if (req.method === "POST") {
-    const { content } = req.body;
+    const { prompt: content } = req.body;
 
     try {
+      if (!content?.trim()) {
+        throw "Content is missing";
+      }
+
       const result = streamText({
         model: openRouter("openai/gpt-5-mini"),
         headers: {
diff --git a/apps/web/pages/api/ai/free-changelog-generator.ts b/apps/web/pages/api/ai/free-changelog-generator.ts
index d432cf3..d25b4a0 100644
--- a/apps/web/pages/api/ai/free-changelog-generator.ts
+++ b/apps/web/pages/api/ai/free-changelog-generator.ts
@@ -7,7 +7,7 @@ export default async function handler(
   res: NextApiResponse
 ) {
   if (req.method === "POST") {
-    const { content, intro, tone } = req.body;
+    const { prompt: content, intro, tone } = req.body;
 
     if (!content?.trim()) {
       return res.status(400).json({ error: "Content is required" });
diff --git a/apps/web/pages/api/ai/proof-read.ts b/apps/web/pages/api/ai/proof-read.ts
index 939b40c..88d2762 100644
--- a/apps/web/pages/api/ai/proof-read.ts
+++ b/apps/web/pages/api/ai/proof-read.ts
@@ -4,9 +4,13 @@ import { withAuth } from "../../../utils/withAuth";
 
 const proofRead = withAuth(async (req, res) => {
   if (req.method === "POST") {
-    const { content } = req.body;
+    const { prompt: content } = req.body;
 
     try {
+      if (!content?.trim()) {
+        throw "Content is missing";
+      }
+
       const result = streamText({
         model: openRouter("openai/gpt-5-mini"),
         headers: {
diff --git a/apps/web/pages/free-tools/ai-changelog-generator.tsx b/apps/web/pages/free-tools/ai-changelog-generator.tsx
index 217f7ea..ff5237a 100644
--- a/apps/web/pages/free-tools/ai-changelog-generator.tsx
+++ b/apps/web/pages/free-tools/ai-changelog-generator.tsx
@@ -1,8 +1,9 @@
+import { useCompletion } from "@ai-sdk/react";
 import { SpinnerWithSpacing } from "@changes-page/ui";
 import { LightningBoltIcon, RefreshIcon } from "@heroicons/react/solid";
 import classNames from "classnames";
 import Link from "next/link";
-import { useCallback, useState } from "react";
+import { useState } from "react";
 import { Streamdown } from "streamdown";
 import {
   createToastWrapper,
@@ -24,57 +25,29 @@ export default function AIChangelogGenerator() {
   const [addIntroOutro, setAddIntroOutro] = useState(true);
   const [soundCasual, setSoundCasual] = useState(true);
 
-  const [loading, setLoading] = useState(false);
-  const [result, setResult] = useState<string | null>(null);
+  const { completion, complete, isLoading, setCompletion } = useCompletion({
+    api: "/api/ai/free-changelog-generator",
+    streamProtocol: "text",
+    onError: () => {
+      notifyError("Failed to generate changelog. Please try again.");
+    },
+  });
 
-  const generateChangelog = useCallback(async () => {
+  const generateChangelog = async () => {
     if (!content.trim()) {
       notifyError("Please enter your commit messages or PR titles");
       return;
     }
 
-    setLoading(true);
-    setResult(null);
-
-    const response = await fetch("/api/ai/free-changelog-generator", {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-      },
-      body: JSON.stringify({
-        content,
+    await complete(content, {
+      body: {
         intro: addIntroOutro
           ? "Add a short intro and outro, make sure its generic and polite."
           : "Do not add any introduction or additional content at the beginnning or end.",
         tone: soundCasual ? "casual" : "formal",
-      }),
+      },
     });
-
-    if (!response.ok) {
-      setLoading(false);
-      notifyError("Too many requests");
-      return;
-    }
-
-    const data = response.body;
-    if (!data) {
-      setLoading(false);
-      return;
-    }
-
-    const reader = data.getReader();
-    const decoder = new TextDecoder();
-    let done = false;
-
-    setLoading(false);
-
-    while (!done) {
-      const { value, done: doneReading } = await reader.read();
-      done = doneReading;
-      const chunkValue = decoder.decode(value);
-      setResult((prev) => (prev ?? "") + chunkValue);
-    }
-  }, [content, addIntroOutro, soundCasual]);
+  };
 
   return (
     <div className="bg-gray-800 min-h-screen">
@@ -188,53 +161,53 @@ export default function AIChangelogGenerator() {
             </div>
           </div>
 
-          {loading ? (
-            <div className="px-6 pb-24 pt-20 sm:pb-32 lg:px-8 lg:py-48">
-              <div className="mx-auto max-w-xl lg:mr-0 lg:max-w-lg">
-                <SpinnerWithSpacing />
-              </div>
-            </div>
-          ) : result ? (
+          {isLoading || completion ? (
             <div className="px-6 pb-24 pt-20 sm:pb-32 lg:px-8 lg:py-48">
               <div className="mx-auto max-w-xl lg:mr-0 lg:max-w-lg">
-                <div className="grid grid-cols-1 gap-x-8 gap-y-6 sm:grid-cols-2">
-                  <div className="sm:col-span-2">
-                    <label
-                      htmlFor="message"
-                      className="block text-sm font-semibold leading-6 text-white"
-                    >
-                      Here is a draft:
-                    </label>
-                    <div className="mt-2.5 rounded-md bg-white/5 px-3.5 py-2 ring-1 ring-inset ring-white/10 max-h-96 overflow-y-auto">
-                      <div className="prose prose-invert prose-sm max-w-none">
-                        <Streamdown>{result}</Streamdown>
+                {isLoading && !completion && <SpinnerWithSpacing />}
+                {completion && (
+                  <>
+                    <div className="grid grid-cols-1 gap-x-8 gap-y-6 sm:grid-cols-2">
+                      <div className="sm:col-span-2">
+                        <label
+                          htmlFor="message"
+                          className="block text-sm font-semibold leading-6 text-white"
+                        >
+                          {isLoading ? "Generating..." : "Here is a draft:"}
+                        </label>
+                        <div className="mt-2.5 rounded-md bg-white/5 px-3.5 py-2 ring-1 ring-inset ring-white/10 max-h-96 overflow-y-auto">
+                          <div className="prose prose-invert prose-sm max-w-none">
+                            <Streamdown>{completion}</Streamdown>
+                          </div>
+                        </div>
                       </div>
                     </div>
-                  </div>
-                </div>
-                <div className="mt-8 flex justify-end">
-                  <Link
-                    href="/free-tools/ai-changelog-generator"
-                    className={classNames(
-                      "rounded-md bg-indigo-500 px-3.5 py-2.5 text-center text-sm font-semibold text-white shadow-sm hover:bg-indigo-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-500",
-                      "disabled:bg-gray-500"
-                    )}
-                    onClick={() => setResult(null)}
-                  >
-                    <RefreshIcon className="inline h-4 w-4 mr-2" /> Start over
-                  </Link>
-                  <button
-                    onClick={() => {
-                      navigator?.clipboard?.writeText(result);
-                      notifySuccess("Text has been copied to clipboard");
-                    }}
-                    className={classNames(
-                      "ml-2 rounded-md bg-indigo-500 px-3.5 py-2.5 text-center text-sm font-semibold text-white shadow-sm hover:bg-indigo-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-500"
-                    )}
-                  >
-                    Copy
-                  </button>
-                </div>
+                    <div className="mt-8 flex justify-end">
+                      <Link
+                        href="/free-tools/ai-changelog-generator"
+                        className={classNames(
+                          "rounded-md bg-indigo-500 px-3.5 py-2.5 text-center text-sm font-semibold text-white shadow-sm hover:bg-indigo-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-500",
+                          "disabled:bg-gray-500",
+                        )}
+                        onClick={() => setCompletion("")}
+                      >
+                        <RefreshIcon className="inline h-4 w-4 mr-2" /> Start
+                        over
+                      </Link>
+                      <button
+                        onClick={() => {
+                          navigator?.clipboard?.writeText(completion);
+                          notifySuccess("Text has been copied to clipboard");
+                        }}
+                        className={classNames(
+                          "ml-2 rounded-md bg-indigo-500 px-3.5 py-2.5 text-center text-sm font-semibold text-white shadow-sm hover:bg-indigo-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-500",
+                        )}
+                      >
+                        Copy
+                      </button>
+                    </div>
+                  </>
+                )}
               </div>
             </div>
           ) : (
@@ -273,9 +246,9 @@ export default function AIChangelogGenerator() {
                     type="submit"
                     className={classNames(
                       "rounded-md bg-indigo-500 px-3.5 py-2.5 text-center text-sm font-semibold text-white shadow-sm hover:bg-indigo-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-500",
-                      "disabled:bg-gray-500"
+                      "disabled:bg-gray-500",
                     )}
-                    disabled={loading}
+                    disabled={isLoading}
                   >
                     <LightningBoltIcon className="inline h-4 w-4 mr-2" />{" "}
                     Generate
@@ -290,4 +263,3 @@ export default function AIChangelogGenerator() {
     </div>
   );
 }
-
diff --git a/apps/web/utils/changelog-ai.ts b/apps/web/utils/changelog-ai.ts
index c2cdb7c..06c2c50 100644
--- a/apps/web/utils/changelog-ai.ts
+++ b/apps/web/utils/changelog-ai.ts
@@ -67,25 +67,41 @@ Keep it to 1-2 sentences. Be specific about the main features/changes covered.
 </summary-rules>
 </instructions>
 
-${input.userInstructions ? `<user-instructions>${input.userInstructions}</user-instructions>` : ""}`,
+${input.userInstructions ? `<user-instructions>
+"""${input.userInstructions}"""
+</user-instructions>` : ""}`,
     prompt: `<input>
-<pr-title>${input.pr.title}</pr-title>
-<pr-description>${input.pr.body || "No description provided"}</pr-description>
+<pr-title>
+"""${input.pr.title}"""
+</pr-title>
+<pr-description>
+"""${input.pr.body || "No description provided"}"""
+</pr-description>
 
 <commits>
+"""
 ${truncatedCommits.map((c) => c.commit.message).join("\n")}
+"""
 </commits>
 
 <files-changed additions="${input.pr.additions}" deletions="${input.pr.deletions}">
+"""
 ${truncatedFiles.map((f) => `${f.status}: ${f.filename}`).join("\n")}
+"""
 </files-changed>
 
 ${
   input.previousDraft
     ? `<previous-draft>
-<title>${input.previousDraft.title}</title>
-<content>${input.previousDraft.content}</content>
-<tags>${input.previousDraft.tags.join(", ")}</tags>
+<title>
+"""${input.previousDraft.title}"""
+</title>
+<content>
+"""${input.previousDraft.content}"""
+</content>
+<tags>
+"""${input.previousDraft.tags.join(", ")}"""
+</tags>
 </previous-draft>`
     : ""
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 97dad7e..3a4ffa9 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -222,6 +222,9 @@ importers:
 
   apps/web:
     dependencies:
+      '@ai-sdk/react':
+        specifier: ^2.0.115
+        version: 2.0.115(react@18.3.1)(zod@4.1.13)
       '@arcjet/next':
         specifier: 1.0.0-alpha.20
         version: 1.0.0-alpha.20(@bufbuild/protobuf@1.10.0)(@connectrpc/connect@1.4.0(@bufbuild/protobuf@1.10.0))(next@14.2.35(@opentelemetry/api@1.9.0)(@playwright/test@1.57.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
@@ -530,6 +533,16 @@ packages:
     resolution: {integrity: sha512-6o7Y2SeO9vFKB8lArHXehNuusnpddKPk7xqL7T2/b+OvXMRIXUO1rR4wcv1hAFUAT9avGZshty3Wlua/XA7TvA==}
     engines: {node: '>=18'}
 
+  '@ai-sdk/react@2.0.115':
+    resolution: {integrity: sha512-Etu7gWSEi2dmXss1PoR5CAZGwGShXsF9+Pon1eRO6EmatjYaBMhq1CfHPyYhGzWrint8jJIK2VaAhiMef29qZw==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      react: ^18 || ~19.0.1 || ~19.1.2 || ^19.2.1
+      zod: ^3.25.76 || ^4.1.8
+    peerDependenciesMeta:
+      zod:
+        optional: true
+
   '@alloc/quick-lru@5.2.0':
     resolution: {integrity: sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==}
     engines: {node: '>=10'}
@@ -5760,6 +5773,11 @@ packages:
     resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
     engines: {node: '>= 0.4'}
 
+  swr@2.3.7:
+    resolution: {integrity: sha512-ZEquQ82QvalqTxhBVv/DlAg2mbmUjF4UgpPg9wwk4ufb9rQnZXh1iKyyKBqV6bQGu1Ie7L1QwSYO07qFIa1p+g==}
+    peerDependencies:
+      react: ^16.11.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
   table@6.9.0:
     resolution: {integrity: sha512-9kY+CygyYM6j02t5YFHbNz2FN5QmYGv9zAjVp4lCDjlCw7amdckXlEt/bjMhUIfj4ThGRE4gCUH5+yGnNuPo5A==}
     engines: {node: '>=10.0.0'}
@@ -5801,6 +5819,10 @@ packages:
   thenify@3.3.1:
     resolution: {integrity: sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==}
 
+  throttleit@2.1.0:
+    resolution: {integrity: sha512-nt6AMGKW1p/70DF/hGBdJB57B8Tspmbp5gfJ8ilhLnt7kkr2ye7hzD6NVG8GGErk2HWF34igrL2CXmNIkzKqKw==}
+    engines: {node: '>=18'}
+
   through2@4.0.2:
     resolution: {integrity: sha512-iOqSav00cVxEEICeD7TjLB1sueEL+81Wpzp2bY17uZjZN0pWZPuo4suZ/61VujxmqSGFfgOcNuTZ85QJwNZQpw==}
 
@@ -6054,6 +6076,11 @@ packages:
       '@types/react':
         optional: true
 
+  use-sync-external-store@1.6.0:
+    resolution: {integrity: sha512-Pp6GSwGP/NrPIrxVFAIkOQeyw8lFenOHijQWkUTrDvrF4ALqylP2C/KCkeS9dpUM3KvYRQhna5vt7IL95+ZQ9w==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
   util-deprecate@1.0.2:
     resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
 
@@ -6270,6 +6297,16 @@ snapshots:
     dependencies:
       json-schema: 0.4.0
 
+  '@ai-sdk/react@2.0.115(react@18.3.1)(zod@4.1.13)':
+    dependencies:
+      '@ai-sdk/provider-utils': 3.0.19(zod@4.1.13)
+      ai: 5.0.113(zod@4.1.13)
+      react: 18.3.1
+      swr: 2.3.7(react@18.3.1)
+      throttleit: 2.1.0
+    optionalDependencies:
+      zod: 4.1.13
+
   '@alloc/quick-lru@5.2.0': {}
 
   '@ampproject/remapping@2.3.0':
@@ -12595,6 +12632,12 @@ snapshots:
 
   supports-preserve-symlinks-flag@1.0.0: {}
 
+  swr@2.3.7(react@18.3.1):
+    dependencies:
+      dequal: 2.0.3
+      react: 18.3.1
+      use-sync-external-store: 1.6.0(react@18.3.1)
+
   table@6.9.0:
     dependencies:
       ajv: 8.17.1
@@ -12664,6 +12707,8 @@ snapshots:
     dependencies:
       any-promise: 1.3.0
 
+  throttleit@2.1.0: {}
+
   through2@4.0.2:
     dependencies:
       readable-stream: 3.6.2
@@ -12944,6 +12989,10 @@ snapshots:
     optionalDependencies:
       '@types/react': 18.3.1
 
+  use-sync-external-store@1.6.0(react@18.3.1):
+    dependencies:
+      react: 18.3.1
+
   util-deprecate@1.0.2: {}
 
   uuid@11.1.0: {}

From faaf6dd4ab71a1cf442541008b759f6faee18430 Mon Sep 17 00:00:00 2001
From: Arjun Komath <arjunkomath@gmail.com>
Date: Mon, 15 Dec 2025 18:15:46 +1100
Subject: [PATCH 11/11] Update agent connection UI

---
 .../components/page-settings/github-agent.tsx | 49 +++++++++++++------
 1 file changed, 34 insertions(+), 15 deletions(-)

diff --git a/apps/web/components/page-settings/github-agent.tsx b/apps/web/components/page-settings/github-agent.tsx
index 4e8f2af..3ec5c0a 100644
--- a/apps/web/components/page-settings/github-agent.tsx
+++ b/apps/web/components/page-settings/github-agent.tsx
@@ -6,10 +6,14 @@ import { notifyError, notifySuccess } from "../core/toast.component";
 import WarningDialog from "../dialogs/warning-dialog.component";
 
 export default function GitHubAgentSettings({ pageId }: { pageId: string }) {
-  const [installations, setInstallations] = useState<IGitHubInstallations[]>([]);
+  const [installations, setInstallations] = useState<IGitHubInstallations[]>(
+    [],
+  );
   const [loading, setLoading] = useState(true);
   const [saving, setSaving] = useState<string | null>(null);
-  const [deleteTarget, setDeleteTarget] = useState<IGitHubInstallations | null>(null);
+  const [deleteTarget, setDeleteTarget] = useState<IGitHubInstallations | null>(
+    null,
+  );
   const [deleting, setDeleting] = useState(false);
 
   useEffect(() => {
@@ -18,7 +22,9 @@ export default function GitHubAgentSettings({ pageId }: { pageId: string }) {
 
   async function fetchInstallations() {
     try {
-      const res = await fetch(`/api/integrations/github/installations?page_id=${pageId}`);
+      const res = await fetch(
+        `/api/integrations/github/installations?page_id=${pageId}`,
+      );
       const data = await res.json();
       if (data.error) {
         notifyError(data.error.message);
@@ -34,7 +40,7 @@ export default function GitHubAgentSettings({ pageId }: { pageId: string }) {
 
   async function updateInstallation(
     installation: IGitHubInstallations,
-    updates: { enabled?: boolean; ai_instructions?: string | null }
+    updates: { enabled?: boolean; ai_instructions?: string | null },
   ) {
     setSaving(installation.id);
     try {
@@ -52,7 +58,7 @@ export default function GitHubAgentSettings({ pageId }: { pageId: string }) {
         notifyError(data.error.message);
       } else {
         setInstallations((prev) =>
-          prev.map((i) => (i.id === installation.id ? data : i))
+          prev.map((i) => (i.id === installation.id ? data : i)),
         );
         notifySuccess("Settings saved");
       }
@@ -69,13 +75,15 @@ export default function GitHubAgentSettings({ pageId }: { pageId: string }) {
     try {
       const res = await fetch(
         `/api/integrations/github/installations?id=${deleteTarget.id}&page_id=${pageId}`,
-        { method: "DELETE" }
+        { method: "DELETE" },
       );
       const data = await res.json();
       if (data.error) {
         notifyError(data.error.message);
       } else {
-        setInstallations((prev) => prev.filter((i) => i.id !== deleteTarget.id));
+        setInstallations((prev) =>
+          prev.filter((i) => i.id !== deleteTarget.id),
+        );
         notifySuccess("Repository disconnected");
       }
     } catch (err) {
@@ -86,7 +94,9 @@ export default function GitHubAgentSettings({ pageId }: { pageId: string }) {
     }
   }
 
-  const githubAppUrl = process.env.NEXT_PUBLIC_GITHUB_APP_URL || "https://github.com/apps/changespage";
+  const githubAppUrl =
+    process.env.NEXT_PUBLIC_GITHUB_APP_URL ||
+    "https://github.com/apps/changespage";
 
   return (
     <>
@@ -107,7 +117,8 @@ export default function GitHubAgentSettings({ pageId }: { pageId: string }) {
                 GitHub Changelog Agent
               </h3>
               <p className="mt-1 text-sm text-gray-600 dark:text-gray-400">
-                Automatically generate changelog drafts from your PRs by mentioning @changespage.
+                Automatically generate changelog drafts from your PRs by
+                mentioning @changespage.
               </p>
             </div>
           </div>
@@ -137,7 +148,8 @@ export default function GitHubAgentSettings({ pageId }: { pageId: string }) {
                       No repositories connected
                     </h3>
                     <p className="mt-1 text-sm text-gray-500 dark:text-gray-400">
-                      Connect a GitHub repository to start generating changelogs from PRs.
+                      Connect a GitHub repository to start generating changelogs
+                      from PRs.
                     </p>
                     <div className="mt-6">
                       <a
@@ -168,11 +180,15 @@ export default function GitHubAgentSettings({ pageId }: { pageId: string }) {
                               <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" />
                             </svg>
                             <div>
-                              <p className="font-medium text-gray-900 dark:text-gray-100">
-                                {installation.repository_owner}/{installation.repository_name}
+                              <p className="text-sm font-medium text-gray-900 dark:text-gray-100">
+                                {installation.repository_owner}/
+                                {installation.repository_name}
                               </p>
                               <p className="text-xs text-gray-500 dark:text-gray-400">
-                                Connected {new Date(installation.created_at).toLocaleDateString()}
+                                Connected{" "}
+                                {new Date(
+                                  installation.created_at,
+                                ).toLocaleDateString()}
                               </p>
                             </div>
                           </div>
@@ -202,7 +218,9 @@ export default function GitHubAgentSettings({ pageId }: { pageId: string }) {
                                 />
                                 <div
                                   className={`absolute w-4 h-4 bg-white rounded-full shadow top-1 transition-transform ${
-                                    installation.enabled ? "translate-x-5" : "translate-x-1"
+                                    installation.enabled
+                                      ? "translate-x-5"
+                                      : "translate-x-1"
                                   }`}
                                 />
                               </div>
@@ -236,7 +254,8 @@ export default function GitHubAgentSettings({ pageId }: { pageId: string }) {
                             }}
                           />
                           <p className="mt-1 text-xs text-gray-500 dark:text-gray-400">
-                            These instructions will be included with every changelog generation request.
+                            These instructions will be included with every
+                            changelog generation request.
                           </p>
                         </div>
                       </div>