From 6380d894865d60c95cee53784dd1d8b5051bbd9c Mon Sep 17 00:00:00 2001
From: betolink <betolin@gmail.com>
Date: Mon, 20 Mar 2023 17:22:59 -0500
Subject: [PATCH 1/3] fix observe anotation

---
 packages/vaex-jupyter/vaex/jupyter/widgets.py | 326 +++++++++++-------
 1 file changed, 205 insertions(+), 121 deletions(-)

diff --git a/packages/vaex-jupyter/vaex/jupyter/widgets.py b/packages/vaex-jupyter/vaex/jupyter/widgets.py
index 283981a4dd..a88db9d77a 100644
--- a/packages/vaex-jupyter/vaex/jupyter/widgets.py
+++ b/packages/vaex-jupyter/vaex/jupyter/widgets.py
@@ -1,12 +1,15 @@
 from __future__ import absolute_import
+
+import os
+
 import ipyvuetify as v
 import ipywidgets as widgets
+import vaex.jupyter
+
 import traitlets
 from traitlets import *  # noqa
-from . import traitlets as vt
-import os
 
-import vaex.jupyter
+from . import traitlets as vt
 
 
 def load_template(filename):
@@ -21,12 +24,13 @@ def component(name):
     def wrapper(cls):
         vaex_components[name] = cls
         return cls
+
     return wrapper
 
 
 # mixin class
 class UsesVaexComponents(traitlets.HasTraits):
-    @traitlets.default('components')
+    @traitlets.default("components")
     def _components(self):
         return vaex_components
 
@@ -34,7 +38,7 @@ def _components(self):
 class PlotTemplate(v.VuetifyTemplate):
     show_output = traitlets.Bool(False).tag(sync=True)
     new_output = traitlets.Bool(False).tag(sync=True)
-    title = traitlets.Unicode('Vaex').tag(sync=True)
+    title = traitlets.Unicode("Vaex").tag(sync=True)
 
     drawer = traitlets.Bool(True).tag(sync=True)
     clipped = traitlets.Bool(False).tag(sync=True)
@@ -42,13 +46,18 @@ class PlotTemplate(v.VuetifyTemplate):
     floating = traitlets.Bool(False).tag(sync=True)
     dark = traitlets.Bool(False).tag(sync=True)
     mini = traitlets.Bool(False).tag(sync=True)
-    components = traitlets.Dict(None, allow_none=True).tag(sync=True, **widgets.widget.widget_serialization)
+    components = traitlets.Dict(None, allow_none=True).tag(
+        sync=True, **widgets.widget.widget_serialization
+    )
     items = traitlets.Any([]).tag(sync=True)
-    type = traitlets.Unicode('temporary').tag(sync=True)
-    items = traitlets.List(['red', 'green', 'purple']).tag(sync=True)
-    button_text = traitlets.Unicode('menu').tag(sync=True)
-    drawers = traitlets.Any(['Default (no property)', 'Permanent', 'Temporary']).tag(sync=True)
-    template = traitlets.Unicode('''
+    type = traitlets.Unicode("temporary").tag(sync=True)
+    items = traitlets.List(["red", "green", "purple"]).tag(sync=True)
+    button_text = traitlets.Unicode("menu").tag(sync=True)
+    drawers = traitlets.Any(["Default (no property)", "Permanent", "Temporary"]).tag(
+        sync=True
+    )
+    template = traitlets.Unicode(
+        """
 
 <v-app>
     <v-navigation-drawer
@@ -104,23 +113,25 @@ class PlotTemplate(v.VuetifyTemplate):
           <main-widget/>
     </v-content>
 </v-app>
-''').tag(sync=True)
+"""
+    ).tag(sync=True)
 
 
-@component('vaex-counter')
+@component("vaex-counter")
 class Counter(v.VuetifyTemplate):
     characters = traitlets.List(traitlets.Unicode()).tag(sync=True)
     value = traitlets.Integer(None, allow_none=True)
-    format = traitlets.Unicode('{: 14,d}')
-    prefix = traitlets.Unicode('').tag(sync=True)
-    postfix = traitlets.Unicode('').tag(sync=True)
+    format = traitlets.Unicode("{: 14,d}")
+    prefix = traitlets.Unicode("").tag(sync=True)
+    postfix = traitlets.Unicode("").tag(sync=True)
 
-    @traitlets.observe('value')
+    @traitlets.observe("value")
     def _value(self, change):
         text = self.format.format(self.value)
-        self.characters = [k.replace(' ', '&nbsp;') for k in text]
+        self.characters = [k.replace(" ", "&nbsp;") for k in text]
 
-    template = traitlets.Unicode('''
+    template = traitlets.Unicode(
+        """
           <div>
           {{ prefix }}
           <v-slide-y-transition :key=index v-for="(character, index) in characters" leave-absolute>
