SYNC: AI assistant

packages/web/src/tabs/QueryTab.svelte

@@ -170,6 +170,9 @@
   import QueryAiAssistant from '../ai/QueryAiAssistant.svelte';
   import { getCurrentSettings } from '../stores';
   import { Messages } from 'openai/resources/chat/completions';
+  import WidgetColumnBar from '../widgets/WidgetColumnBar.svelte';
+  import WidgetsInnerContainer from '../widgets/WidgetsInnerContainer.svelte';
+  import WidgetColumnBarItem from '../widgets/WidgetColumnBarItem.svelte';
 
   export let tabid;
   export let conid;
@@ -791,6 +794,14 @@
       </VerticalSplitter>
     </svelte:fragment>
     <svelte:fragment slot="2">
+      <WidgetColumnBar>
+        <WidgetColumnBarItem
+          title={_t('query.AiAssistant', { defaultMessage: 'AI Assistant' })}
+          onClose={() => {
+            isAiAssistantVisible = false;
+          }}
+        >
+          <WidgetsInnerContainer skipDefineWidth flexContainer>
             <QueryAiAssistant
               bind:this={domAiAssistant}
               {conid}
@@ -818,6 +829,9 @@
               }}
               {tabid}
             />
+          </WidgetsInnerContainer>
+        </WidgetColumnBarItem>
+      </WidgetColumnBar>
     </svelte:fragment>
   </HorizontalSplitter>
   <svelte:fragment slot="toolstrip">
@@ -839,11 +853,17 @@
             },
           })}
       >
-        {queryRowsLimit ? _t('query.limitRows', { defaultMessage: 'Limit {queryRowsLimit} rows', values: { queryRowsLimit } }) : _t('query.unlimitedRows', { defaultMessage: 'Unlimited rows' })}</ToolStripButton
+        {queryRowsLimit
+          ? _t('query.limitRows', { defaultMessage: 'Limit {queryRowsLimit} rows', values: { queryRowsLimit } })
+          : _t('query.unlimitedRows', { defaultMessage: 'Unlimited rows' })}</ToolStripButton
       >
     {/if}
     {#if resultCount == 1}
-      <ToolStripExportButton command="jslTableGrid.export" {quickExportHandlerRef} label={_t('export.result', { defaultMessage: 'Export result' })} />
+      <ToolStripExportButton
+        command="jslTableGrid.export"
+        {quickExportHandlerRef}
+        label={_t('export.result', { defaultMessage: 'Export result' })}
+      />
     {/if}
     <ToolStripDropDownButton
       menu={() =>

packages/web/src/widgets/WidgetColumnBarItem.svelte

@@ -10,7 +10,6 @@
   import { getLocalStorage, setLocalStorage } from '../utility/storageCache';
 
   export let title;
-  export let name;
   export let skip = false;
   export let positiveCondition = true;
   export let height = null;

packages/web/src/widgets/WidgetsInnerContainer.svelte

@@ -4,6 +4,7 @@
   export let hideContent = false;
   export let fixedWidth = 0;
   export let skipDefineWidth = false;
+  export let flexContainer = false;
 
   export function scrollTop() {
     domDiv.scrollTop = 0;
@@ -14,6 +15,7 @@
   on:drop
   bind:this={domDiv}
   class:hideContent
+  class:flexContainer
   class:leftFixedWidth={!fixedWidth && !skipDefineWidth}
   data-testid={$$props['data-testid']}
   style:width={fixedWidth ? `${fixedWidth}px` : undefined}
@@ -35,4 +37,8 @@
   div.hideContent {
     visibility: hidden;
   }
+
+  div.flexContainer {
+    display: flex;
+  }
 </style>