windmill-components 1.502.5 → 1.503.1

package/package/actions/triggerableByAI.svelte.js

@@ -45,10 +45,12 @@ export function triggerableByAI(element, options = {}) {
         // register the triggerable
         const currentData = { description, onTrigger: handleTrigger };
         triggerablesByAi[id] = currentData;
+        element.setAttribute('ai-description', description);
     }
     function unregister() {
         if (isDisabled || !id)
             return;
+        element.removeAttribute('ai-description');
         // unregister the triggerable
         if (triggerablesByAi[id]) {
             delete triggerablesByAi[id];

package/package/components/Editor.svelte

@@ -105,11 +105,13 @@ import { conf, language } from '../vueMonarch';
 import { Autocompletor } from './copilot/autocomplete/Autocompletor';
 import { AIChatEditorHandler } from './copilot/chat/monaco-adapter';
 import GlobalReviewButtons from './copilot/chat/GlobalReviewButtons.svelte';
+import AIChatInlineWidget from './copilot/chat/AIChatInlineWidget.svelte';
 import { writable } from 'svelte/store';
 import { formatResourceTypes } from './copilot/chat/script/core';
 import FakeMonacoPlaceHolder from './FakeMonacoPlaceHolder.svelte';
 import { editorPositionMap } from '../utils';
 import { extToLang, langToExt } from '../editorLangUtils';
+import { aiChatManager } from './copilot/chat/AIChatManager.svelte';
 // import EditorTheme from './EditorTheme.svelte'
 let divEl = null;
 let editor = null;
@@ -185,7 +187,7 @@ function computePath(path) {
         return randomHash();
     }
     else {
-        console.log('path', path);
+        // console.log('path', path)
         return path;
     }
 }
@@ -544,6 +546,10 @@ function addDBSchemaCompletions() {
 }
 let reviewingChanges = writable(false);
 let aiChatEditorHandler = undefined;
+// Inline ai chat widget
+let showInlineAIChat = false;
+let inlineAIChatSelection = null;
+let selectedCode = '';
 export function reviewAndApplyCode(code) {
     aiChatEditorHandler?.reviewAndApply(code);
 }
@@ -1068,6 +1074,20 @@ async function loadMonaco() {
     });
     editor?.onDidFocusEditorText(() => {
         dispatch('focus');
+        editor?.addCommand(KeyCode.Escape, function () {
+            if (showInlineAIChat) {
+                closeAIInlineWidget();
+            }
+            aiChatEditorHandler?.rejectAll();
+        });
+        editor?.addCommand(KeyMod.CtrlCmd | KeyCode.DownArrow, function () {
+            if (aiChatManager.pendingNewCode) {
+                aiChatManager.scriptEditorApplyCode?.(aiChatManager.pendingNewCode);
+                if (showInlineAIChat) {
+                    closeAIInlineWidget();
+                }
+            }
+        });
         editor?.addCommand(KeyMod.CtrlCmd | KeyCode.KeyS, function () {
             updateCode();
             shouldBindKey && format && format();
@@ -1087,14 +1107,22 @@ async function loadMonaco() {
                 (selection.startLineNumber !== selection.endLineNumber ||
                     selection.startColumn !== selection.endColumn);
             if (hasSelection && selectedLines) {
-                dispatch('addSelectedLinesToAiChat', {
-                    lines: selectedLines,
-                    startLine: selection.startLineNumber,
-                    endLine: selection.endLineNumber
-                });
+                aiChatManager.addSelectedLinesToContext(selectedLines, selection.startLineNumber, selection.endLineNumber);
             }
             else {
-                dispatch('toggleAiPanel');
+                aiChatManager.toggleOpen();
+                aiChatManager.focusInput();
+            }
+        });
+        editor?.addCommand(KeyMod.CtrlCmd | KeyCode.KeyK, function () {
+            if ($copilotInfo.enabled) {
+                aiChatEditorHandler?.rejectAll();
+                if (showInlineAIChat) {
+                    closeAIInlineWidget();
+                }
+                else {
+                    showAIInlineWidget();
+                }
             }
         });
         editor?.addCommand(KeyMod.CtrlCmd | KeyCode.KeyU, function () {
@@ -1118,6 +1146,7 @@ async function loadMonaco() {
         try {
             closeWebsockets();
             vimDisposable?.dispose();
+            closeAIInlineWidget();
             console.log('disposing editor');
             model?.dispose();
             editor && editor.dispose();
@@ -1231,6 +1260,27 @@ export function addAction(id, label, callback, keybindings = []) {
         }
     });
 }
+function showAIInlineWidget() {
+    if (!editor)
+        return;
+    inlineAIChatSelection = editor.getSelection();
+    if (!inlineAIChatSelection) {
+        return;
+    }
+    const model = editor.getModel();
+    selectedCode = '';
+    if (model) {
+        selectedCode = model.getValueInRange(inlineAIChatSelection);
+    }
+    showInlineAIChat = true;
+    aiChatInlineWidget?.focusInput();
+}
+function closeAIInlineWidget() {
+    showInlineAIChat = false;
+    inlineAIChatSelection = null;
+    selectedCode = '';
+}
+let aiChatInlineWidget = null;
 let loadTimeout = undefined;
 onMount(async () => {
     if (BROWSER) {
@@ -1270,8 +1320,23 @@ async function genRoot(hostname) {
     let root = hostname + '/api/scripts_u/tokened_raw/' + $workspaceStore + '/' + token;
     return root;
 }
+function onKeyDown(e) {
+    if (e.key === 'Escape') {
+        if (showInlineAIChat) {
+            closeAIInlineWidget();
+        }
+        aiChatEditorHandler?.rejectAll();
+    }
+    else if ((e.ctrlKey || e.metaKey) && e.key === 'ArrowDown' && aiChatManager.pendingNewCode) {
+        aiChatManager.scriptEditorApplyCode?.(aiChatManager.pendingNewCode);
+        if (showInlineAIChat) {
+            closeAIInlineWidget();
+        }
+    }
+}
 </script>
 
+<svelte:window onkeydown={onKeyDown} />
 <EditorTheme />
 {#if !editor}
 	<div class="inset-0 absolute overflow-clip">
@@ -1285,15 +1350,26 @@ async function genRoot(hostname) {
 
 {#if $reviewingChanges}
 	<GlobalReviewButtons
-		on:acceptAll={() => {
+		onAcceptAll={() => {
 			aiChatEditorHandler?.acceptAll()
 		}}
-		on:rejectAll={() => {
+		onRejectAll={() => {
 			aiChatEditorHandler?.rejectAll()
 		}}
 	/>
 {/if}
 
+{#if editor && $copilotInfo.enabled && aiChatEditorHandler}
+	<AIChatInlineWidget
+		bind:this={aiChatInlineWidget}
+		bind:show={showInlineAIChat}
+		{editor}
+		editorHandler={aiChatEditorHandler}
+		selection={inlineAIChatSelection}
+		{selectedCode}
+	/>
+{/if}
+
 <style global>
 	:global(.editor) {
 		padding: 0px;

package/package/components/Editor.svelte.d.ts

@@ -75,8 +75,6 @@ declare const Editor: $$__sveltets_2_IsomorphicComponent<{
     saveDraft: CustomEvent<any>;
     blur: CustomEvent<any>;
     focus: CustomEvent<any>;
-    addSelectedLinesToAiChat: CustomEvent<any>;
-    toggleAiPanel: CustomEvent<any>;
     toggleTestPanel: CustomEvent<any>;
     ataReady: CustomEvent<any>;
 } & {

package/package/components/FakeMonacoPlaceHolder.svelte

@@ -11,9 +11,10 @@ const fontFamily = getOS() === 'Windows'
     : getOS() === 'macOS'
         ? DEFAULT_MAC_FONT_FAMILY
         : DEFAULT_LINUX_FONT_FAMILY;
+const CHAR_LIMIT = 5000;
 // https://github.com/microsoft/vscode/blob/baa2dad3cdacd97ac02eff0604984faf1167ff1e/src/vs/editor/common/config/fontInfo.ts#L14
 const GOLDEN_LINE_HEIGHT_RATIO = getOS() == 'macOS' ? 1.5 : 1.35;
-let lines = $derived(code?.split('\n') ?? []);
+let lines = $derived(code?.substring(0, CHAR_LIMIT)?.split('\n') ?? []);
 const charWidth = 9; // try to match as closely as possible to monaco editor
 const lineHeight = fontSize * GOLDEN_LINE_HEIGHT_RATIO;
 let [clientWidth, clientHeight] = $state([0, 0]);

package/package/components/FlowWrapper.svelte

@@ -1,9 +1,24 @@
 <script lang="ts">import AiChatLayout from './copilot/chat/AiChatLayout.svelte';
 import FlowBuilder from './FlowBuilder.svelte';
-let { flowStore: oldFlowStore, disableAi, ...props } = $props();
+let { flowStore: oldFlowStore, disableAi, light, ...props } = $props();
 let flowStore = $state(oldFlowStore);
+let trialRender = $state(true);
+if (light) {
+    setTimeout(() => {
+        trialRender = false;
+    }, 1000 * 300);
+}
 </script>
 
-<AiChatLayout noPadding={true} {disableAi}>
-	<FlowBuilder {flowStore} {disableAi} {...props} />
-</AiChatLayout>
+{#if trialRender}
+	<AiChatLayout noPadding={true} {disableAi}>
+		{#if light}<div class="bg-red-500 absolute z-10">Trial version</div>{/if}
+		<FlowBuilder {flowStore} {disableAi} {...props} />
+	</AiChatLayout>
+{:else}
+	<div class="flex flex-col items-center justify-center h-screen">
+		<div class="text-2xl font-bold"
+			>Windmill Whitelabel SDK is in trial mode and disabled itself after 5 minutes</div
+		>
+	</div>
+{/if}

package/package/components/FlowWrapper.svelte.d.ts

@@ -1,4 +1,7 @@
 import type { FlowBuilderProps } from './flow_builder';
-declare const FlowWrapper: import("svelte").Component<FlowBuilderProps, {}, "">;
+type $$ComponentProps = FlowBuilderProps & {
+    light?: boolean;
+};
+declare const FlowWrapper: import("svelte").Component<$$ComponentProps, {}, "">;
 type FlowWrapper = ReturnType<typeof FlowWrapper>;
 export default FlowWrapper;

package/package/components/JsonEditor.svelte

@@ -2,6 +2,7 @@
 import SimpleEditor from './SimpleEditor.svelte';
 import { createEventDispatcher } from 'svelte';
 import { createDispatcherIfMounted } from '../createDispatcherIfMounted';
+import Button from './common/button/Button.svelte';
 export let code;
 export let value = undefined;
 export let error = '';
@@ -9,6 +10,7 @@ export let editor = undefined;
 export let small = false;
 export let loadAsync = false;
 $: tooBig = code && code?.length > 1000000;
+let loadTooBigAnyway = false;
 const dispatch = createEventDispatcher();
 const dispatchIfMounted = createDispatcherIfMounted(dispatch);
 function parseJson() {
@@ -29,8 +31,13 @@ function parseJson() {
 $: code != undefined && parseJson();
 </script>
 
-{#if tooBig}
-	<span class="text-tertiary">JSON to edit is too big</span>
+{#if tooBig && !loadTooBigAnyway}
+	<div class="flex-1 text-sm">
+		JSON is too big
+		<Button size="xs2" variant="border" on:click={() => (loadTooBigAnyway = true)}>
+			Load anyway
+		</Button>
+	</div>
 {:else}
 	<div class="flex flex-col w-full">
 		<div class="border w-full">

package/package/components/Path.svelte

@@ -269,12 +269,12 @@ function setDirty() {
     !dirty && (dirty = true);
 }
 const openSearchWithPrefilledText = getContext('openSearchWithPrefilledText');
-$effect(() => {
+$effect.pre(() => {
     ;
     [meta?.name, meta?.owner, meta?.ownerKind];
     meta && untrack(() => onMetaChange());
 });
-$effect(() => {
+$effect.pre(() => {
     if ($workspaceStore && $userStore) {
         untrack(() => {
             loadFolders();

package/package/components/ResourcePicker.svelte

@@ -49,7 +49,7 @@ export async function askNewResource() {
     appConnect?.open?.(resourceType);
 }
 let loading = $state(true);
-async function loadResources(resourceType, initialValue, value) {
+async function loadResources(resourceType) {
     loading = true;
     try {
         const resourceTypesToQuery = resourceType === 'snowflake' ? ['snowflake', 'snowflake_oauth'] : [resourceType];
@@ -83,8 +83,9 @@ async function loadResources(resourceType, initialValue, value) {
     loading = false;
 }
 $effect(() => {
-    $workspaceStore &&
-        loadResources(resourceType, untrack(() => initialValue), untrack(() => value));
+    $workspaceStore && resourceType;
+    value = undefined;
+    untrack(() => loadResources(resourceType));
 });
 let appConnect = $state();
 let resourceEditor = $state();
@@ -92,7 +93,7 @@ let resourceEditor = $state();
 
 <AppConnect
 	on:refresh={async (e) => {
-		await loadResources(resourceType, initialValue, value)
+		await loadResources(resourceType)
 		value = e.detail
 		valueType = collection.find((x) => x?.value == value)?.type
 	}}
@@ -102,7 +103,7 @@ let resourceEditor = $state();
 <ResourceEditorDrawer
 	bind:this={resourceEditor}
 	on:refresh={async (e) => {
-		await loadResources(resourceType, initialValue, value)
+		await loadResources(resourceType)
 		if (e.detail) {
 			value = e.detail
 			valueType = collection.find((x) => x?.value == value)?.type
@@ -188,7 +189,7 @@ let resourceEditor = $state();
 			btnClasses="w-8 px-0.5 py-1.5"
 			size="sm"
 			on:click={() => {
-				loadResources(resourceType, initialValue, value)
+				loadResources(resourceType)
 			}}
 			startIcon={{ icon: RotateCw }}
 			iconOnly

package/package/components/SchemaForm.svelte

@@ -109,8 +109,8 @@ $effect.pre(() => {
     }
 });
 $effect.pre(() => {
-    schema.order;
-    Object.keys(schema.properties ?? {});
+    schema?.order;
+    Object.keys(schema?.properties ?? {});
     schema && (untrack(() => reorder()), (hidden = {}));
 });
 $effect.pre(() => {
@@ -119,7 +119,7 @@ $effect.pre(() => {
     if (args && typeof args == 'object') {
         let oneShowExpr = false;
         for (const key of fields) {
-            if (schema.properties?.[key.value]?.showExpr) {
+            if (schema?.properties?.[key.value]?.showExpr) {
                 oneShowExpr = true;
             }
         }

package/package/components/ScriptEditor.svelte

@@ -440,11 +440,6 @@ $effect(() => {
 							inferSchema(e.detail)
 						}}
 						on:saveDraft
-						on:toggleAiPanel={() => aiChatManager.toggleOpen()}
-						on:addSelectedLinesToAiChat={(e) => {
-							const { lines, startLine, endLine } = e.detail
-							aiChatManager.addSelectedLinesToContext(lines, startLine, endLine)
-						}}
 						on:toggleTestPanel={toggleTestPanel}
 						cmdEnterAction={async () => {
 							await inferSchema(code)

package/package/components/SearchItems.svelte

@@ -23,7 +23,7 @@ function filterItems() {
     filteredItems = result;
 }
 let plaintextItems = $derived(items?.map((item) => f(item)) ?? []);
-$effect(() => {
+$effect.pre(() => {
     plaintextItems && filter != undefined && setTimeout(() => untrack(() => filterItems()), 0);
 });
 </script>

package/package/components/apps/editor/inlineScriptsPanel/InlineScriptsPanel.svelte

@@ -3,7 +3,6 @@ import { Pane, Splitpanes } from 'svelte-splitpanes';
 import InlineScriptsPanelList from './InlineScriptsPanelList.svelte';
 import InlineScriptEditor from './InlineScriptEditor.svelte';
 import InlineScriptsPanelWithTable from './InlineScriptsPanelWithTable.svelte';
-import { findGridItem } from '../appUtils';
 import InlineScriptHiddenRunnable from './InlineScriptHiddenRunnable.svelte';
 import { BG_PREFIX } from '../../utils';
 import { sendUserToast } from '../../../../toast';
@@ -35,16 +34,12 @@ function deleteBackgroundScript(index) {
         $runnableComponents = $runnableComponents;
     }
 }
-let gridItem = $derived($selectedComponentInEditor && !$selectedComponentInEditor.startsWith(BG_PREFIX)
-    ? findGridItem($app, $selectedComponentInEditor?.split('_')?.[0])
-    : undefined);
-let hiddenInlineScript = $derived($app?.hiddenInlineScripts?.findIndex((k_, index) => {
-    const [prefix, id] = $selectedComponentInEditor?.split('_') || [];
-    if (prefix !== 'bg')
-        return false;
-    return Number(id) === index;
-}));
-let unusedInlineScript = $derived($app?.unusedInlineScripts?.findIndex((k_, index) => `unused-${index}` === $selectedComponentInEditor));
+// let gridItem = $derived(
+// 	$selectedComponentInEditor && !$selectedComponentInEditor.startsWith(BG_PREFIX)
+// 		// ? findGridItem($app, $selectedComponentInEditor?.split('_')?.[0])
+// 		: undefined
+// )
+let [prefixOrId, id] = $derived($selectedComponentInEditor?.split('_') ?? []);
 let { width = undefined } = $props();
 </script>
 
@@ -60,42 +55,62 @@ let { width = undefined } = $props();
 			<div class="text-sm text-secondary text-center py-8 px-2">
 				Select a runnable on the left panel
 			</div>
-		{:else if gridItem}
-			{#key gridItem?.id}
-				<InlineScriptsPanelWithTable
-					on:createScriptFromInlineScript={(e) => {
-						createScriptFromInlineScript(
-							gridItem?.id ?? 'unknown',
-							e.detail,
-							$workspaceStore ?? '',
-							$appPath
-						)
-					}}
-					bind:gridItem
-				/>
-			{/key}
-		{:else if unusedInlineScript > -1 && $app.unusedInlineScripts?.[unusedInlineScript]}
-			{#key unusedInlineScript}
-				<InlineScriptEditor
-					on:createScriptFromInlineScript={() =>
-						sendUserToast('Cannot save to workspace unused scripts', true)}
-					id={`unused-${unusedInlineScript}`}
-					bind:name={$app.unusedInlineScripts[unusedInlineScript].name}
-					bind:inlineScript={$app.unusedInlineScripts[unusedInlineScript].inlineScript}
-					on:delete={() => {
-						// remove the script from the array at the index
-						$app.unusedInlineScripts.splice(unusedInlineScript, 1)
-						$app.unusedInlineScripts = [...$app.unusedInlineScripts]
-					}}
-				/>
-			{/key}
-		{:else if hiddenInlineScript > -1}
-			{#key hiddenInlineScript}
-				{#if $app.hiddenInlineScripts?.[hiddenInlineScript]}
+		{:else if prefixOrId != 'bg' && !prefixOrId.startsWith('unused-')}
+			{#each $app.grid as gridItem, index (gridItem?.id)}
+				{#if gridItem?.id == prefixOrId}
+					<InlineScriptsPanelWithTable
+						on:createScriptFromInlineScript={(e) => {
+							createScriptFromInlineScript(
+								gridItem?.id ?? 'unknown',
+								e.detail,
+								$workspaceStore ?? '',
+								$appPath
+							)
+						}}
+						bind:gridItem={$app.grid[index]}
+					/>
+				{/if}
+			{/each}
+			{#each Object.keys($app.subgrids ?? {}) as subgrid (subgrid)}
+				{#each $app.subgrids?.[subgrid] ?? [] as subgridItem, index (subgridItem?.id)}
+					{#if subgridItem?.id == prefixOrId && $app.subgrids?.[subgrid]}
+						<InlineScriptsPanelWithTable
+							on:createScriptFromInlineScript={(e) => {
+								createScriptFromInlineScript(
+									subgridItem?.id ?? 'unknown',
+									e.detail,
+									$workspaceStore ?? '',
+									$appPath
+								)
+							}}
+							bind:gridItem={$app.subgrids[subgrid][index]}
+						/>
+					{/if}
+				{/each}
+			{/each}
+		{:else if prefixOrId != 'bg' && prefixOrId.startsWith('unused-')}
+			{#each $app.unusedInlineScripts as unusedInlineScript, index}
+				{#if `unused-${index}` == prefixOrId}
+					<InlineScriptEditor
+						on:createScriptFromInlineScript={() =>
+							sendUserToast('Cannot save to workspace unused scripts', true)}
+						id={`unused-${index}`}
+						bind:name={unusedInlineScript.name}
+						bind:inlineScript={unusedInlineScript.inlineScript}
+						on:delete={() => {
+							$app.unusedInlineScripts.splice(index, 1)
+							$app.unusedInlineScripts = [...$app.unusedInlineScripts]
+						}}
+					/>
+				{/if}
+			{/each}
+		{:else if prefixOrId == 'bg'}
+			{#each $app.hiddenInlineScripts as _inlineScript, index}
+				{#if index.toString() == id}
 					<InlineScriptHiddenRunnable
 						on:createScriptFromInlineScript={(e) => {
 							createScriptFromInlineScript(
-								BG_PREFIX + hiddenInlineScript,
+								BG_PREFIX + index,
 								e.detail,
 								$workspaceStore ?? '',
 								$appPath
@@ -103,10 +118,12 @@ let { width = undefined } = $props();
 							$app = $app
 						}}
 						transformer={$selectedComponentInEditor?.endsWith('_transformer')}
-						on:delete={() => deleteBackgroundScript(hiddenInlineScript)}
-						id={BG_PREFIX + hiddenInlineScript}
-						bind:runnable={$app.hiddenInlineScripts[hiddenInlineScript]}
-					/>{/if}{/key}
+						on:delete={() => deleteBackgroundScript(index)}
+						id={BG_PREFIX + index}
+						bind:runnable={$app.hiddenInlineScripts[index]}
+					/>
+				{/if}
+			{/each}
 		{:else}
 			<div class="text-sm text-tertiary text-center py-8 px-2">
 				No runnable found at id {$selectedComponentInEditor}

package/package/components/common/toggleButton-v2/ToggleButtonGroup.svelte

@@ -3,7 +3,7 @@ import { twMerge } from 'tailwind-merge';
 import { createSync } from '@melt-ui/svelte';
 const dispatch = createEventDispatcher();
 import { createToggleGroup, melt } from '@melt-ui/svelte';
-let { id = undefined, selected = $bindable(undefined), noWFull = false, disabled = false, tabListClass = '', allowEmpty = false, class: className = '', children } = $props();
+let { id = undefined, selected = $bindable(undefined), noWFull = false, disabled = false, tabListClass = '', allowEmpty = false, class: className = '', onSelected, children } = $props();
 const { elements: { root, item }, options: { disabled: disabledOption }, states } = createToggleGroup({
     type: 'single',
     onValueChange: ({ curr, next }) => {
@@ -12,6 +12,7 @@ const { elements: { root, item }, options: { disabled: disabledOption }, states
         }
         if (curr !== next && curr !== undefined) {
             dispatch('selected', next);
+            onSelected?.(next);
         }
         return next;
     }

package/package/components/common/toggleButton-v2/ToggleButtonGroup.svelte.d.ts

@@ -7,6 +7,7 @@ interface Props {
     allowEmpty?: boolean;
     class?: string;
     children?: import('svelte').Snippet<[any]>;
+    onSelected?: (value: any) => void;
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/package/components/copilot/chat/AIChat.svelte

@@ -36,12 +36,6 @@ export async function sendRequest(options = {}) {
 function cancel() {
     aiChatManager.cancel();
 }
-export function addSelectedLinesToContext(lines, startLine, endLine) {
-    aiChatManager.contextManager.addSelectedLinesToContext(lines, startLine, endLine);
-}
-export function focusTextArea() {
-    aiChatDisplay?.focusInput();
-}
 const historyManager = aiChatManager.historyManager;
 historyManager.init();
 onDestroy(() => {
@@ -58,9 +52,6 @@ $effect(() => {
 $effect(() => {
     aiChatManager.updateMode(untrack(() => aiChatManager.mode));
 });
-$effect(() => {
-    aiChatManager.loadApiTools();
-});
 </script>
 
 <svelte:window

package/package/components/copilot/chat/AIChat.svelte.d.ts

@@ -10,8 +10,6 @@ declare const AiChat: import("svelte").Component<Record<string, never>, {
         lang?: ScriptLang | "bunnative";
         isPreprocessor?: boolean;
     }) => Promise<void>;
-    addSelectedLinesToContext: (lines: string, startLine: number, endLine: number) => void;
-    focusTextArea: () => void;
 }, "">;
 type AiChat = ReturnType<typeof AiChat>;
 export default AiChat;