makes ai feature spotlighted in the ui

Author: sergeyteleshev

webapp/packages/plugin-sql-editor/src/SqlResultTabs/ExecutionPlan/SqlExecutionPlanActionsMenu.module.css

@@ -15,8 +15,18 @@
   height: unset;
 }
 
-.toolsMenu .menuBarItemGroup .menuBarItem {
-  & .menuBarItemLabel {
-    display: none;
-  }
+.executionPlanActions .menuBarItem {
+  width: auto;
+  height: auto;
+}
+
+.executionPlanActions .menuBarItemBox {
+  flex-direction: column-reverse;
+}
+
+.executionPlanActions .menuBarItemLabel {
+  writing-mode: vertical-rl;
+  text-orientation: mixed;
+  transform: rotate(180deg);
+  white-space: nowrap;
 }

webapp/packages/plugin-sql-editor/src/SqlResultTabs/ExecutionPlan/SqlExecutionPlanActionsMenu.tsx

@@ -46,7 +46,11 @@ export const SqlExecutionPlanActionsMenu = observer<Props>(function SqlExecution
 
   return (
     <SContext registry={registry}>
-      <MenuBar menu={menu} className={s(menuBarStyles, { toolsMenu: true, floating: true, executionPlanActions: true })} />
+      <MenuBar
+        menu={menu}
+        className={s(menuBarStyles, { toolsMenu: true, floating: true, withLabel: true, executionPlanActions: true })}
+        compact={false}
+      />
     </SContext>
   );
 });