OpenUI Lang Syntax for Table component

[yangshuyi]

Describe the bug
There is a mismatch between the Table DSL format documented in OpenUI and the format expected by the renderer. When using the schema-style table definition returned by the LLM, the UI renders incorrect placeholder values instead of actual row data.

May I know which DSL is the officially correct format for table?

dataTable = Table( [ Col("Date", "string"), Col("System", "string"), Col("Consumption", "number"), Col("Status", "string") ], [ ["2025-11-26", "B01-PDU1/2", 32.0, "PEAK"], ["2025-11-28", "B01-PDU1/2", 32.0, "PEAK"], ["2025-12-10", "B01-PDU1/2", 32.0, "PEAK"], ["2025-12-25", "B01-PDU1/2", 0.2, "IDLE"], ["2025-12-30", "B01-PDU1/2", 32.0, "PEAK"] ] )

the rendered UI shows incorrect output like:

Date	System	Consumption	Status
string	number	string	string

To Reproduce
Can use the DSL to see the render result
dataTable = Table( [ Col("Date", "string"), Col("System", "string"), Col("Consumption", "number"), Col("Status", "string") ], [ ["2025-11-26", "B01-PDU1/2", 32.0, "PEAK"], ["2025-11-28", "B01-PDU1/2", 32.0, "PEAK"], ["2025-12-10", "B01-PDU1/2", 32.0, "PEAK"], ["2025-12-25", "B01-PDU1/2", 0.2, "IDLE"], ["2025-12-30", "B01-PDU1/2", 32.0, "PEAK"] ] )

React
`

import {Renderer} from "@openuidev/react-lang";
import {openuiLibrary} from "@openuidev/react-ui";

`

Expected behavior

Screenshots

Desktop (please complete the following information):
@openuidev/react-lang@0.2.1
@openuidev/react-ui@0.11.2

Additional context
When I try Playground, and find the table DSL generated by Playground is different. something like below which can be rendered perfectly in browser.
root = Stack([tbl]) tbl = Table([col1, col2]) col1 = Col("Column A", ["Row 1", "Row 2"]) col2 = Col("Column B", ["Row 1", "Row 2"])

[Aditya-thesys]

Hi @yangshuyi, thanks for the report! This looks like an outdated-prompt issue rather than a renderer bug.

We recently simplified the Table schema (in v0.5) for better query/reactivity support. It changed from row-oriented:

// old
Table(columns, rows)                                                                                                                 
Col(label, key?, type?)                                                                                                                                

to column-oriented:

Table([Col(label, dataArray, type?)])   // current

Your runtime (react-ui@0.11.2) has the new schema, but the DSL your LLM produced matches the old format, which is why "string" ends up rendered as a cell value. Could you please regenerate the prompt and check if this works or not?

[yangshuyi]

thank you for your response.

We are following for LLM understanding the DSL of openui
https://www.openui.com/llms-full.txt
`

All four formats encode exactly the same UI. Here is the same simple table in each:

OpenUI Lang (148 tokens)

root = Stack([title, tbl])
title = TextContent("Employees (Sample)", "large-heavy")
tbl = Table(cols, rows)
cols = [Col("Name", "string"), Col("Department", "string"), Col("Salary", "number"), Col("YoY change (%)", "number")]
rows = [["Ava Patel", "Engineering", 132000, 6.5], ["Marcus Lee", "Sales", 98000, 4.2], ["Sofia Ramirez", "Marketing", 105000, 3.1], ["Ethan Brooks", "Finance", 118500, 5.0], ["Nina Chen", "HR", 89000, 2.4]]

`

Does this reference is for old version? How can I get the latest DSL document for LLM to understand?

[yangshuyi]

@Aditya-thesys Hello, can you help me to check the latest DSL document link?

[zahlekhan]

@yangshuyi the latest DSL is already in https://www.openui.com/llms-full.txt
v0.5: Interactive app with live data [#v05-interactive-app-with-live-data]

The LLM generates code that connects to your tools. The runtime fetches data, handles user interactions, and updates the UI - all without going back to the LLM.

$days = "7"
filter = Select("days", $days, [SelectItem("7", "7 days"), SelectItem("30", "30 days")])
data = Query("analytics", {days: $days}, {rows: []})
chart = LineChart(data.rows.day, [Series("Revenue", data.rows.revenue)])
kpi = Card([TextContent("Total", "small"), TextContent("" + @Sum(data.rows.revenue), "large-heavy")])
root = Stack([CardHeader("Revenue Dashboard"), filter, Stack([kpi], "row"), chart])

[yangshuyi]

Thank you for your response.

Currently we are using the link you mentioned for LLM to understand the DSL of openui. I understand for v0.5 support fetch data and render without LLM. LLM is only for generate the structure of UI component.

My question now is about the UI required table DSL (column-oriented) is different within the link (row-oriented). You can find below information about table. But this information cannot match with what @Aditya-thesys mentioned Table([Col(label, dataArray, type?)]) // current, it also causes my UI parsing issue.

OpenUI Lang (148 tokens)

root = Stack([title, tbl])
title = TextContent("Employees (Sample)", "large-heavy")
tbl = Table(cols, rows)
cols = [Col("Name", "string"), Col("Department", "string"), Col("Salary", "number"), Col("YoY change (%)", "number")]
rows = [["Ava Patel", "Engineering", 132000, 6.5], ["Marcus Lee", "Sales", 98000, 4.2], ["Sofia Ramirez", "Marketing", 105000, 3.1], ["Ethan Brooks", "Finance", 118500, 5.0], ["Nina Chen", "HR", 89000, 2.4]]

[Aditya-thesys]

Hi @yangshuyi , apologies, you're right that the docs were stale. We missed updating the syntax reference and the benchmarks page after the v0.5 schema change. Just pushed a docs fix. pls check.