@@ -128,42 +139,48 @@ def _value(self, change):
           </v-slide-y-transition>
           {{ postfix }}
           </div>
-      ''').tag(sync=True)
+      """
+    ).tag(sync=True)
 
 
-@component('vaex-status')
+@component("vaex-status")
 class Status(v.VuetifyTemplate):
     value = traitlets.Unicode().tag(sync=True)
-    template = traitlets.Unicode('''
+    template = traitlets.Unicode(
+        """
           <v-slide-y-transition leave-absolute>
               <span :key="value" v-html='value'></span>
           </v-slide-y-transition>
-      ''').tag(sync=True)
+      """
+    ).tag(sync=True)
 
 
-@component('vaex-progress-circular')
+@component("vaex-progress-circular")
 class ProgressCircularNoAnimation(v.VuetifyTemplate):
     """v-progress-circular that avoids animations"""
+
     parts = traitlets.List(traitlets.Unicode()).tag(sync=True)
     width = traitlets.Integer().tag(sync=True)
     size = traitlets.Integer().tag(sync=True)
     value = traitlets.Float().tag(sync=True)
-    color = traitlets.Unicode('{: 14,d}').tag(sync=True)
-    text = traitlets.Unicode('{: 14,d}').tag(sync=True)
+    color = traitlets.Unicode("{: 14,d}").tag(sync=True)
+    text = traitlets.Unicode("{: 14,d}").tag(sync=True)
     hidden = traitlets.Bool(False).tag(sync=True)
-    template = traitlets.Unicode('''
+    template = traitlets.Unicode(
+        """
         <v-progress-circular v-if="!hidden" :key="value" :size="size" :width="width" :value="value" :color="color">{{ text }}</v-progress-circular>
         <v-progress-circular v-else style="visibility: hidden" :key="value" :size="size" :width="width" :value="value" :color="color">{{ text }}</v-progress-circular>
-      ''').tag(sync=True)
+      """
+    ).tag(sync=True)
 
 
-@component('vaex-expression')
+@component("vaex-expression")
 class Expression(v.TextField):
     df = traitlets.Any()
     valid = traitlets.Bool(True)
     value = vt.Expression(None, allow_none=True)
 
-    @traitlets.default('v_model')
+    @traitlets.default("v_model")
     def _v_model(self):
         columns = self.df.get_column_names(strings=False)
         if columns:
@@ -174,27 +191,27 @@ def _v_model(self):
         columns = self.df.get_column_names()
         return columns[0]
 
-    @traitlets.default('value')
+    @traitlets.default("value")
     def _value(self):
         self.value = None if self.v_model is None else self.df[self.v_model]
 
-    @traitlets.default('label')
+    @traitlets.default("label")
     def _label(self):
         return "Custom expression"
 
-    @traitlets.default('placeholder')
+    @traitlets.default("placeholder")
     def _placeholder(self):
         return "Enter a custom expression"
 
-    @traitlets.default('prepend_icon')
+    @traitlets.default("prepend_icon")
     def _prepend_icon(self):
-        return 'functions'
+        return "functions"
 
-    @traitlets.observe('v_model')
+    @traitlets.observe("v_model")
     def _on_update_v_model(self, change):
         self.check_expression()
 
-    @traitlets.observe('value')
+    @traitlets.observe("value")
     def _on_update_value(self, change):
         self.v_model = None if self.value is None else str(self.value)
 
@@ -223,30 +240,30 @@ def _clear_succes(self):
 
 class ExpressionSelectionTextArea(ExpressionTextArea):
     # selection is v_model
-    selection_name = traitlets.Any('default')
+    selection_name = traitlets.Any("default")
 
     def __init__(self, **kwargs):
         super().__init__(**kwargs)
         # self.update_selection()
 
-    @traitlets.default('v_model')
+    @traitlets.default("v_model")
     def _v_model(self):
         columns = self.df.get_column_names(strings=False)
-        return columns[0] + ' == 0'
+        return columns[0] + " == 0"
 
-    @traitlets.default('label')
+    @traitlets.default("label")
     def _label(self):
         return "Filter by custom expression"
 
-    @traitlets.default('placeholder')
+    @traitlets.default("placeholder")
     def _placeholder(self):
         return "Enter a custom (boolean) expression"
 
-    @traitlets.default('prepend_icon')
+    @traitlets.default("prepend_icon")
     def _prepend_icon(self):
-        return 'filter_list'
+        return "filter_list"
 
-    @traitlets.observe('v_model')
+    @traitlets.observe("v_model")
     def update_custom_selection(self, change):
         if self.check_expression():
             self.update_selection()
@@ -257,9 +274,12 @@ def update_selection(self):
 
 class ColumnPicker(v.VuetifyTemplate):
     df = traitlets.Any()
-    items = traitlets.List(['foo', 'bar']).tag(sync=True)
-    tooltip = traitlets.Unicode('Add example expression based on column...').tag(sync=True)
-    template = traitlets.Unicode('''
+    items = traitlets.List(["foo", "bar"]).tag(sync=True)
+    tooltip = traitlets.Unicode("Add example expression based on column...").tag(
+        sync=True
+    )
+    template = traitlets.Unicode(
+        """
         <v-layout>
             <v-menu offset-y>
                 <template v-slot:activator="{ on: menu }">
