From 6eae66728b3f40a76c09bfd891124b0ba4eef490 Mon Sep 17 00:00:00 2001
From: Yusef Napora <yusef@napora.org>
Date: Mon, 22 Jun 2020 10:26:59 -0400
Subject: [PATCH] create new composition or load existing

---
 composer/app/app.py         |  90 ++++++++
 composer/app/composition.py |  31 +--
 composer/app/util.py        |  26 +++
 composer/composer.ipynb     | 439 +++---------------------------------
 composer/composer.sh        |   3 +-
 5 files changed, 151 insertions(+), 438 deletions(-)
 create mode 100644 composer/app/app.py
 create mode 100644 composer/app/util.py

diff --git a/composer/app/app.py b/composer/app/app.py
new file mode 100644
index 000000000..23adfa516
--- /dev/null
+++ b/composer/app/app.py
@@ -0,0 +1,90 @@
+import param
+import panel as pn
+import toml
+from .util import get_plans, get_manifest
+from .composition import Composition
+
+STAGE_WELCOME = 'Welcome'
+STAGE_CONFIG_COMPOSITION = 'Configure'
+
+
+class Welcome(param.Parameterized):
+    composition = param.Parameter()
+    composition_picker = pn.widgets.FileInput(accept='.toml')
+    plan_picker = param.Selector()
+    ready = param.Boolean()
+
+    def __init__(self, **params):
+        super().__init__(**params)
+        self.composition_picker.param.watch(self._composition_updated, 'value')
+        self.param.watch(self._plan_selected, 'plan_picker')
+        self.param['plan_picker'].objects = ['Select a Plan'] + get_plans()
+
+    def panel(self):
+        tabs = pn.Tabs(
+            ('New Compostion', self.param['plan_picker']),
+            ('Existing Composition', self.composition_picker),
+        )
+
+        return pn.Column(
+            "Either choose an existing composition or select a plan to create a new composition:",
+            tabs,
+        )
+
+    def _composition_updated(self, *args):
+        print('composition updated')
+        content = self.composition_picker.value.decode('utf8')
+        comp_toml = toml.loads(content)
+        manifest = get_manifest(comp_toml['global']['plan'])
+        self.composition = Composition.from_dict(comp_toml, manifest=manifest)
+        print('existing composition: {}'.format(self.composition))
+        self.ready = True
+
+    def _plan_selected(self, evt):
+        if evt.new == 'Select a Plan':
+            return
+        print('plan selected: {}'.format(evt.new))
+        manifest = get_manifest(evt.new)
+        self.composition = Composition(manifest=manifest)
+        print('new composition: ', self.composition)
+        self.ready = True
+
+
+class ConfigureComposition(param.Parameterized):
+    composition = param.Parameter()
+
+    @param.depends('composition')
+    def panel(self):
+        if self.composition is None:
+            return pn.Pane("no composition :(")
+        print('composition: ', self.composition)
+        return self.composition.panel()
+
+
+class WorkflowPipeline(object):
+    def __init__(self):
+        stages = [
+            (STAGE_WELCOME, Welcome(), dict(ready_parameter='ready')),
+            (STAGE_CONFIG_COMPOSITION, ConfigureComposition())
+        ]
+
+        self.pipeline = pn.pipeline.Pipeline(debug=True, stages=stages)
+
+    def panel(self):
+        return pn.Column(
+            pn.Row(
+                self.pipeline.title,
+                self.pipeline.network,
+                self.pipeline.prev_button,
+                self.pipeline.next_button,
+            ),
+            self.pipeline.stage,
+        )
+
+
+class App(object):
+    def __init__(self):
+        self.workflow = WorkflowPipeline()
+
+    def ui(self):
+        return self.workflow.panel().servable("Testground Composer")
diff --git a/composer/app/composition.py b/composer/app/composition.py
index ccd50483a..35b39a3f7 100644
--- a/composer/app/composition.py
+++ b/composer/app/composition.py
@@ -1,31 +1,7 @@
 import param
 import panel as pn
 import toml
-import os
-import sys
-
-
-def parse_manifest(manifest_path):
-    with open(manifest_path, 'rt') as f:
-        return toml.load(f)
-
-
-def tg_home():
-    return os.environ.get('TESTGROUND_HOME',
-                          os.path.join(os.environ['HOME'], 'testground'))
-
-
-def get_plans():
-    return list(os.listdir(os.path.join(tg_home(), 'plans')))
-
-
-def get_manifest(plan_name):
-    manifest_path = os.path.join(tg_home(), 'plans', plan_name, 'manifest.toml')
-    return parse_manifest(manifest_path)
-
-
-def print_err(*args):
-    print(*args, file=sys.stderr)
+from .util import get_manifest, print_err
 
 
 def value_dict(parameterized, renames=None):
@@ -241,7 +217,10 @@ class Composition(param.Parameterized):
         add_group_button = pn.widgets.Button(name='Add Group')
         add_group_button.on_click(self._add_group)
 
-        group_panel = self.groups.panel()
+        if self.groups is None:
+            group_panel = pn.Column()
+        else:
+            group_panel = self.groups.panel()
         if self.groups_ui is None:
             self.groups_ui = pn.Column(
                 add_group_button,
diff --git a/composer/app/util.py b/composer/app/util.py
new file mode 100644
index 000000000..5321a95e8
--- /dev/null
+++ b/composer/app/util.py
@@ -0,0 +1,26 @@
+import toml
+import os
+import sys
+
+
+def parse_manifest(manifest_path):
+    with open(manifest_path, 'rt') as f:
+        return toml.load(f)
+
+
+def tg_home():
+    return os.environ.get('TESTGROUND_HOME',
+                          os.path.join(os.environ['HOME'], 'testground'))
+
+
+def get_plans():
+    return list(os.listdir(os.path.join(tg_home(), 'plans')))
+
+
+def get_manifest(plan_name):
+    manifest_path = os.path.join(tg_home(), 'plans', plan_name, 'manifest.toml')
+    return parse_manifest(manifest_path)
+
+
+def print_err(*args):
+    print(*args, file=sys.stderr)
diff --git a/composer/composer.ipynb b/composer/composer.ipynb
index 768b8cefc..269d325cd 100644
--- a/composer/composer.ipynb
+++ b/composer/composer.ipynb
@@ -1439,6 +1439,16 @@
      "metadata": {},
      "output_type": "display_data"
     },
