Page Comparison

...

The node pico engine includes a developer UI consisting of a single page application written using React:

1. the main page lets you see a visual representation of all of your picos, including their parent/child relationships and subscriptions as lines connecting them

2. a detail page which lets you see information about one of your picos, organized into tabs

Although you can use the pico engine directly* from your own applications, you may find this developer UI useful to get things set up, and to have an independent view of your application's picos.

...

{"version":"1.0.2","eci":"ckj5q44eq00017a2rcvxs8evv"}

The pico engine installs three the following rulesets in the root pico:

1. io.picolabs.wrangler - provides an operating system or the pico and includes functions and rules that make interacting with the pico more convenient.

2. io.picolabs.subscription - provides functions and rules that support pico-to-pico bi-directional subscriptions.

3. io.picolabs.pico-engine-ui

...

1. - provides an API for the engine UI.

The ui channel has policies in place which allow you the UI application to send events that are handled by the io.picolabs.pico-engine-ui ruleset, and to make queries to functions defined and shared by that same ruleset.

...

will return information about the root pico:

{
  "eci": "ckj5q44eq00017a2rcvxs8evv",
  "children": [
    "ckj61req3000aor2r6p5k49zs",
    ...
    "ckja93fod000vuq2rfgn87l3a"
  ],
  "name": "Pico",
  "backgroundColor": "#87cefa",
  "x": 366,
  "y": 91,
  "width": 100,
  "height": 100
}

...