Interactive AI Responses in Your Custom GitHub Copilot – New Theia AI Tutorial

Ever wanted your AI assistant to do more than just produce text? Our new video tutorial shows how to make your custom Copilot, built on Eclipse Theia, more interactive and visual, tailored to your domain.

🎥 Watch it now:

What You’ll Learn

Starting from your own custom AI Copilot introduced in a previous video, this new tutorial shows how to:

• Add clickable links in AI responses that open editors and tool views
• Embed visual diagrams (e.g., task allocations, flows) directly in the AI chat responses
• Teach the AI to refer to your domain concepts using links and markup
• Parse AI output and render interactive UI parts right inside the chat panel

Deep Integration with Your Tool

With a few lines of code, you’ll learn how to:

Make AI Responses Clickable

• Use Markdown link syntax in responses ([Task A](flow://task/TaskA))
• Register a Theia OpenHandler for your custom URI scheme
• Automatically open the corresponding file, editor, or view when clicked

Show Visual Diagrams

• Instruct the LLM to output diagrams using Mermaid syntax
• Detect and parse them using ContentMatchers
• Render them using a custom ResponsePartRenderer with React

This lets your users go from a text-based explanation to a visual overview or directly to the relevant artifact — all within the AI chat.

Powered by Eclipse Theia & Theia AI

Everything is based on Theia AI, the AI framework of Theia for building custom, AI-native tools.

🧠 Source code: https://github.com/eclipsesource/theia-flow-weaver-demo
🛠️ Learn more about Theia AI: Introduction of Theia AI

Why This Matters

Off-the-shelf AI tools can’t offer the depth and context you need for specialized workflows, requirements, and environments. With Theia AI, you can build an assistant that understands your domain-specific models, your logic, and your workflows — because you define its behavior.

Whether you’re building:

• A domain-specific modeling environment
• A specialized IDE
• Or any custom tooling

…this tutorial helps you unlock the next level of AI integration.

We Can Help

At EclipseSource, we specialize in building domain-specific tools and AI-native environments. Want to bring an AI assistant into your tool? Let’s talk.

👉 Contact us
👉 Follow us on LinkedIn
👉 Subscribe to our YouTube channel

Stay tuned for the next tutorial — and happy building!