+    {
+     "data": {
+      "text/html": [
+       "plan selected: dht</br>\n",
+       "new composition:  <Composition Composition02970></br>"
+      ]
+     },
+     "metadata": {},
+     "output_type": "display_data"
+    },
     {
      "data": {
       "application/vnd.holoviews_exec.v0+json": "",
@@ -1449,12 +1459,12 @@
        "\n",
        "\n",
        "\n",
-       "  <div class=\"bk-root\" id=\"9bb6d6fb-36be-41cf-b599-fc81d115b74e\" data-root-id=\"1001\"></div>\n",
+       "  <div class=\"bk-root\" id=\"c38271be-198d-41ca-9f5b-90686b2a2d41\" data-root-id=\"1001\"></div>\n",
        "</div>\n",
        "<script type=\"application/javascript\">(function(root) {\n",
        "  function embed_document(root) {\n",
-       "  var docs_json = {\"2acf6c55-9a17-4a40-a1f1-2e711de41a58\":{\"roots\":{\"references\":[{\"attributes\":{\"margin\":[5,10,5,10],\"name\":\"\",\"text\":\"<b>Resources</b>\"},\"id\":\"1027\",\"type\":\"Div\"},{\"attributes\":{\"margin\":[5,10,5,10],\"title\":\"Record seed\"},\"id\":\"1051\",\"type\":\"Spinner\"},{\"attributes\":{\"children\":[{\"id\":\"1031\"},{\"id\":\"1032\"},{\"id\":\"1033\"}],\"margin\":[5,5,5,5],\"min_width\":300,\"name\":\"Param00177\",\"width\":300},\"id\":\"1030\",\"type\":\"Column\"},{\"attributes\":{\"margin\":[5,10,5,10],\"name\":\"\",\"text\":\"<b>Global</b>\"},\"id\":\"1008\",\"type\":\"Div\"},{\"attributes\":{\"margin\":[5,10,5,10],\"name\":\"\",\"text\":\"<b>Build</b>\"},\"id\":\"1031\",\"type\":\"Div\"},{\"attributes\":{\"margin\":[5,10,5,10],\"title\":\"N find peers\"},\"id\":\"1054\",\"type\":\"Spinner\"},{\"attributes\":{\"children\":[{\"id\":\"1021\"},{\"id\":\"1022\"},{\"id\":\"1026\"},{\"id\":\"1030\"},{\"id\":\"1034\"}],\"margin\":[0,0,0,0],\"name\":\"Column00227\"},\"id\":\"1020\",\"type\":\"Column\"},{\"attributes\":{\"margin\":[5,10,5,10],\"title\":\"Memory\"},\"id\":\"1028\",\"type\":\"TextInput\"},{\"attributes\":{\"labels\":[\"Search records\"],\"margin\":[5,10,5,10]},\"id\":\"1053\",\"type\":\"CheckboxGroup\"},{\"attributes\":{\"margin\":[5,10,5,10],\"title\":\"Plan\",\"value\":\"dht\"},\"id\":\"1009\",\"type\":\"TextInput\"},{\"attributes\":{\"margin\":[5,10,5,10],\"title\":\"Cpu\"},\"id\":\"1029\",\"type\":\"TextInput\"},{\"attributes\":{\"margin\":[5,10,5,10],\"title\":\"Case\",\"value\":\"all\"},\"id\":\"1010\",\"type\":\"TextInput\"},{\"attributes\":{\"children\":[{\"id\":\"1023\"},{\"id\":\"1024\"},{\"id\":\"1025\"}],\"margin\":[5,5,5,5],\"min_width\":300,\"name\":\"Param00161\",\"width\":300},\"id\":\"1022\",\"type\":\"Column\"},{\"attributes\":{\"margin\":[5,10,5,10],\"title\":\"Runner\",\"value\":\"cluster:k8s\"},\"id\":\"1012\",\"type\":\"TextInput\"},{\"attributes\":{\"margin\":[5,10,5,10],\"title\":\"Builder\",\"value\":\"docker:go\"},\"id\":\"1011\",\"type\":\"TextInput\"},{\"attributes\":{\"children\":[{\"id\":\"1035\"},{\"id\":\"1036\"},{\"id\":\"1037\"},{\"id\":\"1038\"},{\"id\":\"1039\"},{\"id\":\"1040\"},{\"id\":\"1041\"},{\"id\":\"1042\"},{\"id\":\"1043\"},{\"id\":\"1044\"},{\"id\":\"1045\"},{\"id\":\"1046\"},{\"id\":\"1047\"},{\"id\":\"1048\"},{\"id\":\"1049\"},{\"id\":\"1050\"},{\"id\":\"1051\"},{\"id\":\"1052\"},{\"id\":\"1053\"},{\"id\":\"1054\"}],\"margin\":[5,5,5,5],\"min_width\":300,\"name\":\"Param00185\",\"width\":300},\"id\":\"1034\",\"type\":\"Column\"},{\"attributes\":{\"margin\":[5,10,5,10],\"title\":\"Total instances\",\"value\":1000},\"id\":\"1013\",\"type\":\"Spinner\"},{\"attributes\":{\"margin\":[5,10,5,10],\"options\":[[\"<Group balsam-undialable-provider>\",\"balsam-undialable-provider\"],[\"<Group balsam-undialable-searcher>\",\"balsam-undialable-searcher\"],[\"<Group balsam-dialable-passive>\",\"balsam-dialable-passive\"],[\"<Group balsam-dialable-provider>\",\"balsam-dialable-provider\"],[\"<Group balsam-dialable-searcher>\",\"balsam-dialable-searcher\"],[\"<Group cypress-passive>\",\"cypress-passive\"],[\"<Group cypress-provider>\",\"cypress-provider\"],[\"<Group cypress-searcher>\",\"cypress-searcher\"],[\"<Group cypress-bs>\",\"cypress-bs\"]],\"title\":\"Groups\",\"value\":\"<Group balsam-undialable-provider>\"},\"id\":\"1019\",\"type\":\"Select\"},{\"attributes\":{\"margin\":[5,10,5,10],\"title\":\"Count\",\"value\":5},\"id\":\"1024\",\"type\":\"Spinner\"},{\"attributes\":{\"margin\":[5,10,5,10],\"title\":\"Selectors\",\"value\":\"['balsam']\"},\"id\":\"1032\",\"type\":\"TextInput\"},{\"attributes\":{\"margin\":[5,10,5,10],\"title\":\"Dependencies\",\"value\":\"[]\"},\"id\":\"1033\",\"type\":\"TextInput\"},{\"attributes\":{\"icon\":null,\"label\":\"Add Group\",\"margin\":[5,10,5,10],\"subscribed_events\":[\"button_click\"]},\"id\":\"1017\",\"type\":\"Button\"},{\"attributes\":{\"margin\":[5,10,5,10],\"title\":\"Bucket size\",\"value\":2},\"id\":\"1040\",\"type\":\"Spinner\"},{\"attributes\":{\"children\":[{\"id\":\"1019\"}],\"margin\":[5,5,5,5],\"min_width\":300,\"name\":\"Param00124\",\"width\":300},\"id\":\"1018\",\"type\":\"Column\"},{\"attributes\":{\"margin\":[5,10,5,10],\"name\":\"\",\"text\":\"<b>Test Params for testcase all</b>\"},\"id\":\"1035\",\"type\":\"Div\"},{\"attributes\":{\"labels\":[\"Random walk\"],\"margin\":[5,10,5,10]},\"id\":\"1039\",\"type\":\"CheckboxGroup\"},{\"attributes\":{\"margin\":[5,10,5,10],\"title\":\"Timeout secs\",\"value\":300},\"id\":\"1036\",\"type\":\"Spinner\"},{\"attributes\":{\"margin\":[5,10,5,10],\"title\":\"Latency\",\"value\":100},\"id\":\"1037\",\"type\":\"Spinner\"},{\"attributes\":{\"margin\":[5,10,5,10],\"title\":\"Run config\",\"value\":\"{}\"},\"id\":\"1015\",\"type\":\"TextInput\"},{\"attributes\":{\"active\":[0],\"labels\":[\"Auto refresh\"],\"margin\":[5,10,5,10]},\"id\":\"1038\",\"type\":\"CheckboxGroup\"},{\"attributes\":{\"margin\":[5,10,5,10],\"title\":\"Alpha\",\"value\":3},\"id\":\"1041\",\"type\":\"Spinner\"},{\"attributes\":{\"margin\":[5,10,5,10],\"title\":\"Beta\",\"value\":3},\"id\":\"1042\",\"type\":\"Spinner\"},{\"attributes\":{\"css_classes\":[\"markdown\"],\"margin\":[5,5,5,5],\"name\":\"Markdown00159\",\"text\":\"&lt;p&gt;&lt;strong&gt;Group: balsam-undialable-provider&lt;/strong&gt;&lt;/p&gt;\"},\"id\":\"1021\",\"type\":\"panel.models.markup.HTML\"},{\"attributes\":{\"children\":[{\"id\":\"1002\"},{\"id\":\"1016\"}],\"margin\":[0,0,0,0],\"name\":\"Row00255\"},\"id\":\"1001\",\"type\":\"Row\"},{\"attributes\":{\"labels\":[\"Client mode\"],\"margin\":[5,10,5,10]},\"id\":\"1043\",\"type\":\"CheckboxGroup\"},{\"attributes\":{\"margin\":[5,10,5,10],\"title\":\"Peer id seed\"},\"id\":\"1045\",\"type\":\"Spinner\"},{\"attributes\":{\"children\":[{\"id\":\"1027\"},{\"id\":\"1028\"},{\"id\":\"1029\"}],\"margin\":[5,5,5,5],\"min_width\":300,\"name\":\"Param00169\",\"width\":300},\"id\":\"1026\",\"type\":\"Column\"},{\"attributes\":{\"margin\":[5,10,5,10],\"title\":\"Bs strategy\"},\"id\":\"1047\",\"type\":\"Spinner\"},{\"attributes\":{\"client_comm_id\":\"dae6ef635f0e47b5af44d4cd9d35e8a9\",\"comm_id\":\"c87262852c6b46c9959b1af848382a1b\",\"plot_id\":\"1001\"},\"id\":\"1055\",\"type\":\"panel.models.comm_manager.CommManager\"},{\"attributes\":{\"margin\":[5,10,5,10],\"title\":\"Datastore\"},\"id\":\"1044\",\"type\":\"Spinner\"},{\"attributes\":{\"active\":[0],\"labels\":[\"Expect dht\"],\"margin\":[5,10,5,10]},\"id\":\"1050\",\"type\":\"CheckboxGroup\"},{\"attributes\":{\"children\":[{\"id\":\"1003\"},{\"id\":\"1007\"}],\"margin\":[0,0,0,0],\"name\":\"Column00254\"},\"id\":\"1002\",\"type\":\"Column\"},{\"attributes\":{\"children\":[{\"id\":\"1017\"},{\"id\":\"1018\"},{\"id\":\"1020\"}],\"margin\":[0,0,0,0],\"name\":\"Column00129\"},\"id\":\"1016\",\"type\":\"Column\"},{\"attributes\":{\"labels\":[\"Undialable\"],\"margin\":[5,10,5,10]},\"id\":\"1048\",\"type\":\"CheckboxGroup\"},{\"attributes\":{\"children\":[{\"id\":\"1004\"},{\"id\":\"1005\"},{\"id\":\"1006\"}],\"margin\":[5,5,5,5],\"min_width\":300,\"name\":\"Param00228\",\"width\":300},\"id\":\"1003\",\"type\":\"Column\"},{\"attributes\":{\"margin\":[5,10,5,10],\"title\":\"Percentage\"},\"id\":\"1025\",\"type\":\"Spinner\"},{\"attributes\":{\"labels\":[\"Bootstrapper\"],\"margin\":[5,10,5,10]},\"id\":\"1046\",\"type\":\"CheckboxGroup\"},{\"attributes\":{\"children\":[{\"id\":\"1008\"},{\"id\":\"1009\"},{\"id\":\"1010\"},{\"id\":\"1011\"},{\"id\":\"1012\"},{\"id\":\"1013\"},{\"id\":\"1014\"},{\"id\":\"1015\"}],\"margin\":[5,5,5,5],\"min_width\":300,\"name\":\"Param00236\",\"width\":300},\"id\":\"1007\",\"type\":\"Column\"},{\"attributes\":{\"margin\":[5,10,5,10],\"name\":\"\",\"text\":\"<b>Metadata</b>\"},\"id\":\"1004\",\"type\":\"Div\"},{\"attributes\":{\"margin\":[5,10,5,10],\"name\":\"\",\"text\":\"<b>Instances</b>\"},\"id\":\"1023\",\"type\":\"Div\"},{\"attributes\":{\"margin\":[5,10,5,10],\"title\":\"Build config\",\"value\":\"{'push_registry': True, 'registry_type': 'aws'}\"},\"id\":\"1014\",\"type\":\"TextInput\"},{\"attributes\":{\"margin\":[5,10,5,10],\"title\":\"Composition name\",\"value\":\"all-both\"},\"id\":\"1005\",\"type\":\"TextInput\"},{\"attributes\":{\"margin\":[5,10,5,10],\"title\":\"Author\",\"value\":\"adin\"},\"id\":\"1006\",\"type\":\"TextInput\"},{\"attributes\":{\"margin\":[5,10,5,10],\"title\":\"Record count\"},\"id\":\"1052\",\"type\":\"Spinner\"},{\"attributes\":{\"margin\":[5,10,5,10],\"title\":\"Group order\"},\"id\":\"1049\",\"type\":\"Spinner\"}],\"root_ids\":[\"1001\",\"1055\"]},\"title\":\"Bokeh Application\",\"version\":\"2.1.0\"}};\n",
-       "  var render_items = [{\"docid\":\"2acf6c55-9a17-4a40-a1f1-2e711de41a58\",\"root_ids\":[\"1001\"],\"roots\":{\"1001\":\"9bb6d6fb-36be-41cf-b599-fc81d115b74e\"}}];\n",
+       "  var docs_json = {\"3a0e5c69-7dd5-49cb-b3c3-119f454a7d0a\":{\"roots\":{\"references\":[{\"attributes\":{\"callback\":null,\"renderers\":[{\"id\":\"1077\"}],\"tags\":[\"hv_created\"],\"tooltips\":[[\"Stage\",\"@{Stage}\"],[\"State\",\"@{State}\"]]},\"id\":\"1007\",\"type\":\"HoverTool\"},{\"attributes\":{\"line_alpha\":{\"value\":0.2},\"line_width\":{\"value\":2}},\"id\":\"1046\",\"type\":\"MultiLine\"},{\"attributes\":{\"factors\":[\"active\",\"next\"],\"palette\":[\"#5cb85c\",\"yellow\"]},\"id\":\"1034\",\"type\":\"CategoricalColorMapper\"},{\"attributes\":{},\"id\":\"1092\",\"type\":\"UnionRenderers\"},{\"attributes\":{\"data\":{\"Stage\":[\"Welcome\",\"Configure Composition\"],\"x\":[0,1],\"y\":{\"__ndarray__\":\"AAAAAAAA4D8AAAAAAADgPw==\",\"dtype\":\"float64\",\"order\":\"little\",\"shape\":[2]}},\"selected\":{\"id\":\"1064\"},\"selection_policy\":{\"id\":\"1086\"}},\"id\":\"1063\",\"type\":\"ColumnDataSource\"},{\"attributes\":{},\"id\":\"1022\",\"type\":\"BasicTicker\"},{\"attributes\":{\"source\":{\"id\":\"1036\"}},\"id\":\"1049\",\"type\":\"CDSView\"},{\"attributes\":{\"fill_color\":{\"field\":\"node_color\",\"transform\":{\"id\":\"1034\"}},\"size\":{\"units\":\"screen\",\"value\":15}},\"id\":\"1042\",\"type\":\"Circle\"},{\"attributes\":{},\"id\":\"1015\",\"type\":\"LinearScale\"},{\"attributes\":{},\"id\":\"1091\",\"type\":\"Selection\"},{\"attributes\":{\"data_source\":{\"id\":\"1036\"},\"glyph\":{\"id\":\"1045\"},\"hover_glyph\":{\"id\":\"1047\"},\"muted_glyph\":null,\"nonselection_glyph\":{\"id\":\"1046\"},\"selection_glyph\":null,\"view\":{\"id\":\"1049\"}},\"id\":\"1048\",\"type\":\"GlyphRenderer\"},{\"attributes\":{\"text\":{\"field\":\"Stage\"},\"text_align\":\"center\",\"text_alpha\":{\"value\":0.1},\"text_baseline\":\"middle\",\"text_color\":{\"value\":\"black\"},\"x\":{\"field\":\"x\"},\"y\":{\"field\":\"y\",\"transform\":{\"id\":\"1062\"}}},\"id\":\"1067\",\"type\":\"Text\"},{\"attributes\":{\"graph_layout\":{\"0\":[0,0.5],\"1\":[1,0.5]}},\"id\":\"1037\",\"type\":\"StaticLayoutProvider\"},{\"attributes\":{\"source\":{\"id\":\"1063\"}},\"id\":\"1069\",\"type\":\"CDSView\"},{\"attributes\":{},\"id\":\"1013\",\"type\":\"LinearScale\"},{\"attributes\":{\"source\":{\"id\":\"1070\"}},\"id\":\"1078\",\"type\":\"CDSView\"},{\"attributes\":{\"text\":{\"field\":\"Stage\"},\"text_align\":\"center\",\"text_baseline\":\"middle\",\"text_color\":{\"value\":\"black\"},\"x\":{\"field\":\"x\"},\"y\":{\"field\":\"y\",\"transform\":{\"id\":\"1062\"}}},\"id\":\"1066\",\"type\":\"Text\"},{\"attributes\":{\"fill_color\":{\"field\":\"node_color\",\"transform\":{\"id\":\"1034\"}},\"size\":{\"units\":\"screen\",\"value\":15}},\"id\":\"1040\",\"type\":\"Circle\"},{\"attributes\":{},\"id\":\"1064\",\"type\":\"Selection\"},{\"attributes\":{\"align\":null,\"below\":[{\"id\":\"1017\"}],\"center\":[{\"id\":\"1020\"},{\"id\":\"1024\"}],\"left\":[{\"id\":\"1021\"}],\"margin\":null,\"min_border_bottom\":10,\"min_border_left\":10,\"min_border_right\":10,\"min_border_top\":10,\"min_width\":400,\"outline_line_alpha\":0,\"plot_height\":80,\"plot_width\":null,\"renderers\":[{\"id\":\"1050\"},{\"id\":\"1068\"},{\"id\":\"1077\"}],\"sizing_mode\":\"stretch_width\",\"title\":{\"id\":\"1009\"},\"toolbar\":{\"id\":\"1026\"},\"toolbar_location\":null,\"x_range\":{\"id\":\"1004\"},\"x_scale\":{\"id\":\"1013\"},\"y_range\":{\"id\":\"1005\"},\"y_scale\":{\"id\":\"1015\"}},\"id\":\"1008\",\"subtype\":\"Figure\",\"type\":\"Plot\"},{\"attributes\":{\"margin\":[0,0,0,0],\"tabs\":[{\"id\":\"1204\"},{\"id\":\"1206\"}]},\"id\":\"1202\",\"type\":\"Tabs\"},{\"attributes\":{\"fill_alpha\":{\"value\":0},\"fill_color\":{\"value\":\"#30a2da\"},\"line_alpha\":{\"value\":0},\"size\":{\"units\":\"screen\",\"value\":10},\"x\":{\"field\":\"x\"},\"y\":{\"field\":\"y\"}},\"id\":\"1074\",\"type\":\"Scatter\"},{\"attributes\":{\"disabled\":true,\"icon\":null,\"label\":\"Previous\",\"margin\":[5,10,5,10],\"min_width\":125,\"subscribed_events\":[\"button_click\"],\"width\":125},\"id\":\"1197\",\"type\":\"Button\"},{\"attributes\":{},\"id\":\"1033\",\"type\":\"BasicTickFormatter\"},{\"attributes\":{\"margin\":[5,10,5,10],\"options\":[[\"Select a Plan\",\"Select a Plan\"],[\"example\",\"example\"],[\"dht-hardening\",\"dht-hardening\"],[\"dht\",\"dht\"],[\"lotus-testground\",\"lotus-testground\"],[\"network\",\"network\"]],\"title\":\"Plan picker\",\"value\":\"Select a Plan\"},\"id\":\"1203\",\"type\":\"Select\"},{\"attributes\":{\"child\":{\"id\":\"1203\"},\"name\":\"Plan picker\",\"title\":\"New Compostion\"},\"id\":\"1204\",\"type\":\"Panel\"},{\"attributes\":{\"line_width\":{\"value\":2}},\"id\":\"1047\",\"type\":\"MultiLine\"},{\"attributes\":{\"fill_alpha\":{\"value\":0},\"fill_color\":{\"value\":\"limegreen\"},\"line_alpha\":{\"value\":0},\"size\":{\"units\":\"screen\",\"value\":10},\"x\":{\"field\":\"x\"},\"y\":{\"field\":\"y\"}},\"id\":\"1075\",\"type\":\"Scatter\"},{\"attributes\":{\"accept\":\".toml\",\"margin\":[5,10,5,10]},\"id\":\"1205\",\"type\":\"FileInput\"},{\"attributes\":{},\"id\":\"1060\",\"type\":\"NodesAndLinkedEdges\"},{\"attributes\":{\"data\":{\"Stage\":[\"Welcome\",\"Configure Composition\"],\"State\":[\"active\",\"next\"],\"x\":[0,1],\"y\":{\"__ndarray__\":\"AAAAAAAA4D8AAAAAAADgPw==\",\"dtype\":\"float64\",\"order\":\"little\",\"shape\":[2]}},\"selected\":{\"id\":\"1071\"},\"selection_policy\":{\"id\":\"1088\"}},\"id\":\"1070\",\"type\":\"ColumnDataSource\"},{\"attributes\":{\"css_classes\":[\"markdown\"],\"margin\":[5,5,5,5],\"name\":\"Markdown02221\",\"text\":\"&lt;p&gt;Either choose an existing composition or select a plan to create a new composition:&lt;/p&gt;\"},\"id\":\"1201\",\"type\":\"panel.models.markup.HTML\"},{\"attributes\":{\"range\":null,\"value\":-0.3},\"id\":\"1062\",\"type\":\"Dodge\"},{\"attributes\":{\"text\":\"\",\"text_color\":{\"value\":\"black\"},\"text_font_size\":{\"value\":\"12pt\"}},\"id\":\"1009\",\"type\":\"Title\"},{\"attributes\":{\"active_drag\":\"auto\",\"active_inspect\":\"auto\",\"active_multi\":null,\"active_scroll\":\"auto\",\"active_tap\":\"auto\",\"tools\":[{\"id\":\"1006\"},{\"id\":\"1007\"},{\"id\":\"1025\"}]},\"id\":\"1026\",\"type\":\"Toolbar\"},{\"attributes\":{\"reset_end\":1,\"reset_start\":0,\"tags\":[[[\"y\",\"y\",null]]]},\"id\":\"1005\",\"type\":\"Range1d\"},{\"attributes\":{\"line_width\":{\"value\":2}},\"id\":\"1045\",\"type\":\"MultiLine\"},{\"attributes\":{\"edge_renderer\":{\"id\":\"1048\"},\"inspection_policy\":{\"id\":\"1060\"},\"layout_provider\":{\"id\":\"1037\"},\"node_renderer\":{\"id\":\"1043\"},\"selection_policy\":null},\"id\":\"1050\",\"type\":\"GraphRenderer\"},{\"attributes\":{\"client_comm_id\":\"515a1176174e4555b7a6e2388dcc8485\",\"comm_id\":\"ddea99b23348452488cd596de81f4fef\",\"plot_id\":\"1001\"},\"id\":\"1246\",\"type\":\"panel.models.comm_manager.CommManager\"},{\"attributes\":{\"child\":{\"id\":\"1205\"},\"name\":\"\",\"title\":\"Existing Composition\"},\"id\":\"1206\",\"type\":\"Panel\"},{\"attributes\":{\"callback\":null,\"renderers\":[{\"id\":\"1050\"}],\"tags\":[\"hv_created\"],\"tooltips\":[[\"Stage\",\"@{index_hover}\"],[\"State\",\"@{State}\"]]},\"id\":\"1006\",\"type\":\"HoverTool\"},{\"attributes\":{},\"id\":\"1031\",\"type\":\"BasicTickFormatter\"},{\"attributes\":{\"css_classes\":[\"markdown\"],\"margin\":[0,0,0,5],\"name\":\"Markdown00120\",\"text\":\"&lt;h2&gt;Stage: Welcome&lt;/h2&gt;\"},\"id\":\"1003\",\"type\":\"panel.models.markup.HTML\"},{\"attributes\":{\"fill_alpha\":{\"value\":0},\"fill_color\":{\"value\":\"indianred\"},\"line_alpha\":{\"value\":0},\"size\":{\"units\":\"screen\",\"value\":10},\"x\":{\"field\":\"x\"},\"y\":{\"field\":\"y\"}},\"id\":\"1076\",\"type\":\"Scatter\"},{\"attributes\":{\"children\":[{\"id\":\"1003\"},{\"id\":\"1008\"},{\"id\":\"1197\"},{\"id\":\"1198\"}],\"margin\":[0,0,0,0],\"name\":\"Row02405\"},\"id\":\"1002\",\"type\":\"Row\"},{\"attributes\":{},\"id\":\"1086\",\"type\":\"UnionRenderers\"},{\"attributes\":{\"data_source\":{\"id\":\"1063\"},\"glyph\":{\"id\":\"1066\"},\"hover_glyph\":null,\"muted_glyph\":null,\"nonselection_glyph\":{\"id\":\"1067\"},\"selection_glyph\":null,\"view\":{\"id\":\"1069\"}},\"id\":\"1068\",\"type\":\"GlyphRenderer\"},{\"attributes\":{\"disabled\":true,\"icon\":null,\"label\":\"Next\",\"margin\":[5,10,5,10],\"min_width\":125,\"subscribed_events\":[\"button_click\"],\"width\":125},\"id\":\"1198\",\"type\":\"Button\"},{\"attributes\":{\"callback\":null,\"renderers\":[{\"id\":\"1077\"}]},\"id\":\"1025\",\"type\":\"TapTool\"},{\"attributes\":{\"children\":[{\"id\":\"1002\"},{\"id\":\"1199\"}],\"margin\":[0,0,0,0],\"name\":\"Column02406\"},\"id\":\"1001\",\"type\":\"Column\"},{\"attributes\":{\"axis_label\":\"x\",\"bounds\":\"auto\",\"formatter\":{\"id\":\"1031\"},\"major_label_orientation\":\"horizontal\",\"ticker\":{\"id\":\"1018\"},\"visible\":false},\"id\":\"1017\",\"type\":\"LinearAxis\"},{\"attributes\":{\"data_source\":{\"id\":\"1035\"},\"glyph\":{\"id\":\"1038\"},\"hover_glyph\":{\"id\":\"1041\"},\"muted_glyph\":{\"id\":\"1042\"},\"nonselection_glyph\":{\"id\":\"1039\"},\"selection_glyph\":{\"id\":\"1040\"},\"view\":{\"id\":\"1044\"}},\"id\":\"1043\",\"type\":\"GlyphRenderer\"},{\"attributes\":{\"fill_alpha\":{\"value\":0.2},\"fill_color\":{\"field\":\"node_color\",\"transform\":{\"id\":\"1034\"}},\"line_alpha\":{\"value\":0.2},\"size\":{\"units\":\"screen\",\"value\":15}},\"id\":\"1039\",\"type\":\"Circle\"},{\"attributes\":{\"children\":[{\"id\":\"1200\"}],\"margin\":[0,0,0,0],\"name\":\"Row01661\"},\"id\":\"1199\",\"type\":\"Row\"},{\"attributes\":{\"fill_alpha\":{\"value\":0},\"fill_color\":{\"value\":\"#30a2da\"},\"line_alpha\":{\"value\":0},\"size\":{\"units\":\"screen\",\"value\":10},\"x\":{\"field\":\"x\"},\"y\":{\"field\":\"y\"}},\"id\":\"1073\",\"type\":\"Scatter\"},{\"attributes\":{\"source\":{\"id\":\"1035\"}},\"id\":\"1044\",\"type\":\"CDSView\"},{\"attributes\":{\"data\":{\"State\":[\"active\",\"next\"],\"index\":{\"__ndarray__\":\"AAAAAAEAAAA=\",\"dtype\":\"int32\",\"order\":\"little\",\"shape\":[2]},\"index_hover\":[\"Welcome\",\"Configure Composition\"],\"node_color\":[\"active\",\"next\"]},\"selected\":{\"id\":\"1091\"},\"selection_policy\":{\"id\":\"1092\"}},\"id\":\"1035\",\"type\":\"ColumnDataSource\"},{\"attributes\":{},\"id\":\"1090\",\"type\":\"UnionRenderers\"},{\"attributes\":{},\"id\":\"1088\",\"type\":\"UnionRenderers\"},{\"attributes\":{\"args\":{\"selected\":{\"id\":\"1071\"}},\"code\":\"var data = {};\\ndata[\\\"index\\\"] = cb_obj[\\\"indices\\\"];\\n\\nfunction unique_events(events) {\\n  // Processes the event queue ignoring duplicate events\\n  // of the same type\\n  var unique = [];\\n  var unique_events = [];\\n  for (var i=0; i<events.length; i++) {\\n    var _tmpevent = events[i];\\n    event = _tmpevent[0];\\n    data = _tmpevent[1];\\n    if (unique_events.indexOf(event)===-1) {\\n      unique.unshift(data);\\n      unique_events.push(event);\\n      }\\n  }\\n  return unique;\\n}\\n\\nfunction process_events(comm_status) {\\n  // Iterates over event queue and sends events via Comm\\n  var events = unique_events(comm_status.event_buffer);\\n  for (var i=0; i<events.length; i++) {\\n    var data = events[i];\\n    var comm = window.PyViz.comms[data[\\\"comm_id\\\"]];\\n    comm.send(data);\\n  }\\n  comm_status.event_buffer = [];\\n}\\n\\nfunction on_msg(msg) {\\n  // Receives acknowledgement from Python, processing event\\n  // and unblocking Comm if event queue empty\\n  var metadata = msg.metadata;\\n  var comm_id = metadata.comm_id\\n  var comm_status = window.PyViz.comm_status[comm_id];\\n  if (comm_status.event_buffer.length) {\\n    process_events(comm_status);\\n    comm_status.blocked = true;\\n    comm_status.time = Date.now()+20;\\n  } else {\\n    comm_status.blocked = false;\\n  }\\n  comm_status.event_buffer = [];\\n  if ((metadata.msg_type == \\\"Ready\\\") && metadata.content) {\\n    console.log(\\\"Python callback returned following output:\\\", metadata.content);\\n  } else if (metadata.msg_type == \\\"Error\\\") {\\n    console.log(\\\"Python failed with the following traceback:\\\", metadata.traceback)\\n  }\\n}\\n\\n// Initialize Comm\\nif ((window.PyViz == undefined) || (window.PyViz.comm_manager == undefined)) { return }\\nvar comm = window.PyViz.comm_manager.get_client_comm(\\\"1001\\\", \\\"b657ff5884da4bc79a2c366441d3538b\\\", on_msg);\\nif (!comm) {\\n  return\\n}\\n\\n// Initialize event queue and timeouts for Comm\\nvar comm_status = window.PyViz.comm_status[\\\"b657ff5884da4bc79a2c366441d3538b\\\"];\\nif (comm_status === undefined) {\\n  comm_status = {event_buffer: [], blocked: false, time: Date.now()}\\n  window.PyViz.comm_status[\\\"b657ff5884da4bc79a2c366441d3538b\\\"] = comm_status\\n}\\n\\n// Add current event to queue and process queue if not blocked\\nvar event_name = cb_obj.event_name;\\nif (event_name === undefined) {\\n  // we are a widget not an event... fake a key.\\n  event_name = Object.keys(data).join(',');\\n}\\ndata['comm_id'] = \\\"b657ff5884da4bc79a2c366441d3538b\\\";\\nvar timeout = comm_status.time + 20000;\\nif ((comm_status.blocked && (Date.now() < timeout))) {\\n  comm_status.event_buffer.unshift([event_name, data]);\\n} else {\\n  comm_status.event_buffer.unshift([event_name, data]);\\n  setTimeout(function() { process_events(comm_status); }, 20);\\n  comm_status.blocked = true;\\n  comm_status.time = Date.now()+20;\\n}\\n\"},\"id\":\"1079\",\"type\":\"CustomJS\"},{\"attributes\":{},\"id\":\"1018\",\"type\":\"BasicTicker\"},{\"attributes\":{\"axis\":{\"id\":\"1021\"},\"dimension\":1,\"grid_line_color\":null,\"ticker\":null},\"id\":\"1024\",\"type\":\"Grid\"},{\"attributes\":{\"children\":[{\"id\":\"1201\"},{\"id\":\"1202\"}],\"margin\":[0,0,0,0],\"name\":\"Column02223\"},\"id\":\"1200\",\"type\":\"Column\"},{\"attributes\":{\"end\":1.25,\"reset_end\":1.25,\"reset_start\":-0.25,\"start\":-0.25,\"tags\":[[[\"x\",\"x\",null]]]},\"id\":\"1004\",\"type\":\"Range1d\"},{\"attributes\":{\"fill_color\":{\"field\":\"node_color\",\"transform\":{\"id\":\"1034\"}},\"size\":{\"units\":\"screen\",\"value\":15}},\"id\":\"1038\",\"type\":\"Circle\"},{\"attributes\":{\"data\":{\"end\":{\"__ndarray__\":\"AQAAAA==\",\"dtype\":\"int32\",\"order\":\"little\",\"shape\":[1]},\"start\":{\"__ndarray__\":\"AAAAAA==\",\"dtype\":\"int32\",\"order\":\"little\",\"shape\":[1]}},\"selected\":{\"id\":\"1089\"},\"selection_policy\":{\"id\":\"1090\"}},\"id\":\"1036\",\"type\":\"ColumnDataSource\"},{\"attributes\":{\"size\":{\"units\":\"screen\",\"value\":15}},\"id\":\"1041\",\"type\":\"Circle\"},{\"attributes\":{\"js_property_callbacks\":{\"change:indices\":[{\"id\":\"1079\"}]}},\"id\":\"1071\",\"type\":\"Selection\"},{\"attributes\":{\"data_source\":{\"id\":\"1070\"},\"glyph\":{\"id\":\"1073\"},\"hover_glyph\":{\"id\":\"1076\"},\"muted_glyph\":null,\"nonselection_glyph\":{\"id\":\"1074\"},\"selection_glyph\":{\"id\":\"1075\"},\"view\":{\"id\":\"1078\"}},\"id\":\"1077\",\"type\":\"GlyphRenderer\"},{\"attributes\":{\"axis_label\":\"y\",\"bounds\":\"auto\",\"formatter\":{\"id\":\"1033\"},\"major_label_orientation\":\"horizontal\",\"ticker\":{\"id\":\"1022\"},\"visible\":false},\"id\":\"1021\",\"type\":\"LinearAxis\"},{\"attributes\":{\"axis\":{\"id\":\"1017\"},\"grid_line_color\":null,\"ticker\":null},\"id\":\"1020\",\"type\":\"Grid\"},{\"attributes\":{},\"id\":\"1089\",\"type\":\"Selection\"}],\"root_ids\":[\"1001\",\"1246\"]},\"title\":\"Bokeh Application\",\"version\":\"2.1.0\"}};\n",
+       "  var render_items = [{\"docid\":\"3a0e5c69-7dd5-49cb-b3c3-119f454a7d0a\",\"root_ids\":[\"1001\"],\"roots\":{\"1001\":\"c38271be-198d-41ca-9f5b-90686b2a2d41\"}}];\n",
        "  root.Bokeh.embed.embed_items_notebook(docs_json, render_items);\n",
        "  }\n",
        "if (root.Bokeh !== undefined) {\n",
@@ -1477,59 +1487,18 @@
        "})(window);</script>"
       ],
       "text/plain": [
-       "Row\n",
-       "    [0] Column\n",
-       "        [0] Column(margin=5, name='Param00228', width=300)\n",
-       "            [0] StaticText(value='<b>Metadata</b>')\n",
-       "            [1] TextInput(name='Composition name', value='all-both')\n",
-       "            [2] TextInput(name='Author', value='adin')\n",
-       "        [1] Column(margin=5, name='Param00236', width=300)\n",
-       "            [0] StaticText(value='<b>Global</b>')\n",
-       "            [1] TextInput(name='Plan', value='dht')\n",
-       "            [2] TextInput(name='Case', value='all')\n",
-       "            [3] TextInput(name='Builder', value='docker:go')\n",
-       "            [4] TextInput(name='Runner', value='cluster:k8s')\n",
-       "            [5] Spinner(name='Total instances', value=1000)\n",
-       "            [6] DictInput(name='Build config', type=<class 'dict'>, value={'push_registry': True, ...})\n",
-       "            [7] DictInput(name='Run config', type=<class 'dict'>)\n",
-       "    [1] Column\n",
-       "        [0] Button(name='Add Group')\n",
-       "        [1] Param(Composition, expand_button=False, parameters=['groups'], show_name=False)\n",
-       "        [2] Column\n",
+       "Column\n",
+       "    [0] Row\n",
+       "        [0] Markdown(str, margin=(0, 0, 0, 5))\n",
+       "        [1] HoloViews(Overlay, backend='bokeh')\n",
+       "        [2] Button(disabled=True, name='Previous', width=125)\n",
+       "        [3] Button(disabled=True, name='Next', width=125)\n",
+       "    [1] Row\n",
+       "        [0] Column\n",
        "            [0] Markdown(str)\n",
-       "            [1] Column(margin=5, name='Param00161', width=300)\n",
-       "                [0] StaticText(value='<b>Instances</b>')\n",
-       "                [1] Spinner(name='Count', value=5)\n",
-       "                [2] Spinner(name='Percentage')\n",
-       "            [2] Column(margin=5, name='Param00169', width=300)\n",
-       "                [0] StaticText(value='<b>Resources</b>')\n",
-       "                [1] TextInput(name='Memory')\n",
-       "                [2] TextInput(name='Cpu')\n",
-       "            [3] Column(margin=5, name='Param00177', width=300)\n",
-       "                [0] StaticText(value='<b>Build</b>')\n",
-       "                [1] ListInput(name='Selectors', type=<class 'list'>, value=['balsam'])\n",
-       "                [2] ListInput(name='Dependencies', type=<class 'list'>)\n",
-       "            [4] Column(margin=5, name='Param00185', width=300)\n",
-       "                [0] StaticText(value='<b>Test Params f...)\n",
-       "                [1] Spinner(name='Timeout secs', value=300)\n",
-       "                [2] Spinner(name='Latency', value=100)\n",
-       "                [3] Checkbox(name='Auto refresh', value=True)\n",
-       "                [4] Checkbox(name='Random walk')\n",
-       "                [5] Spinner(name='Bucket size', value=2)\n",
-       "                [6] Spinner(name='Alpha', value=3)\n",
-       "                [7] Spinner(name='Beta', value=3)\n",
-       "                [8] Checkbox(name='Client mode')\n",
-       "                [9] Spinner(name='Datastore')\n",
-       "                [10] Spinner(name='Peer id seed')\n",
-       "                [11] Checkbox(name='Bootstrapper')\n",
-       "                [12] Spinner(name='Bs strategy')\n",
-       "                [13] Checkbox(name='Undialable')\n",
-       "                [14] Spinner(name='Group order')\n",
-       "                [15] Checkbox(name='Expect dht', value=True)\n",
-       "                [16] Spinner(name='Record seed')\n",
-       "                [17] Spinner(name='Record count')\n",
-       "                [18] Checkbox(name='Search records')\n",
-       "                [19] Spinner(name='N find peers')"
+       "            [1] Tabs\n",
+       "                [0] Select(name='Plan picker', options=OrderedDict([('Select a Pl...]), value='Select a Plan')\n",
+       "                [1] FileInput(accept='.toml')"
       ]
      },
      "execution_count": 1,
