@origostudio/origo-design 0.0.43 → 0.0.44

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@origostudio/origo-design",
-  "version": "0.0.43",
+  "version": "0.0.44",
   "license": "MIT",
   "repository": {
     "type": "git",

package/packages/angular-renderer/CHANGELOG.md

@@ -1,3 +1,7 @@
+## 0.0.44 (2026-10-01)
+
+This was a version bump only for angular-renderer to align it with other projects, there were no code changes.
+
 ## 0.0.43 (2026-10-01)
 
 This was a version bump only for angular-renderer to align it with other projects, there were no code changes.

package/packages/angular-renderer/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@origostudio/angular-renderer",
-  "version": "0.0.43",
+  "version": "0.0.44",
   "private": false,
   "type": "commonjs",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "dependencies": {
-    "@origostudio/core": "0.0.43",
-    "@origostudio/design-tokens": "0.0.43",
+    "@origostudio/core": "0.0.44",
+    "@origostudio/design-tokens": "0.0.44",
     "tslib": "^2.3.0",
     "@analogjs/vite-plugin-angular": "^2.7.1",
     "zone.js": "^0.16.3",

package/packages/cli/CHANGELOG.md

@@ -1,3 +1,7 @@
+## 0.0.44 (2026-10-01)
+
+This was a version bump only for cli to align it with other projects, there were no code changes.
+
 ## 0.0.43 (2026-10-01)
 
 This was a version bump only for cli to align it with other projects, there were no code changes.

package/packages/cli/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@origostudio/cli",
-  "version": "0.0.43",
+  "version": "0.0.44",
   "private": false,
   "type": "commonjs",
   "main": "./src/index.js",
@@ -9,7 +9,7 @@
     "origo": "./src/main.js"
   },
   "dependencies": {
-    "@origostudio/core": "0.0.43",
+    "@origostudio/core": "0.0.44",
     "commander": "^15.0.0",
     "tslib": "^2.3.0"
   },

package/packages/core/CHANGELOG.md

@@ -1,3 +1,7 @@
+## 0.0.44 (2026-10-01)
+
+This was a version bump only for core to align it with other projects, there were no code changes.
+
 ## 0.0.43 (2026-10-01)
 
 This was a version bump only for core to align it with other projects, there were no code changes.

package/packages/core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@origostudio/core",
-  "version": "0.0.43",
+  "version": "0.0.44",
   "private": false,
   "type": "commonjs",
   "main": "./src/index.js",

package/packages/design-tokens/CHANGELOG.md

@@ -1,3 +1,7 @@
+## 0.0.44 (2026-10-01)
+
+This was a version bump only for design-tokens to align it with other projects, there were no code changes.
+
 ## 0.0.43 (2026-10-01)
 
 This was a version bump only for design-tokens to align it with other projects, there were no code changes.

package/packages/design-tokens/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@origostudio/design-tokens",
-  "version": "0.0.43",
+  "version": "0.0.44",
   "private": false,
   "type": "commonjs",
   "main": "./src/index.js",

package/packages/devtools/CHANGELOG.md

@@ -1,3 +1,7 @@
+## 0.0.44 (2026-10-01)
+
+This was a version bump only for devtools to align it with other projects, there were no code changes.
+
 ## 0.0.43 (2026-10-01)
 
 This was a version bump only for devtools to align it with other projects, there were no code changes.

package/packages/devtools/node_modules/.vite/vitest/da39a3ee5e6b4b0d3255bfef95601890afd80709/results.json

@@ -1 +1 @@
-{"version":"4.1.11","results":[[":src/devtools-panel/app.component.spec.ts",{"duration":133.485146,"failed":false}]]}
+{"version":"4.1.11","results":[[":src/devtools-panel/app.component.spec.ts",{"duration":190.31851300000017,"failed":false}]]}

package/packages/devtools/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@origostudio/devtools",
-  "version": "0.0.43",
+  "version": "0.0.44",
   "type": "module",
   "dependencies": {
-    "@origostudio/core": "0.0.43",
-    "@origostudio/cli": "0.0.43",
+    "@origostudio/core": "0.0.44",
+    "@origostudio/cli": "0.0.44",
     "@angular/core": "18.1.0",
     "@angular/common": "18.1.0"
   },

package/packages/playground/CHANGELOG.md

@@ -1,3 +1,13 @@
+## 0.0.44 (2026-10-01)
+
+### 🚀 Features
+
+- implement entity and capability UI rendering in playground preview component ([9e59133](https://github.com/OrigoStudio/origo-design/commit/9e59133))
+
+### ❤️ Thank You
+
+- Hardik Patel @hardikpatelse
+
 ## 0.0.43 (2026-10-01)
 
 ### 🚀 Features

package/packages/playground/node_modules/.vite/vitest/da39a3ee5e6b4b0d3255bfef95601890afd80709/results.json

@@ -1 +1 @@
-{"version":"4.1.11","results":[[":src/editor/badl-editor.component.spec.ts",{"duration":194.14437999999973,"failed":false}],[":src/workers/compiler.worker.spec.ts",{"duration":2902.380119999998,"failed":false}],[":src/editor/schema-registry.spec.ts",{"duration":23.273370999999315,"failed":false}],[":src/preview/preview.service.spec.ts",{"duration":45.411018999999214,"failed":false}],[":src/preview/preview-pane.component.spec.ts",{"duration":123.2485319999978,"failed":false}],[":src/preview/preview-root.component.spec.ts",{"duration":152.94718800000192,"failed":false}],[":src/app/app.component.spec.ts",{"duration":127.33730999999898,"failed":false}]]}
+{"version":"4.1.11","results":[[":src/editor/badl-editor.component.spec.ts",{"duration":299.92509900000005,"failed":false}],[":src/preview/preview-root.component.spec.ts",{"duration":288.6053329999995,"failed":false}],[":src/workers/compiler.worker.spec.ts",{"duration":3688.9976620000016,"failed":false}],[":src/editor/schema-registry.spec.ts",{"duration":15.681587000002764,"failed":false}],[":src/preview/preview.service.spec.ts",{"duration":67.7354149999992,"failed":false}],[":src/preview/preview-pane.component.spec.ts",{"duration":182.63448599999901,"failed":false}],[":src/app/app.component.spec.ts",{"duration":209.62279099999796,"failed":false}]]}

package/packages/playground/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@origostudio/playground",
-  "version": "0.0.43",
+  "version": "0.0.44",
   "private": true,
   "dependencies": {
-    "@origostudio/core": "0.0.43",
-    "@origostudio/cli": "0.0.43"
+    "@origostudio/core": "0.0.44",
+    "@origostudio/cli": "0.0.44"
   },
   "peerDependencies": {
     "@angular/common": "^18.0.0",

package/packages/playground/src/preview/preview-root.component.ts

@@ -28,13 +28,169 @@ export class PreviewRootComponent {
 
     const domain = data.domains[0];
     const entities = domain.entities || [];
-    const fields = entities[0]?.fields || [];
+    const capabilities = domain.capabilities || [];
 
     const activeOutcome =
       (this.experience.getState('main-sidebar', 'activeOutcome') as string) || 'home';
     const activeTab = (this.experience.getState('tabs', 'activeTab') as string) || 'overview';
 
-    // Create a showcase UI AST that uses Epic 9 primitives to visualize the BADL Domain
+    let contentChildren: ASTNode[] = [];
+
+    if (activeOutcome === 'entities') {
+      contentChildren = entities.length
+        ? [
+            {
+              id: 'entity-grid',
+              type: 'DataGrid',
+              props: {
+                'aria-label': 'Entities Grid',
+                columns: [
+                  { key: 'name', label: 'Entity Name' },
+                  { key: 'fieldCount', label: 'Fields' },
+                ],
+                rows: entities.map(e => ({
+                  name: e?.name ?? '-',
+                  fieldCount: e?.fields?.length ?? 0,
+                })),
+              },
+            },
+          ]
+        : [
+            {
+              id: 'entities-card',
+              type: 'Card',
+              props: {
+                title: 'No Entities',
+                subtitle: 'No entities are defined for this domain.',
+              },
+            },
+          ];
+    } else if (activeOutcome === 'capabilities') {
+      contentChildren = capabilities.length
+        ? [
+            {
+              id: 'capabilities-list',
+              type: 'DataGrid',
+              props: {
+                'aria-label': 'Capabilities',
+                columns: [{ key: 'name', label: 'Capability Name' }],
+                rows: capabilities.map(c => ({ name: c?.name || '-' })),
+              },
+            },
+          ]
+        : [
+            {
+              id: 'capabilities-card',
+              type: 'Card',
+              props: {
+                title: 'No Capabilities',
+                subtitle: 'No capabilities are defined for this domain.',
+              },
+            },
+          ];
+    } else {
+      contentChildren = [
+        {
+          id: 'entity-card',
+          type: 'Card',
+          props: {
+            title: 'Domain Configuration',
+            subtitle: 'Manage core settings for this domain',
+          },
+        },
+        {
+          id: 'form-vbox',
+          type: 'vbox',
+          props: { gap: '15px' },
+          children: [
+            {
+              id: 'form-hbox',
+              type: 'HBox',
+              props: { gap: '15px' },
+              children: [
+                {
+                  id: 'ff-status',
+                  type: 'FormField',
+                  props: { label: 'Status' },
+                  children: [{ id: 'switch-status', type: 'Switch', props: { checked: true } }],
+                },
+                {
+                  id: 'ff-version',
+                  type: 'FormField',
+                  props: { label: 'Version' },
+                  children: [
+                    {
+                      id: 'chip-version',
+                      type: 'Chip',
+                      props: { text: domain.version || '1.0' },
+                    },
+                  ],
+                },
+              ],
+            },
+            {
+              id: 'ff-desc',
+              type: 'FormField',
+              props: { label: 'Description' },
+              children: [
+                {
+                  id: 'textarea-desc',
+                  type: 'Textarea',
+                  props: { placeholder: 'Enter description' },
+                },
+              ],
+            },
+            {
+              id: 'ff-type',
+              type: 'FormField',
+              props: { label: 'Type' },
+              children: [
+                {
+                  id: 'select-type',
+                  type: 'Select',
+                  props: {
+                    options: [
+                      { value: 'core', label: 'Core' },
+                      { value: 'plugin', label: 'Plugin' },
+                    ],
+                  },
+                },
+              ],
+            },
+            {
+              id: 'ff-radio',
+              type: 'FormField',
+              props: { label: 'Environment' },
+              children: [
+                {
+                  id: 'radio-env',
+                  type: 'RadioGroup',
+                  props: {
+                    options: [
+                      { value: 'dev', label: 'Development' },
+                      { value: 'prod', label: 'Production' },
+                    ],
+                  },
+                },
+              ],
+            },
+            {
+              id: 'ff-check',
+              type: 'FormField',
+              props: { label: 'Enable Validation' },
+              children: [
+                {
+                  id: 'check-val',
+                  type: 'Checkbox',
+                  props: { checked: true, label: 'Strict mode' },
+                },
+              ],
+            },
+          ],
+        },
+      ];
+    }
+
     return {
       id: 'root-hbox',
       type: 'HBox',
@@ -79,117 +235,7 @@ export class PreviewRootComponent {
                 ],
               },
             },
-            {
-              id: 'entity-grid',
-              type: 'DataGrid',
-              props: {
-                'aria-label': 'Entities Grid',
-                columns: [
-                  { key: 'name', label: 'Name' },
-                  { key: 'type', label: 'Type' },
-                  { key: 'label', label: 'Label' },
-                ],
-                rows: fields.map(f => ({ name: f.name, type: f.type, label: f.label || '-' })),
-              },
-            },
-            {
-              id: 'entity-card',
-              type: 'Card',
-              props: {
-                title: 'Domain Configuration',
-                subtitle: 'Manage core settings for this domain',
-              },
-            },
-            {
-              id: 'form-vbox',
-              type: 'vbox',
-              props: { gap: '15px' },
-              children: [
-                {
-                  id: 'form-hbox',
-                  type: 'HBox',
-                  props: { gap: '15px' },
-                  children: [
-                    {
-                      id: 'ff-status',
-                      type: 'FormField',
-                      props: { label: 'Status' },
-                      children: [{ id: 'switch-status', type: 'Switch', props: { checked: true } }],
-                    },
-                    {
-                      id: 'ff-version',
-                      type: 'FormField',
-                      props: { label: 'Version' },
-                      children: [
-                        {
-                          id: 'chip-version',
-                          type: 'Chip',
-                          props: { text: domain.version || '1.0' },
-                        },
-                      ],
-                    },
-                  ],
-                },
-                {
-                  id: 'ff-desc',
-                  type: 'FormField',
-                  props: { label: 'Description' },
-                  children: [
-                    {
-                      id: 'textarea-desc',
-                      type: 'Textarea',
-                      props: { placeholder: 'Enter description' },
-                    },
-                  ],
-                },
-                {
-                  id: 'ff-type',
-                  type: 'FormField',
-                  props: { label: 'Type' },
-                  children: [
-                    {
-                      id: 'select-type',
-                      type: 'Select',
-                      props: {
-                        options: [
-                          { value: 'core', label: 'Core' },
-                          { value: 'plugin', label: 'Plugin' },
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  id: 'ff-radio',
-                  type: 'FormField',
-                  props: { label: 'Environment' },
-                  children: [
-                    {
-                      id: 'radio-env',
-                      type: 'RadioGroup',
-                      props: {
-                        options: [
-                          { value: 'dev', label: 'Development' },
-                          { value: 'prod', label: 'Production' },
-                        ],
-                      },
-                    },
-                  ],
-                },
-                {
-                  id: 'ff-check',
-                  type: 'FormField',
-                  props: { label: 'Enable Validation' },
-                  children: [
-                    {
-                      id: 'check-val',
-                      type: 'Checkbox',
-                      props: { checked: true, label: 'Strict mode' },
-                    },
-                  ],
-                },
-              ],
-            },
+            ...contentChildren,
           ],
         },
       ],