@@ -282,9 +302,10 @@ class ColumnPicker(v.VuetifyTemplate):
                     </v-list-item>
                 </v-list>
             </v-menu>
-        </v-layout>''').tag(sync=True)
+        </v-layout>"""
+    ).tag(sync=True)
 
-    @traitlets.default('items')
+    @traitlets.default("items")
     def _items(self):
         return self.df.get_column_names()
 
@@ -294,68 +315,74 @@ def vue_menu_click(self, data):
 
 class ColumnExpressionAdder(ColumnPicker):
     component = traitlets.Any()
-    target = traitlets.Unicode('v_model')
+    target = traitlets.Unicode("v_model")
 
     def vue_menu_click(self, data):
         value = getattr(self.component, self.target)
-        setattr(self.component, self.target, value + ' + ' + str(self.items[data]))
+        setattr(self.component, self.target, value + " + " + str(self.items[data]))
 
 
 class ColumnSelectionAdder(ColumnPicker):
     component = traitlets.Any()
-    target = traitlets.Unicode('v_model')
+    target = traitlets.Unicode("v_model")
 
     def vue_menu_click(self, data):
         value = getattr(self.component, self.target)
-        setattr(self.component, self.target, value + ' & ({} == 0)'.format(self.items[data]))
+        setattr(
+            self.component, self.target, value + " & ({} == 0)".format(self.items[data])
+        )
 
 
-@component('vaex-selection-editor')
+@component("vaex-selection-editor")
 class SelectionEditor(v.VuetifyTemplate):
     df = traitlets.Any()
     input = traitlets.Any()
     adder = traitlets.Any()
     on_close = traitlets.Any()
-    components = traitlets.Dict(None, allow_none=True).tag(sync=True, **widgets.widget.widget_serialization)
+    components = traitlets.Dict(None, allow_none=True).tag(
+        sync=True, **widgets.widget.widget_serialization
+    )
 
-    @traitlets.default('components')
+    @traitlets.default("components")
     def _components(self):
-        return {'component-input': self.input, 'adder': self.adder}
+        return {"component-input": self.input, "adder": self.adder}
 
-    @traitlets.default('input')
+    @traitlets.default("input")
     def _input(self):
         return ExpressionSelectionTextArea(df=self.df)
 
-    @traitlets.default('adder')
+    @traitlets.default("adder")
     def _adder(self):
         return ColumnSelectionAdder(df=self.df, component=self.input)
 
-    template = traitlets.Unicode('''
+    template = traitlets.Unicode(
+        """
         <v-layout column>
             <component-input></component-input>
             <v-layout pa-4>
                 <adder></adder>
             </v-layout>
-        </v-layout>''').tag(sync=True)
+        </v-layout>"""
+    ).tag(sync=True)
 
 
 class Selection(v.VuetifyTemplate):
     df = traitlets.Any().tag(sync_ref=True)
