Add "interactive model demo" and "custom app" overview

docs/build_interactive_models.md

@@ -0,0 +1,18 @@
+---
+title: Build Interactive Model Demos
+---
+
+:::info Enterprise Feature
+The Gradio Launcher and Streamlit Apps are available under the ClearML Enterprise plan.
+:::
+
+ClearML supports quickly creating web-based interfaces for AI models, making it easier to 
+test, demo, and iterate on new capabilities. With ClearML's built-in orchestration, you can effortlessly launch, manage, 
+and optimize AI-powered applications to accelerate their way to production.
+
+ClearML provides the following applications for building an interactive model interface:
+* [Gradio Launcher](webapp/applications/apps_gradio.md)
+* [Streamlit Launcher](webapp/applications/apps_streamlit.md) 
+
+![Gradio Dashboard](img/apps_gradio.png#light-mode-only)
+![Gradio Dashboard](img/apps_gradio_dark.png#dark-mode-only) 

docs/custom_apps.md

@@ -0,0 +1,24 @@
+---
+title: Custom Applications
+---
+
+:::info Enterprise Feature
+The custom applications are available under the ClearML Enterprise plan.
+:::
+
+ClearML supports creating your own GUI applications for deploying GenAI apps into your Enterprise environment. 
+Instantly spin up apps with customized dashboards for internal customers, enabling seamless model testing, interactive 
+demos, automated workflow and more.
+
+## Why Use Custom Applications?
+
+Custom Applications provide:
+
+* Instant Deployment: Launch interactive applications directly within your Enterprise environment
+* Tailored UI: Customize forms and dashboards for monitoring processes
+* Automated Execution: Run AI workflows with structured inputs and repeatable processes
+* Accessible: Enable non-technical users to interact with models through GUI interfaces
+* Seamless Integration: Connect with ClearML's ecosystem for task tracking and visualization
+
+See [Custom Application Setup](deploying_clearml/enterprise_deploy/app_custom.md) for instructions on creating and 
+deploying custom ClearML applications.

sidebars.js

@@ -12,7 +12,7 @@ module.exports = {
         {
             type: 'doc',
             id: 'overview',
-            label: 'ClearML at a glance',
+            label: 'ClearML at a Glance',
         },
         {
             type: 'category',
@@ -44,14 +44,18 @@ module.exports = {
             collapsible: true,
             label: 'GenAI App Engine',
             items: [
-                {
-                    'UI Launchers': [
-                        'webapp/applications/apps_gradio',
-                        'webapp/applications/apps_streamlit',
-                    ]
-                },
+                 {
+                     type: 'category',
+                     collapsible: true,
+                     label: 'Build Interactive Model Demos',
+                     link: {type: 'doc', id: 'build_interactive_models'},
+                     items: [
+                         'webapp/applications/apps_gradio',
+                         'webapp/applications/apps_streamlit',
+                     ],
+                 },
                 'deploying_models',
-
+                'custom_apps'
             ]
         },
     ],
@@ -92,7 +96,7 @@ module.exports = {
             {type: 'ref', id: 'webapp/applications/apps_jupyter_lab'},
             {type: 'ref', id: 'webapp/applications/apps_vscode'}
         ]},
-        {"Building Interactive Model Interfaces": [
+        {"Building Interactive Model Demos": [
             {type: 'ref', id: 'webapp/applications/apps_gradio'},
             {type: 'ref', id: 'webapp/applications/apps_streamlit'},
         ]},