Skip to content

[Enhancement] Studio UI refresh and documentation #120

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
vipul-mittal merged 2 commits into from
Jan 23, 2026
Merged

[Enhancement] Studio UI refresh and documentation #120

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
f99495d
feat(studio): studio UI refresh
zephyrzilla Jan 22, 2026
491a1b6
fix: remove --extra ui from setup
zephyrzilla Jan 22, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
9 changes: 2 additions & 7 deletions Makefile
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,17 +22,12 @@ setup: ## Install core dependencies
.PHONY: setup-all
setup-all: ## Install core and extra dependencies
@echo "Installing SyGra Core and extra dependencies"
$(UV) sync --extra ui

.PHONY: setup-ui
setup-ui: ## Install development dependencies
@echo "Installing SyGra UI dependencies"
$(UV) sync --extra ui
$(UV) sync

.PHONY: setup-dev
setup-dev: ## Install development dependencies
@echo "Installing SyGra Core, Extra and Development dependencies"
$(UV) sync --extra dev --extra ui
$(UV) sync --extra dev

########################################################################################################################
# SYGRA STUDIO
Expand Down
21 changes: 20 additions & 1 deletion README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -109,12 +109,31 @@ workflow.run(num_records=1)

---

## SyGra Studio

**SyGra Studio** is a visual workflow builder that replaces manual YAML editing with an interactive drag-and-drop interface:

- **Visual Graph Builder** — Drag-and-drop nodes, connect them visually, configure with forms
- **Real-time Execution** — Watch your workflow run with live node status and streaming logs
- **Rich Analytics** — Track usage, tokens, latency, and success rates across runs
- **Multi-LLM Support** — Azure OpenAI, OpenAI, Ollama, vLLM, Mistral, and more

```bash
# One command to start
make studio
# Then open http://localhost:8000
```

> **[Read the full Studio documentation →](https://servicenow.github.io/SyGra/getting_started/create_task_ui/)**

---

## Task Components

SyGra supports extendability and ease of implementation—most tasks are defined as graph configuration YAML files. Each task consists of two major components: a graph configuration and Python code to define conditions and processors.
YAML contains various parts:

- **Data configuration** : Configure file or huggingface or ServiceNow instance as source and sink for the task.
- **Data configuration** : Configure file or huggingface or ServiceNow instance as source and sink for the task.
- **Data transformation** : Configuration to transform the data into the format it can be used in the graph.
- **Node configuration** : Configure nodes and corresponding properties, preprocessor and post processor.
- **Edge configuration** : Connect the nodes configured above with or without conditions.
Expand Down
Loading