Back to lab
Live playground
Repo-driven demo

Open WebUI Tools

This demo is grounded in the actual repo code and docs. Instead of reproducing the full Open WebUI environment, it exposes focused utilities that can be demonstrated safely inside the website.

What this page demonstrates

1. Keyword-based model routing logic from the auto router pipe.

2. Diagram code safety validation inspired by the Python diagram generator.

3. YouTube video ID extraction from the transcript tool.

Why this is built this way

It is grounded in the actual repository structure and docs.
It avoids pretending the whole Open WebUI runtime exists inside the site.
It still gives visitors something real to interact with.

Auto router playground

Based on the repo README and tests for the auto router model pipe. This demo shows how a user query maps to a model based on keyword rules.

Selected model: codellama:latest
Matched 3 keywords for codellama:latest.

codellama:latest

Coding tasks

Matched keywords: code, python, debug

gpt-4o

Complex reasoning

Matched keywords: explain

Diagram safety validator

Based on the validation logic inside `diagram_generator.py`. Paste diagram code and see whether the website would treat it as safe enough for a controlled demo context.

Validation passed

The code contains a diagrams import, uses a Diagram context manager, and does not trip blocked imports or dangerous function calls.

YouTube URL parser

Based on the transcript tool's `extract_video_id` helper. This is the lightweight part of the tool that can be demonstrated directly in the website without needing Python runtime dependencies.

Extracted video ID: dQw4w9WgXcQ

The Python transcript tool would use this ID and then try preferred languages like `vi,en` before returning transcript text.