-    name = traitlets.Unicode('default').tag(sync=True)
+    name = traitlets.Unicode("default").tag(sync=True)
     value = traitlets.Unicode(None, allow_none=True).tag(sync=True)
 
-    @traitlets.default('template')
+    @traitlets.default("template")
     def _template(self):
-        return load_template('vue/selection.vue')
+        return load_template("vue/selection.vue")
 
-    @traitlets.default('components')
+    @traitlets.default("components")
     def _components(self):
         return vaex_components
 
 
 class SelectionToggleList(v.VuetifyTemplate):
     df = traitlets.Any().tag(sync_ref=True)
-    title = traitlets.Unicode('Choose selections').tag(sync=True)
+    title = traitlets.Unicode("Choose selections").tag(sync=True)
     selection_names = traitlets.List(traitlets.Unicode()).tag(sync=True)
     value = traitlets.List(traitlets.Unicode()).tag(sync=True)
 
@@ -364,53 +391,63 @@ def __init__(self, **kwargs):
         self.df.signal_selection_changed.connect(self._on_change_selection)
 
     def _on_change_selection(self, df, name):
-        new_names = [name for name in self.df.selection_histories.keys() if not name.startswith('__') and df.has_selection(name)]
+        new_names = [
+            name
+            for name in self.df.selection_histories.keys()
+            if not name.startswith("__") and df.has_selection(name)
+        ]
         self.selection_names = new_names
         self.value = [v for v in self.value if v in self.selection_names]
 
-    @traitlets.default('selection_names')
+    @traitlets.default("selection_names")
     def _selection_names(self):
-        return [name for name in self.df.selection_histories.keys() if not name.startswith('__')]
+        return [
+            name
+            for name in self.df.selection_histories.keys()
+            if not name.startswith("__")
+        ]
 
-    @traitlets.default('template')
+    @traitlets.default("template")
     def _template(self):
-        return load_template('vue/selection_toggle_list.vue')
+        return load_template("vue/selection_toggle_list.vue")
 
-    @traitlets.default('components')
+    @traitlets.default("components")
     def _components(self):
         return vaex_components
 
 
-
-
 class VirtualColumnEditor(v.VuetifyTemplate):
     df = traitlets.Any()
     editor = traitlets.Any()
     adder = traitlets.Any()
     on_close = traitlets.Any()
-    column_name = traitlets.Unicode('mycolumn').tag(sync=True)
-    components = traitlets.Dict(None, allow_none=True).tag(sync=True, **widgets.widget.widget_serialization)
+    column_name = traitlets.Unicode("mycolumn").tag(sync=True)
+    components = traitlets.Dict(None, allow_none=True).tag(
+        sync=True, **widgets.widget.widget_serialization
+    )
 
-    @traitlets.default('components')
+    @traitlets.default("components")
     def _components(self):
-        return {'editor': self.editor, 'adder': self.adder}
+        return {"editor": self.editor, "adder": self.adder}
 
-    @traitlets.default('editor')
+    @traitlets.default("editor")
     def _editor(self):
         return ExpressionTextArea(df=self.df, rows=1)
 
-    @traitlets.default('adder')
+    @traitlets.default("adder")
     def _adder(self):
         return ColumnExpressionAdder(df=self.df, component=self.editor)
 
