Remote MCP server deployment

.gitignore

@@ -92,3 +92,5 @@ cert.txt
 # local MCP server config (contains auth tokens)
 .mcp.json
 mcp-server/create-agent-key.ts
+.gcloudignore
+CLAUDE.md

components/Navbar.tsx

@@ -12,6 +12,7 @@ import {
   NavbarLinkBallotQuestions,
   DESKTOP_NAV_ITEM_CLASS,
   NavbarLinkAI,
+  NavbarLinkAiTools,
   NavbarLinkBills,
   NavbarLinkHearings,
   NavbarLinkEditProfile,
@@ -92,6 +93,7 @@ const MobileNav: React.FC<React.PropsWithChildren<unknown>> = () => {
           <NavbarLinkEffective handleClick={closeNav} />
           <NavbarLinkProcess handleClick={closeNav} />
           <NavbarLinkWhyUse handleClick={closeNav} />
+          <NavbarLinkAiTools handleClick={closeNav} />
         </NavDropdown>
       </Nav>
     )
@@ -270,6 +272,7 @@ const DesktopNav: React.FC<React.PropsWithChildren<unknown>> = () => {
             <NavbarLinkEffective />
             <NavbarLinkProcess />
             <NavbarLinkWhyUse />
+            <NavbarLinkAiTools />
           </Dropdown.Menu>
         </Dropdown>
       </div>

components/NavbarComponents.tsx

@@ -81,6 +81,26 @@ export const Avatar = () => {
   )
 }
 
+export const NavbarLinkAiTools: React.FC<
+  React.PropsWithChildren<{
+    handleClick?: any
+    other?: any
+  }>
+> = ({ handleClick, other }) => {
+  const isMobile = useMediaQuery("(max-width: 768px)")
+  const { t } = useTranslation(["common", "auth"])
+  return (
+    <NavbarDropdownLink
+      className={isMobile ? "navLink-primary" : ""}
+      href="/learn/ai-tools"
+      handleClick={handleClick}
+      other={other}
+    >
+      {t("navigation.aiTools")}
+    </NavbarDropdownLink>
+  )
+}
+
 export const NavbarLinkAI: React.FC<
   React.PropsWithChildren<{
     handleClick?: any

components/about/MapleAI/MapleAI.tsx

@@ -1,5 +1,6 @@
 import { useTranslation } from "next-i18next"
 import { Container, Row, Col } from "../../bootstrap"
+import { Internal } from "../../links"
 import {
   MemberItem,
   Divider,
@@ -184,6 +185,26 @@ const MapleAI = () => {
           </SectionContainer>
         </Col>
       </Row>
+      <Row>
+        <Col className="py-3">
+          <SectionContainer>
+            <SectionTitle className="p-2">
+              Use AI to research MAPLE data
+            </SectionTitle>
+            <DescrContainer className="py-3 px-4">
+              You can connect AI chat tools like Claude directly to MAPLE's
+              database of bills, testimony, and ballot questions. Ask questions
+              in plain English and get real-time answers drawn from the full
+              legislative record.
+            </DescrContainer>
+            <DescrContainer className="pb-3 px-4">
+              <Internal href="/learn/ai-tools">
+                Learn how to set up AI research tools with your MAPLE account →
+              </Internal>
+            </DescrContainer>
+          </SectionContainer>
+        </Col>
+      </Row>
     </Container>
   )
 }