Merge branch 'main' into copilot/add-changeset-and-automation

Author: hotlong

CONTRIBUTING.md

@@ -67,9 +67,6 @@ git checkout -b feature/your-feature-name
 ### Running Development Servers
 
 ```bash
-# Run the playground (main development app)
-pnpm playground
-
 # Run the visual designer demo
 pnpm designer
 

README.md

@@ -13,7 +13,7 @@
 [![React](https://img.shields.io/badge/React-18+-61dafb.svg)](https://reactjs.org/)
 [![Tailwind CSS](https://img.shields.io/badge/Tailwind-3.0+-38bdf8.svg)](https://tailwindcss.com/)
 
-[**Documentation**](https://www.objectui.org) | [**Quick Start**](#quick-start) | [**Examples**](#examples) | [**Studio**](https://play.objectstack.ai)
+[**Documentation**](https://www.objectui.org) | [**Quick Start**](#quick-start) | [**Examples**](#examples)
 
 </div>
 
@@ -181,11 +181,9 @@ function App() {
 export default App
 ```
 
-### Try the Visual Studio
+### Visual Designer
 
-Explore our interactive drag-and-drop designer:
-
-🚀 [**Launch Object UI Studio**](https://play.objectstack.ai) - Design visually, export JSON instantly.
+Object UI includes a visual designer package that allows you to build UIs with a drag-and-drop interface. See the `@object-ui/designer` package for more information.
 
 ## 📦 Packages
 
@@ -200,11 +198,15 @@ Object UI is a modular monorepo with packages designed for specific use cases:
 | **[@object-ui/components](./packages/components)** | Standard UI components (Tailwind + Shadcn) | 50KB |
 | **[@object-ui/designer](./packages/designer)** | Visual drag-and-drop schema editor | 80KB |
 | **[@object-ui/data-objectql](./packages/data-objectql)** | ObjectQL API adapter for data integration | 15KB |
+| **[vscode-extension](./packages/vscode-extension)** | VSCode extension for schema development | 32KB |
 
 **Plugins** (lazy-loaded):
 - `@object-ui/plugin-charts` - Chart components (Chart.js)
 - `@object-ui/plugin-editor` - Rich text editor components
 
+**Developer Tools**:
+- **[VSCode Extension](./packages/vscode-extension)** - IntelliSense, live preview, validation, and snippets for Object UI schemas
+
 ## 🔌 Data Integration
 
 Object UI is designed to work with any backend through its universal DataSource interface:
@@ -326,11 +328,11 @@ cd objectui
 # Install dependencies
 pnpm install
 
-# Run the interactive playground
-pnpm playground
-
 # Run the prototype example
 pnpm prototype
+
+# Run the visual designer demo
+pnpm designer
 ```
 
 ## 🛣️ Roadmap

VERIFICATION.md

@@ -46,12 +46,12 @@ packages/plugin-charts/
 - `ChartImpl.tsx`: Contains `import { BarChart, ... } from 'recharts'`
 - `index.tsx`: Contains `React.lazy(() => import('./ChartImpl'))`
 
-### Playground Build Output
+### Application Build Output
 
-When the playground imports both plugins, they remain as separate chunks:
+When an application imports both plugins, they remain as separate chunks:
 
 ```
-apps/playground/dist/assets/
+dist/assets/
 ├── index-CyDHUpwF.js                (2.2 MB)  # Main bundle
 ├── MonacoImpl-DCiwKyYW-D65z0X-D.js  ( 15 KB)  # Monaco - SEPARATE
 ├── ChartImpl-BJBP1UnW-DO38vX_d.js  (340 KB)  # Recharts - SEPARATE
@@ -64,7 +64,7 @@ apps/playground/dist/assets/
 
 1. **App Startup** (Initial Load):
    ```typescript
-   // apps/playground/src/App.tsx
+   // In your application
    import '@object-ui/plugin-editor';  // Loads ~200 bytes
    import '@object-ui/plugin-charts';  // Loads ~200 bytes
    ```
@@ -152,9 +152,9 @@ $ ls -lh packages/plugin-editor/dist/
 ✅ PASS: Heavy chunk is separate from entry point
 ```
 
-### Test 2: Playground Build
+### Test 2: Application Build
 ```bash
-$ ls -lh apps/playground/dist/assets/ | grep -E "(Monaco|Chart)"
+$ ls -lh dist/assets/ | grep -E "(Monaco|Chart)"
 -rw-rw-r-- 1 runner runner  15K MonacoImpl-*.js
 -rw-rw-r-- 1 runner runner 340K ChartImpl-*.js
 ✅ PASS: Plugin chunks are separate in final build