@@ -1544,366 +1513,14 @@
    "source": [
     "import param\n",
     "import panel as pn\n",
-    "import app.composition as model\n",
+    "import app.app as app\n",
     "import importlib\n",
-    "importlib.reload(model)\n",
+    "importlib.reload(app)\n",
     "\n",
     "pn.extension()\n",
     "\n",
-    "c = model.Composition.from_toml_file('fixtures/all-both-k8s.toml')\n",
-    "ui = c.panel()\n",
-    "ui.servable()\n",
-    "ui"
-   ]
-  },
-  {
-   "cell_type": "code",
-   "execution_count": 2,
-   "metadata": {},
-   "outputs": [
-    {
-     "name": "stdout",
-     "output_type": "stream",
-     "text": [
-      "[[groups]]\n",
-      "id = \"balsam-undialable-provider\"\n",
-      "\n",
-      "[groups.instances]\n",
-      "count = 5\n",
-      "percentage = 0.0\n",
-      "[groups.resources]\n",
-      "memory = \"\"\n",
-      "cpu = \"\"\n",
-      "[groups.build]\n",
-      "selectors = [ \"balsam\",]\n",
-      "dependencies = []\n",
-      "[groups.params]\n",
-      "timeout_secs = 300\n",
-      "latency = 100\n",
-      "auto_refresh = true\n",
-      "random_walk = false\n",
-      "bucket_size = 2\n",
-      "alpha = 3\n",
-      "beta = 3\n",
-      "client_mode = false\n",
-      "datastore = 0\n",
-      "peer_id_seed = 0\n",
-      "bootstrapper = false\n",
-      "bs_strategy = 0\n",
-      "undialable = false\n",
-      "group_order = 0\n",
-      "expect_dht = true\n",
-      "record_seed = 0\n",
-      "record_count = 0\n",
-      "search_records = false\n",
-      "n_find_peers = 0\n",
-      "[[groups]]\n",
-      "id = \"balsam-undialable-searcher\"\n",
-      "\n",
-      "[groups.instances]\n",
-      "count = 5\n",
-      "percentage = 0.0\n",
-      "[groups.resources]\n",
-      "memory = \"\"\n",
-      "cpu = \"\"\n",
-      "[groups.build]\n",
-      "selectors = [ \"balsam\",]\n",
-      "dependencies = []\n",
-      "[groups.params]\n",
-      "timeout_secs = 300\n",
-      "latency = 100\n",
-      "auto_refresh = true\n",
-      "random_walk = false\n",
-      "bucket_size = 2\n",
-      "alpha = 3\n",
-      "beta = 3\n",
-      "client_mode = false\n",
-      "datastore = 0\n",
-      "peer_id_seed = 0\n",
-      "bootstrapper = false\n",
-      "bs_strategy = 0\n",
-      "undialable = false\n",
-      "group_order = 0\n",
-      "expect_dht = true\n",
-      "record_seed = 0\n",
-      "record_count = 0\n",
-      "search_records = false\n",
-      "n_find_peers = 0\n",
-      "[[groups]]\n",
-      "id = \"balsam-dialable-passive\"\n",
-      "\n",
-      "[groups.instances]\n",
-      "count = 780\n",
-      "percentage = 0.0\n",
-      "[groups.resources]\n",
-      "memory = \"\"\n",
-      "cpu = \"\"\n",
-      "[groups.build]\n",
-      "selectors = [ \"balsam\",]\n",
-      "dependencies = []\n",
-      "[groups.params]\n",
-      "timeout_secs = 300\n",
-      "latency = 100\n",
-      "auto_refresh = true\n",
-      "random_walk = false\n",
-      "bucket_size = 2\n",
-      "alpha = 3\n",
-      "beta = 3\n",
-      "client_mode = false\n",
-      "datastore = 0\n",
-      "peer_id_seed = 0\n",
-      "bootstrapper = false\n",
-      "bs_strategy = 0\n",
-      "undialable = false\n",
-      "group_order = 0\n",
-      "expect_dht = true\n",
-      "record_seed = 0\n",
-      "record_count = 0\n",
-      "search_records = false\n",
-      "n_find_peers = 0\n",
-      "[[groups]]\n",
-      "id = \"balsam-dialable-provider\"\n",
-      "\n",
-      "[groups.instances]\n",
-      "count = 5\n",
-      "percentage = 0.0\n",
-      "[groups.resources]\n",
-      "memory = \"\"\n",
-      "cpu = \"\"\n",
-      "[groups.build]\n",
-      "selectors = [ \"balsam\",]\n",
-      "dependencies = []\n",
-      "[groups.params]\n",
-      "timeout_secs = 300\n",
-      "latency = 100\n",
-      "auto_refresh = true\n",
-      "random_walk = false\n",
-      "bucket_size = 2\n",
-      "alpha = 3\n",
-      "beta = 3\n",
-      "client_mode = false\n",
-      "datastore = 0\n",
-      "peer_id_seed = 0\n",
-      "bootstrapper = false\n",
-      "bs_strategy = 0\n",
-      "undialable = false\n",
-      "group_order = 0\n",
-      "expect_dht = true\n",
-      "record_seed = 0\n",
-      "record_count = 0\n",
-      "search_records = false\n",
-      "n_find_peers = 0\n",
-      "[[groups]]\n",
-      "id = \"balsam-dialable-searcher\"\n",
-      "\n",
-      "[groups.instances]\n",
-      "count = 5\n",
-      "percentage = 0.0\n",
-      "[groups.resources]\n",
-      "memory = \"\"\n",
-      "cpu = \"\"\n",
-      "[groups.build]\n",
-      "selectors = [ \"balsam\",]\n",
-      "dependencies = []\n",
-      "[groups.params]\n",
-      "timeout_secs = 300\n",
-      "latency = 100\n",
-      "auto_refresh = true\n",
-      "random_walk = false\n",
-      "bucket_size = 2\n",
-      "alpha = 3\n",
-      "beta = 3\n",
-      "client_mode = false\n",
-      "datastore = 0\n",
-      "peer_id_seed = 0\n",
-      "bootstrapper = false\n",
-      "bs_strategy = 0\n",
-      "undialable = false\n",
-      "group_order = 0\n",
-      "expect_dht = true\n",
-      "record_seed = 0\n",
-      "record_count = 0\n",
-      "search_records = false\n",
-      "n_find_peers = 0\n",
-      "[[groups]]\n",
-      "id = \"cypress-passive\"\n",
-      "\n",
-      "[groups.instances]\n",
-      "count = 185\n",
-      "percentage = 0.0\n",
-      "[groups.resources]\n",
-      "memory = \"\"\n",
-      "cpu = \"\"\n",
-      "[groups.build]\n",
-      "selectors = [ \"cypress\",]\n",
-      "[[groups.build.dependencies]]\n",
-      "module = \"github.com/libp2p/go-libp2p-kad-dht\"\n",
-      "version = \"180be07b8303d536e39809bc39c58be5407fedd9\"\n",
-      "\n",
-      "[[groups.build.dependencies]]\n",
-      "module = \"github.com/libp2p/go-libp2p-xor\"\n",
-      "version = \"df24f5b04bcbdc0059b27989163a6090f4f6dc7a\"\n",
-      "\n",
-      "[groups.params]\n",
-      "timeout_secs = 300\n",
-      "latency = 100\n",
-      "auto_refresh = true\n",
-      "random_walk = false\n",
-      "bucket_size = 2\n",
-      "alpha = 3\n",
-      "beta = 3\n",
-      "client_mode = false\n",
-      "datastore = 0\n",
-      "peer_id_seed = 0\n",
-      "bootstrapper = false\n",
-      "bs_strategy = 0\n",
-      "undialable = false\n",
-      "group_order = 0\n",
-      "expect_dht = true\n",
-      "record_seed = 0\n",
-      "record_count = 0\n",
-      "search_records = false\n",
-      "n_find_peers = 0\n",
-      "[[groups]]\n",
-      "id = \"cypress-provider\"\n",
-      "\n",
-      "[groups.instances]\n",
-      "count = 5\n",
-      "percentage = 0.0\n",
-      "[groups.resources]\n",
-      "memory = \"\"\n",
-      "cpu = \"\"\n",
-      "[groups.build]\n",
-      "selectors = [ \"cypress\",]\n",
-      "[[groups.build.dependencies]]\n",
-      "module = \"github.com/libp2p/go-libp2p-kad-dht\"\n",
-      "version = \"180be07b8303d536e39809bc39c58be5407fedd9\"\n",
-      "\n",
-      "[[groups.build.dependencies]]\n",
-      "module = \"github.com/libp2p/go-libp2p-xor\"\n",
-      "version = \"df24f5b04bcbdc0059b27989163a6090f4f6dc7a\"\n",
-      "\n",
-      "[groups.params]\n",
-      "timeout_secs = 300\n",
-      "latency = 100\n",
-      "auto_refresh = true\n",
-      "random_walk = false\n",
-      "bucket_size = 2\n",
-      "alpha = 3\n",
-      "beta = 3\n",
-      "client_mode = false\n",
-      "datastore = 0\n",
-      "peer_id_seed = 0\n",
-      "bootstrapper = false\n",
-      "bs_strategy = 0\n",
-      "undialable = false\n",
-      "group_order = 0\n",
-      "expect_dht = true\n",
-      "record_seed = 0\n",
-      "record_count = 0\n",
-      "search_records = false\n",
-      "n_find_peers = 0\n",
-      "[[groups]]\n",
-      "id = \"cypress-searcher\"\n",
-      "\n",
-      "[groups.instances]\n",
-      "count = 5\n",
-      "percentage = 0.0\n",
-      "[groups.resources]\n",
-      "memory = \"\"\n",
-      "cpu = \"\"\n",
-      "[groups.build]\n",
-      "selectors = [ \"cypress\",]\n",
-      "[[groups.build.dependencies]]\n",
-      "module = \"github.com/libp2p/go-libp2p-kad-dht\"\n",
-      "version = \"180be07b8303d536e39809bc39c58be5407fedd9\"\n",
-      "\n",
-      "[[groups.build.dependencies]]\n",
-      "module = \"github.com/libp2p/go-libp2p-xor\"\n",
-      "version = \"df24f5b04bcbdc0059b27989163a6090f4f6dc7a\"\n",
-      "\n",
-      "[groups.params]\n",
-      "timeout_secs = 300\n",
-      "latency = 100\n",
-      "auto_refresh = true\n",
-      "random_walk = false\n",
-      "bucket_size = 2\n",
-      "alpha = 3\n",
-      "beta = 3\n",
-      "client_mode = false\n",
-      "datastore = 0\n",
-      "peer_id_seed = 0\n",
-      "bootstrapper = false\n",
-      "bs_strategy = 0\n",
-      "undialable = false\n",
-      "group_order = 0\n",
-      "expect_dht = true\n",
-      "record_seed = 0\n",
-      "record_count = 0\n",
-      "search_records = false\n",
-      "n_find_peers = 0\n",
-      "[[groups]]\n",
-      "id = \"cypress-bs\"\n",
-      "\n",
-      "[groups.instances]\n",
-      "count = 5\n",
-      "percentage = 0.0\n",
-      "[groups.resources]\n",
-      "memory = \"\"\n",
-      "cpu = \"\"\n",
-      "[groups.build]\n",
-      "selectors = [ \"cypress\",]\n",
-      "[[groups.build.dependencies]]\n",
-      "module = \"github.com/libp2p/go-libp2p-kad-dht\"\n",
-      "version = \"180be07b8303d536e39809bc39c58be5407fedd9\"\n",
-      "\n",
-      "[[groups.build.dependencies]]\n",
-      "module = \"github.com/libp2p/go-libp2p-xor\"\n",
-      "version = \"df24f5b04bcbdc0059b27989163a6090f4f6dc7a\"\n",
-      "\n",
-      "[groups.params]\n",
-      "timeout_secs = 300\n",
-      "latency = 100\n",
-      "auto_refresh = true\n",
-      "random_walk = false\n",
-      "bucket_size = 2\n",
-      "alpha = 3\n",
-      "beta = 3\n",
-      "client_mode = false\n",
-      "datastore = 0\n",
-      "peer_id_seed = 0\n",
-      "bootstrapper = false\n",
-      "bs_strategy = 0\n",
-      "undialable = false\n",
-      "group_order = 0\n",
-      "expect_dht = true\n",
-      "record_seed = 0\n",
-      "record_count = 0\n",
-      "search_records = false\n",
-      "n_find_peers = 0\n",
-      "\n",
-      "[metadata]\n",
-      "name = \"all-both\"\n",
-      "author = \"adin\"\n",
-      "\n",
-      "[global]\n",
-      "plan = \"dht\"\n",
-      "case = \"all\"\n",
-      "builder = \"docker:go\"\n",
-      "runner = \"cluster:k8s\"\n",
-      "total_instances = 1000\n",
-      "\n",
-      "[global.build_config]\n",
-      "push_registry = true\n",
-      "registry_type = \"aws\"\n",
-      "\n",
-      "[global.run_config]\n",
-      "\n"
-     ]
-    }
-   ],
-   "source": [
-    "print(c.to_toml())"
+    "a = app.App()\n",
+    "a.ui()"
    ]
   }
  ],
diff --git a/composer/composer.sh b/composer/composer.sh
index 72dd1f984..f7d1a1f2b 100755
--- a/composer/composer.sh
+++ b/composer/composer.sh
@@ -80,7 +80,8 @@ cleanup () {
 trap "{ cleanup; }" EXIT
 
 # make sure we have the commands we need
-require_cmds jq docker
+require_cmds jq dockerimport param
+import panel as pn
 
 # make temp dir for manifests
 temp_base="/tmp"