@apteva/apteva-kit 0.1.28 → 0.1.30

package/README.md

@@ -24,6 +24,20 @@ yarn add @apteva/apteva-kit
 bun add @apteva/apteva-kit
 ```
 
+### Required: Import Styles
+
+Add this import to your app's root layout or entry point:
+
+```tsx
+import '@apteva/apteva-kit/styles.css';
+```
+
+For Next.js, add it to `app/layout.tsx`:
+```tsx
+import '@apteva/apteva-kit/styles.css';
+import './globals.css'; // your app's styles
+```
+
 ## Components
 
 ### `<Chat>` - Full Chat Interface

package/dist/index.js

@@ -672,7 +672,7 @@ function generateWidgetContext(enabledWidgets) {
   const widgets = enabledWidgets || ALL_WIDGET_TYPES;
   let context = `
 ## UI Widgets
-Render widgets: @ui:type[{props}]. Add "meta" for hidden data captured by UI.
+Render widgets: @ui:type[{props}]. "meta" field (at root level, NOT inside items) holds extended data captured by UI.
 
 `;
   for (const type of widgets) {
@@ -682,14 +682,14 @@ Render widgets: @ui:type[{props}]. Add "meta" for hidden data captured by UI.
 `;
   }
   context += `
-Meta example: @ui:list[{"items": [{"id": "1", "title": "Task"}], "meta": {"fullData": [...]}}]
+Meta: @ui:list[{"items": [{"id": "1", "title": "X"}], "meta": {"items": [{"id": "1", "title": "X", "extra": "..."}]}}]
 `;
   return context;
 }
 function generateCompactWidgetContext(enabledWidgets) {
   const widgets = enabledWidgets || ALL_WIDGET_TYPES;
   return `
-Widgets: @ui:type[{props}]. Types: ${widgets.join(", ")}. Add "meta" for extended data.
+Widgets: @ui:type[{props}]. Types: ${widgets.join(", ")}. Add "meta" at root (not inside items) for extended data.
 `;
 }