diff --git a/CHANGELOG.md b/CHANGELOG.md
index 7c93ca4a7..c462039d2 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,6 +1,17 @@
 # Changelog
 
 
+## v1.0.0-69
+
+
+### 🩹 Fixes
+
+- Fix record ui ([76d26f5](https://github.com/undb-io/undb/commit/76d26f5))
+
+### ❤️ Contributors
+
+- Nichenqin ([@nichenqin](http://github.com/nichenqin))
+
 ## v1.0.0-68
 
 
diff --git a/README.md b/README.md
index 17413a066..a9b927a8c 100644
--- a/README.md
+++ b/README.md
@@ -49,6 +49,8 @@ UNDB is a no-code platform that can also serve as a Backend as a Service (BaaS).
 
 ## Screenshot
 
+![kanban](./docs/images/kanban.jpeg)
+![gallery](./docs/images/gallery.jpeg)
 ![form](./docs/images/form.jpeg)
 ![openapi](./docs/images/openapi.jpeg)
 
diff --git a/apps/frontend/src/lib/components/blocks/field-options/button-field-option.svelte b/apps/frontend/src/lib/components/blocks/field-options/button-field-option.svelte
index fc5b0ac98..d7d1f4360 100644
--- a/apps/frontend/src/lib/components/blocks/field-options/button-field-option.svelte
+++ b/apps/frontend/src/lib/components/blocks/field-options/button-field-option.svelte
@@ -23,7 +23,7 @@
 
   const table = getTable()
 
-  $: visibleFields = $table.getOrderedVisibleFields()
+  $: visibleFields = $table?.getOrderedVisibleFields() ?? []
 
   export let disabled: boolean | undefined
   export let option: IButtonFieldOption = {
@@ -41,7 +41,7 @@
     },
   }
   const value = writable<MaybeConditionGroup<ZodUndefined> | undefined>()
-  $: validValue = $value ? parseValidViewFilter($table.schema, $value) : undefined
+  $: validValue = $table && $value ? parseValidViewFilter($table.schema, $value) : undefined
   $: if (validValue) {
     option.disabled = validValue
   }
@@ -53,9 +53,10 @@
   })
 
   $: selectedFields = option.action.values.map((v) => v.field)
-  $: selectableFields = $table.schema.fields.filter(
-    (f) => getIsMutableFieldType(f.type) && f.type !== "attachment" && !selectedFields.includes(f.id.value),
-  )
+  $: selectableFields =
+    $table?.schema.fields.filter(
+      (f) => getIsMutableFieldType(f.type) && f.type !== "attachment" && !selectedFields.includes(f.id.value),
+    ) ?? []
 </script>
 
 <div class="space-y-2">
@@ -74,7 +75,8 @@
   <div class="space-y-2 rounded-md border px-4 py-3">
     <p class="text-xs font-semibold">Update Value when Click Button</p>
     {#each option.action.values as value, index}
-      {@const field = value.field ? $table.schema.getFieldById(new FieldIdVo(value.field)).unwrap() : undefined}
+      {@const field =
+        value.field && $table ? $table.schema.getFieldById(new FieldIdVo(value.field)).unwrap() : undefined}
       <FieldPicker
         class="w-full"
         bind:value={value.field}
@@ -90,7 +92,7 @@
           placeholder="Value to update..."
           bind:value={value.value}
           {field}
-          tableId={$table.id.value}
+          tableId={$table?.id.value}
         />
       {/if}
       {#if index !== option.action.values.length - 1}
diff --git a/apps/frontend/src/lib/components/blocks/field-value/string-field.svelte b/apps/frontend/src/lib/components/blocks/field-value/string-field.svelte
index 3e88be23f..a15259ded 100644
--- a/apps/frontend/src/lib/components/blocks/field-value/string-field.svelte
+++ b/apps/frontend/src/lib/components/blocks/field-value/string-field.svelte
@@ -8,7 +8,7 @@
 </script>
 
 {#if v}
-  <div class={cn("text-sm", $$restProps.class)}>
+  <div class={cn("truncate text-left text-sm", $$restProps.class)}>
     {v}
   </div>
 {/if}
diff --git a/apps/frontend/src/lib/components/blocks/filters-editor/filters-editor.svelte b/apps/frontend/src/lib/components/blocks/filters-editor/filters-editor.svelte
index 2d790758e..92b6cccc1 100644
--- a/apps/frontend/src/lib/components/blocks/filters-editor/filters-editor.svelte
+++ b/apps/frontend/src/lib/components/blocks/filters-editor/filters-editor.svelte
@@ -34,7 +34,7 @@
   export let disabled = false
   export let readonly = false
 
-  $: filteredFields = table.getOrderedVisibleFields().filter((f) => filter({ id: f.id.value, type: f.type }))
+  $: filteredFields = table?.getOrderedVisibleFields().filter((f) => filter({ id: f.id.value, type: f.type })) ?? []
   export let disableGroup = false
 
   $: isEven = level % 2 === 0
@@ -103,7 +103,7 @@
       {#each value.children as child, i (child.id)}
         {#if isMaybeFieldCondition(child)}
           {@const field = child.field
-            ? table.schema.getFieldById(new FieldIdVo(child.field)).into(undefined)
+            ? table?.schema.getFieldById(new FieldIdVo(child.field)).into(undefined)
             : undefined}
           <div class="grid grid-cols-12 items-center gap-2">
             {#if i === 0 || disableGroup}
@@ -122,7 +122,7 @@
               <FilterField
                 {disabled}
                 {readonly}
-                table={writable(table)}
+                table={table ? writable(table) : undefined}
                 {sameWidth}
                 onValueChange={(type, prev) => {
                   if (type !== prev) {
@@ -135,7 +135,13 @@
                 bind:value={child.field}
                 class={cn("col-span-4 rounded-r-none border-r-0")}
               />
-              <FieldFilterControl class="col-span-8 overflow-hidden" {disabled} {field} bind:op={child.op} bind:value={child.value} />
+              <FieldFilterControl
+                class="col-span-8 overflow-hidden"
+                {disabled}
+                {field}
+                bind:op={child.op}
+                bind:value={child.value}
+              />
             </div>
             <div class="col-span-1 flex items-center gap-2">
               {#if !readonly && $hasPermission("table:update")}
diff --git a/apps/frontend/src/lib/components/blocks/kanban-view/kanban-card.svelte b/apps/frontend/src/lib/components/blocks/kanban-view/kanban-card.svelte
index 09d327ec9..1842ec459 100644
--- a/apps/frontend/src/lib/components/blocks/kanban-view/kanban-card.svelte
+++ b/apps/frontend/src/lib/components/blocks/kanban-view/kanban-card.svelte
@@ -28,15 +28,18 @@
   on:click={() => ($r = record.id.value)}
   disabled={readonly}
   data-record-id={record.id.value}
-  class={cn("relative mb-2 flex w-full flex-col space-y-2 rounded bg-white p-2 shadow", isMatch && "pl-3")}
+  class={cn(
+    "relative mb-2 flex w-full flex-col space-y-2 overflow-hidden rounded bg-white p-2 shadow",
+    isMatch && "pl-3",
+  )}
 >
   {#if isMatch}
     <div class={cn("absolute left-0 top-0 h-full w-1", condition && getBgColor(condition.option.color))}></div>
   {/if}
   {#each fields as field}
-    <div class="flex items-center gap-2">
+    <div class="flex w-full items-center gap-2">
       <Tooltip.Root>
-        <Tooltip.Trigger>
+        <Tooltip.Trigger class="w-full">
           <FieldValue
             {field}
             tableId={$table.id.value}
@@ -44,6 +47,7 @@
             value={values[field.id.value]}
             type={field.type}
             displayValue={displayValues[field.id.value]}
+            class="w-full truncate"
           />
         </Tooltip.Trigger>
         <Tooltip.Content>
diff --git a/apps/frontend/src/lib/components/blocks/record-detail/record-detail.svelte b/apps/frontend/src/lib/components/blocks/record-detail/record-detail.svelte
index f98974376..e3e40e3e1 100644
--- a/apps/frontend/src/lib/components/blocks/record-detail/record-detail.svelte
+++ b/apps/frontend/src/lib/components/blocks/record-detail/record-detail.svelte
@@ -133,7 +133,7 @@
             {/if}
           </div>
         </Form.Label>
-        <div class="h-9 flex-1 overflow-hidden">
+        <div class="min-h-9 flex-1 overflow-hidden">
           {#if field.isSystem || !field.isMutable}
             <FieldValue
               {field}
diff --git a/apps/frontend/src/routes/(share)/s/f/[shareId]/+layout.svelte b/apps/frontend/src/routes/(share)/s/f/[shareId]/+layout.svelte
index 27423ccd5..8b7f70c6e 100644
--- a/apps/frontend/src/routes/(share)/s/f/[shareId]/+layout.svelte
+++ b/apps/frontend/src/routes/(share)/s/f/[shareId]/+layout.svelte
@@ -4,6 +4,7 @@
   import type { LayoutData } from "./$types"
   import { writable } from "svelte/store"
   import { shareStore } from "$lib/store/share.store"
+  import Logo from "$lib/images/logo.svg"
 
   export let data: LayoutData
   $: tableStore = data.getFormShareData
@@ -26,7 +27,13 @@
 </script>
 
 {#if $table}
-  <slot />
+  <main class="relative h-full w-full">
+    <slot />
+    <div class="text-muted-foreground absolute bottom-5 right-5 flex items-center justify-center text-sm">
+      <img src={Logo} alt="undb" class="mr-2 h-4 w-4" />
+      Powered by <a href="https://undb.io" class="text-primary underline">&nbsp;undb</a>
+    </div>
+  </main>
 {/if}
 
 <style>
diff --git a/docs/images/gallery.jpeg b/docs/images/gallery.jpeg
new file mode 100644
index 000000000..46fd4e2cc
Binary files /dev/null and b/docs/images/gallery.jpeg differ
diff --git a/docs/images/intro.jpeg b/docs/images/intro.jpeg
index fbc9c3eeb..6201b884d 100644
Binary files a/docs/images/intro.jpeg and b/docs/images/intro.jpeg differ
diff --git a/docs/images/kanban.jpeg b/docs/images/kanban.jpeg
new file mode 100644
index 000000000..3f019bb1e
Binary files /dev/null and b/docs/images/kanban.jpeg differ
diff --git a/package.json b/package.json
index 0ce5df51c..12ce98780 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "undb",
-  "version": "1.0.0-68",
+  "version": "1.0.0-69",
   "private": true,
   "scripts": {
     "build": "NODE_ENV=production bun --bun turbo build",
diff --git a/packages/command-handlers/src/handlers/index.ts b/packages/command-handlers/src/handlers/index.ts
index 33c323deb..ec274899a 100644
--- a/packages/command-handlers/src/handlers/index.ts
+++ b/packages/command-handlers/src/handlers/index.ts
@@ -39,6 +39,7 @@ import { SetViewFieldsCommandHandler } from "./set-view-fields.command-handler"
 import { SetViewFilterCommandHandler } from "./set-view-filter.command-handler"
 import { SetViewOptionCommandHandler } from "./set-view-option.command-handler"
 import { SetViewSortCommandHandler } from "./set-view-sort.command-handler"
+import { SubmitFormCommandHandler } from "./submit-form.command-handler"
 import { TriggerRecordButtonCommandHandler } from "./trigger-record-button.command-handler"
 import { UpdateAccountCommandHandler } from "./update-account.command-handler"
 import { UpdateBaseCommandHandler } from "./update-base.command-handler"
@@ -100,4 +101,5 @@ export const commandHandlers = [
   DeleteBaseCommandHandler,
   TriggerRecordButtonCommandHandler,
   DeleteFormCommandHandler,
+  SubmitFormCommandHandler,
 ]
diff --git a/packages/command-handlers/src/handlers/submit-form.command-handler.ts b/packages/command-handlers/src/handlers/submit-form.command-handler.ts
new file mode 100644
index 000000000..1a8b51050
--- /dev/null
+++ b/packages/command-handlers/src/handlers/submit-form.command-handler.ts
@@ -0,0 +1,23 @@
+import { SubmitFormCommand } from "@undb/commands"
+import { commandHandler } from "@undb/cqrs"
+import { singleton } from "@undb/di"
+import type { ICommandHandler } from "@undb/domain"
+import { createLogger } from "@undb/logger"
+import { injectRecordsService, type IRecordsService } from "@undb/table"
+
+@commandHandler(SubmitFormCommand)
+@singleton()
+export class SubmitFormCommandHandler implements ICommandHandler<SubmitFormCommand, any> {
+  logger = createLogger(SubmitFormCommandHandler.name)
+  constructor(
+    @injectRecordsService()
+    private readonly service: IRecordsService,
+  ) {}
+
+  async execute(command: SubmitFormCommand): Promise<any> {
+    this.logger.debug(command, "executing submit form command")
+    const record = await this.service.submitForm(command, { formId: command.formId, values: command.values })
+
+    return record.id.value
+  }
+}
diff --git a/packages/commands/src/index.ts b/packages/commands/src/index.ts
index 31781ed58..645e48f0e 100644
--- a/packages/commands/src/index.ts
+++ b/packages/commands/src/index.ts
@@ -39,6 +39,7 @@ export * from "./set-view-fields.command"
 export * from "./set-view-filter.command"
 export * from "./set-view-option.command"
 export * from "./set-view-sort.command"
+export * from "./submit-form.command"
 export * from "./trigger-record-button.command"
 export * from "./update-account.command"
 export * from "./update-base.command"
diff --git a/packages/commands/src/submit-form.command.ts b/packages/commands/src/submit-form.command.ts
new file mode 100644
index 000000000..f23d128e3
--- /dev/null
+++ b/packages/commands/src/submit-form.command.ts
@@ -0,0 +1,25 @@
+import { Command, type CommandProps } from "@undb/domain"
+import type { IRecordValues } from "@undb/table"
+import { submitFormDTO, uniqueTableDTO } from "@undb/table"
+import { z } from "@undb/zod"
+
+export const submitFormCommand = submitFormDTO.merge(uniqueTableDTO)
+
+export type ISubmitFormCommand = z.infer<typeof submitFormCommand>
+
+export class SubmitFormCommand extends Command implements ISubmitFormCommand {
+  public readonly tableId?: string
+  public readonly formId: string
+  public readonly baseName?: string
+  public readonly tableName?: string
+  public readonly values: IRecordValues
+
+  constructor(props: CommandProps<ISubmitFormCommand>) {
+    super(props)
+    this.tableId = props.tableId
+    this.formId = props.formId
+    this.baseName = props.baseName
+    this.tableName = props.tableName
+    this.values = props.values
+  }
+}
diff --git a/packages/persistence/src/record/record.query-repository.ts b/packages/persistence/src/record/record.query-repository.ts
index 577ed06f6..d42f187eb 100644
--- a/packages/persistence/src/record/record.query-repository.ts
+++ b/packages/persistence/src/record/record.query-repository.ts
@@ -3,7 +3,6 @@ import { inject, singleton } from "@undb/di"
 import { None, Option, Some, type PaginatedDTO } from "@undb/domain"
 import {
   AUTO_INCREMENT_TYPE,
-  FieldIdVo,
   ID_TYPE,
   TableIdVo,
   injectTableRepository,
@@ -86,11 +85,7 @@ export class RecordQueryRepository implements IRecordQueryRepository {
     const select = q?.select.into(undefined)
     const view = q?.ignoreView ? undefined : q?.view
 
-    const selectFields = select
-      ? select.map((f) => table.schema.getFieldById(new FieldIdVo(f)).into(undefined)).filter((f) => !!f)
-      : view
-        ? table.getOrderedVisibleFields(view.id.value)
-        : table.schema.fields
+    const selectFields = table.getSelectFields(view, select)
 
     const foreignTables = await this.getForeignTables(table, selectFields)
     const qb = this.helper.createQuery(table, foreignTables, selectFields, None)
@@ -115,11 +110,7 @@ export class RecordQueryRepository implements IRecordQueryRepository {
     const pagination = query.into(undefined)?.pagination.into(undefined)
     const select = query.into(undefined)?.select.into(undefined)
 
-    const selectFields = select
-      ? select.map((f) => table.schema.getFieldById(new FieldIdVo(f)).into(undefined)).filter((f) => !!f)
-      : ignoreView
-        ? table.schema.fields
-        : table.getOrderedVisibleFields(view.id.value)
+    const selectFields = table.getSelectFields(ignoreView ? undefined : view, select)
     const foreignTables = await this.getForeignTables(table, selectFields)
     const qb = this.helper.createQuery(table, foreignTables, selectFields, spec)
 
@@ -159,9 +150,7 @@ export class RecordQueryRepository implements IRecordQueryRepository {
     const spec = table.getQuerySpec({ viewId: view.id.value, userId, filter })
 
     const select = query.into(undefined)?.select.into(undefined)
-    const selectFields = select
-      ? select.map((f) => table.schema.getFieldById(new FieldIdVo(f)).into(undefined)).filter((f) => !!f)
-      : table.getOrderedVisibleFields(view.id.value)
+    const selectFields = table.getSelectFields(view, select)
 
     const foreignTables = await this.getForeignTables(table, selectFields)
     const qb = this.helper.createQueryCreator(table, foreignTables, selectFields, spec)
diff --git a/packages/table/src/modules/records/record/dto/index.ts b/packages/table/src/modules/records/record/dto/index.ts
index ee3a190bb..79546fe17 100644
--- a/packages/table/src/modules/records/record/dto/index.ts
+++ b/packages/table/src/modules/records/record/dto/index.ts
@@ -5,4 +5,5 @@ export * from "./create-record.dto"
 export * from "./delete-record.dto"
 export * from "./duplicate-record.dto"
 export * from "./record.dto"
+export * from "./submit-form.dto"
 export * from "./update-record.dto"
diff --git a/packages/table/src/modules/records/record/dto/submit-form.dto.ts b/packages/table/src/modules/records/record/dto/submit-form.dto.ts
new file mode 100644
index 000000000..58b1c9a43
--- /dev/null
+++ b/packages/table/src/modules/records/record/dto/submit-form.dto.ts
@@ -0,0 +1,12 @@
+import { z } from "@undb/zod"
+import { formId } from "../../../forms/form/form-id.vo"
+import { recordId } from "../record-id.vo"
+import { recordValues } from "../record-values.vo"
+
+export const submitFormDTO = z.object({
+  id: recordId.optional(),
+  formId: formId,
+  values: recordValues,
+})
+
+export type ISubmitFormDTO = z.infer<typeof submitFormDTO>
diff --git a/packages/table/src/modules/records/services/methods/submit-form.method.ts b/packages/table/src/modules/records/services/methods/submit-form.method.ts
new file mode 100644
index 000000000..094bf4eb7
--- /dev/null
+++ b/packages/table/src/modules/records/services/methods/submit-form.method.ts
@@ -0,0 +1,19 @@
+import { Some } from "@undb/domain"
+import type { IUniqueTableDTO } from "../../../../dto"
+import { withUniqueTable } from "../../../../specifications"
+import { RecordDO, type ISubmitFormDTO } from "../../record"
+import type { RecordsService } from "../records.service"
+
+export async function submitFormMethod(
+  this: RecordsService,
+  t: IUniqueTableDTO,
+  dto: ISubmitFormDTO,
+): Promise<RecordDO> {
+  const spec = withUniqueTable(t).unwrap()
+  const table = (await this.tableRepository.findOne(Some(spec))).expect("Table not found")
+
+  const record = RecordDO.create(table, dto)
+  await this.repo.insert(table, record)
+
+  return record
+}
diff --git a/packages/table/src/modules/records/services/records.query-service.ts b/packages/table/src/modules/records/services/records.query-service.ts
index bd89343b3..5b8ad751a 100644
--- a/packages/table/src/modules/records/services/records.query-service.ts
+++ b/packages/table/src/modules/records/services/records.query-service.ts
@@ -4,7 +4,7 @@ import { group } from "radash"
 import type { TableDo } from "../../../table.do"
 import type { ITableRepository } from "../../../table.repository"
 import { injectTableRepository } from "../../../table.repository.provider"
-import { FieldIdVo, type IAttachmentFieldValue } from "../../schema"
+import { type IAttachmentFieldValue } from "../../schema"
 import { injectObjectStorage, type IObjectStorage } from "../../storage"
 import type { AggregateResult, ICountRecordsDTO, IGetAggregatesDTO, IGetRecordByIdDTO, IGetRecordsDTO } from "../dto"
 import {
@@ -73,9 +73,7 @@ export class RecordsQueryService implements IRecordsQueryService {
     table: TableDo,
     value: IRecordDTO["values"],
   ): Promise<IRecordDTO["values"]> {
-    const fields = dto.select?.length
-      ? dto.select.map((fieldId) => table.schema.getFieldById(new FieldIdVo(fieldId)).unwrap())
-      : table.schema.fields
+    const fields = table.getSelectFields(undefined, dto.select)
     const attachmentFields = fields.filter((field) => field.type === "attachment")
     if (!attachmentFields.length) {
       return value
diff --git a/packages/table/src/modules/records/services/records.service.ts b/packages/table/src/modules/records/services/records.service.ts
index 7bdfd2a30..1fc1c3b3e 100644
--- a/packages/table/src/modules/records/services/records.service.ts
+++ b/packages/table/src/modules/records/services/records.service.ts
@@ -12,6 +12,7 @@ import {
   type IDeleteRecordDTO,
   type IDuplicateRecordDTO,
   type IRecordRepository,
+  type ISubmitFormDTO,
   type IUpdateRecordDTO,
   type RecordDO,
 } from "../record"
@@ -23,11 +24,13 @@ import { createRecordMethod } from "./methods/create-record.method"
 import { createRecordsMethod } from "./methods/create-records.method"
 import { deleteRecordMethod } from "./methods/delete-record.method"
 import { duplicateRecordMethod } from "./methods/duplicate-record.method"
+import { submitFormMethod } from "./methods/submit-form.method"
 import { triggerRecordButtonMethod } from "./methods/trigger-record-button.method"
 import { updateRecordMethod } from "./methods/update-record.method"
 
 export interface IRecordsService {
   createRecord(table: IUniqueTableDTO, dto: ICreateRecordDTO): Promise<RecordDO>
+  submitForm(table: IUniqueTableDTO, dto: ISubmitFormDTO): Promise<RecordDO>
   createRecords(table: IUniqueTableDTO, dto: ICreateRecordDTO[]): Promise<RecordDO[]>
   updateRecord(table: IUniqueTableDTO, dto: IUpdateRecordDTO): Promise<RecordDO>
   triggerRecordButton(table: IUniqueTableDTO, dto: ITriggerRecordButtonDTO): Promise<Option<RecordDO>>
@@ -48,6 +51,7 @@ export class RecordsService implements IRecordsService {
   ) {}
 
   createRecord = createRecordMethod
+  submitForm = submitFormMethod
   createRecords = createRecordsMethod
   updateRecord = updateRecordMethod
   triggerRecordButton = triggerRecordButtonMethod
diff --git a/packages/table/src/modules/schema/fields/condition/condition.util.ts b/packages/table/src/modules/schema/fields/condition/condition.util.ts
index 448ed6e08..308295961 100644
--- a/packages/table/src/modules/schema/fields/condition/condition.util.ts
+++ b/packages/table/src/modules/schema/fields/condition/condition.util.ts
@@ -124,6 +124,22 @@ export function getFlattenFieldConditions<OptionType extends z.ZodTypeAny>(
   return result
 }
 
+export function getFieldIdsFromConditionGroup<OptionType extends z.ZodTypeAny>(
+  condition: IConditionGroup<OptionType>,
+): string[] {
+  const result: string[] = []
+
+  condition.children.forEach((child) => {
+    if (isFieldCondition(child)) {
+      result.push(child.field)
+    } else if (isGroup(child)) {
+      result.push(...getFieldIdsFromConditionGroup(child))
+    }
+  })
+
+  return result
+}
+
 export function parseValidCondition<OptionType extends z.ZodTypeAny>(optionType: OptionType) {
   function validate(schema: Schema, condition: MaybeConditionGroup<OptionType>): IConditionGroup<OptionType> {
     const children: IConditionGroupChildren<OptionType> = []
diff --git a/packages/table/src/modules/schema/fields/variants/button-field/button-field.vo.ts b/packages/table/src/modules/schema/fields/variants/button-field/button-field.vo.ts
index 7eef45f2d..d8813050c 100644
--- a/packages/table/src/modules/schema/fields/variants/button-field/button-field.vo.ts
+++ b/packages/table/src/modules/schema/fields/variants/button-field/button-field.vo.ts
@@ -4,7 +4,7 @@ import { WithUpdatedFieldSpecification } from "../../../../../specifications/tab
 import type { TableDo } from "../../../../../table.do"
 import type { IRecordComositeSpecification, RecordDO } from "../../../../records"
 import { createConditionGroup } from "../../condition/condition.type"
-import { conditionWithoutFields, getSpec } from "../../condition/condition.util"
+import { conditionWithoutFields, getFieldIdsFromConditionGroup, getSpec } from "../../condition/condition.util"
 import { fieldId, FieldIdVo } from "../../field-id.vo"
 import type { Field } from "../../field.type"
 import type { IFieldVisitor } from "../../field.visitor"
@@ -89,6 +89,13 @@ export class ButtonField extends AbstractField<ButtonFieldValue, undefined, IBut
     return spec.isSome() ? record.match(spec.unwrap()) : false
   }
 
+  public getFieldIdsFromDisabled() {
+    const disabled = this.option.into(undefined)?.disabled
+    if (!disabled) return []
+
+    return getFieldIdsFromConditionGroup(disabled)
+  }
+
   override type = BUTTON_TYPE
 
   override get aggregate() {
diff --git a/packages/table/src/table.do.ts b/packages/table/src/table.do.ts
index 23bcecae2..e9e8c5de6 100644
--- a/packages/table/src/table.do.ts
+++ b/packages/table/src/table.do.ts
@@ -31,6 +31,7 @@ import {
   type FormId,
   type IRecordValues,
   type TableRLSGroup,
+  type View,
 } from "./modules"
 import type { FormsVO } from "./modules/forms/forms.vo"
 import type { Schema } from "./modules/schema/schema.vo"
@@ -153,6 +154,40 @@ export class TableDo extends AggregateRoot<ITableEvents> {
     return andOptions(rlsSpec, viewSpec, Option(filter)) as Option<RecordComositeSpecification>
   }
 
+  getSelectFields(view?: View, select?: string[]): Field[] {
+    const selected = select
+      ? select.map((f) => this.schema.getFieldById(new FieldIdVo(f)).unwrap())
+      : view
+        ? this.getOrderedVisibleFields(view.id.value)
+        : this.schema.fields
+
+    const addField = (fieldId: string) => {
+      if (!set.has(fieldId)) {
+        selected.push(this.schema.getFieldById(new FieldIdVo(fieldId)).unwrap())
+        set.add(fieldId)
+      }
+    }
+
+    const set = new Set(selected.map((f) => f.id.value))
+    if (view?.type === "kanban") {
+      const fieldId = view.field.into(undefined)
+      if (fieldId) {
+        addField(fieldId)
+      }
+    }
+
+    for (const field of selected) {
+      if (field.type === "button") {
+        const fieldIds = field.getFieldIdsFromDisabled()
+        for (const fieldId of fieldIds) {
+          addField(fieldId)
+        }
+      }
+    }
+
+    return selected
+  }
+
   toJSON(): ITableDTO {
     return {
       id: this.id.value,
diff --git a/packages/trpc/src/router.ts b/packages/trpc/src/router.ts
index 26de5ea93..8f132192f 100644
--- a/packages/trpc/src/router.ts
+++ b/packages/trpc/src/router.ts
@@ -37,6 +37,7 @@ import {
   SetViewFilterCommand,
   SetViewOptionCommand,
   SetViewSortCommand,
+  SubmitFormCommand,
   TriggerRecordButtonCommand,
   UpdateAccountCommand,
   UpdateBaseCommand,
@@ -85,6 +86,7 @@ import {
   setViewFilterCommand,
   setViewOptionCommand,
   setViewSortCommand,
+  submitFormCommand,
   triggerRecordButtonCommand,
   updateBaseCommand,
   updateRecordCommand,
@@ -144,6 +146,9 @@ const formRouter = t.router({
     .use(authz("form:delete"))
     .input(deleteFormCommand)
     .mutation(({ input }) => commandBus.execute(new DeleteFormCommand(input))),
+  submit: privateProcedure
+    .input(submitFormCommand)
+    .mutation(({ input }) => commandBus.execute(new SubmitFormCommand(input))),
 })
 
 const viewRouter = t.router({