docs: add infrastructure for integrations catalog (#1210)

* docs: single source extensions listings

* docs: add infrastructure and updates for catalog

* updates: feedback responses, third party and gemini

* fix: update Python code

Author: joefernandez

docs/assets/toolbox.svg

@@ -1,3 +1,9 @@
+---
+catalog_title: Code Execution
+catalog_description: Execute code and debug using Gemini models
+catalog_icon: /adk-docs/assets/tools-gemini-spark.svg
+---
+
 # Code Execution with Gemini API
 
 <div class="language-support-tag">

docs/assets/tools-gemini-spark.svg

@@ -1,3 +1,9 @@
+---
+catalog_title: Computer Use
+catalog_description: Operate computer user interfaces using Gemini models
+catalog_icon: /adk-docs/assets/tools-gemini-spark.svg
+---
+
 # Computer Use Toolset with Gemini API
 
 <div class="language-support-tag">

docs/tools/gemini-api/code-execution.md

@@ -1,3 +1,9 @@
+---
+catalog_title: Google Search
+catalog_description: Perform web searches using Google Search with Gemini
+catalog_icon: /adk-docs/assets/tools-google-search.png
+---
+
 # Google Search tool for ADK
 
 <div class="language-support-tag">

docs/tools/gemini-api/computer-use.md

@@ -7,36 +7,4 @@ hide:
 
 Check out the following Gemini tools that you can use with ADK agents:
 
-<div class="tool-card-grid">
-
-  <a href="/adk-docs/tools/gemini-api/google-search/" class="tool-card">
-    <div class="tool-card-image-wrapper">
-      <img src="/adk-docs/assets/tools-google-search.png" alt="Google Search">
-    </div>
-    <div class="tool-card-content">
-      <h3>Google Search</h3>
-      <p>Perform web searches using Google Search with Gemini</p>
-    </div>
-  </a>
-
-  <a href="/adk-docs/tools/gemini-api/code-execution/" class="tool-card">
-    <div class="tool-card-image-wrapper">
-      <img src="/adk-docs/assets/tools-gemini.png" alt="Gemini">
-    </div>
-    <div class="tool-card-content">
-      <h3>Code Execution</h3>
-      <p>Execute code and debug using Gemini models</p>
-    </div>
-  </a>
-
-  <a href="/adk-docs/tools/gemini-api/computer-use/" class="tool-card">
-    <div class="tool-card-image-wrapper">
-      <img src="/adk-docs/assets/tools-gemini.png" alt="Gemini">
-    </div>
-    <div class="tool-card-content">
-      <h3>Computer Use</h3>
-      <p>Operate computer user interfaces using Gemini models</p>
-    </div>
-  </a>
-
-</div>
+{{$ render_catalog('tools/gemini-api/*.md') $}}

docs/tools/gemini-api/google-search.md

@@ -1,3 +1,9 @@
+---
+catalog_title: API Registry
+catalog_description: Dynamically connect with Google Cloud services as MCP tools
+catalog_icon: /adk-docs/assets/developer-tools-color.svg
+---
+
 # Connect MCP tools from Cloud API Registry
 
 <div class="language-support-tag">

docs/tools/gemini-api/index.md

@@ -1,3 +1,9 @@
+---
+catalog_title: Apigee API Hub
+catalog_description: Turn any documented API from Apigee API hub into a tool
+catalog_icon: /adk-docs/assets/tools-apigee.png
+---
+
 # Apigee API Hub tools for ADK
 
 <div class="language-support-tag">

docs/tools/google-cloud/api-registry.md

@@ -1,3 +1,9 @@
+---
+catalog_title: Application Integration
+catalog_description: Link your agents to enterprise apps using Integration Connectors
+catalog_icon: /adk-docs/assets/tools-apigee-integration.png
+---
+
 # Application Integration Tools for ADK
 
 <div class="language-support-tag">

docs/tools/google-cloud/apigee-api-hub.md

@@ -1,3 +1,9 @@
+---
+catalog_title: BigQuery Tools
+catalog_description: Connect with BigQuery to retrieve data and perform analysis
+catalog_icon: /adk-docs/assets/tools-bigquery.png
+---
+
 # BigQuery tools for ADK
 
 <div class="language-support-tag">