Add TypeScript tutorial for connecting Arcade to your LLM

app/_components/agent-framework-tabs.tsx

@@ -74,6 +74,12 @@ export function AgentFrameworkTabs() {
             name="TanStack AI"
             type="Agent Framework"
           />
+          <PlatformCard
+            icon="https://upload.wikimedia.org/wikipedia/commons/4/4c/Typescript_logo_2020.svg"
+            link="/en/get-started/agent-frameworks/setup-arcade-with-your-llm-typescript"
+            name="Vanilla TypeScript"
+            type="MCP Client"
+          />
         </div>
       </Tabs.Tab>
     </Tabs>

app/en/get-started/agent-frameworks/_meta.tsx

@@ -7,6 +7,9 @@ export const meta: MetaRecord = {
   "setup-arcade-with-your-llm-python": {
     title: "Setup Arcade with your LLM (Python)",
   },
+  "setup-arcade-with-your-llm-typescript": {
+    title: "Setup Arcade with your LLM (TypeScript)",
+  },
   crewai: {
     title: "CrewAI",
   },

app/en/get-started/agent-frameworks/setup-arcade-with-your-llm-python/page.mdx

@@ -6,7 +6,7 @@ description: "Learn how to connect Arcade to your LLM in Python"
 import { Steps, Tabs, Callout } from "nextra/components";
 import { SignupLink } from "@/app/_components/analytics";
 
-# Connect Arcade to your LLM
+# Connect Arcade to your LLM with Python
 
 Arcade tools work alongside an LLM. To make that work, you need a small piece of glue code called a "harness." The harness orchestrates the back-and-forth between the user, the model, and the tools. In this guide, you'll build one so you can wire Arcade into your LLM-powered app.