- {#if hasColumns && hasValidColumns}
+ {#if hasColumns && hasValidColumns && $tableColumnSuggestions.force === false}
{#if data.rows.total}
@@ -250,7 +254,7 @@
{/if}
{:else if isCloud && canShowSuggestionsSheet}
-
+
{:else}
{#snippet actions()}
@@ -267,7 +271,7 @@
title="Suggest columns"
subtitle="Use AI to generate columns"
onClick={() => {
- // todo: add a modal and show input, no toggle.
+ $showColumnsSuggestionsModal = true;
}} />
import { page } from '$app/state';
- import { type Columns, type ColumnDirection } from './store';
- import { goto, invalidate } from '$app/navigation';
+ import { invalidate } from '$app/navigation';
import { Dependencies } from '$lib/constants';
- import { Layout } from '@appwrite.io/pink-svelte';
+ import { Alert, Layout, Link } from '@appwrite.io/pink-svelte';
import { InputSelect, InputText } from '$lib/elements/forms';
import { addNotification } from '$lib/stores/notifications';
import { Submit, trackError, trackEvent } from '$lib/actions/analytics';
@@ -11,8 +10,10 @@
import type { Column } from '$lib/helpers/types';
import { preferences } from '$lib/stores/preferences';
import { onMount } from 'svelte';
- import { resolve } from '$app/paths';
- import { Input as SuggestionsInput, tableColumnSuggestions } from '../(suggestions)/index';
+
+ import { showColumnsSuggestionsModal } from '../(suggestions)/store';
+ import IconAINotification from '../(suggestions)/icon/aiNotification.svelte';
+ import { type Columns, type ColumnDirection, showCreateColumnSheet } from './store';
let {
direction = null,
@@ -52,16 +53,6 @@
columnOptions.find((option) => option.name === selectedOption).component
);
- function initSuggestionsStore() {
- if (!isSuggestionsFeatureEnabled) return;
-
- $tableColumnSuggestions.table = null;
- $tableColumnSuggestions.enabled = false;
-
- $tableColumnSuggestions.context = null;
- $tableColumnSuggestions.thinking = false;
- }
-
function init() {
key = null;
$option = null;
@@ -74,9 +65,6 @@
/* default to string */
selectedOption = 'String';
$option = columnOptions[0];
-
- /* init suggestions */
- initSuggestionsStore();
}
function insertColumnInOrder() {
@@ -155,33 +143,6 @@
}
export async function submit() {
- if (isSuggestionsEnabled) {
- const tableInUse = page.data.table;
- // TODO: confirm what flow to use!
- tableColumnSuggestions.update((store) => ({
- ...store,
- thinking: true,
- table: {
- id: tableInUse.$id,
- name: tableInUse.name
- }
- }));
-
- const { region, project, database, table } = page.params;
- await goto(
- resolve(
- '/(console)/project-[region]-[project]/databases/database-[database]/table-[table]',
- {
- region,
- project,
- database,
- table
- }
- )
- );
- return true;
- }
-
try {
await $option.create(databaseId, tableId, key, data);
@@ -222,15 +183,23 @@
$option = columnOptions.find((option) => option.name === selectedOption);
}
});
-
- const isSuggestionsEnabled = $derived(
- isSuggestionsFeatureEnabled && $tableColumnSuggestions.enabled
- );
{#if isSuggestionsFeatureEnabled}
-
+
+
+
+
+
+
+ Need help? Let AI {
+ $showCreateColumnSheet.show = false;
+ $showColumnsSuggestionsModal = true;
+ }}>suggest columns based on your data
+
+