@openuidev/react-ui 0.9.16 → 0.9.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +174 -4
- package/dist/components/Charts/ScatterChart/ScatterChart.d.ts.map +1 -1
- package/dist/components/Charts/ScatterChart/ScatterChart.js +2 -5
- package/dist/components/Charts/ScatterChart/ScatterChart.js.map +1 -1
- package/dist/components/FollowUpBlock/FollowUpBlock.d.ts.map +1 -1
- package/dist/components/FollowUpBlock/FollowUpBlock.js +2 -2
- package/dist/components/FollowUpBlock/FollowUpBlock.js.map +1 -1
- package/dist/components/FollowUpBlock/followUpBlock.css +1 -1
- package/dist/components/ImageBlock/imageBlock.css +1 -1
- package/dist/components/OpenUIChat/GenUIAssistantMessage.d.ts +1 -1
- package/dist/components/OpenUIChat/GenUIAssistantMessage.d.ts.map +1 -1
- package/dist/components/OpenUIChat/GenUIAssistantMessage.js +49 -6
- package/dist/components/OpenUIChat/GenUIAssistantMessage.js.map +1 -1
- package/dist/components/OpenUIChat/GenUIUserMessage.d.ts +9 -0
- package/dist/components/OpenUIChat/GenUIUserMessage.d.ts.map +1 -0
- package/dist/components/OpenUIChat/GenUIUserMessage.js +79 -0
- package/dist/components/OpenUIChat/GenUIUserMessage.js.map +1 -0
- package/dist/components/OpenUIChat/index.d.ts +1 -0
- package/dist/components/OpenUIChat/index.d.ts.map +1 -1
- package/dist/components/OpenUIChat/index.js +1 -0
- package/dist/components/OpenUIChat/index.js.map +1 -1
- package/dist/components/OpenUIChat/types.d.ts +2 -2
- package/dist/components/OpenUIChat/types.d.ts.map +1 -1
- package/dist/components/OpenUIChat/withChatProvider.d.ts.map +1 -1
- package/dist/components/OpenUIChat/withChatProvider.js +10 -0
- package/dist/components/OpenUIChat/withChatProvider.js.map +1 -1
- package/dist/components/SectionBlock/FoldableSection.d.ts +24 -0
- package/dist/components/SectionBlock/FoldableSection.d.ts.map +1 -0
- package/dist/components/SectionBlock/FoldableSection.js +17 -0
- package/dist/components/SectionBlock/FoldableSection.js.map +1 -0
- package/dist/components/SectionBlock/SectionV2.d.ts +9 -0
- package/dist/components/SectionBlock/SectionV2.d.ts.map +1 -0
- package/dist/components/SectionBlock/SectionV2.js +7 -0
- package/dist/components/SectionBlock/SectionV2.js.map +1 -0
- package/dist/components/SectionBlock/foldableSection.css +1 -0
- package/dist/components/SectionBlock/index.d.ts +3 -0
- package/dist/components/SectionBlock/index.d.ts.map +1 -0
- package/dist/components/SectionBlock/index.js +3 -0
- package/dist/components/SectionBlock/index.js.map +1 -0
- package/dist/components/SectionBlock/sectionBlock.css +1 -0
- package/dist/components/SectionBlock/sectionV2.css +1 -0
- package/dist/components/Shell/shell.css +1 -1
- package/dist/components/Shell/thread.css +1 -1
- package/dist/components/index.css +1 -1
- package/dist/genui-lib/Accordion/index.d.ts +578 -238
- package/dist/genui-lib/Accordion/index.d.ts.map +1 -1
- package/dist/genui-lib/Accordion/index.js +1 -1
- package/dist/genui-lib/Accordion/schema.d.ts +284 -114
- package/dist/genui-lib/Accordion/schema.d.ts.map +1 -1
- package/dist/genui-lib/Action/schema.d.ts +14 -0
- package/dist/genui-lib/Action/schema.d.ts.map +1 -0
- package/dist/genui-lib/Action/schema.js +19 -0
- package/dist/genui-lib/Action/schema.js.map +1 -0
- package/dist/genui-lib/Button/index.d.ts +12 -2
- package/dist/genui-lib/Button/index.d.ts.map +1 -1
- package/dist/genui-lib/Button/index.js +21 -6
- package/dist/genui-lib/Button/index.js.map +1 -1
- package/dist/genui-lib/Button/schema.d.ts +11 -1
- package/dist/genui-lib/Button/schema.d.ts.map +1 -1
- package/dist/genui-lib/Button/schema.js +3 -1
- package/dist/genui-lib/Button/schema.js.map +1 -1
- package/dist/genui-lib/Buttons/index.d.ts +23 -5
- package/dist/genui-lib/Buttons/index.d.ts.map +1 -1
- package/dist/genui-lib/Buttons/index.js +1 -1
- package/dist/genui-lib/Buttons/schema.d.ts +22 -4
- package/dist/genui-lib/Buttons/schema.d.ts.map +1 -1
- package/dist/genui-lib/Callout/index.d.ts +1 -1
- package/dist/genui-lib/Callout/index.js +1 -1
- package/dist/genui-lib/Card/index.d.ts +1135 -257
- package/dist/genui-lib/Card/index.d.ts.map +1 -1
- package/dist/genui-lib/Card/index.js +1 -1
- package/dist/genui-lib/Card/schema.d.ts +2597 -841
- package/dist/genui-lib/Card/schema.d.ts.map +1 -1
- package/dist/genui-lib/CardHeader/index.d.ts +1 -1
- package/dist/genui-lib/CardHeader/index.js +1 -1
- package/dist/genui-lib/Carousel/index.d.ts +552 -14
- package/dist/genui-lib/Carousel/index.d.ts.map +1 -1
- package/dist/genui-lib/Carousel/index.js +5 -5
- package/dist/genui-lib/Carousel/index.js.map +1 -1
- package/dist/genui-lib/Charts/AreaChartCondensed.d.ts +1 -1
- package/dist/genui-lib/Charts/AreaChartCondensed.js +1 -1
- package/dist/genui-lib/Charts/BarChartCondensed.d.ts +1 -1
- package/dist/genui-lib/Charts/BarChartCondensed.js +1 -1
- package/dist/genui-lib/Charts/HorizontalBarChart.d.ts +1 -1
- package/dist/genui-lib/Charts/HorizontalBarChart.js +1 -1
- package/dist/genui-lib/Charts/LineChartCondensed.d.ts +1 -1
- package/dist/genui-lib/Charts/LineChartCondensed.js +1 -1
- package/dist/genui-lib/Charts/PieChart.d.ts +1 -1
- package/dist/genui-lib/Charts/PieChart.js +1 -1
- package/dist/genui-lib/Charts/Point.d.ts +1 -1
- package/dist/genui-lib/Charts/Point.js +1 -1
- package/dist/genui-lib/Charts/RadarChart.d.ts +1 -1
- package/dist/genui-lib/Charts/RadarChart.js +1 -1
- package/dist/genui-lib/Charts/RadialChart.d.ts +1 -1
- package/dist/genui-lib/Charts/RadialChart.js +1 -1
- package/dist/genui-lib/Charts/ScatterChart.d.ts +1 -1
- package/dist/genui-lib/Charts/ScatterChart.d.ts.map +1 -1
- package/dist/genui-lib/Charts/ScatterChart.js +19 -11
- package/dist/genui-lib/Charts/ScatterChart.js.map +1 -1
- package/dist/genui-lib/Charts/ScatterSeries.d.ts +1 -1
- package/dist/genui-lib/Charts/ScatterSeries.js +1 -1
- package/dist/genui-lib/Charts/Series.d.ts +1 -1
- package/dist/genui-lib/Charts/Series.js +1 -1
- package/dist/genui-lib/Charts/SingleStackedBarChart.d.ts +1 -1
- package/dist/genui-lib/Charts/SingleStackedBarChart.js +1 -1
- package/dist/genui-lib/Charts/Slice.d.ts +1 -1
- package/dist/genui-lib/Charts/Slice.js +1 -1
- package/dist/genui-lib/CheckBoxGroup/index.d.ts +14 -4
- package/dist/genui-lib/CheckBoxGroup/index.d.ts.map +1 -1
- package/dist/genui-lib/CheckBoxGroup/index.js +29 -30
- package/dist/genui-lib/CheckBoxGroup/index.js.map +1 -1
- package/dist/genui-lib/CheckBoxGroup/schema.d.ts +15 -0
- package/dist/genui-lib/CheckBoxGroup/schema.d.ts.map +1 -1
- package/dist/genui-lib/CheckBoxGroup/schema.js +6 -0
- package/dist/genui-lib/CheckBoxGroup/schema.js.map +1 -1
- package/dist/genui-lib/CodeBlock/index.d.ts +1 -1
- package/dist/genui-lib/CodeBlock/index.js +1 -1
- package/dist/genui-lib/DatePicker/index.d.ts +12 -2
- package/dist/genui-lib/DatePicker/index.d.ts.map +1 -1
- package/dist/genui-lib/DatePicker/index.js +2 -2
- package/dist/genui-lib/DatePicker/index.js.map +1 -1
- package/dist/genui-lib/DatePicker/schema.d.ts +11 -1
- package/dist/genui-lib/DatePicker/schema.d.ts.map +1 -1
- package/dist/genui-lib/DatePicker/schema.js +2 -2
- package/dist/genui-lib/DatePicker/schema.js.map +1 -1
- package/dist/genui-lib/FollowUpBlock/index.d.ts +9 -0
- package/dist/genui-lib/FollowUpBlock/index.d.ts.map +1 -0
- package/dist/genui-lib/FollowUpBlock/index.js +23 -0
- package/dist/genui-lib/FollowUpBlock/index.js.map +1 -0
- package/dist/genui-lib/FollowUpItem/index.d.ts +5 -0
- package/dist/genui-lib/FollowUpItem/index.d.ts.map +1 -0
- package/dist/genui-lib/FollowUpItem/index.js +12 -0
- package/dist/genui-lib/FollowUpItem/index.js.map +1 -0
- package/dist/genui-lib/Form/index.d.ts +217 -65
- package/dist/genui-lib/Form/index.d.ts.map +1 -1
- package/dist/genui-lib/Form/index.js +1 -1
- package/dist/genui-lib/Form/schema.d.ts +216 -64
- package/dist/genui-lib/Form/schema.d.ts.map +1 -1
- package/dist/genui-lib/Form/schema.js +1 -1
- package/dist/genui-lib/Form/schema.js.map +1 -1
- package/dist/genui-lib/FormControl/index.d.ts +177 -43
- package/dist/genui-lib/FormControl/index.d.ts.map +1 -1
- package/dist/genui-lib/FormControl/index.js +3 -2
- package/dist/genui-lib/FormControl/index.js.map +1 -1
- package/dist/genui-lib/FormControl/schema.d.ts +176 -42
- package/dist/genui-lib/FormControl/schema.d.ts.map +1 -1
- package/dist/genui-lib/Image/index.d.ts +1 -1
- package/dist/genui-lib/Image/index.js +1 -1
- package/dist/genui-lib/ImageBlock/index.d.ts +1 -1
- package/dist/genui-lib/ImageBlock/index.js +1 -1
- package/dist/genui-lib/ImageGallery/index.d.ts +1 -1
- package/dist/genui-lib/ImageGallery/index.js +1 -1
- package/dist/genui-lib/Input/index.d.ts +12 -2
- package/dist/genui-lib/Input/index.d.ts.map +1 -1
- package/dist/genui-lib/Input/index.js +2 -2
- package/dist/genui-lib/Input/index.js.map +1 -1
- package/dist/genui-lib/Input/schema.d.ts +11 -1
- package/dist/genui-lib/Input/schema.d.ts.map +1 -1
- package/dist/genui-lib/Input/schema.js +2 -2
- package/dist/genui-lib/Input/schema.js.map +1 -1
- package/dist/genui-lib/Label/index.d.ts +1 -1
- package/dist/genui-lib/Label/index.js +1 -1
- package/dist/genui-lib/ListBlock/index.d.ts +46 -0
- package/dist/genui-lib/ListBlock/index.d.ts.map +1 -0
- package/dist/genui-lib/ListBlock/index.js +47 -0
- package/dist/genui-lib/ListBlock/index.js.map +1 -0
- package/dist/genui-lib/ListItem/index.d.ts +21 -0
- package/dist/genui-lib/ListItem/index.d.ts.map +1 -0
- package/dist/genui-lib/ListItem/index.js +22 -0
- package/dist/genui-lib/ListItem/index.js.map +1 -0
- package/dist/genui-lib/MarkDownRenderer/index.d.ts +1 -1
- package/dist/genui-lib/MarkDownRenderer/index.js +1 -1
- package/dist/genui-lib/RadioGroup/index.d.ts +15 -5
- package/dist/genui-lib/RadioGroup/index.d.ts.map +1 -1
- package/dist/genui-lib/RadioGroup/index.js +19 -17
- package/dist/genui-lib/RadioGroup/index.js.map +1 -1
- package/dist/genui-lib/SectionBlock/index.d.ts +616 -0
- package/dist/genui-lib/SectionBlock/index.d.ts.map +1 -0
- package/dist/genui-lib/SectionBlock/index.js +58 -0
- package/dist/genui-lib/SectionBlock/index.js.map +1 -0
- package/dist/genui-lib/SectionItem/index.d.ts +609 -0
- package/dist/genui-lib/SectionItem/index.d.ts.map +1 -0
- package/dist/genui-lib/SectionItem/index.js +15 -0
- package/dist/genui-lib/SectionItem/index.js.map +1 -0
- package/dist/genui-lib/Select/index.d.ts +20 -17
- package/dist/genui-lib/Select/index.d.ts.map +1 -1
- package/dist/genui-lib/Select/index.js +4 -10
- package/dist/genui-lib/Select/index.js.map +1 -1
- package/dist/genui-lib/Select/schema.d.ts +11 -1
- package/dist/genui-lib/Select/schema.d.ts.map +1 -1
- package/dist/genui-lib/Select/schema.js +2 -1
- package/dist/genui-lib/Select/schema.js.map +1 -1
- package/dist/genui-lib/Separator/index.d.ts +1 -1
- package/dist/genui-lib/Separator/index.js +1 -1
- package/dist/genui-lib/Slider/index.d.ts +13 -3
- package/dist/genui-lib/Slider/index.d.ts.map +1 -1
- package/dist/genui-lib/Slider/index.js +4 -4
- package/dist/genui-lib/Slider/index.js.map +1 -1
- package/dist/genui-lib/Slider/schema.d.ts +12 -2
- package/dist/genui-lib/Slider/schema.d.ts.map +1 -1
- package/dist/genui-lib/Slider/schema.js +3 -3
- package/dist/genui-lib/Slider/schema.js.map +1 -1
- package/dist/genui-lib/Stack/index.d.ts +1 -1
- package/dist/genui-lib/Stack/index.js +1 -1
- package/dist/genui-lib/Steps/index.d.ts +4 -4
- package/dist/genui-lib/Steps/index.js +1 -1
- package/dist/genui-lib/SwitchGroup/index.d.ts +9 -16
- package/dist/genui-lib/SwitchGroup/index.d.ts.map +1 -1
- package/dist/genui-lib/SwitchGroup/index.js +24 -3
- package/dist/genui-lib/SwitchGroup/index.js.map +1 -1
- package/dist/genui-lib/SwitchGroup/schema.d.ts +10 -4
- package/dist/genui-lib/SwitchGroup/schema.d.ts.map +1 -1
- package/dist/genui-lib/SwitchGroup/schema.js +6 -4
- package/dist/genui-lib/SwitchGroup/schema.js.map +1 -1
- package/dist/genui-lib/Table/index.d.ts +4 -4
- package/dist/genui-lib/Table/index.js +1 -1
- package/dist/genui-lib/Tabs/index.d.ts +578 -238
- package/dist/genui-lib/Tabs/index.d.ts.map +1 -1
- package/dist/genui-lib/Tabs/index.js +1 -1
- package/dist/genui-lib/Tabs/schema.d.ts +284 -114
- package/dist/genui-lib/Tabs/schema.d.ts.map +1 -1
- package/dist/genui-lib/Tag/index.d.ts +1 -1
- package/dist/genui-lib/Tag/index.js +1 -1
- package/dist/genui-lib/TagBlock/index.d.ts +1 -1
- package/dist/genui-lib/TagBlock/index.js +1 -1
- package/dist/genui-lib/TextArea/index.d.ts +12 -2
- package/dist/genui-lib/TextArea/index.d.ts.map +1 -1
- package/dist/genui-lib/TextArea/index.js +2 -2
- package/dist/genui-lib/TextArea/index.js.map +1 -1
- package/dist/genui-lib/TextArea/schema.d.ts +11 -1
- package/dist/genui-lib/TextArea/schema.d.ts.map +1 -1
- package/dist/genui-lib/TextArea/schema.js +2 -2
- package/dist/genui-lib/TextArea/schema.js.map +1 -1
- package/dist/genui-lib/TextCallout/index.d.ts +1 -1
- package/dist/genui-lib/TextCallout/index.js +1 -1
- package/dist/genui-lib/TextContent/index.d.ts +1 -1
- package/dist/genui-lib/TextContent/index.d.ts.map +1 -1
- package/dist/genui-lib/TextContent/index.js +3 -2
- package/dist/genui-lib/TextContent/index.js.map +1 -1
- package/dist/genui-lib/helpers.d.ts.map +1 -1
- package/dist/genui-lib/helpers.js +18 -0
- package/dist/genui-lib/helpers.js.map +1 -1
- package/dist/genui-lib/index.d.ts +2 -1
- package/dist/genui-lib/index.d.ts.map +1 -1
- package/dist/genui-lib/index.js +2 -1
- package/dist/genui-lib/index.js.map +1 -1
- package/dist/genui-lib/openuiChatLibrary.d.ts +7 -0
- package/dist/genui-lib/openuiChatLibrary.d.ts.map +1 -0
- package/dist/genui-lib/openuiChatLibrary.js +315 -0
- package/dist/genui-lib/openuiChatLibrary.js.map +1 -0
- package/dist/genui-lib/openuiLibrary.d.ts +7 -0
- package/dist/genui-lib/openuiLibrary.d.ts.map +1 -0
- package/dist/genui-lib/{defaultLibrary.js → openuiLibrary.js} +17 -17
- package/dist/genui-lib/openuiLibrary.js.map +1 -0
- package/dist/genui-lib/rules.d.ts +19 -0
- package/dist/genui-lib/rules.d.ts.map +1 -0
- package/dist/genui-lib/rules.js +20 -0
- package/dist/genui-lib/rules.js.map +1 -0
- package/dist/genui-lib/sectionContentUnion.d.ts +605 -0
- package/dist/genui-lib/sectionContentUnion.d.ts.map +1 -0
- package/dist/genui-lib/sectionContentUnion.js +50 -0
- package/dist/genui-lib/sectionContentUnion.js.map +1 -0
- package/dist/genui-lib/unions.d.ts +1494 -105
- package/dist/genui-lib/unions.d.ts.map +1 -1
- package/dist/genui-lib/unions.js +12 -0
- package/dist/genui-lib/unions.js.map +1 -1
- package/dist/hooks/useResponsiveContainer.d.ts.map +1 -1
- package/dist/hooks/useResponsiveContainer.js +5 -1
- package/dist/hooks/useResponsiveContainer.js.map +1 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -1
- package/dist/index.js.map +1 -1
- package/dist/styles/followUpBlock.css +1 -1
- package/dist/styles/imageBlock.css +1 -1
- package/dist/styles/index.css +1 -1
- package/dist/styles/sectionBlock.css +1 -0
- package/dist/styles/shell.css +1 -1
- package/dist/utils/contentParser.d.ts +11 -0
- package/dist/utils/contentParser.d.ts.map +1 -0
- package/dist/utils/contentParser.js +27 -0
- package/dist/utils/contentParser.js.map +1 -0
- package/package.json +23 -7
- package/dist/genui-lib/defaultLibrary.d.ts +0 -7
- package/dist/genui-lib/defaultLibrary.d.ts.map +0 -1
- package/dist/genui-lib/defaultLibrary.js.map +0 -1
- package/dist/styles/openUiChat.css +0 -1
package/README.md
CHANGED
|
@@ -1,13 +1,183 @@
|
|
|
1
1
|
# @openuidev/react-ui
|
|
2
2
|
|
|
3
|
-
React UI components and
|
|
3
|
+
React UI components, chat layouts, and component libraries for [OpenUI](https://openui.com). Drop-in chat surfaces with theming, or use individual components in your own layout.
|
|
4
|
+
|
|
5
|
+
[](https://www.npmjs.com/package/@openuidev/react-ui)
|
|
6
|
+
[](https://www.npmjs.com/package/@openuidev/react-ui)
|
|
7
|
+
[](https://github.com/thesysdev/openui/blob/main/LICENSE)
|
|
4
8
|
|
|
5
9
|
## Install
|
|
6
10
|
|
|
7
11
|
```bash
|
|
8
|
-
|
|
12
|
+
npm install @openuidev/react-ui @openuidev/react-lang @openuidev/react-headless
|
|
13
|
+
# or
|
|
14
|
+
pnpm add @openuidev/react-ui @openuidev/react-lang @openuidev/react-headless
|
|
15
|
+
```
|
|
16
|
+
|
|
17
|
+
**Peer dependencies:** `react >=19.0.0`, `react-dom >=19.0.0`, `zustand ^4.5.5`, `@openuidev/react-lang`, `@openuidev/react-headless`
|
|
18
|
+
|
|
19
|
+
Don't forget to import the component styles:
|
|
20
|
+
|
|
21
|
+
```ts
|
|
22
|
+
import "@openuidev/react-ui/components.css";
|
|
23
|
+
```
|
|
24
|
+
|
|
25
|
+
## Overview
|
|
26
|
+
|
|
27
|
+
This package provides three layers:
|
|
28
|
+
|
|
29
|
+
1. **Chat layouts** — Ready-to-use chat surfaces (`FullScreen`, `Copilot`, `BottomTray`) that wire up the provider, streaming, and rendering automatically.
|
|
30
|
+
2. **Component library** — A built-in set of UI components (charts, tables, forms, cards, etc.) that models can generate via OpenUI Lang.
|
|
31
|
+
3. **Individual components** — Use `Button`, `Card`, `Table`, `Charts`, and 30+ components directly in your own UI.
|
|
32
|
+
|
|
33
|
+
## Quick Start
|
|
34
|
+
|
|
35
|
+
The fastest way to get a working chat app:
|
|
36
|
+
|
|
37
|
+
```tsx
|
|
38
|
+
import { FullScreen } from "@openuidev/react-ui";
|
|
39
|
+
import "@openuidev/react-ui/components.css";
|
|
40
|
+
|
|
41
|
+
function App() {
|
|
42
|
+
return (
|
|
43
|
+
<FullScreen
|
|
44
|
+
apiUrl="/api/chat"
|
|
45
|
+
threadApiUrl="/api/threads"
|
|
46
|
+
/>
|
|
47
|
+
);
|
|
48
|
+
}
|
|
49
|
+
```
|
|
50
|
+
|
|
51
|
+
### Chat Layouts
|
|
52
|
+
|
|
53
|
+
| Component | Description |
|
|
54
|
+
| :--- | :--- |
|
|
55
|
+
| `FullScreen` | Full-page chat with a thread sidebar |
|
|
56
|
+
| `Copilot` | Side-panel copilot overlay |
|
|
57
|
+
| `BottomTray` | Collapsible bottom tray chat |
|
|
58
|
+
|
|
59
|
+
All chat layouts accept `apiUrl`, `threadApiUrl`, and theming props. See the [chat docs](https://openui.com/docs/chat) for full configuration.
|
|
60
|
+
|
|
61
|
+
### Copilot example
|
|
62
|
+
|
|
63
|
+
```tsx
|
|
64
|
+
import { Copilot } from "@openuidev/react-ui";
|
|
65
|
+
|
|
66
|
+
function App() {
|
|
67
|
+
return (
|
|
68
|
+
<div>
|
|
69
|
+
<main>Your app content</main>
|
|
70
|
+
<Copilot apiUrl="/api/chat" threadApiUrl="/api/threads" />
|
|
71
|
+
</div>
|
|
72
|
+
);
|
|
73
|
+
}
|
|
74
|
+
```
|
|
75
|
+
|
|
76
|
+
## Built-in Component Libraries
|
|
77
|
+
|
|
78
|
+
The package ships with two preconfigured OpenUI Lang libraries:
|
|
79
|
+
|
|
80
|
+
| Export | Description |
|
|
81
|
+
| :--- | :--- |
|
|
82
|
+
| `openuiLibrary` | Full component library — charts, tables, forms, cards, images, and more |
|
|
83
|
+
| `openuiChatLibrary` | Chat-optimized subset with follow-ups, steps, and callouts |
|
|
84
|
+
|
|
85
|
+
Use them directly when building custom chat experiences:
|
|
86
|
+
|
|
87
|
+
```tsx
|
|
88
|
+
import { Renderer } from "@openuidev/react-lang";
|
|
89
|
+
import { openuiLibrary } from "@openuidev/react-ui";
|
|
90
|
+
|
|
91
|
+
function AssistantMessage({ content, isStreaming }) {
|
|
92
|
+
return (
|
|
93
|
+
<Renderer
|
|
94
|
+
response={content}
|
|
95
|
+
library={openuiLibrary}
|
|
96
|
+
isStreaming={isStreaming}
|
|
97
|
+
/>
|
|
98
|
+
);
|
|
99
|
+
}
|
|
9
100
|
```
|
|
10
101
|
|
|
11
|
-
|
|
102
|
+
Generate a system prompt from the library:
|
|
103
|
+
|
|
104
|
+
```ts
|
|
105
|
+
import { openuiLibrary, openuiPromptOptions } from "@openuidev/react-ui";
|
|
106
|
+
|
|
107
|
+
const systemPrompt = openuiLibrary.prompt(openuiPromptOptions);
|
|
108
|
+
```
|
|
109
|
+
|
|
110
|
+
## Theming
|
|
111
|
+
|
|
112
|
+
Wrap your app in `ThemeProvider` to customize colors, typography, spacing, and effects:
|
|
113
|
+
|
|
114
|
+
```tsx
|
|
115
|
+
import { ThemeProvider, createTheme } from "@openuidev/react-ui";
|
|
116
|
+
|
|
117
|
+
const customTheme = createTheme({
|
|
118
|
+
primary: "#6366f1",
|
|
119
|
+
background: "#fafafa",
|
|
120
|
+
foreground: "#1a1a1a",
|
|
121
|
+
});
|
|
122
|
+
|
|
123
|
+
function App() {
|
|
124
|
+
return (
|
|
125
|
+
<ThemeProvider mode="light" lightTheme={customTheme}>
|
|
126
|
+
<YourApp />
|
|
127
|
+
</ThemeProvider>
|
|
128
|
+
);
|
|
129
|
+
}
|
|
130
|
+
```
|
|
131
|
+
|
|
132
|
+
| Export | Description |
|
|
133
|
+
| :--- | :--- |
|
|
134
|
+
| `ThemeProvider` | Context provider for theming |
|
|
135
|
+
| `createTheme(overrides)` | Create a theme with validation and defaults |
|
|
136
|
+
| `defaultLightTheme` | Built-in light theme |
|
|
137
|
+
| `defaultDarkTheme` | Built-in dark theme |
|
|
138
|
+
| `swatchTokens` | Token palette for use in theme builders |
|
|
139
|
+
|
|
140
|
+
## Components
|
|
141
|
+
|
|
142
|
+
All components are available as individual imports:
|
|
143
|
+
|
|
144
|
+
| Category | Components |
|
|
145
|
+
| :--- | :--- |
|
|
146
|
+
| **Layout** | `Card`, `CardHeader`, `SectionBlock`, `Tabs`, `Accordion`, `Carousel`, `Separator`, `Steps` |
|
|
147
|
+
| **Data Display** | `Table`, `Charts` (bar, line, area, pie, radar, scatter), `ListBlock`, `ListItem`, `Tag`, `TagBlock`, `CodeBlock`, `Image`, `ImageBlock`, `ImageGallery` |
|
|
148
|
+
| **Forms** | `Input`, `TextArea`, `Select`, `CheckBoxGroup`, `CheckBoxItem`, `RadioGroup`, `RadioItem`, `SwitchGroup`, `SwitchItem`, `Slider`, `DatePicker`, `FormControl`, `Label` |
|
|
149
|
+
| **Actions** | `Button`, `Buttons`, `IconButton`, `FollowUpBlock`, `FollowUpItem` |
|
|
150
|
+
| **Feedback** | `Callout`, `TextCallout`, `MessageLoading` |
|
|
151
|
+
| **Content** | `TextContent`, `MarkDownRenderer` |
|
|
152
|
+
| **Chat** | `FullScreen`, `Copilot`, `BottomTray`, `Shell.*`, `CopilotShell.*`, `ToolCall`, `ToolResult` |
|
|
153
|
+
|
|
154
|
+
### Per-component imports
|
|
155
|
+
|
|
156
|
+
For smaller bundles, import components individually:
|
|
157
|
+
|
|
158
|
+
```ts
|
|
159
|
+
import { Button } from "@openuidev/react-ui/Button";
|
|
160
|
+
import { Card } from "@openuidev/react-ui/Card";
|
|
161
|
+
import { Charts } from "@openuidev/react-ui/Charts";
|
|
162
|
+
```
|
|
163
|
+
|
|
164
|
+
## Subpath Exports
|
|
165
|
+
|
|
166
|
+
| Import path | Description |
|
|
167
|
+
| :--- | :--- |
|
|
168
|
+
| `@openuidev/react-ui` | All components and libraries |
|
|
169
|
+
| `@openuidev/react-ui/components.css` | Compiled component styles |
|
|
170
|
+
| `@openuidev/react-ui/genui-lib` | OpenUI Lang libraries and prompt options |
|
|
171
|
+
| `@openuidev/react-ui/tailwind` | Tailwind CSS plugin |
|
|
172
|
+
| `@openuidev/react-ui/styles/*` | SCSS utilities |
|
|
173
|
+
| `@openuidev/react-ui/scssUtils` | SCSS utility functions |
|
|
174
|
+
| `@openuidev/react-ui/<Component>` | Per-component entry points |
|
|
175
|
+
|
|
176
|
+
## Documentation
|
|
177
|
+
|
|
178
|
+
Full documentation, component guides, and live examples are available at **[openui.com](https://openui.com)**.
|
|
179
|
+
|
|
180
|
+
|
|
181
|
+
## License
|
|
12
182
|
|
|
13
|
-
|
|
183
|
+
[MIT](https://github.com/thesysdev/openui/blob/main/LICENSE)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScatterChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/ScatterChart/ScatterChart.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsD,MAAM,OAAO,CAAC;AAgB3E,OAAO,EAAE,WAAW,EAAmB,MAAM,sBAAsB,CAAC;AAGpE,OAAO,EAAE,gBAAgB,EAAgB,MAAM,SAAS,CAAC;AAOzD,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,gBAAgB,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;CAC7B;AAKD,eAAO,MAAM,YAAY,GAAI,uJAe1B,iBAAiB,
|
|
1
|
+
{"version":3,"file":"ScatterChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/ScatterChart/ScatterChart.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsD,MAAM,OAAO,CAAC;AAgB3E,OAAO,EAAE,WAAW,EAAmB,MAAM,sBAAsB,CAAC;AAGpE,OAAO,EAAE,gBAAgB,EAAgB,MAAM,SAAS,CAAC;AAOzD,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,gBAAgB,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;CAC7B;AAKD,eAAO,MAAM,YAAY,GAAI,uJAe1B,iBAAiB,4CA+VnB,CAAC"}
|
|
@@ -53,9 +53,6 @@ export const ScatterChart = ({ data, xAxisDataKey = "x", yAxisDataKey = "y", the
|
|
|
53
53
|
return containerWidth - yAxisWidth;
|
|
54
54
|
}, [containerWidth, yAxisWidth]);
|
|
55
55
|
const chartHeight = useMemo(() => {
|
|
56
|
-
if (!chartWrapperRef.current) {
|
|
57
|
-
return 0;
|
|
58
|
-
}
|
|
59
56
|
const legendHeight = legendContainerRef.current?.offsetHeight ?? 0;
|
|
60
57
|
const xAxisHeight = xAxisContainerRef.current?.offsetHeight ?? 0;
|
|
61
58
|
if (typeof height === "number") {
|
|
@@ -67,7 +64,7 @@ export const ScatterChart = ({ data, xAxisDataKey = "x", yAxisDataKey = "y", the
|
|
|
67
64
|
return numericHeight - legendHeight - xAxisHeight;
|
|
68
65
|
}
|
|
69
66
|
}
|
|
70
|
-
if (!height) {
|
|
67
|
+
if (!height || !chartWrapperRef.current) {
|
|
71
68
|
return DEFAULT_CHART_HEIGHT;
|
|
72
69
|
}
|
|
73
70
|
return chartWrapperRef.current.offsetHeight - legendHeight - xAxisHeight;
|
|
@@ -168,7 +165,7 @@ export const ScatterChart = ({ data, xAxisDataKey = "x", yAxisDataKey = "y", the
|
|
|
168
165
|
]);
|
|
169
166
|
return (_jsx(SideBarTooltipProvider, { isSideBarTooltipOpen: isSideBarTooltipOpen, setIsSideBarTooltipOpen: setIsSideBarTooltipOpen, data: sideBarTooltipData, setData: setSideBarTooltipData, children: _jsxs("div", { className: clsx("openui-scatter-chart-container", className), "data-openui-chart": exportData, style: {
|
|
170
167
|
width: typeof width === "number" ? `${width}px` : width || "100%",
|
|
171
|
-
height: isFixedNumericHeight ? "auto" : height
|
|
168
|
+
height: isFixedNumericHeight ? "auto" : (height ?? "auto"),
|
|
172
169
|
}, ref: chartWrapperRef, children: [_jsxs("div", { className: "openui-scatter-chart-container-inner", children: [yAxis, _jsx("div", { className: "openui-scatter-chart-main-and-x-axis-container", style: { width: chartWidth }, children: _jsx("div", { className: "openui-scatter-chart-main-container", style: {
|
|
173
170
|
width: "100%",
|
|
174
171
|
height: chartHeight,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScatterChart.js","sourceRoot":"","sources":["../../../../src/components/Charts/ScatterChart/ScatterChart.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"ScatterChart.js","sourceRoot":"","sources":["../../../../src/components/Charts/ScatterChart/ScatterChart.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FollowUpBlock.d.ts","sourceRoot":"","sources":["../../../src/components/FollowUpBlock/FollowUpBlock.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAc,YAAY,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEpD,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,QAAQ,EAAE,YAAY,CAAC,iBAAiB,CAAC,GAAG,YAAY,CAAC,iBAAiB,CAAC,EAAE,CAAC;IAC9E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,QAAA,MAAM,aAAa,+
|
|
1
|
+
{"version":3,"file":"FollowUpBlock.d.ts","sourceRoot":"","sources":["../../../src/components/FollowUpBlock/FollowUpBlock.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAc,YAAY,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEpD,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,QAAQ,EAAE,YAAY,CAAC,iBAAiB,CAAC,GAAG,YAAY,CAAC,iBAAiB,CAAC,EAAE,CAAC;IAC9E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,QAAA,MAAM,aAAa,+GAQjB,CAAC;AAIH,OAAO,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import clsx from "clsx";
|
|
3
3
|
import { forwardRef } from "react";
|
|
4
4
|
const FollowUpBlock = forwardRef((props, ref) => {
|
|
5
5
|
const { children, className, style, ...rest } = props;
|
|
6
|
-
return (
|
|
6
|
+
return (_jsxs("div", { ref: ref, className: clsx("openui-follow-up-block", className), style: style, ...rest, children: [_jsx("div", { className: "openui-follow-up-block__header", children: "Related Queries" }), children] }));
|
|
7
7
|
});
|
|
8
8
|
FollowUpBlock.displayName = "FollowUpBlock";
|
|
9
9
|
export { FollowUpBlock };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FollowUpBlock.js","sourceRoot":"","sources":["../../../src/components/FollowUpBlock/FollowUpBlock.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAiB,UAAU,EAAgB,MAAM,OAAO,CAAC;AAShE,MAAM,aAAa,GAAG,UAAU,CAAqC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAClF,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACtD,OAAO,CACL,
|
|
1
|
+
{"version":3,"file":"FollowUpBlock.js","sourceRoot":"","sources":["../../../src/components/FollowUpBlock/FollowUpBlock.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAiB,UAAU,EAAgB,MAAM,OAAO,CAAC;AAShE,MAAM,aAAa,GAAG,UAAU,CAAqC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAClF,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACtD,OAAO,CACL,eAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,CAAC,wBAAwB,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,KAAM,IAAI,aACzF,cAAK,SAAS,EAAC,gCAAgC,gCAAsB,EACpE,QAAQ,IACL,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,OAAO,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.openui-follow-up-block{box-sizing:border-box;display:flex;flex-direction:column}
|
|
1
|
+
.openui-follow-up-block{box-sizing:border-box;display:flex;flex-direction:column}.openui-follow-up-block__header{color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));border-bottom:1px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));padding-top:var(--openui-space-s, 8px);padding-bottom:var(--openui-space-s, 8px);margin-bottom:var(--openui-space-m, 12px)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.openui-image-block-wrapper{height:240px;display:flex;justify-content:center;align-items:center;position:relative;isolation:isolate;border-radius:var(--openui-radius-2xl, 14px);padding:calc(var(--openui-space-l, 18px) - 2px) calc(var(--openui-space-l, 18px) + 2px);overflow:hidden}.openui-image-block-wrapper::before{content:"";position:absolute;inset:-20px;background-image:var(--bg-image);background-size:150%;background-position:center;background-repeat:no-repeat;opacity:.2;filter:blur(12px);z-index:0;border-radius:inherit}.openui-image-block-wrapper--mobile{height:auto;width:100%;padding:0}.openui-image-block-wrapper--error{visibility:hidden}.openui-image-block-image{height:100%;object-fit:cover;border:4px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));border-radius:var(--openui-radius-l, 10px);position:relative;z-index:1}.openui-image-block-image--mobile{border-radius:var(--openui-radius-2xl, 14px);width:100%;height:auto}.openui-image-block-image--error{visibility:hidden}.openui-image-block-loader{position:absolute;left:50%;top:50%;translate:-50% -50%;border-width:3px;border-style:solid;height:24px;width:24px;animation:openui-image-block-spin 1s linear infinite;border-radius:var(--openui-radius-full, 9999px);border-color:#d1d5db;border-top-color:#2563eb;z-index:2}@keyframes openui-image-block-spin{to{transform:rotate(360deg)}}
|
|
1
|
+
.openui-image-block-wrapper{flex:1 1 0;min-width:0;min-height:240px;max-height:240px;display:flex;justify-content:center;align-items:center;position:relative;isolation:isolate;border-radius:var(--openui-radius-2xl, 14px);padding:calc(var(--openui-space-l, 18px) - 2px) calc(var(--openui-space-l, 18px) + 2px);overflow:hidden}.openui-image-block-wrapper::before{content:"";position:absolute;inset:-20px;background-image:var(--bg-image);background-size:150%;background-position:center;background-repeat:no-repeat;opacity:.2;filter:blur(12px);z-index:0;border-radius:inherit}.openui-image-block-wrapper--mobile{height:auto;width:100%;padding:0}.openui-image-block-wrapper--error{visibility:hidden}.openui-image-block-image{height:100%;max-width:100%;object-fit:cover;border:4px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));border-radius:var(--openui-radius-l, 10px);position:relative;z-index:1}.openui-image-block-image--mobile{border-radius:var(--openui-radius-2xl, 14px);width:100%;height:auto}.openui-image-block-image--error{visibility:hidden}.openui-image-block-loader{position:absolute;left:50%;top:50%;translate:-50% -50%;border-width:3px;border-style:solid;height:24px;width:24px;animation:openui-image-block-spin 1s linear infinite;border-radius:var(--openui-radius-full, 9999px);border-color:#d1d5db;border-top-color:#2563eb;z-index:2}@keyframes openui-image-block-spin{to{transform:rotate(360deg)}}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { Library } from "@openuidev/lang-react";
|
|
2
1
|
import type { AssistantMessage } from "@openuidev/react-headless";
|
|
2
|
+
import type { Library } from "@openuidev/react-lang";
|
|
3
3
|
export declare const GenUIAssistantMessage: ({ message, library, }: {
|
|
4
4
|
message: AssistantMessage;
|
|
5
5
|
library: Library;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GenUIAssistantMessage.d.ts","sourceRoot":"","sources":["../../../src/components/OpenUIChat/GenUIAssistantMessage.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"GenUIAssistantMessage.d.ts","sourceRoot":"","sources":["../../../src/components/OpenUIChat/GenUIAssistantMessage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAe,MAAM,2BAA2B,CAAC;AAE/E,OAAO,KAAK,EAAe,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAQlE,eAAO,MAAM,qBAAqB,GAAI,uBAGnC;IACD,OAAO,EAAE,gBAAgB,CAAC;IAC1B,OAAO,EAAE,OAAO,CAAC;CAClB,4CA6HA,CAAC"}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
|
+
"use client";
|
|
1
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { BuiltinActionType, Renderer } from "@openuidev/lang-react";
|
|
3
3
|
import { useThread } from "@openuidev/react-headless";
|
|
4
|
+
import { BuiltinActionType, Renderer } from "@openuidev/react-lang";
|
|
4
5
|
import { useCallback, useMemo } from "react";
|
|
6
|
+
import { separateContentAndContext, wrapContent, wrapContext } from "../../utils/contentParser";
|
|
5
7
|
import { AssistantMessageContainer } from "../Shell";
|
|
6
8
|
import { BehindTheScenes, ToolCallComponent } from "../ToolCall";
|
|
7
9
|
import { ToolResult } from "../ToolResult";
|
|
@@ -20,6 +22,27 @@ export const GenUIAssistantMessage = ({ message, library, }) => {
|
|
|
20
22
|
}
|
|
21
23
|
return false;
|
|
22
24
|
}, [isRunning, messages, message.id]);
|
|
25
|
+
// Separate openui-lang code from persisted form state
|
|
26
|
+
const { content: openuiCode, contextString } = useMemo(() => {
|
|
27
|
+
if (!message.content)
|
|
28
|
+
return { content: null, contextString: null };
|
|
29
|
+
return separateContentAndContext(message.content);
|
|
30
|
+
}, [message.content]);
|
|
31
|
+
const initialState = useMemo(() => {
|
|
32
|
+
if (!contextString)
|
|
33
|
+
return undefined;
|
|
34
|
+
try {
|
|
35
|
+
const parsed = JSON.parse(contextString);
|
|
36
|
+
if (Array.isArray(parsed) && typeof parsed[0] === "object")
|
|
37
|
+
return parsed[0];
|
|
38
|
+
if (typeof parsed === "object" && !Array.isArray(parsed))
|
|
39
|
+
return parsed;
|
|
40
|
+
return undefined;
|
|
41
|
+
}
|
|
42
|
+
catch {
|
|
43
|
+
return undefined;
|
|
44
|
+
}
|
|
45
|
+
}, [contextString]);
|
|
23
46
|
const toolMessages = useMemo(() => {
|
|
24
47
|
const result = [];
|
|
25
48
|
const msgIndex = messages.findIndex((m) => m.id === message.id);
|
|
@@ -40,18 +63,38 @@ export const GenUIAssistantMessage = ({ message, library, }) => {
|
|
|
40
63
|
const toolCall = message.toolCalls?.find((tc) => tc.id === toolCallId);
|
|
41
64
|
return toolCall?.function.name;
|
|
42
65
|
};
|
|
66
|
+
// Persist form state into the message content (XML-wrapped)
|
|
67
|
+
const handleStateUpdate = useCallback((state) => {
|
|
68
|
+
const code = openuiCode ?? "";
|
|
69
|
+
const contextJson = JSON.stringify([state]);
|
|
70
|
+
const fullMessage = code + "\n" + wrapContext(contextJson);
|
|
71
|
+
updateMessage({ ...message, content: fullMessage });
|
|
72
|
+
}, [updateMessage, message, openuiCode]);
|
|
73
|
+
// Build LLM-friendly message from action + form state, then dispatch
|
|
43
74
|
const handleAction = useCallback((event) => {
|
|
44
75
|
if (event.type === BuiltinActionType.ContinueConversation) {
|
|
76
|
+
const contentPart = event.humanFriendlyMessage
|
|
77
|
+
? wrapContent(event.humanFriendlyMessage)
|
|
78
|
+
: "";
|
|
79
|
+
const messageCtx = [`User clicked: ${event.humanFriendlyMessage}`];
|
|
80
|
+
if (event.formState) {
|
|
81
|
+
messageCtx.push(event.formState);
|
|
82
|
+
}
|
|
83
|
+
const contextPart = wrapContext(JSON.stringify(messageCtx));
|
|
84
|
+
const llmMessage = `${contentPart}${contextPart}`;
|
|
45
85
|
processMessage({
|
|
46
86
|
role: "user",
|
|
47
|
-
content:
|
|
87
|
+
content: llmMessage,
|
|
48
88
|
});
|
|
49
89
|
}
|
|
90
|
+
else if (event.type === BuiltinActionType.OpenUrl) {
|
|
91
|
+
const url = event.params?.["url"];
|
|
92
|
+
if (typeof window !== "undefined" && url) {
|
|
93
|
+
window.open(url, "_blank");
|
|
94
|
+
}
|
|
95
|
+
}
|
|
50
96
|
}, [processMessage]);
|
|
51
|
-
const handleUpdateMessage = useCallback((updatedContent) => {
|
|
52
|
-
updateMessage({ ...message, content: updatedContent });
|
|
53
|
-
}, [updateMessage, message]);
|
|
54
97
|
const hasToolActivity = (message.toolCalls && message.toolCalls.length > 0) || toolMessages.length > 0;
|
|
55
|
-
return (_jsxs(AssistantMessageContainer, { children: [hasToolActivity && (_jsxs(BehindTheScenes, { isStreaming: isStreaming, toolCallsComplete: !!message.content, children: [message.toolCalls?.map((toolCall, idx) => (_jsx(ToolCallComponent, { toolCall: toolCall, isStreaming: isStreaming, toolsDone: !!message.content, isLast: idx === (message.toolCalls?.length ?? 0) - 1 && toolMessages.length === 0 }, toolCall.id))), toolMessages.map((tm) => (_jsx(ToolResult, { message: tm, toolName: getToolName(tm.toolCallId) }, tm.id)))] })), _jsx(Renderer, { response:
|
|
98
|
+
return (_jsxs(AssistantMessageContainer, { children: [hasToolActivity && (_jsxs(BehindTheScenes, { isStreaming: isStreaming, toolCallsComplete: !!message.content, children: [message.toolCalls?.map((toolCall, idx) => (_jsx(ToolCallComponent, { toolCall: toolCall, isStreaming: isStreaming, toolsDone: !!message.content, isLast: idx === (message.toolCalls?.length ?? 0) - 1 && toolMessages.length === 0 }, toolCall.id))), toolMessages.map((tm) => (_jsx(ToolResult, { message: tm, toolName: getToolName(tm.toolCallId) }, tm.id)))] })), _jsx(Renderer, { response: openuiCode, library: library, isStreaming: isStreaming, onAction: handleAction, onStateUpdate: handleStateUpdate, initialState: initialState })] }));
|
|
56
99
|
};
|
|
57
100
|
//# sourceMappingURL=GenUIAssistantMessage.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GenUIAssistantMessage.js","sourceRoot":"","sources":["../../../src/components/OpenUIChat/GenUIAssistantMessage.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"GenUIAssistantMessage.js","sourceRoot":"","sources":["../../../src/components/OpenUIChat/GenUIAssistantMessage.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { UserMessage } from "@openuidev/react-headless";
|
|
2
|
+
/**
|
|
3
|
+
* Renders a user message, handling both plain text messages and
|
|
4
|
+
* XML-formatted messages from form submissions (which contain <content> and <context> tags).
|
|
5
|
+
*/
|
|
6
|
+
export declare const GenUIUserMessage: ({ message }: {
|
|
7
|
+
message: UserMessage;
|
|
8
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
//# sourceMappingURL=GenUIUserMessage.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GenUIUserMessage.d.ts","sourceRoot":"","sources":["../../../src/components/OpenUIChat/GenUIUserMessage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAqG7D;;;GAGG;AACH,eAAO,MAAM,gBAAgB,GAAI,aAAa;IAAE,OAAO,EAAE,WAAW,CAAA;CAAE,4CAgBrE,CAAC"}
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { ChevronDown } from "lucide-react";
|
|
4
|
+
import { useState } from "react";
|
|
5
|
+
import { separateContentAndContext } from "../../utils/contentParser";
|
|
6
|
+
/**
|
|
7
|
+
* Extracts the first plain object from a context string.
|
|
8
|
+
* The triggerAction context format is: ["action description string", { formState }]
|
|
9
|
+
*/
|
|
10
|
+
function parseContextForDisplay(contextString) {
|
|
11
|
+
if (!contextString)
|
|
12
|
+
return {};
|
|
13
|
+
try {
|
|
14
|
+
const parsed = JSON.parse(contextString);
|
|
15
|
+
if (Array.isArray(parsed)) {
|
|
16
|
+
const stateObj = parsed.find((item) => item !== null && typeof item === "object" && !Array.isArray(item));
|
|
17
|
+
return stateObj ?? {};
|
|
18
|
+
}
|
|
19
|
+
if (typeof parsed === "object" && parsed !== null) {
|
|
20
|
+
return parsed;
|
|
21
|
+
}
|
|
22
|
+
return {};
|
|
23
|
+
}
|
|
24
|
+
catch {
|
|
25
|
+
return {};
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
function getEntries(state) {
|
|
29
|
+
// Detect nested (form-named) shape
|
|
30
|
+
const isNested = Object.values(state).some((v) => v !== null &&
|
|
31
|
+
typeof v === "object" &&
|
|
32
|
+
!("value" in v) &&
|
|
33
|
+
Object.values(v).some((f) => f !== null && typeof f === "object" && "value" in f));
|
|
34
|
+
const entries = [];
|
|
35
|
+
if (isNested) {
|
|
36
|
+
for (const [, fields] of Object.entries(state)) {
|
|
37
|
+
if (typeof fields !== "object" || fields === null)
|
|
38
|
+
continue;
|
|
39
|
+
for (const [fieldName, field] of Object.entries(fields)) {
|
|
40
|
+
if (field && typeof field === "object" && "value" in field) {
|
|
41
|
+
const val = field.value;
|
|
42
|
+
if (val !== undefined && val !== null && val !== "") {
|
|
43
|
+
entries.push({ label: fieldName, value: String(val) });
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
else {
|
|
50
|
+
for (const [fieldName, field] of Object.entries(state)) {
|
|
51
|
+
if (field && typeof field === "object" && "value" in field) {
|
|
52
|
+
const val = field.value;
|
|
53
|
+
if (val !== undefined && val !== null && val !== "") {
|
|
54
|
+
entries.push({ label: fieldName, value: String(val) });
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
return entries;
|
|
60
|
+
}
|
|
61
|
+
function FormDataAccordion({ state }) {
|
|
62
|
+
const [isExpanded, setIsExpanded] = useState(false);
|
|
63
|
+
const entries = getEntries(state);
|
|
64
|
+
if (entries.length === 0)
|
|
65
|
+
return null;
|
|
66
|
+
return (_jsxs("div", { className: "openui-genui-user-message__form-state", children: [_jsxs("button", { className: "openui-genui-user-message__form-state-header", onClick: () => setIsExpanded((v) => !v), type: "button", children: [_jsxs("span", { className: "openui-genui-user-message__form-state-label", children: ["Form data (", entries.length, " ", entries.length === 1 ? "field" : "fields", ")"] }), _jsx(ChevronDown, { size: 14, className: `openui-genui-user-message__form-state-chevron${isExpanded ? " openui-genui-user-message__form-state-chevron--expanded" : ""}` })] }), isExpanded && (_jsx("div", { className: "openui-genui-user-message__form-state-content", children: entries.map(({ label, value }) => (_jsxs("div", { className: "openui-genui-user-message__form-field", children: [_jsxs("span", { className: "openui-genui-user-message__form-field-label", children: [label, ":"] }), _jsx("span", { className: "openui-genui-user-message__form-field-value", children: value })] }, label))) }))] }));
|
|
67
|
+
}
|
|
68
|
+
/**
|
|
69
|
+
* Renders a user message, handling both plain text messages and
|
|
70
|
+
* XML-formatted messages from form submissions (which contain <content> and <context> tags).
|
|
71
|
+
*/
|
|
72
|
+
export const GenUIUserMessage = ({ message }) => {
|
|
73
|
+
const rawContent = typeof message.content === "string" ? message.content : "";
|
|
74
|
+
const { content: humanText, contextString } = separateContentAndContext(rawContent);
|
|
75
|
+
const formState = parseContextForDisplay(contextString);
|
|
76
|
+
const hasFormData = Object.keys(formState).length > 0;
|
|
77
|
+
return (_jsx("div", { className: "openui-shell-thread-message-user", children: _jsxs("div", { className: "openui-genui-user-message", children: [hasFormData && _jsx(FormDataAccordion, { state: formState }), _jsx("div", { className: "openui-shell-thread-message-user__content", children: humanText && _jsx("div", { children: humanText }) })] }) }));
|
|
78
|
+
};
|
|
79
|
+
//# sourceMappingURL=GenUIUserMessage.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GenUIUserMessage.js","sourceRoot":"","sources":["../../../src/components/OpenUIChat/GenUIUserMessage.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
export { BottomTray } from "./ComposedBottomTray";
|
|
2
2
|
export { Copilot } from "./ComposedCopilot";
|
|
3
3
|
export { FullScreen } from "./ComposedStandalone";
|
|
4
|
+
export { GenUIUserMessage } from "./GenUIUserMessage";
|
|
4
5
|
export type { AssistantMessageComponent, ComposerComponent, ComposerProps, ConversationStartersConfig, SharedChatUIProps, UserMessageComponent, WelcomeMessageConfig, } from "./types";
|
|
5
6
|
export { isChatEmpty, isWelcomeComponent } from "./utils";
|
|
6
7
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/OpenUIChat/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,YAAY,EACV,yBAAyB,EACzB,iBAAiB,EACjB,aAAa,EACb,0BAA0B,EAC1B,iBAAiB,EACjB,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/OpenUIChat/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EACV,yBAAyB,EACzB,iBAAiB,EACjB,aAAa,EACb,0BAA0B,EAC1B,iBAAiB,EACjB,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export { BottomTray } from "./ComposedBottomTray";
|
|
2
2
|
export { Copilot } from "./ComposedCopilot";
|
|
3
3
|
export { FullScreen } from "./ComposedStandalone";
|
|
4
|
+
export { GenUIUserMessage } from "./GenUIUserMessage";
|
|
4
5
|
export { isChatEmpty, isWelcomeComponent } from "./utils";
|
|
5
6
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/OpenUIChat/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/OpenUIChat/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAUtD,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { Library } from "@openuidev/lang-react";
|
|
2
1
|
import type { AssistantMessage, UserMessage } from "@openuidev/react-headless";
|
|
2
|
+
import type { Library } from "@openuidev/react-lang";
|
|
3
3
|
import { ReactNode } from "react";
|
|
4
4
|
import { ScrollVariant } from "../../hooks/useScrollToBottom";
|
|
5
5
|
import { ConversationStarterProps } from "../../types/ConversationStarter";
|
|
@@ -125,7 +125,7 @@ export interface SharedChatUIProps {
|
|
|
125
125
|
userMessage?: UserMessageComponent;
|
|
126
126
|
composer?: ComposerComponent;
|
|
127
127
|
/**
|
|
128
|
-
* Component library created via `createLibrary()` from `@openuidev/lang
|
|
128
|
+
* Component library created via `createLibrary()` from `@openuidev/react-lang`.
|
|
129
129
|
* When provided, assistant messages are rendered using the GenUI `Renderer`
|
|
130
130
|
* instead of the default markdown renderer. If `assistantMessage` is also
|
|
131
131
|
* provided, `assistantMessage` takes priority.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/OpenUIChat/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/OpenUIChat/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAC;AAE3E;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,yBAAyB,GAAG,KAAK,CAAC,aAAa,CAAC;IAC1D,OAAO,EAAE,gBAAgB,CAAC;CAC3B,CAAC,CAAC;AAEH;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,aAAa,CAAC;IACrD,OAAO,EAAE,WAAW,CAAC;CACtB,CAAC,CAAC;AAEH;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,MAAM,oBAAoB,GAC5B,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GACxB;IACE,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iDAAiD;IACjD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,KAAK,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,CAAC;CACrC,CAAC;AAEN;;;;;;;;;;;;;;GAcG;AACH,MAAM,WAAW,0BAA0B;IACzC;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B;;;OAGG;IACH,OAAO,EAAE,wBAAwB,EAAE,CAAC;CACrC;AAED;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B,MAAM,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,iBAAiB,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;AAEnE;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IACvC,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC,oBAAoB,CAAC,EAAE,0BAA0B,CAAC;IAClD,gBAAgB,CAAC,EAAE,yBAAyB,CAAC;IAC7C,WAAW,CAAC,EAAE,oBAAoB,CAAC;IACnC,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"withChatProvider.d.ts","sourceRoot":"","sources":["../../../src/components/OpenUIChat/withChatProvider.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"withChatProvider.d.ts","sourceRoot":"","sources":["../../../src/components/OpenUIChat/withChatProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAoB,iBAAiB,EAAe,MAAM,2BAA2B,CAAC;AAIlG,OAAO,EAAE,UAAU,EAAiB,MAAM,kBAAkB,CAAC;AAG7D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,KAAK,iBAAiB,GAAG;IACvB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,eAAe,CAAC,KAAK,GAAG,EAAE,IAAI,IAAI,CAAC,iBAAiB,EAAE,UAAU,CAAC,GAC3E,iBAAiB,GACjB,iBAAiB,GACjB,KAAK,CAAC;AAmBR,wBAAgB,gBAAgB,CAAC,UAAU,GAAG,EAAE,EAAE,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC;YACzD,eAAe,CAAC,UAAU,CAAC;;EAuD7D"}
|