-    template = traitlets.Unicode('''
+    template = traitlets.Unicode(
+        """
         <v-layout column style="position: relative">
             <v-text-field placeholder="e.g. mycolumn" label="Column name" v-model='column_name' prepend-icon='edit'>test</v-text-field>
             <editor></editor>
             <div style="position: absolute; right: 20px; bottom: 30px; opacity: 0.8">
                 <adder></adder>
             </div>
-        </v-layout>''').tag(sync=True)
+        </v-layout>"""
+    ).tag(sync=True)
 
     def save_column(self):
         if self.editor.valid:
@@ -421,27 +458,29 @@ def save_column(self):
 
 class ColumnList(v.VuetifyTemplate, vt.ColumnsMixin):
     _metadata = traitlets.Dict(default_value=None, allow_none=True).tag(sync=True)
-    column_filter = traitlets.Unicode('').tag(sync=True)
+    column_filter = traitlets.Unicode("").tag(sync=True)
     valid_expression = traitlets.Bool(False).tag(sync=True)
     dialog_open = traitlets.Bool(False).tag(sync=True)
     editor = traitlets.Any()
     editor_open = traitlets.Bool(False).tag(sync=True)
-    tooltip = traitlets.Unicode('Add example expression based on column...').tag(sync=True)
-    template = traitlets.Unicode(load_template('vue/columnlist.vue')).tag(sync=True)
+    tooltip = traitlets.Unicode("Add example expression based on column...").tag(
+        sync=True
+    )
+    template = traitlets.Unicode(load_template("vue/columnlist.vue")).tag(sync=True)
 
     def __init__(self, df, **kwargs):
         super(ColumnList, self).__init__(df=df, **kwargs)
-        traitlets.dlink((self.editor.editor, 'valid'), (self, 'valid_expression'))
-        self.editor.editor.on_event('keypress.enter', self._on_enter)
+        traitlets.dlink((self.editor.editor, "valid"), (self, "valid_expression"))
+        self.editor.editor.on_event("keypress.enter", self._on_enter)
 
-    @traitlets.default('editor')
+    @traitlets.default("editor")
     def _editor(self):
         editor = VirtualColumnEditor(df=self.df)
         return editor
 
-    @traitlets.default('components')
+    @traitlets.default("components")
     def _components(self):
-        return {'content-editor': self.editor}
+        return {"content-editor": self.editor}
 
     def _on_enter(self, *ignore):
         if self.valid_expression:
@@ -456,7 +495,7 @@ def vue_save_column(self, data):
         self.dialog_open = False
 
     def vue_column_click(self, data):
-        name = data['name']
+        name = data["name"]
         if name in self.df.virtual_columns:
             self.editor.editor.v_model = self.df.virtual_columns[name]
             self.editor.column_name = name
@@ -464,43 +503,55 @@ def vue_column_click(self, data):
 
 
 class ColumnPicker(v.VuetifyTemplate, vt.ColumnsMixin):
-    template = traitlets.Unicode(load_template('vue/column-select.vue')).tag(sync=True)
-    label = traitlets.Unicode('Column').tag(sync=True)
+    template = traitlets.Unicode(load_template("vue/column-select.vue")).tag(sync=True)
+    label = traitlets.Unicode("Column").tag(sync=True)
     value = vt.Expression(None, allow_none=True).tag(sync=True)
 
 
 tools_items_default = [
-    {'value': 'pan-zoom', 'icon': 'pan_tool', 'tooltip': "Pan & zoom"},
-    {'value': 'select-rect', 'icon': 'mdi-selection-drag', 'tooltip': "Rectangle selection"},
-    {'value': 'select-x', 'icon': 'mdi-drag-vertical', 'tooltip': "X-Range selection"},
+    {"value": "pan-zoom", "icon": "pan_tool", "tooltip": "Pan & zoom"},
+    {
+        "value": "select-rect",
+        "icon": "mdi-selection-drag",
+        "tooltip": "Rectangle selection",
+    },
+    {"value": "select-x", "icon": "mdi-drag-vertical", "tooltip": "X-Range selection"},
 ]
 
 selection_items_default = [
-    {'value': 'replace', 'icon': 'mdi-circle-medium', 'tooltip': "Replace mode"},
-    {'value': 'and', 'icon': 'mdi-set-center', 'tooltip': "And mode"},
-    {'value': 'or', 'icon': 'mdi-set-all', 'tooltip': "Or mode"},
-    {'value': 'subtract', 'icon': 'mdi-set-left', 'tooltip': "Subtract mode"},
+    {"value": "replace", "icon": "mdi-circle-medium", "tooltip": "Replace mode"},
+    {"value": "and", "icon": "mdi-set-center", "tooltip": "And mode"},
+    {"value": "or", "icon": "mdi-set-all", "tooltip": "Or mode"},
+    {"value": "subtract", "icon": "mdi-set-left", "tooltip": "Subtract mode"},
 ]
 
-transform_items_default = ['identity', 'log', 'log10', 'log1p', 'log1p']
+transform_items_default = ["identity", "log", "log10", "log1p", "log1p"]
 
 
 class ToolsSpeedDial(v.VuetifyTemplate):
     expand = traitlets.Bool(False).tag(sync=True)
-    value = traitlets.Unicode(tools_items_default[0]['value'], allow_none=True).tag(sync=True)
+    value = traitlets.Unicode(tools_items_default[0]["value"], allow_none=True).tag(
+        sync=True
+    )
     items = traitlets.Any(tools_items_default).tag(sync=True)
-    template = traitlets.Unicode(load_template('vue/tools-speed-dial.vue')).tag(sync=True)
+    template = traitlets.Unicode(load_template("vue/tools-speed-dial.vue")).tag(
+        sync=True
+    )
     children = traitlets.List().tag(sync=True, **widgets.widget_serialization)
 
     def vue_action(self, data):
-        self.value = data['value']
+        self.value = data["value"]
 
 
 class ToolsToolbar(v.VuetifyTemplate):
-    interact_value = traitlets.Unicode(tools_items_default[0]['value'], allow_none=True).tag(sync=True)
+    interact_value = traitlets.Unicode(
+        tools_items_default[0]["value"], allow_none=True
+    ).tag(sync=True)
     interact_items = traitlets.Any(tools_items_default).tag(sync=True)
     transform_value = traitlets.Unicode(transform_items_default[0]).tag(sync=True)
-    transform_items = traitlets.List(traitlets.Unicode(), default_value=transform_items_default).tag(sync=True)
+    transform_items = traitlets.List(
+        traitlets.Unicode(), default_value=transform_items_default
+    ).tag(sync=True)
     supports_transforms = traitlets.Bool(True).tag(sync=True)
 
     supports_normalize = traitlets.Bool(True).tag(sync=True)
@@ -508,24 +559,28 @@ class ToolsToolbar(v.VuetifyTemplate):
     normalize = traitlets.Bool(False).tag(sync=True)
 
     selection_mode_items = traitlets.Any(selection_items_default).tag(sync=True)
-    selection_mode = traitlets.Unicode('replace').tag(sync=True)
+    selection_mode = traitlets.Unicode("replace").tag(sync=True)
 
-    @traitlets.default('template')
+    @traitlets.default("template")
     def _template(self):
-        return load_template('vue/tools-toolbar.vue')
+        return load_template("vue/tools-toolbar.vue")
 
-    @observe('z_normalize')
+    @trailets.observe("z_normalize")
     def _observe_normalize(self, change):
         self.normalize = bool(self.z_normalize)
 
+
 class VuetifyTemplate(v.VuetifyTemplate):
     _metadata = traitlets.Dict(default_value=None, allow_none=True).tag(sync=True)
 
+
 class ContainerCard(v.VuetifyTemplate):
     _metadata = Dict(default_value=None, allow_none=True).tag(sync=True)
-    @traitlets.default('template')
+
+    @traitlets.default("template")
     def _template(self):
-        return load_template('vue/card.vue')
+        return load_template("vue/card.vue")
+
     title = traitlets.Unicode(None, allow_none=True).tag(sync=True)
     subtitle = traitlets.Unicode(None, allow_none=True).tag(sync=True)
     text = traitlets.Unicode(None, allow_none=True).tag(sync=True)
@@ -535,6 +590,7 @@ def _template(self):
     main_props = traitlets.Dict().tag(sync=True)
     show_controls = traitlets.Bool(False).tag(sync=True)
 
+
 class Html(v.Html):
     _metadata = traitlets.Dict(default_value=None, allow_none=True).tag(sync=True)
 
@@ -542,22 +598,49 @@ class Html(v.Html):
 class LinkList(VuetifyTemplate):
     items = traitlets.List(
         [
-            {'title': 'Vaex (data aggregation)', 'url': "https://github.com/vaexio/vaex", 'img': 'https://vaex.io/img/logos/logo-grey.svg', },
-            {'icon': "dashboard", 'title': "Voila (dashboard)", 'url': "https://github.com/voila-dashboards/voila"},
-            {'icon': "mdi-database", 'title': "DataFrame server", 'url': "http://dataframe.vaex.io/"},
-            {'title': 'ipyvolume (3d viz)', 'url': "https://github.com/maartenbreddels/ipyvolume", 'img': 'https://raw.githubusercontent.com/maartenbreddels/ipyvolume/master/misc/icon.svg', },
-            {'title': 'GitHub Repo', 'url': 'https://github.com/vaexio/vaex', 'img': 'https://github.githubassets.com/pinned-octocat.svg'},
-            {'icon': "widgets", 'title': "jupyter widgets", 'url': "https://github.com/jupyter-widgets/ipywidgets"},
+            {
+                "title": "Vaex (data aggregation)",
+                "url": "https://github.com/vaexio/vaex",
+                "img": "https://vaex.io/img/logos/logo-grey.svg",
+            },
+            {
+                "icon": "dashboard",
+                "title": "Voila (dashboard)",
+                "url": "https://github.com/voila-dashboards/voila",
+            },
+            {
+                "icon": "mdi-database",
+                "title": "DataFrame server",
+                "url": "http://dataframe.vaex.io/",
+            },
+            {
+                "title": "ipyvolume (3d viz)",
+                "url": "https://github.com/maartenbreddels/ipyvolume",
+                "img": "https://raw.githubusercontent.com/maartenbreddels/ipyvolume/master/misc/icon.svg",
+            },
+            {
+                "title": "GitHub Repo",
+                "url": "https://github.com/vaexio/vaex",
+                "img": "https://github.githubassets.com/pinned-octocat.svg",
+            },
+            {
+                "icon": "widgets",
+                "title": "jupyter widgets",
+                "url": "https://github.com/jupyter-widgets/ipywidgets",
+            },
         ],
     ).tag(sync=True)
-    @traitlets.default('template')
+
+    @traitlets.default("template")
     def _template(self):
-        return load_template('vue/link-list.vue')
+        return load_template("vue/link-list.vue")
 
 
 import ipyvuetify as v
+
 import traitlets
 
+
 class SettingsEditor(v.VuetifyTemplate):
     template_file = os.path.join(os.path.dirname(__file__), "vue/vjsf.vue")
 
@@ -569,4 +652,5 @@ class SettingsEditor(v.VuetifyTemplate):
 
 def watch():
     import ipyvue
+
     ipyvue.watch(os.path.dirname(__file__) + "/vue")

From f7e5601809ff23bf4d591f837aa9e0e262e15170 Mon Sep 17 00:00:00 2001
From: betolink <betolin@gmail.com>
Date: Mon, 20 Mar 2023 21:10:24 -0500
Subject: [PATCH 2/3] fix typo

---
 packages/vaex-jupyter/vaex/jupyter/widgets.py | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/vaex-jupyter/vaex/jupyter/widgets.py b/packages/vaex-jupyter/vaex/jupyter/widgets.py
index a88db9d77a..8a892b662b 100644
--- a/packages/vaex-jupyter/vaex/jupyter/widgets.py
+++ b/packages/vaex-jupyter/vaex/jupyter/widgets.py
@@ -565,7 +565,7 @@ class ToolsToolbar(v.VuetifyTemplate):
     def _template(self):
         return load_template("vue/tools-toolbar.vue")
 
-    @trailets.observe("z_normalize")
+    @traitlets.observe("z_normalize")
     def _observe_normalize(self, change):
         self.normalize = bool(self.z_normalize)
 

From 2093dacae20bd52824d40e7272a36dbc37fa9052 Mon Sep 17 00:00:00 2001
From: betolink <betolin@gmail.com>
Date: Tue, 21 Mar 2023 07:50:25 -0500
Subject: [PATCH 3/3] fix tratlets dict

---
 packages/vaex-jupyter/vaex/jupyter/widgets.py | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/vaex-jupyter/vaex/jupyter/widgets.py b/packages/vaex-jupyter/vaex/jupyter/widgets.py
index 8a892b662b..a795cc53a3 100644
--- a/packages/vaex-jupyter/vaex/jupyter/widgets.py
+++ b/packages/vaex-jupyter/vaex/jupyter/widgets.py
@@ -575,7 +575,7 @@ class VuetifyTemplate(v.VuetifyTemplate):
 
 
 class ContainerCard(v.VuetifyTemplate):
-    _metadata = Dict(default_value=None, allow_none=True).tag(sync=True)
+    _metadata = traitlets.Dict(default_value=None, allow_none=True).tag(sync=True)
 
     @traitlets.default("template")
     def _template(self):