command palette control

packages/web/src/widgets/WidgetIconPanel.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import FontIcon from '../icons/FontIcon.svelte';
-  import { selectedWidget } from '../stores';
+  import { selectedWidget, visibleCommandPalette } from '../stores';
 
   const widgets = [
     {
@@ -48,6 +48,9 @@
   //const handleChangeWidget= e => (selectedWidget.set(item.name))
 </script>
 
+<div class="wrapper mb-3" on:click={() => ($visibleCommandPalette = true)}>
+  <FontIcon icon="icon menu" />
+</div>
 {#each widgets as item}
   <div class="wrapper" class:selected={item.name == $selectedWidget} on:click={() => handleChangeWidget(item.name)}>
     <FontIcon icon={item.icon} />