add: count picker on documentsDB collection creation.

Author: ItzNotABug

src/routes/(console)/project-[region]-[project]/databases/database-[database]/(entity)/views/create.svelte

@@ -152,7 +152,7 @@
         }} />
 
     {#if useSuggestions}
-        <SuggestionsInput />
+        <SuggestionsInput showSampleCountPicker={terminology.type === 'documentsdb'} />
     {/if}
 
     <svelte:fragment slot="footer">

src/routes/(console)/project-[region]-[project]/databases/database-[database]/(suggestions)/input.svelte

@@ -5,13 +5,16 @@
     import { slide } from 'svelte/transition';
     import { entityColumnSuggestions } from './store';
     import { getTerminologies } from '$database/(entity)';
-    import { Button, InputTextarea } from '$lib/elements/forms';
+    import { randomDataModalState } from '$database/store';
+    import { Button, InputTextarea, Seekbar } from '$lib/elements/forms';
     import { Card, Layout, Selector, Typography } from '@appwrite.io/pink-svelte';
 
     const {
-        isModal = false
+        isModal = false,
+        showSampleCountPicker = false
     }: {
         isModal?: boolean;
+        showSampleCountPicker?: boolean;
     } = $props();
 
     onMount(() => {
@@ -92,12 +95,27 @@
         <!-- just being safe with extra guard! -->
         {#if $entityColumnSuggestions.enabled && featureActive}
             <div class="context-input" transition:slide={{ duration: 200 }}>
-                <InputTextarea
-                    id="context"
-                    rows={3}
-                    maxlength={255}
-                    bind:value={$entityColumnSuggestions.context}
-                    placeholder="Optional: Add context to improve suggestions" />
+                <Layout.Stack gap="xl">
+                    <InputTextarea
+                        id="context"
+                        rows={3}
+                        maxlength={255}
+                        bind:value={$entityColumnSuggestions.context}
+                        placeholder="Optional: Add context to improve suggestions" />
+
+                    {#if showSampleCountPicker}
+                        <Layout.Stack gap="m" style="margin-block-end: var(--space-4, 8px);">
+                            <Typography.Text>
+                                Select how many random documents to generate for testing.
+                            </Typography.Text>
+
+                            <Seekbar
+                                max={100}
+                                breakpointCount={5}
+                                bind:value={$randomDataModalState.value} />
+                        </Layout.Stack>
+                    {/if}
+                </Layout.Stack>
             </div>
         {/if}
     </Layout.Stack>

src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/+layout.svelte

@@ -1,10 +1,21 @@
 <script lang="ts" context="module">
     import { writable } from 'svelte/store';
+    import { ID } from '@appwrite.io/console';
+    import { toLocaleDateTime } from '$lib/helpers/date';
 
     const showCreateIndex = writable(false);
     export const initCreateIndex = () => {
         showCreateIndex.set(true);
     };
+
+    export function buildInitDoc() {
+        const now = new Date().toISOString();
+        return {
+            $id: ID.unique(),
+            $createdAt: toLocaleDateTime(now),
+            $updatedAt: toLocaleDateTime(now)
+        };
+    }
 </script>
 
 <script lang="ts">
@@ -32,7 +43,8 @@
     import { hash } from '$lib/helpers/string';
     import {
         documentActivitySheet,
-        documentPermissionSheet
+        documentPermissionSheet,
+        noSqlDocument
     } from '$database/collection-[collection]/store';
     import {
         SideSheet,
@@ -94,7 +106,7 @@
             label: 'Create documents',
             keys: page.url.pathname.endsWith(collection?.$id) ? ['d'] : ['d', 'c'],
             callback: () => {
-                // TODO: later
+                noSqlDocument.create(buildInitDoc());
             },
             icon: IconPlus,
             group: 'documents'
@@ -233,8 +245,7 @@
                 status: 'available'
             })) as Field[];
 
-            // TODO: @itznotabug - maybe we should show a seekbar
-            const { rows } = generateFakeRecords(100, fields);
+            const { rows } = generateFakeRecords($randomDataModalState.value, fields);
 
             await sdk
                 .forProject(page.params.region, page.params.project)

src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/+page.svelte

@@ -17,7 +17,7 @@
         IconPlus,
         IconViewBoards
     } from '@appwrite.io/pink-icons-svelte';
-    import { ID, type Models } from '@appwrite.io/console';
+    import { type Models } from '@appwrite.io/console';
     import { expandTabs, randomDataModalState } from '$database/store';
     import { EmptySheet, EmptySheetCards } from '$database/(entity)';
     import {
@@ -27,9 +27,9 @@
     } from '$database/collection-[collection]/store';
     import { canWriteRows } from '$lib/stores/roles';
     import SpreadSheet from '$database/collection-[collection]/spreadsheet.svelte';
-    import { toLocaleDateTime } from '$lib/helpers/date';
     import ColumnDisplayNameInput from '$database/collection-[collection]/(components)/inputs/displayName.svelte';
     import { Modal } from '$lib/components';
+    import { buildInitDoc } from './+layout.svelte';
 
     const { data }: PageProps = $props();
 
@@ -40,15 +40,6 @@
     let spreadsheet: SpreadSheet | null = $state(null);
     let columnDisplayNameInput: ColumnDisplayNameInput | null = $state(null);
 
-    function buildInitDoc() {
-        const now = new Date().toISOString();
-        return {
-            $id: ID.unique(),
-            $createdAt: toLocaleDateTime(now),
-            $updatedAt: toLocaleDateTime(now)
-        };
-    }
-
     async function onSelect(file: Models.File, localFile = false) {
         $isCollectionsJsonImportInProgress = true;