diff --git a/.env.example b/.env.example index 7bfc224..c669800 100644 --- a/.env.example +++ b/.env.example @@ -1,7 +1,7 @@ ANTHROPIC_API_KEY= # Claude model — strong models are required for reliable UI generation -# Recommended: claude-fable-5 (default), claude-opus-4-6 +# Recommended: claude-fable-5 (default), claude-opus-5-5 # Fallback: gpt-* names route to OpenAI (requires OPENAI_API_KEY) LLM_MODEL=claude-fable-5 diff --git a/CODE_OF_CONDUCT.md b/CODE_OF_CONDUCT.md index bd56e3d..daee366 100644 --- a/CODE_OF_CONDUCT.md +++ b/CODE_OF_CONDUCT.md @@ -1,4 +1,4 @@ -# Code of Conduct for Open Generative UI +# Code of Conduct for Open Intelligent UI ## Table of Contents @@ -16,7 +16,7 @@ ## 1. Statement of Purpose -Open Generative UI is an open-source showcase and template for building rich, interactive AI-generated UI with [CopilotKit](https://copilotkit.ai) and [LangGraph](https://langchain-ai.github.io/langgraph/). As part of the CopilotKit ecosystem, our Code of Conduct aims to foster a collaborative, respectful, and innovative community that empowers contributors and users alike. By adhering to this code, we can ensure that our community thrives and remains a welcoming space for everyone. +Open Intelligent UI is an open-source showcase and template for building rich, interactive AI-generated UI with [CopilotKit](https://copilotkit.ai) and [LangGraph](https://langchain-ai.github.io/langgraph/). As part of the CopilotKit ecosystem, our Code of Conduct aims to foster a collaborative, respectful, and innovative community that empowers contributors and users alike. By adhering to this code, we can ensure that our community thrives and remains a welcoming space for everyone. --- @@ -96,7 +96,7 @@ Consequences for violating the Code of Conduct will be determined based on the s This Code of Conduct applies to all participants in the CopilotKit community, including contributors, maintainers, and users, both online and offline. It encompasses interactions in the following areas: -- GitHub discussions and issues on the [open-generative-ui](https://github.com/CopilotKit/open-generative-ui) repository +- GitHub discussions and issues on the [OpenIntelligentUI](https://github.com/CopilotKit/OpenIntelligentUI) repository - The broader [CopilotKit Discord](https://discord.gg/6dffbvGU3D) - Community meetings and events - Social media platforms @@ -112,6 +112,6 @@ This Code of Conduct is adapted from the [CopilotKit Code of Conduct](https://gi ## 9. Get Involved -We invite you to contribute to Open Generative UI! Whether through code, documentation, or community engagement, your participation is invaluable. For more information on how to contribute, please check our [Contributing Guide](./CONTRIBUTING.md). +We invite you to contribute to Open Intelligent UI! Whether through code, documentation, or community engagement, your participation is invaluable. For more information on how to contribute, please check our [Contributing Guide](./CONTRIBUTING.md). Thank you for being part of the CopilotKit community! Together, we can build a safe, respectful, and innovative space for all. diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md index 41c6034..c2c94dd 100644 --- a/CONTRIBUTING.md +++ b/CONTRIBUTING.md @@ -1,4 +1,4 @@ -# Contributing to Open Generative UI +# Contributing to Open Intelligent UI ⭐ Thank you for your interest in contributing!! @@ -12,29 +12,29 @@ We love community contributions! That said, we want to make sure we're all on th Investing a lot of time and effort just to find out it doesn't align with the project feels awful, and we don't want that to happen. It also helps to make sure the work you're planning isn't already in progress. -Please file an issue first: [https://github.com/CopilotKit/OpenGenerativeUI/issues](https://github.com/CopilotKit/OpenGenerativeUI/issues) +Please file an issue first: [https://github.com/CopilotKit/OpenIntelligentUI/issues](https://github.com/CopilotKit/OpenIntelligentUI/issues) Or, reach out to us on Discord: https://discord.com/invite/6dffbvGU3D Ready to contribute but seeking guidance? Reach out to us directly on [Discord](https://discord.gg/6dffbvGU3D) for immediate assistance! Alternatively, you're welcome to raise an issue and one of our dedicated maintainers will promptly steer you in the right direction! ## Found a bug? -If you find a bug in the source code, you can help us by [submitting an issue](https://github.com/CopilotKit/OpenGenerativeUI/issues/new) to our GitHub Repository. Even better, you can submit a Pull Request with a fix. +If you find a bug in the source code, you can help us by [submitting an issue](https://github.com/CopilotKit/OpenIntelligentUI/issues/new) to our GitHub Repository. Even better, you can submit a Pull Request with a fix. ## Missing a feature? -So, you've got an awesome feature in mind? Throw it over to us by [creating an issue](https://github.com/CopilotKit/open-generative-ui/issues/new) on our GitHub Repo. +So, you've got an awesome feature in mind? Throw it over to us by [creating an issue](https://github.com/CopilotKit/OpenIntelligentUI/issues/new) on our GitHub Repo. # How do I make a code contribution? ## Step 1: Make a fork -Fork the [open-generative-ui](https://github.com/CopilotKit/OpenGenerativeUI/issues) repository to your GitHub account. This means that you'll have a copy of the repository under _your-GitHub-username/open-generative-ui_. +Fork the [OpenIntelligentUI](https://github.com/CopilotKit/OpenIntelligentUI/issues) repository to your GitHub account. This means that you'll have a copy of the repository under _your-GitHub-username/OpenIntelligentUI_. ## Step 2: Clone the repository to your local machine ```bash -git clone https://github.com//OpenGenerativeUI +git clone https://github.com//OpenIntelligentUI ``` ## Step 3: Prepare the development environment diff --git a/README.md b/README.md index 5b670f0..c1040af 100644 --- a/README.md +++ b/README.md @@ -1,10 +1,8 @@ -# Open Generative UI +# Open Intelligent UI An open-source showcase for building rich, interactive AI-generated UI with [CopilotKit](https://copilotkit.ai) and [LangChain Deep Agents](https://docs.langchain.com/oss/python/deepagents/overview). Ask the agent to visualize algorithms, create 3D animations, render charts, or generate interactive diagrams — all rendered as live HTML/SVG inside a sandboxed iframe. -https://github.com/user-attachments/assets/ed28c734-e54e-4412-873f-4801da544a7f - -https://github.com/user-attachments/assets/ba7db70d-07c0-49af-b221-f962f30245e2 +https://github.com/user-attachments/assets/232cfd7c-9e99-4c6f-814b-5c7e07a87ece ## What It Does @@ -30,7 +28,7 @@ make dev # Start all services > | Model | Notes | > |-------|-------| > | `claude-fable-5` | Default | -> | `claude-opus-4-6` | Strong alternative | +> | `claude-opus-5-5` | Strong alternative | > > Setting `LLM_MODEL` to a `gpt-*` name routes to OpenAI instead (requires `OPENAI_API_KEY`). For other providers, swap the chat model in `apps/agent/src/model.py` (see [docs/bring-to-your-app.md](docs/bring-to-your-app.md)). Smaller or weaker models will produce broken layouts, missing interactivity, or incomplete visualizations. @@ -70,7 +68,7 @@ Add to your Claude Desktop config (`claude_desktop_config.json`): ```json { "mcpServers": { - "open-generative-ui": { + "open-intelligent-ui": { "command": "node", "args": ["dist/stdio.js"], "cwd": "/path/to/apps/mcp" @@ -90,7 +88,7 @@ Add to `.mcp.json`: ```json { - "openGenerativeUI": { + "openIntelligentUI": { "url": "http://localhost:3100/mcp" } } @@ -124,6 +122,8 @@ Deep agents also provide built-in planning (`write_todos`), filesystem tools, an ### How It Works +Open Intelligent UI is built on CopilotKit's Open Generative UI. Read the [Open Generative UI docs](https://docs.copilotkit.ai/generative-ui/open-generative-ui) to see how it works under the hood. + 1. **User sends a prompt** via the CopilotKit chat UI 2. **Deep agent decides** whether to respond with text, call a tool, or render a visual component — consulting relevant skills as needed 3. **`generateSandboxedUi`** — the canonical tool the CopilotKit runtime exposes when `openGenerativeUI` is enabled — receives the UI as ordered streaming parameters: `initialHeight` → `placeholderMessages` → `css` → `html` → `jsFunctions` → `jsExpressions` @@ -135,7 +135,7 @@ Deep agents also provide built-in planning (`write_todos`), filesystem tools, an | Pattern | Hook / Option | Example | |---------|---------------|---------| -| Open Generative UI | `openGenerativeUI` + `renderActivityMessages` | Streaming sandboxed widgets via `generateSandboxedUi` | +| [Open Generative UI](https://docs.copilotkit.ai/generative-ui/open-generative-ui) | `openGenerativeUI` + `renderActivityMessages` | Streaming sandboxed widgets via `generateSandboxedUi` | | Generative UI | `useComponent` | Pie charts, bar charts | | Frontend tools | `useFrontendTool` | Theme toggle | | Human-in-the-loop | `useHumanInTheLoop` | Meeting scheduler | @@ -174,11 +174,11 @@ Next.js 16, React 19, Tailwind CSS 4, LangChain Deep Agents, LangGraph, CopilotK ## Star History - + - - - Star History Chart + + + Star History Chart diff --git a/apps/app/src/app/layout.tsx b/apps/app/src/app/layout.tsx index 1f14ce0..b8ee54f 100644 --- a/apps/app/src/app/layout.tsx +++ b/apps/app/src/app/layout.tsx @@ -22,7 +22,7 @@ export default function RootLayout({children}: Readonly<{ children: React.ReactN - Open Generative UI + Open Intelligent UI diff --git a/apps/app/src/app/page.tsx b/apps/app/src/app/page.tsx index 84a166c..da45586 100644 --- a/apps/app/src/app/page.tsx +++ b/apps/app/src/app/page.tsx @@ -108,7 +108,7 @@ export default function HomePage() { 🪁

- Open Generative UI + Open Intelligent UI — powered by CopilotKit

@@ -129,7 +129,7 @@ export default function HomePage() { Demos