disable collapse last widget items

packages/web/src/widgets/WidgetColumnBar.svelte

@@ -26,10 +26,11 @@
   $: computeDynamicProps(definitions);
 
   function computeDynamicProps(defs: any[]) {
+    const visibleItemsCount = defs.filter(x => !x.collapsed && !x.skip).length;
     for (let index = 0; index < defs.length; index++) {
       const definition = defs[index];
       const splitterVisible = !!defs.slice(index + 1).find(x => x && !x.collapsed && !x.skip);
-      dynamicPropsCollection[index].set({ splitterVisible });
+      dynamicPropsCollection[index].set({ splitterVisible, visibleItemsCount });
     }
   }
 </script>

packages/web/src/widgets/WidgetColumnBarItem.svelte

@@ -22,6 +22,7 @@
 
   const dynamicProps = writable({
     splitterVisible: false,
+    visibleItemsCount: 0,
   });
 
   const pushWidgetItemDefinition = getContext('pushWidgetItemDefinition') as any;
@@ -62,10 +63,12 @@
     storageName && getLocalStorage(storageName) && getLocalStorage(storageName).visible != null
       ? getLocalStorage(storageName).visible
       : !collapsed;
+
+  $: collapsible = $dynamicProps.visibleItemsCount != 1 || !visible;
 </script>
 
 {#if !skip && show}
-  <WidgetTitle on:click={() => (visible = !visible)}>{title}</WidgetTitle>
+  <WidgetTitle clickable={collapsible} on:click={collapsible ? () => (visible = !visible) : null}>{title}</WidgetTitle>
 
   {#if visible}
     <div class="wrapper" style={$dynamicProps.splitterVisible ? `height:${size}px` : 'flex: 1 1 0'}>

packages/web/src/widgets/WidgetTitle.svelte

@@ -1,4 +1,8 @@
-<div on:click>
+<script lang="ts">
+  export let clickable = false;
+</script>
+
+<div on:click class:clickable>
   <slot />
 </div>
 
@@ -10,7 +14,7 @@
     background-color: var(--theme-bg-1);
     border: 2px solid var(--theme-border);
   }
-  div:hover {
+  div.clickable:hover {
     background-color: var(--theme-bg-2);
   }
 </style>