From 640718cceb2595f304f6d6e7307cf6c1fd4f0d3c Mon Sep 17 00:00:00 2001
From: nichenqin <nichenqin@hotmail.com>
Date: Sat, 7 Dec 2024 15:55:58 +0800
Subject: [PATCH] feat: init playground

---
 apps/frontend/package.json                    |   3 +-
 .../blocks/aggregate/aggregate.svelte         |   4 +-
 .../bulk-update-records.svelte                |  13 +-
 .../calendar-date-remove-button.svelte        |  12 +-
 .../calendar-view-day-timeline.svelte         |  10 +-
 .../calendar-view-month-date.svelte           |  11 +-
 .../calendar-view-month-records.svelte        |   4 +-
 .../calendar-view/calendar-view-month.svelte  |   4 +-
 .../blocks/create-base/create-base.svelte     |  27 +-
 .../blocks/create-field/create-field.svelte   |  11 +-
 .../blocks/create-record/create-record.svelte |  14 +-
 .../blocks/dashboard/dashboard-widget.svelte  |   4 +-
 .../blocks/dashboard/dashboard.svelte         | 229 ++++++++++++++++
 .../field-control/button-control.svelte       |  11 +-
 .../create-reference-field-optioin.svelte     |  21 +-
 .../blocks/field-options/foreign-table.gql    |  21 --
 .../field-options/rollup-field-option.svelte  |  20 +-
 .../update-reference-field-optioin.svelte     |  23 +-
 .../components/blocks/field/field-menu.svelte |  50 ++--
 .../blocks/gallery-view/gallery-view.svelte   |   4 +-
 .../editable-cell/attachment-cell.svelte      |  12 +-
 .../editable-cell/button-cell.svelte          |   4 +-
 .../editable-cell/checkbox-cell.svelte        |  11 +-
 .../editable-cell/currency-cell.svelte        |  11 +-
 .../grid-view/editable-cell/date-cell.svelte  |  13 +-
 .../editable-cell/date-range-cell.svelte      |  11 +-
 .../editable-cell/duration-cell.svelte        |  11 +-
 .../grid-view/editable-cell/email-cell.svelte |  11 +-
 .../grid-view/editable-cell/json-cell.svelte  |  11 +-
 .../editable-cell/long-text-cell.svelte       |  11 +-
 .../editable-cell/number-cell.svelte          |  11 +-
 .../editable-cell/percentage-cell.svelte      |  11 +-
 .../editable-cell/rating-cell.svelte          |  11 +-
 .../editable-cell/reference-cell.svelte       |   5 +-
 .../editable-cell/select-cell.svelte          |  12 +-
 .../editable-cell/string-cell.svelte          |  11 +-
 .../grid-view/editable-cell/url-cell.svelte   |  11 +-
 .../grid-view/editable-cell/user-cell.svelte  |  12 +-
 .../blocks/grid-view/grid-view.svelte         |   6 +-
 .../grid-view/selected-records-button.svelte  |  19 +-
 .../kanban-view/select-kanban-lane.svelte     |  16 +-
 .../kanban-view/select-kanban-view.svelte     |  12 +-
 .../blocks/list-view/list-view.svelte         |   4 +-
 .../blocks/member/member-menu.svelte          |   4 +
 .../blocks/playground/playground.svelte       |  27 ++
 .../blocks/record-detail/record-detail.svelte |  13 +-
 .../table-record-detail-sheet.svelte          |   4 +-
 .../foreign-record-detail-button.svelte       |   4 +-
 .../foreign-records-picker-dropdown.svelte    |   5 +-
 .../reference/foreign-records-picker.svelte   |  10 +-
 .../reference/foreign-table-picker.svelte     | 103 +++----
 .../blocks/reference/foreign-table.gql        |  33 ---
 .../blocks/reference/foreign-tables.gql       |  16 --
 .../blocks/table-tools/table-tools.svelte     |   7 +-
 .../blocks/template/template-card.svelte      |  23 +-
 .../blocks/template/template-preview.svelte   |   7 +-
 .../blocks/update-field/update-field.svelte   |  12 +-
 .../view-color-editor.svelte                  |  11 +-
 .../blocks/view-fields/view-fields.svelte     |  11 +-
 .../view-filter-editor.svelte                 |  12 +-
 .../blocks/view-sort/view-sort.svelte         |  11 +-
 apps/frontend/src/lib/registry.svelte.ts      |  54 +++-
 .../src/lib/store/data-service.store.ts       |   4 +-
 .../src/lib/store/playground.svelte.ts        |  11 +
 apps/frontend/src/lib/store/records.store.ts  |  10 +-
 .../src/lib/store/space-member.store.ts       |   3 +
 apps/frontend/src/lib/trpc/client.ts          |   4 -
 .../routes/(authed)/(space)/+layout.svelte    |   4 +-
 .../dashboards/[dashboardId]/+page.svelte     | 223 +---------------
 apps/frontend/src/routes/+layout.ts           |   6 +
 .../src/routes/playground/+layout.svelte      |   9 +
 .../frontend/src/routes/playground/+layout.ts |   1 +
 .../src/routes/playground/+page.svelte        |   5 +
 .../playground/bases/[baseId]/+layout.svelte  | 204 ++++++++++++++
 .../playground/bases/[baseId]/+layout.ts      |  28 ++
 .../playground/bases/[baseId]/+page.svelte    |   1 +
 .../[baseId]/d/[dashboardId]/+layout.svelte   |  17 ++
 .../bases/[baseId]/d/[dashboardId]/+layout.ts |  24 ++
 .../[baseId]/d/[dashboardId]/+page.svelte     |   5 +
 .../t/[tableId]/[[viewId]]/+layout.svelte     |   1 +
 .../t/[tableId]/[[viewId]]/+layout.ts         |  23 ++
 .../t/[tableId]/[[viewId]]/+page.svelte       |  28 ++
 bun.lockb                                     | Bin 556304 -> 556328 bytes
 package.json                                  |   5 +-
 .../handlers/create-base.command-handler.ts   |   7 +-
 packages/command-handlers/src/index.ts        |  14 +
 packages/commands/src/create-base.command.ts  |   9 +-
 packages/dashboard/src/dashboard.factory.ts   |   1 -
 .../src/value-objects/dashboard-layout.vo.ts  |   2 -
 .../data-service/src/data-service.impl.ts     | 252 +++++++++++++++++-
 .../data-service/src/data-service.provider.ts |   4 +
 .../src/data-service.registery.ts             |  21 +-
 packages/event-handlers/package.json          |   1 +
 ...ashboard-on-field-deleted.event-handler.ts |   2 +-
 packages/i18n/src/i18n/en/index.ts            |   1 +
 packages/i18n/src/i18n/es/index.ts            |   1 +
 packages/i18n/src/i18n/i18n-types.ts          |   8 +
 packages/i18n/src/i18n/ja/index.ts            |   1 +
 packages/i18n/src/i18n/ko/index.ts            |   1 +
 packages/i18n/src/i18n/pt/index.ts            |   1 +
 packages/i18n/src/i18n/zh/index.ts            |   1 +
 .../src/member/space-member.repository.ts     |   1 +
 packages/queries/src/get-base.query.ts        |   6 +-
 .../queries/src/get-dashboard-by-id.query.ts  |   6 +-
 packages/queries/src/get-dashboards.query.ts  |   5 +
 packages/queries/src/get-tables.query.ts      |   4 +
 .../src/handlers/get-base.query-handler.ts    |  10 +-
 .../get-dashboard-by-id.query-handler.ts      |   8 +-
 .../handlers/get-dashboards.query-handler.ts  |   8 +-
 .../src/handlers/get-tables.query-handler.ts  |   8 +-
 packages/query-handlers/src/index.ts          |   4 +
 packages/trpc/src/router.ts                   |  22 +-
 turbo.json                                    |   3 +
 113 files changed, 1617 insertions(+), 521 deletions(-)
 create mode 100644 apps/frontend/src/lib/components/blocks/dashboard/dashboard.svelte
 delete mode 100644 apps/frontend/src/lib/components/blocks/field-options/foreign-table.gql
 create mode 100644 apps/frontend/src/lib/components/blocks/playground/playground.svelte
 delete mode 100644 apps/frontend/src/lib/components/blocks/reference/foreign-table.gql
 delete mode 100644 apps/frontend/src/lib/components/blocks/reference/foreign-tables.gql
 create mode 100644 apps/frontend/src/lib/store/playground.svelte.ts
 create mode 100644 apps/frontend/src/routes/playground/+layout.svelte
 create mode 100644 apps/frontend/src/routes/playground/+layout.ts
 create mode 100644 apps/frontend/src/routes/playground/+page.svelte
 create mode 100644 apps/frontend/src/routes/playground/bases/[baseId]/+layout.svelte
 create mode 100644 apps/frontend/src/routes/playground/bases/[baseId]/+layout.ts
 create mode 100644 apps/frontend/src/routes/playground/bases/[baseId]/+page.svelte
 create mode 100644 apps/frontend/src/routes/playground/bases/[baseId]/d/[dashboardId]/+layout.svelte
 create mode 100644 apps/frontend/src/routes/playground/bases/[baseId]/d/[dashboardId]/+layout.ts
 create mode 100644 apps/frontend/src/routes/playground/bases/[baseId]/d/[dashboardId]/+page.svelte
 create mode 100644 apps/frontend/src/routes/playground/bases/[baseId]/t/[tableId]/[[viewId]]/+layout.svelte
 create mode 100644 apps/frontend/src/routes/playground/bases/[baseId]/t/[tableId]/[[viewId]]/+layout.ts
 create mode 100644 apps/frontend/src/routes/playground/bases/[baseId]/t/[tableId]/[[viewId]]/+page.svelte

diff --git a/apps/frontend/package.json b/apps/frontend/package.json
index 413ab1dde..279f35cba 100644
--- a/apps/frontend/package.json
+++ b/apps/frontend/package.json
@@ -10,7 +10,8 @@
     "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
     "test": "vitest",
     "lint": "prettier --check . && eslint .",
-    "format": "prettier --write ."
+    "format": "prettier --write .",
+    "clean": "bunx rimraf node_modules"
   },
   "devDependencies": {
     "@fontsource/fira-mono": "^5.1.0",
diff --git a/apps/frontend/src/lib/components/blocks/aggregate/aggregate.svelte b/apps/frontend/src/lib/components/blocks/aggregate/aggregate.svelte
index d4d78ec88..75f24897f 100644
--- a/apps/frontend/src/lib/components/blocks/aggregate/aggregate.svelte
+++ b/apps/frontend/src/lib/components/blocks/aggregate/aggregate.svelte
@@ -8,6 +8,7 @@
   import * as Tooltip from "$lib/components/ui/tooltip"
   import type { TableDo } from "@undb/table"
   import { getDataService, getIsLocal } from "$lib/store/data-service.store"
+  import { getIsPlayground } from "$lib/store/playground.svelte"
 
   export let tableId: string | undefined
   export let table: TableDo | undefined
@@ -22,6 +23,7 @@
   $: isValid = isValidWidget(widget) && !!tableId
 
   const isLocal = getIsLocal()
+  const isPlayground = getIsPlayground()
 
   const getAggregate = createQuery({
     queryKey: ["aggregate", widget.id],
@@ -41,7 +43,7 @@
           ignoreView,
         })
       }
-      const dataService = await getDataService(isLocal)
+      const dataService = await getDataService(isLocal, isPlayground)
       return dataService.records.getAggregates({
         tableId: tableId!,
         viewId,
diff --git a/apps/frontend/src/lib/components/blocks/bulk-update-records/bulk-update-records.svelte b/apps/frontend/src/lib/components/blocks/bulk-update-records/bulk-update-records.svelte
index 84f610aac..cf38522f9 100644
--- a/apps/frontend/src/lib/components/blocks/bulk-update-records/bulk-update-records.svelte
+++ b/apps/frontend/src/lib/components/blocks/bulk-update-records/bulk-update-records.svelte
@@ -21,13 +21,16 @@
   import * as Form from "$lib/components/ui/form"
   import * as Alert from "$lib/components/ui/alert/index.js"
   import { PencilIcon } from "lucide-svelte"
-  import type { IBulkUpdateRecordsCommandOutput } from "@undb/commands"
+  import type { IBulkUpdateRecordsCommand, IBulkUpdateRecordsCommandOutput } from "@undb/commands"
   import * as AlertDialog from "$lib/components/ui/alert-dialog"
   import FiltersEditor from "../filters-editor/filters-editor.svelte"
   import { writable, type Writable } from "svelte/store"
   import autoAnimate from "@formkit/auto-animate"
   import type { Readable } from "svelte/store"
   import { LL } from "@undb/i18n/client"
+  import { getDataService, getIsLocal } from "$lib/store/data-service.store"
+  import { getIsPlayground } from "$lib/store/playground.svelte"
+
 
   const table = getTable()
   export let viewId: Readable<string | undefined>
@@ -41,13 +44,19 @@
   export let filter: IViewFilterGroup | undefined = undefined
   export let onSuccess: (data: IBulkUpdateRecordsCommandOutput) => void = () => {}
 
+  const isLocal = getIsLocal()
+  const isPlayground = getIsPlayground()
+
   let selectedFieldIds: string[] = []
   $: selectedFields = selectedFieldIds.map((id) => $table.schema.getFieldById(new FieldIdVo(id)).unwrap())
 
   const client = useQueryClient()
 
   const updateRecordMutation = createMutation({
-    mutationFn: trpc.record.bulkUpdate.mutate,
+    mutationFn: async (command: IBulkUpdateRecordsCommand) => {
+      const dataService = await getDataService(isLocal, isPlayground)
+      return dataService.records.updateRecords(command)
+    },
     onSuccess: async (data) => {
       if (!data.modifiedCount) {
         toast.warning($LL.table.record.bulkUpdate.noRecordsUpdated())
diff --git a/apps/frontend/src/lib/components/blocks/calendar-view/calendar-date-remove-button.svelte b/apps/frontend/src/lib/components/blocks/calendar-view/calendar-date-remove-button.svelte
index 8d00b569f..c78830001 100644
--- a/apps/frontend/src/lib/components/blocks/calendar-view/calendar-date-remove-button.svelte
+++ b/apps/frontend/src/lib/components/blocks/calendar-view/calendar-date-remove-button.svelte
@@ -4,11 +4,13 @@
   import { type RecordDO, CalendarView, DateFieldValue, FieldIdVo } from "@undb/table"
   import { getRecordsStore } from "$lib/store/records.store"
   import { getTable } from "$lib/store/table.store"
-  import { trpc } from "$lib/trpc/client"
   import { createMutation } from "@tanstack/svelte-query"
   import { useQueryClient } from "@tanstack/svelte-query"
   import { cn } from "$lib/utils"
   import { calendarStore } from "$lib/store/calendar.store"
+  import { getDataService, getIsLocal } from "$lib/store/data-service.store"
+  import { getIsPlayground } from "$lib/store/playground.svelte"
+  import { type IUpdateRecordCommand } from "@undb/commands"
 
   export let view: CalendarView
 
@@ -19,8 +21,14 @@
 
   let field = fieldId ? $t.schema.getFieldById(new FieldIdVo(fieldId)).into(undefined) : undefined
 
+  const isLocal = getIsLocal()
+  const isPlayground = getIsPlayground()
+
   const updateRecord = createMutation({
-    mutationFn: trpc.record.update.mutate,
+    mutationFn: async (command: IUpdateRecordCommand) => {
+      const dataService = await getDataService(isLocal, isPlayground)
+      return dataService.records.updateRecord(command)
+    },
   })
 
   const client = useQueryClient()
diff --git a/apps/frontend/src/lib/components/blocks/calendar-view/calendar-view-day-timeline.svelte b/apps/frontend/src/lib/components/blocks/calendar-view/calendar-view-day-timeline.svelte
index b14bd90ee..2ac271aa1 100644
--- a/apps/frontend/src/lib/components/blocks/calendar-view/calendar-view-day-timeline.svelte
+++ b/apps/frontend/src/lib/components/blocks/calendar-view/calendar-view-day-timeline.svelte
@@ -30,6 +30,8 @@
   import { tick } from "svelte"
   import { hasPermission } from "$lib/store/space-member.store"
   import { getIsLocal, getDataService } from "$lib/store/data-service.store"
+  import { getIsPlayground } from "$lib/store/playground.svelte"
+  import { type IUpdateRecordCommand } from "@undb/commands"
 
   export let viewId: Readable<string | undefined>
   export let view: CalendarView
@@ -105,6 +107,7 @@
   const q = queryParam("q")
 
   const isLocal = getIsLocal()
+  const isPlayground = getIsPlayground()
 
   const getRecords = createQuery(
     derived([t, viewId, q, date], ([$table, $viewId, $q, $date]) => {
@@ -113,7 +116,7 @@
         queryKey: ["records", $table?.id.value, $viewId, $q, $date.toISOString()],
         enabled: view?.type === "calendar" && !disableRecordQuery,
         queryFn: async () => {
-          const dataService = await getDataService(isLocal)
+          const dataService = await getDataService(isLocal, isPlayground)
           const value = format($date, "yyyy-MM-dd")
           if (shareId) {
             return trpc.shareData.records.query({
@@ -255,7 +258,10 @@
   let overMinutes: number | undefined = undefined
 
   const updateRecord = createMutation({
-    mutationFn: trpc.record.update.mutate,
+    mutationFn: async (command: IUpdateRecordCommand) => {
+      const dataService = await getDataService(isLocal, isPlayground)
+      return dataService.records.updateRecord(command)
+    },
   })
 
   const client = useQueryClient()
diff --git a/apps/frontend/src/lib/components/blocks/calendar-view/calendar-view-month-date.svelte b/apps/frontend/src/lib/components/blocks/calendar-view/calendar-view-month-date.svelte
index 2c86691e3..9fa8a3c49 100644
--- a/apps/frontend/src/lib/components/blocks/calendar-view/calendar-view-month-date.svelte
+++ b/apps/frontend/src/lib/components/blocks/calendar-view/calendar-view-month-date.svelte
@@ -17,6 +17,9 @@
   import { CREATE_RECORD_MODAL, openModal } from "$lib/store/modal.store"
   import { defaultRecordValues } from "$lib/store/records.store"
   import { type Readable } from "svelte/store"
+  import { getIsLocal, getDataService } from "$lib/store/data-service.store"
+  import { getIsPlayground } from "$lib/store/playground.svelte"
+  import { type IUpdateRecordCommand } from "@undb/commands"
 
   export let field: DateField | DateRangeField
   export let date: Date
@@ -33,6 +36,9 @@
   const isSelected = calendarStore.isSelected
   const getIsSameMonth = calendarStore.getIsSameMonth
 
+  const isLocal = getIsLocal()
+  const isPlayground = getIsPlayground()
+
   $: color = $viewId ? $table.views.getViewById($viewId)?.color.into(undefined) : undefined
 
   $: day = getDate(date)
@@ -84,7 +90,10 @@
   }
 
   const updateRecord = createMutation({
-    mutationFn: trpc.record.update.mutate,
+    mutationFn: async (command: IUpdateRecordCommand) => {
+      const dataService = await getDataService(isLocal, isPlayground)
+      return dataService.records.updateRecord(command)
+    },
   })
 
   const client = useQueryClient()
diff --git a/apps/frontend/src/lib/components/blocks/calendar-view/calendar-view-month-records.svelte b/apps/frontend/src/lib/components/blocks/calendar-view/calendar-view-month-records.svelte
index e48b02aa5..ffdc89e82 100644
--- a/apps/frontend/src/lib/components/blocks/calendar-view/calendar-view-month-records.svelte
+++ b/apps/frontend/src/lib/components/blocks/calendar-view/calendar-view-month-records.svelte
@@ -21,6 +21,7 @@
   import { type MaybeConditionGroup, type IViewFilterOptionSchema } from "@undb/table"
   import { LL } from "@undb/i18n/client"
   import { getIsLocal, getDataService } from "$lib/store/data-service.store"
+  import { getIsPlayground } from "$lib/store/playground.svelte"
 
   export let viewId: Readable<string | undefined>
   export let view: CalendarView
@@ -31,6 +32,7 @@
 
   const t = getTable()
   const isLocal = getIsLocal()
+  const isPlayground = getIsPlayground()
 
   let defaultField = $t.schema.getDefaultDisplayField().into(undefined)
 
@@ -100,7 +102,7 @@
         return {
           queryKey: ["records", $table?.id.value, $viewId, $scope, dateString, $search],
           queryFn: async ({ pageParam = 1 }) => {
-            const dataService = await getDataService(isLocal)
+            const dataService = await getDataService(isLocal, isPlayground)
             if (shareId) {
               return trpc.shareData.records.query({
                 shareId,
diff --git a/apps/frontend/src/lib/components/blocks/calendar-view/calendar-view-month.svelte b/apps/frontend/src/lib/components/blocks/calendar-view/calendar-view-month.svelte
index d8e17d12f..f02d2b0f1 100644
--- a/apps/frontend/src/lib/components/blocks/calendar-view/calendar-view-month.svelte
+++ b/apps/frontend/src/lib/components/blocks/calendar-view/calendar-view-month.svelte
@@ -13,6 +13,7 @@
   import CalendarViewMonthRecords from "./calendar-view-month-records.svelte"
   import CalendarViewMonthDate from "./calendar-view-month-date.svelte"
   import { getIsLocal, getDataService } from "$lib/store/data-service.store"
+  import { getIsPlayground } from "$lib/store/playground.svelte"
 
   export let viewId: Readable<string | undefined>
   export let view: CalendarView
@@ -28,6 +29,7 @@
   const t = getTable()
   const q = queryParam("q")
   const isLocal = getIsLocal()
+  const isPlayground = getIsPlayground()
 
   const getRecords = createQuery(
     derived([t, viewId, q, startTimestamp, endTimestamp], ([$table, $viewId, $q, $startTimestamp, $endTimestamp]) => {
@@ -43,7 +45,7 @@
         ],
         enabled: view?.type === "calendar" && !!$startTimestamp && !!$endTimestamp && !disableRecordQuery,
         queryFn: async () => {
-          const dataService = await getDataService(isLocal)
+          const dataService = await getDataService(isLocal, isPlayground)
           if (shareId) {
             return trpc.shareData.records.query({
               shareId,
diff --git a/apps/frontend/src/lib/components/blocks/create-base/create-base.svelte b/apps/frontend/src/lib/components/blocks/create-base/create-base.svelte
index 24589d3a1..924d9afdc 100644
--- a/apps/frontend/src/lib/components/blocks/create-base/create-base.svelte
+++ b/apps/frontend/src/lib/components/blocks/create-base/create-base.svelte
@@ -1,26 +1,37 @@
 <script lang="ts">
   import * as Form from "$lib/components/ui/form"
-  import { trpc } from "$lib/trpc/client.js"
   import { createMutation } from "@tanstack/svelte-query"
   import { superForm, defaults } from "sveltekit-superforms"
-  import { createBaseCommand } from "@undb/commands"
+  import { createBaseCommand, type ICreateBaseCommand } from "@undb/commands"
   import { zodClient } from "sveltekit-superforms/adapters"
   import { Input } from "$lib/components/ui/input"
   import { toast } from "svelte-sonner"
   import { CREATE_BASE_MODAL, closeModal } from "$lib/store/modal.store"
   import { goto, invalidateAll } from "$app/navigation"
   import { LoaderCircleIcon } from "lucide-svelte"
-  import { tick } from "svelte"
   import { getNextName } from "@undb/utils"
   import { LL } from "@undb/i18n/client"
+  import { getIsLocal, getDataService } from "$lib/store/data-service.store"
+  import { getIsPlayground } from "$lib/store/playground.svelte"
+
+  const isLocal = getIsLocal()
+  const isPlayground = getIsPlayground()
 
   const mutation = createMutation({
-    mutationFn: trpc.base.create.mutate,
+    mutationFn: async (command: ICreateBaseCommand) => {
+      const dataService = await getDataService(isLocal, isPlayground)
+      return dataService.base.createBase(command)
+    },
     async onSuccess(data) {
       form.reset()
-      await goto(`/bases/${data}`)
-      await invalidateAll()
+      if (isPlayground) {
+        await goto(`/playground/bases/${data}`)
+      } else {
+        await goto(`/bases/${data}`)
+        await invalidateAll()
+      }
       closeModal(CREATE_BASE_MODAL)
+      toast.success($LL.base.created())
     },
     onError(error) {
       toast.error(error.message)
@@ -67,11 +78,11 @@
         {...attrs}
         disabled={$mutation.isPending}
         bind:value={$formData.name}
-        placeholder="{$LL.base.displayName()}"
+        placeholder={$LL.base.displayName()}
       />
     </Form.Control>
     <Form.FieldErrors />
-</Form.Field>
+  </Form.Field>
 
   <div class="flex items-center justify-end gap-2">
     <Form.FormButton type="button" variant="secondary" on:click={() => closeModal(CREATE_BASE_MODAL)}>
diff --git a/apps/frontend/src/lib/components/blocks/create-field/create-field.svelte b/apps/frontend/src/lib/components/blocks/create-field/create-field.svelte
index a07b8f541..2f77d843d 100644
--- a/apps/frontend/src/lib/components/blocks/create-field/create-field.svelte
+++ b/apps/frontend/src/lib/components/blocks/create-field/create-field.svelte
@@ -15,6 +15,9 @@
   import FieldTypePicker from "../field-picker/field-type-picker.svelte"
   import { LL } from "@undb/i18n/client"
   import { BetweenVerticalStartIcon, LoaderCircleIcon } from "lucide-svelte"
+  import { getIsLocal, getDataService } from "$lib/store/data-service.store"
+  import { getIsPlayground } from "$lib/store/playground.svelte"
+  import { type ICreateFieldCommand } from "@undb/commands"
 
   const table = getTable()
 
@@ -22,11 +25,17 @@
 
   let name = ""
 
+  const isLocal = getIsLocal()
+  const isPlayground = getIsPlayground()
+
   const client = useQueryClient()
   const createFieldMutation = createMutation(
     derived([table], ([$table]) => ({
       mutationKey: ["table", $table.id.value, "createField"],
-      mutationFn: trpc.table.field.create.mutate,
+      mutationFn: async (command: ICreateFieldCommand) => {
+        const dataService = await getDataService(isLocal, isPlayground)
+        return dataService.table.field.createField(command)
+      },
       async onSuccess() {
         toast.success($LL.table.field.created())
         reset()
diff --git a/apps/frontend/src/lib/components/blocks/create-record/create-record.svelte b/apps/frontend/src/lib/components/blocks/create-record/create-record.svelte
index f0caa37ab..a5d9ca633 100644
--- a/apps/frontend/src/lib/components/blocks/create-record/create-record.svelte
+++ b/apps/frontend/src/lib/components/blocks/create-record/create-record.svelte
@@ -14,10 +14,12 @@
   import { defaultRecordValues, getRecordsStore } from "$lib/store/records.store"
   import { useMediaQuery } from "$lib/store/media-query.store"
   import IdControl from "../field-control/id-control.svelte"
-  import type { ICreateRecordCommandOutput } from "@undb/commands"
+  import type { ICreateRecordCommand, ICreateRecordCommandOutput } from "@undb/commands"
   import { onMount } from "svelte"
   import { LL } from "@undb/i18n/client"
-  import { getIsLocal } from "$lib/store/data-service.store"
+  import { getIsLocal, getDataService } from "$lib/store/data-service.store"
+    import { getIsPlayground } from "$lib/store/playground.svelte"
+
 
   // beforeNavigate(({ cancel }) => {
   //   if ($tainted) {
@@ -42,10 +44,14 @@
 
   const mediaQuery = useMediaQuery("(max-width: 768px)")
   const isLocal = getIsLocal()
+  const isPlayground = getIsPlayground()
 
   const createRecordMutation = createMutation(
     derived([table], ([$table]) => ({
-      mutationFn: trpc.record.create.mutate,
+      mutationFn: async (command: ICreateRecordCommand) => {
+        const dataService = await getDataService(isLocal, isPlayground)
+        return dataService.records.createRecord(command)
+      },
       mutationKey: [$table.id.value, "createRecord"],
       onSuccess: (data: ICreateRecordCommandOutput) => {
         client.invalidateQueries({
@@ -53,7 +59,7 @@
         })
         toast.success($LL.table.record.createdRecord())
         onSuccess?.(data)
-        recordsStore?.invalidateRecord(isLocal, $table, data)
+        recordsStore?.invalidateRecord(isLocal, isPlayground, $table, data)
       },
       onError: (error: Error) => {
         toast.error(error.message)
diff --git a/apps/frontend/src/lib/components/blocks/dashboard/dashboard-widget.svelte b/apps/frontend/src/lib/components/blocks/dashboard/dashboard-widget.svelte
index ac3e26e9c..ca9718433 100644
--- a/apps/frontend/src/lib/components/blocks/dashboard/dashboard-widget.svelte
+++ b/apps/frontend/src/lib/components/blocks/dashboard/dashboard-widget.svelte
@@ -7,6 +7,7 @@
   import { getIsLocal } from "$lib/store/data-service.store"
   import { getDataService } from "$lib/store/data-service.store"
   import { createQuery } from "@tanstack/svelte-query"
+  import { getIsPlayground } from "$lib/store/playground.svelte"
 
   export let tableId: string | undefined
   export let shareId: string | undefined = undefined
@@ -16,6 +17,7 @@
   export let resizePointerDown: ((e: Event) => void) | undefined = undefined
 
   const isLocal = getIsLocal()
+  const isPlayground = getIsPlayground()
 
   const shareStore = new GetDashboardWidgetShareTableStore()
 
@@ -27,7 +29,7 @@
 
   const getTable = createQuery({
     queryFn: async () => {
-      const dataService = await getDataService(isLocal)
+      const dataService = await getDataService(isLocal, isPlayground)
       return dataService.table.getTable({ tableId: tableId! })
     },
     queryKey: ["dashboard-widget-table", tableId],
diff --git a/apps/frontend/src/lib/components/blocks/dashboard/dashboard.svelte b/apps/frontend/src/lib/components/blocks/dashboard/dashboard.svelte
new file mode 100644
index 000000000..2c7d80e32
--- /dev/null
+++ b/apps/frontend/src/lib/components/blocks/dashboard/dashboard.svelte
@@ -0,0 +1,229 @@
+<script lang="ts">
+  import DashboardWidgets from "$lib/components/blocks/dashboard/dashboard-widgets.svelte"
+  import AddDashboardWidgetButton from "$lib/components/blocks/widget/add-dashboard-widget-button.svelte"
+  import { getDashboard } from "$lib/store/dashboard.store"
+  import { derived } from "svelte/store"
+  import { GaugeIcon, EllipsisIcon, PencilIcon } from "lucide-svelte"
+  import * as DropdownMenu from "$lib/components/ui/dropdown-menu"
+  import { TrashIcon } from "lucide-svelte"
+  import * as AlertDialog from "$lib/components/ui/alert-dialog"
+  import Button from "$lib/components/ui/button/button.svelte"
+  import { trpc } from "$lib/trpc/client"
+  import { createMutation } from "@tanstack/svelte-query"
+  import { goto, invalidate, invalidateAll } from "$app/navigation"
+  import * as Dialog from "$lib/components/ui/dialog"
+  import * as Form from "$lib/components/ui/form"
+  import { Input } from "$lib/components/ui/input"
+  import { CopyIcon } from "lucide-svelte"
+  import { zodClient } from "sveltekit-superforms/adapters"
+  import { defaults, superForm } from "sveltekit-superforms"
+  import { updateDashboardDTO } from "@undb/dashboard"
+  import { Textarea } from "$lib/components/ui/textarea"
+  import { Loader2Icon } from "lucide-svelte"
+  import { toast } from "svelte-sonner"
+  import ShareButton from "$lib/components/blocks/share/share-button.svelte"
+  import { LL } from "@undb/i18n/client"
+  import { getIsPlayground } from "$lib/store/playground.svelte"
+
+  const dashboard = getDashboard()
+
+  const isPlayground = getIsPlayground()
+
+  const widgets = derived(dashboard, ($dashboard) => $dashboard?.widgets)
+
+  let deleteDialogOpen = false
+
+  const deleteDashboardMutation = createMutation({
+    mutationFn: trpc.dashboard.delete.mutate,
+    mutationKey: ["dashboard", "delete", $dashboard.id.value],
+    onSuccess: async () => {
+      await invalidateAll()
+      goto("/")
+    },
+    onError: (error) => {
+      toast.error(error.message)
+    },
+  })
+
+  const deleteDashboard = () => {
+    $deleteDashboardMutation.mutate({ id: $dashboard.id.value })
+  }
+
+  let updateDialogOpen = false
+
+  const updateDashboardForm = superForm(
+    defaults(
+      {
+        name: $dashboard.name.value,
+        description: $dashboard.description,
+      },
+      zodClient(updateDashboardDTO),
+    ),
+    {
+      validators: zodClient(updateDashboardDTO),
+      SPA: true,
+      dataType: "json",
+      onSubmit: (data) => {
+        validateForm({ update: true })
+      },
+      onUpdate: (data) => {
+        if (!data.form.valid) {
+          console.log(data.form.errors)
+          return
+        }
+
+        $updateDashboardMutation.mutate({
+          dashboardId: $dashboard.id.value,
+          name: data.form.data.name,
+          description: data.form.data.description,
+        })
+      },
+    },
+  )
+
+  const { form: formData, enhance, validateForm } = updateDashboardForm
+
+  const updateDashboardMutation = createMutation({
+    mutationFn: trpc.dashboard.update.mutate,
+    mutationKey: ["dashboard", "update", $dashboard.id.value],
+  })
+
+  let duplicateDialogOpen = false
+
+  const duplicateDashboardMutation = createMutation({
+    mutationFn: trpc.dashboard.duplicate.mutate,
+    mutationKey: ["dashboard", "duplicate", $dashboard.id.value],
+    onSuccess: async (data) => {
+      await invalidateAll()
+      await goto(`/dashboards/${data}`)
+    },
+  })
+
+  const duplicateDashboard = () => {
+    $duplicateDashboardMutation.mutate({ id: $dashboard.id.value })
+  }
+</script>
+
+<div class="flex h-full flex-col">
+  <header class="flex items-center justify-between border-b px-4 py-2">
+    <h1 class="flex items-center text-sm font-medium text-gray-700">
+      <GaugeIcon class="mr-2 size-4" />
+      {$dashboard.name.value}
+
+      <DropdownMenu.Root>
+        <DropdownMenu.Trigger>
+          <EllipsisIcon class="text-muted-foreground ml-4 size-4" />
+        </DropdownMenu.Trigger>
+        <DropdownMenu.Content>
+          <DropdownMenu.Group>
+            <DropdownMenu.Item class="text-xs" on:click={() => (updateDialogOpen = true)}>
+              <PencilIcon class="mr-2 size-3" />
+              {$LL.dashboard.updateName()}
+            </DropdownMenu.Item>
+            <DropdownMenu.Item class="text-xs" on:click={() => (duplicateDialogOpen = true)}>
+              <CopyIcon class="mr-2 size-3" />
+              {$LL.dashboard.duplicateDashboard()}
+            </DropdownMenu.Item>
+            <DropdownMenu.Item
+              class="text-destructive text-xs hover:!bg-red-100 hover:!text-red-500"
+              on:click={() => (deleteDialogOpen = true)}
+            >
+              <TrashIcon class="mr-2 size-3" />
+              {$LL.dashboard.deleteDashboard()}
+            </DropdownMenu.Item>
+          </DropdownMenu.Group>
+        </DropdownMenu.Content>
+      </DropdownMenu.Root>
+    </h1>
+    <div class="flex items-center gap-2">
+      {#if !isPlayground}
+        <ShareButton
+          type="dashboard"
+          id={$dashboard.id.value}
+          onSuccess={async () => {
+            await invalidate(`undb:dashboard:${$dashboard.id.value}`)
+          }}
+        />
+      {/if}
+
+      <AddDashboardWidgetButton variant="outline" size="sm" />
+    </div>
+  </header>
+  {#if $widgets?.value.length}
+    <main class="px-4 py-4">
+      <DashboardWidgets />
+    </main>
+  {:else}
+    <div class="flex flex-1 items-center justify-center">
+      <AddDashboardWidgetButton />
+    </div>
+  {/if}
+</div>
+
+<AlertDialog.Root bind:open={deleteDialogOpen}>
+  <AlertDialog.Content>
+    <AlertDialog.Header>
+      <AlertDialog.Title>{$LL.dashboard.confirmDeleteDashboard()}</AlertDialog.Title>
+      <AlertDialog.Description>
+        {$LL.dashboard.confirmDeleteDashboardDescription()}
+      </AlertDialog.Description>
+    </AlertDialog.Header>
+    <AlertDialog.Footer>
+      <AlertDialog.Cancel>{$LL.common.cancel()}</AlertDialog.Cancel>
+      <AlertDialog.Action asChild>
+        <Button variant="destructive" on:click={deleteDashboard}>
+          {#if $deleteDashboardMutation.isPending}
+            <Loader2Icon class="mr-2 size-4" />
+          {/if}
+          {$LL.common.delete()}
+        </Button>
+      </AlertDialog.Action>
+    </AlertDialog.Footer>
+  </AlertDialog.Content>
+</AlertDialog.Root>
+
+<AlertDialog.Root bind:open={duplicateDialogOpen}>
+  <AlertDialog.Content>
+    <AlertDialog.Header>
+      <AlertDialog.Title>{$LL.dashboard.duplicateDashboardConfirm()}</AlertDialog.Title>
+    </AlertDialog.Header>
+    <AlertDialog.Footer>
+      <AlertDialog.Cancel>{$LL.common.cancel()}</AlertDialog.Cancel>
+      <AlertDialog.Action asChild let:builder>
+        <Button on:click={duplicateDashboard} builders={[builder]}>
+          {$LL.common.duplicate()}
+        </Button>
+      </AlertDialog.Action>
+    </AlertDialog.Footer>
+  </AlertDialog.Content>
+</AlertDialog.Root>
+
+<Dialog.Root bind:open={updateDialogOpen}>
+  <Dialog.Content>
+    <Dialog.Header>
+      <Dialog.Title>{$LL.dashboard.updateDashboard()}</Dialog.Title>
+    </Dialog.Header>
+
+    <form method="POST" use:enhance>
+      <Form.Field form={updateDashboardForm} name="name">
+        <Form.Control let:attrs>
+          <Form.Label>{$LL.common.name()}</Form.Label>
+          <Input {...attrs} bind:value={$formData.name} />
+        </Form.Control>
+        <Form.Description />
+        <Form.FieldErrors />
+      </Form.Field>
+
+      <Form.Field form={updateDashboardForm} name="description">
+        <Form.Control let:attrs>
+          <Form.Label>{$LL.common.description()}</Form.Label>
+          <Textarea {...attrs} bind:value={$formData.description} />
+        </Form.Control>
+        <Form.Description />
+        <Form.FieldErrors />
+      </Form.Field>
+
+      <Form.Button>{$LL.common.update()}</Form.Button>
+    </form>
+  </Dialog.Content>
+</Dialog.Root>
diff --git a/apps/frontend/src/lib/components/blocks/field-control/button-control.svelte b/apps/frontend/src/lib/components/blocks/field-control/button-control.svelte
index 4b96ec8c0..308893d56 100644
--- a/apps/frontend/src/lib/components/blocks/field-control/button-control.svelte
+++ b/apps/frontend/src/lib/components/blocks/field-control/button-control.svelte
@@ -9,6 +9,8 @@
   import { gridViewStore } from "../grid-view/grid-view.store"
   import { getRecordsStore } from "$lib/store/records.store"
   import { getIsLocal } from "$lib/store/data-service.store"
+  import { getIsPlayground } from "$lib/store/playground.svelte"
+  import { type IUpdateRecordCommand } from "@undb/commands"
 
   export let tableId: string
   export let field: ButtonField
@@ -21,13 +23,18 @@
   const recordsStore = getRecordsStore()
 
   const isLocal = getIsLocal()
+  const isPlayground = getIsPlayground()
+
 
   const updateCell = createMutation({
     mutationKey: ["record", tableId, field.id.value, recordId],
-    mutationFn: trpc.record.update.mutate,
+    mutationFn: async (command: IUpdateRecordCommand) => {
+      const dataService = await getDataService(isLocal, isPlayground)
+      return dataService.records.updateRecord(command)
+    },
     async onSuccess(data, variables, context) {
       gridViewStore.exitEditing()
-      await recordsStore?.invalidateRecord(isLocal, $table, recordId)
+      await recordsStore?.invalidateRecord(isLocal, isPlayground, $table, recordId)
       await client.invalidateQueries({ queryKey: [recordId, "get"] })
     },
     onError(error: Error) {
diff --git a/apps/frontend/src/lib/components/blocks/field-options/create-reference-field-optioin.svelte b/apps/frontend/src/lib/components/blocks/field-options/create-reference-field-optioin.svelte
index 5d3120304..4823d5205 100644
--- a/apps/frontend/src/lib/components/blocks/field-options/create-reference-field-optioin.svelte
+++ b/apps/frontend/src/lib/components/blocks/field-options/create-reference-field-optioin.svelte
@@ -16,10 +16,12 @@
   import { Separator } from "$lib/components/ui/separator"
   import FiltersEditor from "../filters-editor/filters-editor.svelte"
   import { writable } from "svelte/store"
-  import { GetForeignTableQueryStore } from "$houdini"
   import autoAnimate from "@formkit/auto-animate"
   import { isEqual } from "radash"
   import { LL } from "@undb/i18n/client"
+  import { getIsLocal, getDataService } from "$lib/store/data-service.store"
+  import { getIsPlayground } from "$lib/store/playground.svelte"
+  import { createQuery } from "@tanstack/svelte-query"
 
   export let disabled = false
 
@@ -32,14 +34,25 @@
     condition: undefined,
   }
 
+  const isLocal = getIsLocal()
+  const isPlayground = getIsPlayground()
+
   let allowCondition: boolean = !!option.condition
-  const getForeignTableStore = new GetForeignTableQueryStore()
+
+  const getForeignTable = createQuery({
+    queryFn: async () => {
+      const dataService = await getDataService(isLocal, isPlayground)
+      return dataService.table.getTable({ tableId: option.foreignTableId! })
+    },
+    queryKey: ["getForeignTable", option.foreignTableId],
+    enabled: !!option.foreignTableId,
+  })
 
   $: if (allowCondition && option.foreignTableId) {
-    getForeignTableStore.fetch({ variables: { tableId: option.foreignTableId } })
+    $getForeignTable.refetch()
   }
 
-  $: ft = $getForeignTableStore.data?.table
+  $: ft = $getForeignTable.data
 
   // @ts-ignore
   $: foreignTable = ft ? new TableFactory().fromJSON(ft) : undefined
diff --git a/apps/frontend/src/lib/components/blocks/field-options/foreign-table.gql b/apps/frontend/src/lib/components/blocks/field-options/foreign-table.gql
deleted file mode 100644
index 8059dae56..000000000
--- a/apps/frontend/src/lib/components/blocks/field-options/foreign-table.gql
+++ /dev/null
@@ -1,21 +0,0 @@
-query GetForeignTableQuery($tableId: ID!) {
-  table(id: $tableId) {
-    id
-    name
-    schema {
-      id
-      name
-      type
-      defaultValue
-      display
-      constraint
-      option
-      metadata
-    }
-    views {
-      id
-      name
-      type
-    }
-  }
-}
diff --git a/apps/frontend/src/lib/components/blocks/field-options/rollup-field-option.svelte b/apps/frontend/src/lib/components/blocks/field-options/rollup-field-option.svelte
index e3023397e..e48bfcdc1 100644
--- a/apps/frontend/src/lib/components/blocks/field-options/rollup-field-option.svelte
+++ b/apps/frontend/src/lib/components/blocks/field-options/rollup-field-option.svelte
@@ -9,12 +9,17 @@
     type IRollupFieldOption,
   } from "@undb/table"
   import FieldPicker from "../field-picker/field-picker.svelte"
-  import { GetForeignTableQueryStore } from "$houdini"
   import { writable } from "svelte/store"
   import RollupFnPicker from "../rollup/rollup-fn-picker.svelte"
   import Label from "$lib/components/ui/label/label.svelte"
   import autoAnimate from "@formkit/auto-animate"
   import { LL } from "@undb/i18n/client"
+  import { getIsLocal, getDataService } from "$lib/store/data-service.store"
+  import { getIsPlayground } from "$lib/store/playground.svelte"
+  import { createQuery } from "@tanstack/svelte-query"
+
+  const isLocal = getIsLocal()
+  const isPlayground = getIsPlayground()
 
   export let disabled: boolean = false
 
@@ -29,11 +34,18 @@
   ) as ReferenceField | undefined
   $: foreignTableId = field?.foreignTableId
 
-  const store = new GetForeignTableQueryStore()
+  const getForeignTable = createQuery({
+    queryFn: async () => {
+      const dataService = await getDataService(isLocal, isPlayground)
+      return dataService.table.getTable({ tableId: foreignTableId! })
+    },
+    queryKey: ["getForeignTable", foreignTableId],
+    enabled: !!foreignTableId,
+  })
 
-  $: if (foreignTableId) store.fetch({ variables: { tableId: foreignTableId } })
+  $: if (foreignTableId) $getForeignTable.refetch()
 
-  $: foreignTable = $store.data?.table
+  $: foreignTable = $getForeignTable.data
   const foreignTableDo = writable<TableDo>()
   $: if (foreignTable) foreignTableDo.set(new TableFactory().fromJSON(foreignTable))
   $: schema = foreignTable?.schema
diff --git a/apps/frontend/src/lib/components/blocks/field-options/update-reference-field-optioin.svelte b/apps/frontend/src/lib/components/blocks/field-options/update-reference-field-optioin.svelte
index ae7a52a6c..cca7356b0 100644
--- a/apps/frontend/src/lib/components/blocks/field-options/update-reference-field-optioin.svelte
+++ b/apps/frontend/src/lib/components/blocks/field-options/update-reference-field-optioin.svelte
@@ -17,11 +17,13 @@
   import { Separator } from "$lib/components/ui/separator"
   import FiltersEditor from "../filters-editor/filters-editor.svelte"
   import { writable } from "svelte/store"
-  import { GetForeignTableQueryStore } from "$houdini"
   import autoAnimate from "@formkit/auto-animate"
   import { onMount } from "svelte"
   import { isEqual } from "radash"
   import { LL } from "@undb/i18n/client"
+  import { getIsLocal, getDataService } from "$lib/store/data-service.store"
+  import { getIsPlayground } from "$lib/store/playground.svelte"
+  import { createQuery } from "@tanstack/svelte-query"
 
   export let constraint: IReferenceFieldConstraint | undefined = {
     required: false,
@@ -34,13 +36,22 @@
   export let disabled: boolean = false
 
   let allowCondition: boolean = !!option.condition
-  const getForeignTableStore = new GetForeignTableQueryStore()
 
-  $: if (allowCondition && option.foreignTableId) {
-    getForeignTableStore.fetch({ variables: { tableId: option.foreignTableId } })
-  }
+  const isLocal = getIsLocal()
+  const isPlayground = getIsPlayground()
+
+  const getForeignTable = createQuery({
+    queryFn: async () => {
+      const dataService = await getDataService(isLocal, isPlayground)
+      return dataService.table.getTable({ tableId: option.foreignTableId! })
+    },
+    queryKey: ["getForeignTable", option.foreignTableId],
+    enabled: !!option.foreignTableId,
+  })
+
+  $: if (option.foreignTableId) $getForeignTable.refetch()
 
-  $: ft = $getForeignTableStore.data?.table
+  $: ft = $getForeignTable.data
 
   // @ts-ignore
   $: foreignTable = ft ? new TableFactory().fromJSON(ft) : undefined
diff --git a/apps/frontend/src/lib/components/blocks/field/field-menu.svelte b/apps/frontend/src/lib/components/blocks/field/field-menu.svelte
index 07bcd70fb..a97c90009 100644
--- a/apps/frontend/src/lib/components/blocks/field/field-menu.svelte
+++ b/apps/frontend/src/lib/components/blocks/field/field-menu.svelte
@@ -1,11 +1,5 @@
 <script lang="ts">
-  import {
-    FieldIdVo,
-    getIsFieldCanBeRollup,
-    type Field,
-    type IReferenceFieldOption,
-    type ReferenceField,
-  } from "@undb/table"
+  import { FieldIdVo, getIsFieldCanBeRollup, type Field, type ReferenceField } from "@undb/table"
   import { Button } from "$lib/components/ui/button"
   import FieldIcon from "$lib/components/blocks/field-icon/field-icon.svelte"
   import { PencilIcon, TrashIcon } from "lucide-svelte"
@@ -13,35 +7,47 @@
   import UpdateField from "../update-field/update-field.svelte"
   import { cn } from "$lib/utils"
   import * as AlertDialog from "$lib/components/ui/alert-dialog"
-  import { createMutation, useQueryClient } from "@tanstack/svelte-query"
-  import { trpc } from "$lib/trpc/client"
+  import { createMutation, createQuery, useQueryClient } from "@tanstack/svelte-query"
   import { getTable } from "$lib/store/table.store"
   import { toast } from "svelte-sonner"
   import { invalidate } from "$app/navigation"
   import Label from "$lib/components/ui/label/label.svelte"
   import Checkbox from "$lib/components/ui/checkbox/checkbox.svelte"
-  import { GetForeignTableStore, GetRollupForeignTablesStore } from "$houdini"
+  import { GetRollupForeignTablesStore } from "$houdini"
   import * as Alert from "$lib/components/ui/alert"
   import { preferences } from "$lib/store/persisted.store"
   import { hasPermission } from "$lib/store/space-member.store"
   import { LL } from "@undb/i18n/client"
+  import { getIsLocal, getDataService } from "$lib/store/data-service.store"
+  import { getIsPlayground } from "$lib/store/playground.svelte"
+  import { type IDeleteFieldCommand, type IDuplicateFieldCommand } from "@undb/commands"
 
   export let field: Field
   const table = getTable()
 
+  const isLocal = getIsLocal()
+  const isPlayground = getIsPlayground()
+
   export let update = false
   export let open = false
 
   const client = useQueryClient()
 
-  const foreignTableStore = new GetForeignTableStore()
+  const getForeignTable = createQuery({
+    queryFn: async () => {
+      const dataService = await getDataService(isLocal, isPlayground)
+      return dataService.table.getTable({ tableId: (field as ReferenceField).foreignTableId })
+    },
+    queryKey: ["getForeignTable", $table.baseId],
+    enabled: field.type === "reference",
+  })
 
   let deleteAlertOpen = false
-  $: deleteAlertOpen &&
-    field.type === "reference" &&
-    foreignTableStore.fetch({ variables: { tableId: field.foreignTableId } })
+  $: deleteAlertOpen && field.type === "reference" && $getForeignTable.refetch()
 
-  $: symmetricField = $foreignTableStore.data?.table?.schema.find(
+  $: foreignTable = $getForeignTable.data
+
+  $: symmetricField = foreignTable?.schema?.find(
     (f) => f.type === "reference" && f.id === (field as ReferenceField).symmetricFieldId,
   )
 
@@ -54,7 +60,10 @@
     })
 
   const deleteField = createMutation({
-    mutationFn: trpc.table.field.delete.mutate,
+    mutationFn: async (command: IDeleteFieldCommand) => {
+      const dataService = await getDataService(isLocal, isPlayground)
+      return dataService.table.field.deleteField(command)
+    },
     async onSuccess() {
       toast.success($LL.table.field.deleted())
       await invalidate(`undb:table:${$table.id.value}`)
@@ -68,7 +77,10 @@
   })
 
   const duplicateField = createMutation({
-    mutationFn: trpc.table.field.duplicate.mutate,
+    mutationFn: async (command: IDuplicateFieldCommand) => {
+      const dataService = await getDataService(isLocal, isPlayground)
+      return dataService.table.field.duplicateField(command)
+    },
     async onSuccess() {
       toast.success("Duplicate field success")
       await invalidate(`undb:table:${$table.id.value}`)
@@ -229,7 +241,7 @@
                 {/if}
                 {#if symmetricField}
                   {@const foreignRollupFields =
-                    $foreignTableStore.data?.table?.schema.filter(
+                    foreignTable?.schema.filter(
                       (f) => f.type === "rollup" && f.option?.referenceFieldId === symmetricField.id,
                     ) ?? []}
                   <Alert.Root class="border-yellow-500 bg-yellow-50">
@@ -253,7 +265,7 @@
 
                       of
                       <span class="font-bold">
-                        {$foreignTableStore.data?.table?.name}
+                        {foreignTable?.name}
                       </span>
                       will also be deleted.
                     </Alert.Description>
diff --git a/apps/frontend/src/lib/components/blocks/gallery-view/gallery-view.svelte b/apps/frontend/src/lib/components/blocks/gallery-view/gallery-view.svelte
index fe1440da4..a1d8675a5 100644
--- a/apps/frontend/src/lib/components/blocks/gallery-view/gallery-view.svelte
+++ b/apps/frontend/src/lib/components/blocks/gallery-view/gallery-view.svelte
@@ -14,6 +14,7 @@
   import GalleryViewLoading from "./gallery-view-loading.svelte"
   import GalleryViewOptionButton from "./gallery-option-button.svelte"
   import { getIsLocal, getDataService } from "$lib/store/data-service.store"
+  import { getIsPlayground } from "$lib/store/playground.svelte"
 
   const table = getTable()
   export let viewId: Readable<string | undefined>
@@ -31,6 +32,7 @@
   const currentPage = writable(1)
   const q = queryParam("q")
   const isLocal = getIsLocal()
+  const isPlayground = getIsPlayground()
 
   const getRecords = async () => {
     if (shareId) {
@@ -42,7 +44,7 @@
         pagination: { limit: $perPage, page: $currentPage },
       })
     }
-    const dataService = await getDataService(isLocal)
+    const dataService = await getDataService(isLocal, isPlayground)
     return dataService.records.getRecords({
       tableId: $table?.id.value,
       viewId: $viewId,
diff --git a/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/attachment-cell.svelte b/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/attachment-cell.svelte
index c3ee476d8..0c15a15f6 100644
--- a/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/attachment-cell.svelte
+++ b/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/attachment-cell.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
   import { isImage, type AttachmentField, type IAttachmentFieldValue, type IPresign } from "@undb/table"
-  import { trpc } from "$lib/trpc/client"
   import { createMutation } from "@tanstack/svelte-query"
   import { toast } from "svelte-sonner"
   import Label from "$lib/components/ui/label/label.svelte"
@@ -10,6 +9,9 @@
   import * as Dialog from "$lib/components/ui/dialog"
   import * as AlertDialog from "$lib/components/ui/alert-dialog"
   import { AspectRatio } from "$lib/components/ui/aspect-ratio"
+  import { getIsLocal, getDataService } from "$lib/store/data-service.store"
+  import { getIsPlayground } from "$lib/store/playground.svelte"
+  import { type IUpdateRecordCommand } from "@undb/commands"
 
   export let tableId: string
   export let value: IAttachmentFieldValue | undefined = undefined
@@ -21,9 +23,15 @@
   $: max = field.max
   $: disabled = value?.length ?? 0 >= max
 
+  const isLocal = getIsLocal()
+  const isPlayground = getIsPlayground()
+
   const updateCell = createMutation({
     mutationKey: ["record", tableId, field.id.value, recordId],
-    mutationFn: trpc.record.update.mutate,
+    mutationFn: async (command: IUpdateRecordCommand) => {
+      const dataService = await getDataService(isLocal, isPlayground)
+      return dataService.records.updateRecord(command)
+    },
     onError(error: Error) {
       toast.error(error.message)
     },
diff --git a/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/button-cell.svelte b/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/button-cell.svelte
index 4ad21175d..1ed77677c 100644
--- a/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/button-cell.svelte
+++ b/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/button-cell.svelte
@@ -13,6 +13,7 @@
   import FieldControl from "../../field-control/field-control.svelte"
   import { LL } from "@undb/i18n/client"
   import { getIsLocal } from "$lib/store/data-service.store"
+  import { getIsPlayground } from "$lib/store/playground.svelte"
 
   export let tableId: string
   export let field: ButtonField
@@ -24,13 +25,14 @@
   const recordsStore = getRecordsStore()
 
   const isLocal = getIsLocal()
+  const isPlayground = getIsPlayground()
 
   const trigger = createMutation({
     mutationKey: ["record", tableId, field.id.value, recordId, "trigger"],
     mutationFn: trpc.record.trigger.mutate,
     async onSuccess(data, variables, context) {
       gridViewStore.exitEditing()
-      await recordsStore?.invalidateRecord(isLocal, $table, recordId)
+      await recordsStore?.invalidateRecord(isLocal, isPlayground, $table, recordId)
     },
     onError(error: Error) {
       toast.error(error.message)
diff --git a/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/checkbox-cell.svelte b/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/checkbox-cell.svelte
index 4e91b921b..bac7b976a 100644
--- a/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/checkbox-cell.svelte
+++ b/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/checkbox-cell.svelte
@@ -5,6 +5,9 @@
   import { createMutation } from "@tanstack/svelte-query"
   import type { CheckboxField } from "@undb/table"
   import { toast } from "svelte-sonner"
+  import { getIsLocal, getDataService } from "$lib/store/data-service.store"
+  import { getIsPlayground } from "$lib/store/playground.svelte"
+  import { type IUpdateRecordCommand } from "@undb/commands"
 
   export let tableId: string
   export let field: CheckboxField
@@ -13,9 +16,15 @@
   export let readonly = false
   export let onValueChange: (value: boolean) => void
 
+  const isLocal = getIsLocal()
+  const isPlayground = getIsPlayground()
+
   const updateCell = createMutation({
     mutationKey: ["record", tableId, field.id.value, recordId],
-    mutationFn: trpc.record.update.mutate,
+    mutationFn: async (command: IUpdateRecordCommand) => {
+      const dataService = await getDataService(isLocal, isPlayground)
+      return dataService.records.updateRecord(command)
+    },
     onError(error: Error) {
       toast.error(error.message)
     },
diff --git a/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/currency-cell.svelte b/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/currency-cell.svelte
index c0a710c13..9e89d128b 100644
--- a/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/currency-cell.svelte
+++ b/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/currency-cell.svelte
@@ -6,6 +6,9 @@
   import { toast } from "svelte-sonner"
   import { debounce, isNumber } from "radash"
   import { gridViewStore } from "../grid-view.store"
+  import { getIsLocal, getDataService } from "$lib/store/data-service.store"
+  import { getIsPlayground } from "$lib/store/playground.svelte"
+  import { type IUpdateRecordCommand } from "@undb/commands"
 
   export let tableId: string
   export let field: CurrencyField
@@ -14,9 +17,15 @@
   export let recordId: string
   export let onValueChange: (value: number) => void
 
+  const isLocal = getIsLocal()
+  const isPlayground = getIsPlayground()
+
   const updateCell = createMutation({
     mutationKey: ["record", tableId, field.id.value, recordId],
-    mutationFn: trpc.record.update.mutate,
+    mutationFn: async (command: IUpdateRecordCommand) => {
+      const dataService = await getDataService(isLocal, isPlayground)
+      return dataService.records.updateRecord(command)
+    },
     onSuccess(data, variables, context) {
       el?.blur()
       gridViewStore.exitEditing()
diff --git a/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/date-cell.svelte b/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/date-cell.svelte
index 3327fc489..3741e847a 100644
--- a/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/date-cell.svelte
+++ b/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/date-cell.svelte
@@ -10,6 +10,9 @@
   import { Button } from "$lib/components/ui/button"
   import TimePicker from "$lib/components/blocks/date/time-picker.svelte"
   import { LL } from "@undb/i18n/client"
+  import { getIsLocal, getDataService } from "$lib/store/data-service.store"
+  import { getIsPlayground } from "$lib/store/playground.svelte"
+  import { type IUpdateRecordCommand } from "@undb/commands"
 
   export let tableId: string
   export let field: DateField
@@ -39,9 +42,15 @@
     open = false
   }
 
+  const isLocal = getIsLocal()
+  const isPlayground = getIsPlayground()
+
   const updateCell = createMutation({
     mutationKey: ["record", tableId, field.id.value, recordId],
-    mutationFn: trpc.record.update.mutate,
+    mutationFn: async (command: IUpdateRecordCommand) => {
+      const dataService = await getDataService(isLocal, isPlayground)
+      return dataService.records.updateRecord(command)
+    },
     onSuccess(data, variables, context) {
       open = false
     },
@@ -81,7 +90,7 @@
               value = undefined
             }
             onValueChange(value)
-            if (!shouldConfirm) {
+            if (!shouldConfirm && value) {
               save(value)
             }
           }}
diff --git a/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/date-range-cell.svelte b/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/date-range-cell.svelte
index 0627bc832..e4bc133de 100644
--- a/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/date-range-cell.svelte
+++ b/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/date-range-cell.svelte
@@ -11,6 +11,9 @@
   import Button from "$lib/components/ui/button/button.svelte"
   import TimePicker from "$lib/components/blocks/date/time-picker.svelte"
   import { LL } from "@undb/i18n/client"
+  import { getIsLocal, getDataService } from "$lib/store/data-service.store"
+  import { getIsPlayground } from "$lib/store/playground.svelte"
+  import { type IUpdateRecordCommand } from "@undb/commands"
 
   type Value = [string | Date | null | undefined, string | Date | null | undefined] | undefined
 
@@ -51,9 +54,15 @@
     open = true
   }
 
+  const isLocal = getIsLocal()
+  const isPlayground = getIsPlayground()
+
   const updateCell = createMutation({
     mutationKey: ["record", tableId, field.id.value, recordId],
-    mutationFn: trpc.record.update.mutate,
+    mutationFn: async (command: IUpdateRecordCommand) => {
+      const dataService = await getDataService(isLocal, isPlayground)
+      return dataService.records.updateRecord(command)
+    },
     onSuccess(data, variables, context) {
       open = false
     },
diff --git a/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/duration-cell.svelte b/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/duration-cell.svelte
index b7e8b1640..358ec2b5b 100644
--- a/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/duration-cell.svelte
+++ b/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/duration-cell.svelte
@@ -7,6 +7,9 @@
   import { debounce, isNumber } from "radash"
   import { gridViewStore } from "../grid-view.store"
   import DurationInput from "$lib/components/blocks/duration/duration-input.svelte"
+  import { getIsLocal, getDataService } from "$lib/store/data-service.store"
+  import { getIsPlayground } from "$lib/store/playground.svelte"
+  import { type IUpdateRecordCommand } from "@undb/commands"
 
   export let tableId: string
   export let field: DurationField
@@ -15,9 +18,15 @@
   export let recordId: string
   export let onValueChange: (value: number) => void
 
+  const isLocal = getIsLocal()
+  const isPlayground = getIsPlayground()
+
   const updateCell = createMutation({
     mutationKey: ["record", tableId, field.id.value, recordId],
-    mutationFn: trpc.record.update.mutate,
+    mutationFn: async (command: IUpdateRecordCommand) => {
+      const dataService = await getDataService(isLocal, isPlayground)
+      return dataService.records.updateRecord(command)
+    },
     onSuccess(data, variables, context) {
       gridViewStore.exitEditing()
     },
diff --git a/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/email-cell.svelte b/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/email-cell.svelte
index 244eb9deb..baaecee73 100644
--- a/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/email-cell.svelte
+++ b/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/email-cell.svelte
@@ -5,6 +5,9 @@
   import type { EmailField } from "@undb/table"
   import { toast } from "svelte-sonner"
   import { gridViewStore } from "../grid-view.store"
+  import { getIsLocal, getDataService } from "$lib/store/data-service.store"
+  import { getIsPlayground } from "$lib/store/playground.svelte"
+  import { type IUpdateRecordCommand } from "@undb/commands"
 
   export let tableId: string
   export let field: EmailField
@@ -13,9 +16,15 @@
   export let isEditing: boolean
   export let onValueChange: (value: string) => void
 
+  const isLocal = getIsLocal()
+  const isPlayground = getIsPlayground()
+
   const updateCell = createMutation({
     mutationKey: ["record", tableId, field.id.value, recordId],
-    mutationFn: trpc.record.update.mutate,
+    mutationFn: async (command: IUpdateRecordCommand) => {
+      const dataService = await getDataService(isLocal, isPlayground)
+      return dataService.records.updateRecord(command)
+    },
     onSuccess(data, variables, context) {
       el?.blur()
       gridViewStore.exitEditing()
diff --git a/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/json-cell.svelte b/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/json-cell.svelte
index 3313c7af6..4345fbbcd 100644
--- a/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/json-cell.svelte
+++ b/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/json-cell.svelte
@@ -8,6 +8,9 @@
   import { createMutation } from "@tanstack/svelte-query"
   import { toast } from "svelte-sonner"
   import ScrollArea from "$lib/components/ui/scroll-area/scroll-area.svelte"
+  import { getIsLocal, getDataService } from "$lib/store/data-service.store"
+  import { getIsPlayground } from "$lib/store/playground.svelte"
+  import { type IUpdateRecordCommand } from "@undb/commands"
 
   export let tableId: string
   export let value: JsonValue | undefined = undefined
@@ -16,9 +19,15 @@
   export let recordId: string
   export let onValueChange: (value: JsonValue | undefined) => void
 
+  const isLocal = getIsLocal()
+  const isPlayground = getIsPlayground()
+
   const updateCell = createMutation({
     mutationKey: ["record", tableId, field.id.value, recordId],
-    mutationFn: trpc.record.update.mutate,
+    mutationFn: async (command: IUpdateRecordCommand) => {
+      const dataService = await getDataService(isLocal, isPlayground)
+      return dataService.records.updateRecord(command)
+    },
     onError(error: Error) {
       toast.error(error.message)
     },
diff --git a/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/long-text-cell.svelte b/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/long-text-cell.svelte
index 24d2372e9..8f7a112a9 100644
--- a/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/long-text-cell.svelte
+++ b/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/long-text-cell.svelte
@@ -8,6 +8,9 @@
   import { Maximize2Icon } from "lucide-svelte"
   import * as Dialog from "$lib/components/ui/dialog"
   import Tiptap from "$lib/components/tiptap/tiptap.svelte"
+  import { getIsLocal, getDataService } from "$lib/store/data-service.store"
+  import { getIsPlayground } from "$lib/store/playground.svelte"
+  import { type IUpdateRecordCommand } from "@undb/commands"
 
   export let tableId: string
   export let field: LongTextField
@@ -18,9 +21,15 @@
   export let readonly: boolean
   export let onValueChange: (value: string) => void
 
+  const isLocal = getIsLocal()
+  const isPlayground = getIsPlayground()
+
   const updateCell = createMutation({
     mutationKey: ["record", tableId, field.id.value, recordId],
-    mutationFn: trpc.record.update.mutate,
+    mutationFn: async (command: IUpdateRecordCommand) => {
+      const dataService = await getDataService(isLocal, isPlayground)
+      return dataService.records.updateRecord(command)
+    },
     onSuccess(data, variables, context) {
       el?.blur()
       open = false
diff --git a/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/number-cell.svelte b/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/number-cell.svelte
index f4a54cb41..0b6842d48 100644
--- a/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/number-cell.svelte
+++ b/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/number-cell.svelte
@@ -6,6 +6,9 @@
   import { toast } from "svelte-sonner"
   import { debounce, isNumber } from "radash"
   import { gridViewStore } from "../grid-view.store"
+  import { getIsLocal, getDataService } from "$lib/store/data-service.store"
+  import { getIsPlayground } from "$lib/store/playground.svelte"
+  import { type IUpdateRecordCommand } from "@undb/commands"
 
   export let tableId: string
   export let field: NumberField
@@ -14,9 +17,15 @@
   export let recordId: string
   export let onValueChange: (value: number) => void
 
+  const isLocal = getIsLocal()
+  const isPlayground = getIsPlayground()
+
   const updateCell = createMutation({
     mutationKey: ["record", tableId, field.id.value, recordId],
-    mutationFn: trpc.record.update.mutate,
+    mutationFn: async (command: IUpdateRecordCommand) => {
+      const dataService = await getDataService(isLocal, isPlayground)
+      return dataService.records.updateRecord(command)
+    },
     onSuccess(data, variables, context) {
       el?.blur()
       gridViewStore.exitEditing()
diff --git a/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/percentage-cell.svelte b/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/percentage-cell.svelte
index 1b191ef69..fed591c2b 100644
--- a/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/percentage-cell.svelte
+++ b/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/percentage-cell.svelte
@@ -8,6 +8,9 @@
   import { gridViewStore } from "../grid-view.store"
   import { Slider } from "$lib/components/ui/slider"
   import * as Tooltip from "$lib/components/ui/tooltip"
+  import { getIsLocal, getDataService } from "$lib/store/data-service.store"
+  import { getIsPlayground } from "$lib/store/playground.svelte"
+  import { type IUpdateRecordCommand } from "@undb/commands"
 
   export let tableId: string
   export let field: NumberField
@@ -16,9 +19,15 @@
   export let recordId: string
   export let onValueChange: (value: number) => void
 
+  const isLocal = getIsLocal()
+  const isPlayground = getIsPlayground()
+
   const updateCell = createMutation({
     mutationKey: ["record", tableId, field.id.value, recordId],
-    mutationFn: trpc.record.update.mutate,
+    mutationFn: async (command: IUpdateRecordCommand) => {
+      const dataService = await getDataService(isLocal, isPlayground)
+      return dataService.records.updateRecord(command)
+    },
     onSuccess(data, variables, context) {
       el?.blur()
       gridViewStore.exitEditing()
diff --git a/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/rating-cell.svelte b/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/rating-cell.svelte
index ab242532f..6483ad88c 100644
--- a/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/rating-cell.svelte
+++ b/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/rating-cell.svelte
@@ -5,6 +5,9 @@
   import { createMutation } from "@tanstack/svelte-query"
   import type { RatingField } from "@undb/table"
   import { toast } from "svelte-sonner"
+  import { getIsLocal, getDataService } from "$lib/store/data-service.store"
+  import { getIsPlayground } from "$lib/store/playground.svelte"
+  import { type IUpdateRecordCommand } from "@undb/commands"
 
   export let tableId: string
   export let recordId: string
@@ -13,6 +16,9 @@
   export let readonly = false
   export let onValueChange: (value: number) => void
 
+  const isLocal = getIsLocal()
+  const isPlayground = getIsPlayground()
+
   $: max = field.max
 
   let overIndex: number | undefined = undefined
@@ -29,7 +35,10 @@
 
   const updateCell = createMutation({
     mutationKey: ["record", tableId, field.id.value, recordId],
-    mutationFn: trpc.record.update.mutate,
+    mutationFn: async (command: IUpdateRecordCommand) => {
+      const dataService = await getDataService(isLocal, isPlayground)
+      return dataService.records.updateRecord(command)
+    },
     onError(error: Error) {
       toast.error(error.message)
     },
diff --git a/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/reference-cell.svelte b/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/reference-cell.svelte
index 18b915469..acecb0bde 100644
--- a/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/reference-cell.svelte
+++ b/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/reference-cell.svelte
@@ -8,6 +8,7 @@
   import { cn } from "$lib/utils"
   import { LL } from "@undb/i18n/client"
   import { getIsLocal } from "$lib/store/data-service.store"
+  import { getIsPlayground } from "$lib/store/playground.svelte"
 
   const table = getTable()
 
@@ -24,7 +25,7 @@
   export let r: Writable<string | null>
 
   const isLocal = getIsLocal()
-
+  const isPlayground = getIsPlayground()
   $: selected = writable<string[]>(value)
 
   let hasValue = Array.isArray(value) && value.length > 0
@@ -40,7 +41,7 @@
 
   function onSuccess(id?: string) {
     if (id) {
-      recordStore?.invalidateRecord(isLocal, $table, id, $viewId)
+      recordStore?.invalidateRecord(isLocal, isPlayground, $table, id, $viewId)
     }
   }
 </script>
diff --git a/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/select-cell.svelte b/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/select-cell.svelte
index 46e602ed4..c1f5ccd83 100644
--- a/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/select-cell.svelte
+++ b/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/select-cell.svelte
@@ -10,6 +10,10 @@
   import OptionsPicker from "../../option/options-picker.svelte"
   import type { IOptionId } from "@undb/table/src/modules/schema/fields/option/option-id.vo"
   import OptionPicker from "../../option/option-picker.svelte"
+  import { getIsLocal, getDataService } from "$lib/store/data-service.store"
+  import { getIsPlayground } from "$lib/store/playground.svelte"
+  import { type IUpdateRecordCommand } from "@undb/commands"
+
 
   export let tableId: string
   export let field: SelectField
@@ -20,6 +24,9 @@
   export let onValueChange: (id: IOptionId | IOptionId[] | null) => void
   export let readonly: boolean = false
 
+  const isLocal = getIsLocal()
+  const isPlayground = getIsPlayground()
+
   $: selected = Array.isArray(value)
     ? value.map((v) => field.options.find((o) => o.id === v)).filter((v) => !!v)
     : field.options.find((option) => option.id === value)
@@ -31,7 +38,10 @@
 
   const updateCell = createMutation({
     mutationKey: ["record", tableId, field.id.value, recordId],
-    mutationFn: trpc.record.update.mutate,
+    mutationFn: async (command: IUpdateRecordCommand) => {
+      const dataService = await getDataService(isLocal, isPlayground)
+      return dataService.records.updateRecord(command)
+    },
     onError(error: Error) {
       toast.error(error.message)
     },
diff --git a/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/string-cell.svelte b/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/string-cell.svelte
index cb0b8f0b6..7313503a3 100644
--- a/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/string-cell.svelte
+++ b/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/string-cell.svelte
@@ -5,6 +5,9 @@
   import type { StringField } from "@undb/table"
   import { toast } from "svelte-sonner"
   import { gridViewStore } from "../grid-view.store"
+  import { getIsLocal, getDataService } from "$lib/store/data-service.store"
+  import { getIsPlayground } from "$lib/store/playground.svelte"
+  import { type IUpdateRecordCommand } from "@undb/commands"
 
   export let tableId: string
   export let field: StringField
@@ -14,9 +17,15 @@
   export let readonly: boolean
   export let onValueChange: (value: string) => void
 
+  const isLocal = getIsLocal()
+  const isPlayground = getIsPlayground()
+
   const updateCell = createMutation({
     mutationKey: ["record", tableId, field.id.value, recordId],
-    mutationFn: trpc.record.update.mutate,
+    mutationFn: async (command: IUpdateRecordCommand) => {
+      const dataService = await getDataService(isLocal, isPlayground)
+      return dataService.records.updateRecord(command)
+    },
     onSuccess(data, variables, context) {
       el?.blur()
       gridViewStore.exitEditing()
diff --git a/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/url-cell.svelte b/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/url-cell.svelte
index d9d96a442..6e82e556d 100644
--- a/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/url-cell.svelte
+++ b/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/url-cell.svelte
@@ -5,6 +5,9 @@
   import type { EmailField } from "@undb/table"
   import { toast } from "svelte-sonner"
   import { gridViewStore } from "../grid-view.store"
+  import { getIsLocal, getDataService } from "$lib/store/data-service.store"
+  import { getIsPlayground } from "$lib/store/playground.svelte"
+  import { type IUpdateRecordCommand } from "@undb/commands"
 
   export let tableId: string
   export let field: EmailField
@@ -13,9 +16,15 @@
   export let isEditing: boolean
   export let onValueChange: (value: string) => void
 
+  const isLocal = getIsLocal()
+  const isPlayground = getIsPlayground()
+
   const updateCell = createMutation({
     mutationKey: ["record", tableId, field.id.value, recordId],
-    mutationFn: trpc.record.update.mutate,
+    mutationFn: async (command: IUpdateRecordCommand) => {
+      const dataService = await getDataService(isLocal, isPlayground)
+      return dataService.records.updateRecord(command)
+    },
     onSuccess(data, variables, context) {
       el?.blur()
       gridViewStore.exitEditing()
diff --git a/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/user-cell.svelte b/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/user-cell.svelte
index 08192aa52..c0000713f 100644
--- a/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/user-cell.svelte
+++ b/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/user-cell.svelte
@@ -11,7 +11,9 @@
   import UserMacro from "../../user/user-macro.svelte"
   import { getRecordsStore } from "$lib/store/records.store"
   import { getTable } from "$lib/store/table.store"
-  import { getIsLocal } from "$lib/store/data-service.store"
+  import { getDataService, getIsLocal } from "$lib/store/data-service.store"
+  import { getIsPlayground } from "$lib/store/playground.svelte"
+  import { type IUpdateRecordCommand } from "@undb/commands"
 
   export let tableId: string
   export let field: UserField
@@ -32,14 +34,18 @@
   const store = getRecordsStore()
 
   const isLocal = getIsLocal()
+  const isPlayground = getIsPlayground()
 
   const updateCell = createMutation({
     mutationKey: ["record", tableId, field.id.value, recordId],
-    mutationFn: trpc.record.update.mutate,
+    mutationFn: async (command: IUpdateRecordCommand) => {
+      const dataService = await getDataService(isLocal, isPlayground)
+      return dataService.records.updateRecord(command)
+    },
     async onSuccess(data, variables) {
       const value = variables.values[field.id.value]
       if (isUserFieldMacro(value)) {
-        await store?.invalidateRecord(isLocal, $table, recordId)
+        await store?.invalidateRecord(isLocal, isPlayground, $table, recordId)
       }
     },
     onError(error: Error) {
diff --git a/apps/frontend/src/lib/components/blocks/grid-view/grid-view.svelte b/apps/frontend/src/lib/components/blocks/grid-view/grid-view.svelte
index 2f923b27b..383e7230b 100644
--- a/apps/frontend/src/lib/components/blocks/grid-view/grid-view.svelte
+++ b/apps/frontend/src/lib/components/blocks/grid-view/grid-view.svelte
@@ -10,6 +10,7 @@
   import { preferences } from "$lib/store/persisted.store"
   import { aggregatesStore } from "$lib/store/aggregates.store"
   import { getIsLocal, getDataService } from "$lib/store/data-service.store"
+  import { getIsPlayground } from "$lib/store/playground.svelte"
 
   export let readonly = false
 
@@ -22,6 +23,7 @@
   export let filter: IViewFilterGroup | undefined = undefined
 
   const isLocal = getIsLocal()
+  const isPlayground = getIsPlayground()
 
   const perPage = derived(preferences, ($preferences) => $preferences.gridViewPerPage ?? 50)
   const currentPage = queryParam("page", ssp.number())
@@ -33,7 +35,7 @@
         queryKey: ["records", $table?.id.value, $viewId, $q, $currentPage, $perPage],
         enabled: view?.type === "grid",
         queryFn: async () => {
-          const dataService = await getDataService(isLocal)
+          const dataService = await getDataService(isLocal,isPlayground)
 
           return dataService.records.getRecords({
             tableId: $table?.id.value,
@@ -69,7 +71,7 @@
       return {
         queryKey: ["aggregates", $table?.id.value, $viewId],
         queryFn: async () => {
-      const dataService = await getDataService(isLocal)
+      const dataService = await getDataService(isLocal, isPlayground)
 
           return dataService.records.getAggregates({ tableId: $table.id.value, viewId: $viewId })},
         enabled: !!$table,
diff --git a/apps/frontend/src/lib/components/blocks/grid-view/selected-records-button.svelte b/apps/frontend/src/lib/components/blocks/grid-view/selected-records-button.svelte
index ded37d5f3..d3ff68966 100644
--- a/apps/frontend/src/lib/components/blocks/grid-view/selected-records-button.svelte
+++ b/apps/frontend/src/lib/components/blocks/grid-view/selected-records-button.svelte
@@ -1,7 +1,6 @@
 <script lang="ts">
   import Button from "$lib/components/ui/button/button.svelte"
   import { getTable } from "$lib/store/table.store"
-  import { trpc } from "$lib/trpc/client"
   import { createMutation, useQueryClient } from "@tanstack/svelte-query"
   import { toast } from "svelte-sonner"
   import * as AlertDialog from "$lib/components/ui/alert-dialog"
@@ -14,6 +13,12 @@
   import { r } from "$lib/store/records.store"
   import type { Readable } from "svelte/store"
   import { LL } from "@undb/i18n/client"
+  import { type IBulkDeleteRecordsCommand, type IBulkDuplicateRecordsCommand } from "@undb/commands"
+  import { getDataService, getIsLocal } from "$lib/store/data-service.store"
+  import { getIsPlayground } from "$lib/store/playground.svelte"
+
+  const isLocal = getIsLocal()
+  const isPlayground = getIsPlayground()
 
   const table = getTable()
 
@@ -28,7 +33,10 @@
 
   const client = useQueryClient()
   const deleteRecordsMutation = createMutation({
-    mutationFn: trpc.record.bulkDelete.mutate,
+    mutationFn: async (command: IBulkDeleteRecordsCommand) => {
+      const dataService = await getDataService(isLocal, isPlayground)
+      return dataService.records.deleteRecords(command)
+    },
     onSuccess(data, variables, context) {
       client.invalidateQueries({
         queryKey: ["records", $table.id.value],
@@ -52,7 +60,10 @@
   }
 
   const duplicateRecordsMutation = createMutation({
-    mutationFn: trpc.record.bulkDuplicate.mutate,
+    mutationFn: async (command: IBulkDuplicateRecordsCommand) => {
+      const dataService = await getDataService(isLocal, isPlayground)
+      return dataService.records.duplicateRecords(command)
+    },
     async onSuccess(data, variables, context) {
       await client.invalidateQueries({
         queryKey: ["records", $table.id.value],
@@ -147,7 +158,7 @@
                 <AlertDialog.Header>
                   <AlertDialog.Title>{$LL.table.record.confirmDeleteRecords({ n: ids.length })}</AlertDialog.Title>
                   <AlertDialog.Description>
-                    {$LL.table.record.confirmDeleteRecordsDescription()}
+                    {$LL.table.record.confirmDeleteRecordsDescription({ table: $table.name.value })}
                   </AlertDialog.Description>
                 </AlertDialog.Header>
                 <AlertDialog.Footer>
diff --git a/apps/frontend/src/lib/components/blocks/kanban-view/select-kanban-lane.svelte b/apps/frontend/src/lib/components/blocks/kanban-view/select-kanban-lane.svelte
index a6966e98f..dcef83897 100644
--- a/apps/frontend/src/lib/components/blocks/kanban-view/select-kanban-lane.svelte
+++ b/apps/frontend/src/lib/components/blocks/kanban-view/select-kanban-lane.svelte
@@ -46,6 +46,9 @@
   import { queryParam } from "sveltekit-search-params"
   import { LL } from "@undb/i18n/client"
   import { getDataService, getIsLocal } from "$lib/store/data-service.store"
+  import { getIsPlayground } from "$lib/store/playground.svelte"
+  import { type IUpdateRecordCommand } from "@undb/commands"
+  import { type IUpdateFieldCommand } from "@undb/commands"
 
   const table = getTable()
   const recordsStore = getRecordsStore()
@@ -69,6 +72,7 @@
   $: isLaneCollapsed = $viewId ? ($getIsLaneCollapsed($viewId, option?.id ?? "") ?? false) : false
 
   const isLocal = getIsLocal()
+  const isPlayground = getIsPlayground()
 
   const query = createInfiniteQuery(
     derived([table, viewId, q], ([$table, $viewId, $q]) => {
@@ -76,7 +80,7 @@
       return {
         queryKey: ["records", $table.id.value, $viewId, fieldId, option?.id, $q],
         queryFn: async ({ pageParam = 1 }) => {
-          const dataService = await getDataService(isLocal)
+          const dataService = await getDataService(isLocal, isPlayground)
           if (shareId) {
             return trpc.shareData.records.getRecords({
               shareId,
@@ -130,14 +134,20 @@
   const spec = Some(new SelectEqual(option?.id ?? null, new FieldIdVo(fieldId)))
 
   const updateRecord = createMutation({
-    mutationFn: trpc.record.update.mutate,
+    mutationFn: async (command: IUpdateRecordCommand) => {
+      const dataService = await getDataService(isLocal, isPlayground)
+      return dataService.records.updateRecord(command)
+    },
     onError: (error, variables, context) => {
       toast.error(error.message)
     },
   })
 
   const updateFieldMutation = createMutation({
-    mutationFn: trpc.table.field.update.mutate,
+    mutationFn: async (command: IUpdateFieldCommand) => {
+      const dataService = await getDataService(isLocal, isPlayground)
+      return dataService.table.field.updateField(command)
+    },
     onSuccess: async (data, variables, context) => {
       toast.success("Option updated")
       updateOptionDialogOpen = false
diff --git a/apps/frontend/src/lib/components/blocks/kanban-view/select-kanban-view.svelte b/apps/frontend/src/lib/components/blocks/kanban-view/select-kanban-view.svelte
index 67bb96275..7e374c453 100644
--- a/apps/frontend/src/lib/components/blocks/kanban-view/select-kanban-view.svelte
+++ b/apps/frontend/src/lib/components/blocks/kanban-view/select-kanban-view.svelte
@@ -14,7 +14,6 @@
   import SelectKanbanLane from "./select-kanban-lane.svelte"
   import { arrayMoveImmutable } from "array-move"
   import { isNumber } from "radash"
-  import { trpc } from "$lib/trpc/client"
   import { createMutation } from "@tanstack/svelte-query"
   import { toast } from "svelte-sonner"
   import { PlusIcon } from "lucide-svelte"
@@ -24,6 +23,9 @@
   import { invalidate } from "$app/navigation"
   import type { Writable } from "svelte/store"
   import { LL } from "@undb/i18n/client"
+  import { getIsLocal, getDataService } from "$lib/store/data-service.store"
+  import { getIsPlayground } from "$lib/store/playground.svelte"
+  import { type IUpdateFieldCommand } from "@undb/commands"
 
   const table = getTable()
 
@@ -40,8 +42,14 @@
   let lanesContainer: HTMLElement
   $: options = field.options ?? []
 
+  const isLocal = getIsLocal()
+  const isPlayground = getIsPlayground()
+
   const updateFieldMudation = createMutation({
-    mutationFn: trpc.table.field.update.mutate,
+    mutationFn: async (command: IUpdateFieldCommand) => {
+      const dataService = await getDataService(isLocal, isPlayground)
+      return dataService.table.field.updateField(command)
+    },
     mutationKey: ["table", $table.id.value, "field", fieldId, "update"],
     async onSuccess(data) {
       await invalidate(`undb:table:${$table.id.value}`)
diff --git a/apps/frontend/src/lib/components/blocks/list-view/list-view.svelte b/apps/frontend/src/lib/components/blocks/list-view/list-view.svelte
index 225a61cc0..100d037d4 100644
--- a/apps/frontend/src/lib/components/blocks/list-view/list-view.svelte
+++ b/apps/frontend/src/lib/components/blocks/list-view/list-view.svelte
@@ -12,6 +12,7 @@
   import ListViewLoading from "./list-view-loading.svelte"
   import ListViewList from "./list-view-list.svelte"
   import { getIsLocal, getDataService } from "$lib/store/data-service.store"
+  import { getIsPlayground } from "$lib/store/playground.svelte"
 
   const table = getTable()
   export let viewId: Readable<string | undefined>
@@ -25,6 +26,7 @@
   const currentPage = writable(1)
   const q = queryParam("q")
   const isLocal = getIsLocal()
+  const isPlayground = getIsPlayground()
 
   const getRecords = async () => {
     if (shareId) {
@@ -36,7 +38,7 @@
         pagination: { limit: $perPage, page: $currentPage },
       })
     }
-    const dataService = await getDataService(isLocal)
+    const dataService = await getDataService(isLocal, isPlayground)
     return dataService.records.getRecords({
       tableId: $table?.id.value,
       viewId: $viewId,
diff --git a/apps/frontend/src/lib/components/blocks/member/member-menu.svelte b/apps/frontend/src/lib/components/blocks/member/member-menu.svelte
index a5a13c012..b9a69afde 100644
--- a/apps/frontend/src/lib/components/blocks/member/member-menu.svelte
+++ b/apps/frontend/src/lib/components/blocks/member/member-menu.svelte
@@ -60,6 +60,10 @@
         <KeyIcon class="mr-2 h-4 w-4" />
         {$LL.account.apiToken()}
       </DropdownMenu.Item>
+      <DropdownMenu.Item href="/playground">
+        <img src={GithubLogo} alt="undb" class="mr-2 h-4 w-4" />
+        Playground
+      </DropdownMenu.Item>
       <DropdownMenu.Item href="https://undb.io/templates" target="_blank" rel="noopener noreferrer">
         <img src={Logo} alt="undb" class="mr-2 h-4 w-4" />
         {$LL.account.undbTemplates()}
diff --git a/apps/frontend/src/lib/components/blocks/playground/playground.svelte b/apps/frontend/src/lib/components/blocks/playground/playground.svelte
new file mode 100644
index 000000000..c4a04f9a1
--- /dev/null
+++ b/apps/frontend/src/lib/components/blocks/playground/playground.svelte
@@ -0,0 +1,27 @@
+<script lang="ts">
+  import { Button } from "$lib/components/ui/button"
+  import { CREATE_BASE_MODAL, IMPORT_TEMPLATE_MODAL, toggleModal } from "$lib/store/modal.store"
+  import { CirclePlusIcon, PackageIcon } from "lucide-svelte"
+  import { LL } from "@undb/i18n/client"
+</script>
+
+<main class="flex h-screen w-screen items-center justify-center">
+  <div class="flex flex-col space-y-2">
+    <Button class="w-48" on:click={() => toggleModal(CREATE_BASE_MODAL)} {...$$restProps}>
+      <CirclePlusIcon class="mr-2 size-4" />
+      {$LL.base.createBase()}
+    </Button>
+    <Button class="w-48" on:click={() => toggleModal(IMPORT_TEMPLATE_MODAL)} {...$$restProps}>
+      <PackageIcon class="mr-2 size-4" />
+      {$LL.base.importFromTemplate()}
+    </Button>
+  </div>
+</main>
+
+{#await import("$lib/components/blocks/create-base/create-base-dialog.svelte") then { default: CreateBaseDialog }}
+  <CreateBaseDialog baseNames={[]} />
+{/await}
+
+{#await import("$lib/components/blocks/template/template-list-sheet.svelte") then { default: TemplateListSheet }}
+  <TemplateListSheet />
+{/await}
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 761e2b937..169c615fc 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
@@ -18,7 +18,9 @@
   import { getRecordsStore } from "$lib/store/records.store"
   import { type Writable, type Readable } from "svelte/store"
   import { LL } from "@undb/i18n/client"
-  import { getIsLocal } from "$lib/store/data-service.store"
+  import { getDataService, getIsLocal } from "$lib/store/data-service.store"
+  import { getIsPlayground } from "$lib/store/playground.svelte"
+  import { type IUpdateRecordCommand } from "@undb/commands"
 
   const recordsStore = getRecordsStore()
 
@@ -28,6 +30,8 @@
   export let viewId: Readable<string | undefined>
 
   const isLocal = getIsLocal()
+  const isPlayground = getIsPlayground()
+
   beforeNavigate(({ cancel }) => {
     if (mutableFieldTainted) {
       if (!confirm("Are you sure you want to leave this page? You have unsaved changes that will be lost.")) {
@@ -48,14 +52,17 @@
   const client = useQueryClient()
 
   const updateRecordMutation = createMutation({
-    mutationFn: trpc.record.update.mutate,
+    mutationFn: async (command: IUpdateRecordCommand) => {
+      const dataService = await getDataService(isLocal, isPlayground)
+      return dataService.records.updateRecord(command)
+    },
     mutationKey: ["updateRecord"],
     onSuccess: async () => {
       toast.success("Record updated")
       onSuccess()
       await client.invalidateQueries({ queryKey: [record.id.value, "get"] })
       reset({})
-      await recordsStore?.invalidateRecord(isLocal, $table, record.id.value)
+      await recordsStore?.invalidateRecord(isLocal, isPlayground, $table, record.id.value)
     },
     onError: (error) => {
       toast.error(error.message)
diff --git a/apps/frontend/src/lib/components/blocks/record-detail/table-record-detail-sheet.svelte b/apps/frontend/src/lib/components/blocks/record-detail/table-record-detail-sheet.svelte
index d8595897a..ac629f828 100644
--- a/apps/frontend/src/lib/components/blocks/record-detail/table-record-detail-sheet.svelte
+++ b/apps/frontend/src/lib/components/blocks/record-detail/table-record-detail-sheet.svelte
@@ -9,11 +9,13 @@
   import type { Readable } from "svelte/store"
   import { trpc } from "$lib/trpc/client"
   import { getDataService, getIsLocal } from "$lib/store/data-service.store"
+  import { getIsPlayground } from "$lib/store/playground.svelte"
 
   export let readonly = false
   export let viewId: Readable<string | undefined>
 
   const isLocal = getIsLocal()
+  const isPlayground = getIsPlayground()
 
   const table = getTable()
 
@@ -21,7 +23,7 @@
     derived([table, r, preferences], ([$table, $recordId, $preferences]) => ({
       queryKey: [$recordId, "get", $preferences.showHiddenFields],
       queryFn: async () => {
-        const dataService = await getDataService(isLocal)
+        const dataService = await getDataService(isLocal, isPlayground)
         return dataService.records.getRecordById({
           tableId: $table?.id.value,
           id: $recordId!,
diff --git a/apps/frontend/src/lib/components/blocks/reference/foreign-record-detail-button.svelte b/apps/frontend/src/lib/components/blocks/reference/foreign-record-detail-button.svelte
index b43640e10..13fa2dfd2 100644
--- a/apps/frontend/src/lib/components/blocks/reference/foreign-record-detail-button.svelte
+++ b/apps/frontend/src/lib/components/blocks/reference/foreign-record-detail-button.svelte
@@ -14,6 +14,7 @@
   import { createQuery, useQueryClient } from "@tanstack/svelte-query"
   import { getDataService } from "$lib/store/data-service.store"
   import { getIsLocal } from "$lib/store/data-service.store"
+  import { getIsPlayground } from "$lib/store/playground.svelte"
 
   export let foreignTable: Readable<TableDo>
   export let r: Writable<string | null>
@@ -28,12 +29,13 @@
   let disabled = false
 
   const isLocal = getIsLocal()
+  const isPlayground = getIsPlayground()
 
   const record = createQuery(
     derived([foreignTable, recordId, preferences, open], ([$table, $recordId, $preferences, $open]) => ({
       queryKey: [$recordId, "get", $preferences.showHiddenFields, $open],
       queryFn: async () => {
-        const dataService = await getDataService(isLocal)
+        const dataService = await getDataService(isLocal, isPlayground)
         return dataService.records.getRecordById({
           tableId: $table?.id.value,
           id: $recordId!,
diff --git a/apps/frontend/src/lib/components/blocks/reference/foreign-records-picker-dropdown.svelte b/apps/frontend/src/lib/components/blocks/reference/foreign-records-picker-dropdown.svelte
index 927f8b842..a6bd5bfe8 100644
--- a/apps/frontend/src/lib/components/blocks/reference/foreign-records-picker-dropdown.svelte
+++ b/apps/frontend/src/lib/components/blocks/reference/foreign-records-picker-dropdown.svelte
@@ -9,6 +9,7 @@
   import { LL } from "@undb/i18n/client"
   import { createQuery } from "@tanstack/svelte-query"
   import { getDataService, getIsLocal } from "$lib/store/data-service.store"
+  import { getIsPlayground } from "$lib/store/playground.svelte"
 
   export let isSelected = false
 
@@ -27,10 +28,12 @@
   let open = false
 
   const isLocal = getIsLocal()
+  const isPlayground = getIsPlayground()
+
   const getForeignTable = createQuery({
     queryKey: ["foreignTable", foreignTableId, open],
     queryFn: async () => {
-      const dataService = await getDataService(isLocal)
+      const dataService = await getDataService(isLocal, isPlayground)
       return dataService.table.getTable({ tableId: foreignTableId })
     },
   })
diff --git a/apps/frontend/src/lib/components/blocks/reference/foreign-records-picker.svelte b/apps/frontend/src/lib/components/blocks/reference/foreign-records-picker.svelte
index 20f7db29c..024ca6088 100644
--- a/apps/frontend/src/lib/components/blocks/reference/foreign-records-picker.svelte
+++ b/apps/frontend/src/lib/components/blocks/reference/foreign-records-picker.svelte
@@ -19,6 +19,8 @@
   import Checkbox from "$lib/components/ui/checkbox/checkbox.svelte"
   import ForeignRecordDetailButton from "./foreign-record-detail-button.svelte"
   import { getIsLocal, getDataService } from "$lib/store/data-service.store"
+  import { getIsPlayground } from "$lib/store/playground.svelte"
+  import { type IUpdateRecordCommand } from "@undb/commands"
 
   export let foreignTable: Readable<TableDo>
   export let isSelected = false
@@ -33,6 +35,7 @@
   export let onSuccess: (id?: string) => void
 
   const isLocal = getIsLocal()
+  const isPlayground = getIsPlayground()
 
   let linkAfterCreate = true
 
@@ -51,7 +54,7 @@
         queryKey: ["records", $table.id.value, $q, $currentPage, $selected?.length],
         enabled: !!$table,
         queryFn: async () => {
-          const dataService = await getDataService(isLocal)
+          const dataService = await getDataService(isLocal, isPlayground)
           return dataService.records.getRecords({
             tableId: $table.id.value,
             q: $q || undefined,
@@ -97,7 +100,10 @@
   const client = useQueryClient()
   const updateCell = createMutation({
     mutationKey: ["record", tableId, field.id.value, recordId],
-    mutationFn: trpc.record.update.mutate,
+    mutationFn: async (command: IUpdateRecordCommand) => {
+      const dataService = await getDataService(isLocal, isPlayground)
+      return dataService.records.updateRecord(command)
+    },
     async onSuccess(data, variables, context) {
       await client.invalidateQueries({ queryKey: ["records", field.foreignTableId] })
       onSuccess?.(recordId)
diff --git a/apps/frontend/src/lib/components/blocks/reference/foreign-table-picker.svelte b/apps/frontend/src/lib/components/blocks/reference/foreign-table-picker.svelte
index 8f01fa7f9..bb3affe52 100644
--- a/apps/frontend/src/lib/components/blocks/reference/foreign-table-picker.svelte
+++ b/apps/frontend/src/lib/components/blocks/reference/foreign-table-picker.svelte
@@ -7,33 +7,47 @@
   import { Button } from "$lib/components/ui/button/index.js"
   import { cn } from "$lib/utils.js"
   import { getTable } from "$lib/store/table.store"
-  import { GetForeignTablesStore, GetForeignTableStore } from "$houdini"
-  import { group } from "radash"
-  import { DatabaseIcon, ChevronRightIcon, ExternalLinkIcon } from "lucide-svelte"
+  import { DatabaseIcon, ExternalLinkIcon } from "lucide-svelte"
   import { LL } from "@undb/i18n/client"
+  import { getIsLocal, getDataService } from "$lib/store/data-service.store"
+  import { getIsPlayground } from "$lib/store/playground.svelte"
+  import { createQuery } from "@tanstack/svelte-query"
 
   const table = getTable()
 
-  const getForeignTablesStore = new GetForeignTablesStore()
-  const getForeignTableStore = new GetForeignTableStore()
-
-  $: open && getForeignTablesStore.fetch()
-  $: foreignTables = $getForeignTablesStore.data?.tables.filter((t) => !!t) ?? []
-  $: groupTables = group(foreignTables, (t) => t.base?.id)
+  const isLocal = getIsLocal()
+  const isPlayground = getIsPlayground()
 
   let open = false
   export let value: string | undefined = undefined
   export let disabled: boolean = false
 
-  $: foreignBase = $getForeignTableStore.data?.table?.base
+  const getForeignTable = createQuery({
+    queryFn: async () => {
+      const dataService = await getDataService(isLocal, isPlayground)
+      return dataService.table.getTable({ tableId: value! })
+    },
+    queryKey: ["getForeignTable", value],
+    enabled: !!value,
+  })
+
+  const getForeignTables = createQuery({
+    queryFn: async () => {
+      const dataService = await getDataService(isLocal, isPlayground)
+      return dataService.table.getTables({})
+    },
+    queryKey: ["getForeignTables", $table.baseId],
+  })
+
+  $: open && $getForeignTables.refetch()
+  $: foreignTables = $getForeignTables.data?.filter((t) => !!t) ?? []
+
+  $: foreignTable = $getForeignTable.data
 
-  $: selectedValue =
-    foreignTables.filter((f) => !!f).find((f) => f.id === value)?.name ?? $getForeignTableStore.data?.table?.name ?? ""
+  $: selectedValue = foreignTables.filter((f) => !!f).find((f) => f.id === value)?.name ?? foreignTable?.name ?? ""
   let fetched = false
   $: if (value && !selectedValue && !fetched) {
-    getForeignTableStore.fetch({ variables: { tableId: value } }).then(() => {
-      fetched = true
-    })
+    $getForeignTable.refetch()
   }
 
   // We want to refocus the trigger button when the user selects
@@ -61,10 +75,6 @@
       >
         {#if selectedValue}
           <span class="inline-flex items-center gap-1 truncate text-xs text-gray-700">
-            {#if foreignBase}
-              {foreignBase.name}
-              <ChevronRightIcon class="size-3 shrink-0 opacity-50" />
-            {/if}
             {selectedValue}
           </span>
         {:else}
@@ -88,38 +98,33 @@
     >
       <Command.Input placeholder={$LL.table.common.search()} class="h-9" />
       <Command.Empty>{$LL.table.common.noTablesFound()}</Command.Empty>
-      {#each Object.entries(groupTables) as [baseId, tables]}
-        {#if tables?.length}
-          {@const baseName = tables[0].base.name}
-          <Command.Group heading={baseName}>
-            {#each tables as t}
-              {#if t}
-                <Command.Item
-                  value={t.id}
-                  onSelect={(currentValue) => {
-                    value = currentValue
-                    closeAndFocusTrigger(ids.trigger)
-                  }}
-                  class="gap-2"
+      {#if foreignTables?.length}
+        {#each foreignTables as t}
+          {#if t}
+            <Command.Item
+              value={t.id}
+              onSelect={(currentValue) => {
+                value = currentValue
+                closeAndFocusTrigger(ids.trigger)
+              }}
+              class="gap-2"
+            >
+              <Check class={cn("h-4 w-4", value !== t.id && "text-transparent")} />
+              <span class="inline-flex items-center gap-2 truncate text-xs text-gray-700">
+                <DatabaseIcon class="h-4 w-4" />
+                {t.name}
+              </span>
+              {#if t.id === $table?.id.value}
+                <span
+                  class="inline-flex items-center rounded-md bg-blue-50 px-2 py-1 text-xs font-medium text-blue-700 ring-1 ring-inset ring-blue-700/10"
                 >
-                  <Check class={cn("h-4 w-4", value !== t.id && "text-transparent")} />
-                  <span class="inline-flex items-center gap-2 truncate text-xs text-gray-700">
-                    <DatabaseIcon class="h-4 w-4" />
-                    {t.name}
-                  </span>
-                  {#if t.id === $table?.id.value}
-                    <span
-                      class="inline-flex items-center rounded-md bg-blue-50 px-2 py-1 text-xs font-medium text-blue-700 ring-1 ring-inset ring-blue-700/10"
-                    >
-                      Current
-                    </span>
-                  {/if}
-                </Command.Item>
+                  Current
+                </span>
               {/if}
-            {/each}
-          </Command.Group>
-        {/if}
-      {/each}
+            </Command.Item>
+          {/if}
+        {/each}
+      {/if}
     </Command.Root>
   </Popover.Content>
 </Popover.Root>
diff --git a/apps/frontend/src/lib/components/blocks/reference/foreign-table.gql b/apps/frontend/src/lib/components/blocks/reference/foreign-table.gql
deleted file mode 100644
index 7983411ea..000000000
--- a/apps/frontend/src/lib/components/blocks/reference/foreign-table.gql
+++ /dev/null
@@ -1,33 +0,0 @@
-query GetForeignTable($tableId: ID!) {
-  table(id: $tableId) {
-    id
-    name
-
-    base {
-      id
-      name
-    }
-
-    schema {
-      id
-      name
-      type
-      defaultValue
-      display
-      constraint
-      option
-      metadata
-    }
-
-    views {
-      id
-      name
-      type
-      filter
-      color
-      sort
-      aggregate
-      fields
-    }
-  }
-}
diff --git a/apps/frontend/src/lib/components/blocks/reference/foreign-tables.gql b/apps/frontend/src/lib/components/blocks/reference/foreign-tables.gql
deleted file mode 100644
index 04ebee8d1..000000000
--- a/apps/frontend/src/lib/components/blocks/reference/foreign-tables.gql
+++ /dev/null
@@ -1,16 +0,0 @@
-query GetForeignTables($baseId: ID) {
-  tables(baseId: $baseId) {
-    id
-    name
-    schema {
-      id
-      name
-      type
-    }
-
-    base {
-      id
-      name
-    }
-  }
-}
diff --git a/apps/frontend/src/lib/components/blocks/table-tools/table-tools.svelte b/apps/frontend/src/lib/components/blocks/table-tools/table-tools.svelte
index 60419b5e8..933a17c0b 100644
--- a/apps/frontend/src/lib/components/blocks/table-tools/table-tools.svelte
+++ b/apps/frontend/src/lib/components/blocks/table-tools/table-tools.svelte
@@ -9,10 +9,13 @@
   import BulkUpdateRecordsButton from "../bulk-update-records/bulk-update-records-button.svelte"
   import ViewWidgetButton from "../view-widget/view-widget-button.svelte"
   import type { Readable, Writable } from "svelte/store"
+  import { getIsPlayground } from "$lib/store/playground.svelte"
 
   export let readonly = false
   export let r: Writable<string | null>
   export let viewId: Readable<string | undefined>
+
+  const isPlayground = getIsPlayground()
 </script>
 
 <div class="flex items-center justify-between gap-2 border-b px-4 py-2">
@@ -30,7 +33,9 @@
   <div class="flex items-center gap-2">
     {#if !readonly}
       <BulkUpdateRecordsButton {r} {viewId} />
-      <ShareViewButton />
+      {#if !isPlayground}
+        <ShareViewButton />
+      {/if}
     {/if}
     <RecordsSearch />
     <ViewWidgetButton {readonly} />
diff --git a/apps/frontend/src/lib/components/blocks/template/template-card.svelte b/apps/frontend/src/lib/components/blocks/template/template-card.svelte
index e36611879..6e1c91aa9 100644
--- a/apps/frontend/src/lib/components/blocks/template/template-card.svelte
+++ b/apps/frontend/src/lib/components/blocks/template/template-card.svelte
@@ -14,19 +14,34 @@
   import { Checkbox } from "$lib/components/ui/checkbox/index.js"
   import Label from "$lib/components/ui/label/label.svelte"
   import { LL } from "@undb/i18n/client"
+  import { getIsLocal, getDataService } from "$lib/store/data-service.store"
+  import { getIsPlayground } from "$lib/store/playground.svelte"
+  import { type ICreateFromTemplateCommand } from "@undb/commands"
 
-  let includeData = false
 
   export let template: ITemplateDTO
 
+  const isLocal = getIsLocal()
+  const isPlayground = getIsPlayground()
+
+  let includeData = !!isPlayground
+
   const createFromTemplate = createMutation({
-    mutationFn: trpc.template.createFromTemplate.mutate,
+    mutationFn: async (command: ICreateFromTemplateCommand) => {
+      const dataService = await getDataService(isLocal, isPlayground)
+      return dataService.template.createFromTemplate(command)
+    },
     async onSuccess(data, variables, context) {
-      toast.success("Base created successfully")
+      toast.success($LL.base.created())
       closeModal(IMPORT_TEMPLATE_MODAL)
       await invalidateAll()
+
       if (data.baseIds.length > 0) {
-        goto(`/bases/${data.baseIds[0]}`)
+        if (isPlayground) {
+          await goto(`/playground/bases/${data.baseIds[0]}`)
+        } else {
+          await goto(`/bases/${data.baseIds[0]}`)
+        }
       }
     },
     onError(error) {
diff --git a/apps/frontend/src/lib/components/blocks/template/template-preview.svelte b/apps/frontend/src/lib/components/blocks/template/template-preview.svelte
index 8277a3e66..7416a3349 100644
--- a/apps/frontend/src/lib/components/blocks/template/template-preview.svelte
+++ b/apps/frontend/src/lib/components/blocks/template/template-preview.svelte
@@ -19,6 +19,7 @@
   import { templateStore } from "$lib/store/template.store.svelte"
   import { setDashboard } from "$lib/store/dashboard.store"
   import DashboardWidgets from "$lib/components/blocks/dashboard/dashboard-widgets.svelte"
+  import { getIsPlayground } from "$lib/store/playground.svelte"
 
   export let template: ITemplateDTO
 
@@ -42,12 +43,14 @@
 
   let r = writable<string | null>(null)
 
+  const isPlayground = getIsPlayground()
+
   const record = createQuery(
     derived([currentTable, r, preferences], ([$table, $recordId, $preferences]) => ({
       queryKey: [$recordId, "get", $preferences.showHiddenFields],
       enabled: !!$table && !!$recordId,
       queryFn: async () => {
-        const dataService = getDataService(true)
+        const dataService = getDataService(true, isPlayground)
         return dataService.records.getRecordById({
           tableId: $table?.id.value,
           id: $recordId!,
@@ -85,7 +88,7 @@
       return
     }
 
-    dataService = getDataService(true)
+    dataService = getDataService(true, isPlayground)
     await dataService.template.save(t, true)
     templateStore.saveTemplate(template.id, t)
     saved = true
diff --git a/apps/frontend/src/lib/components/blocks/update-field/update-field.svelte b/apps/frontend/src/lib/components/blocks/update-field/update-field.svelte
index 8547cffa9..dbbfd546a 100644
--- a/apps/frontend/src/lib/components/blocks/update-field/update-field.svelte
+++ b/apps/frontend/src/lib/components/blocks/update-field/update-field.svelte
@@ -28,6 +28,9 @@
   import { LoaderCircleIcon, PencilIcon } from "lucide-svelte"
   import { LL } from "@undb/i18n/client"
   import { getIsFieldCanCastTo } from "@undb/table"
+  import { getIsLocal, getDataService } from "$lib/store/data-service.store"
+  import { getIsPlayground } from "$lib/store/playground.svelte"
+  import { type IUpdateFieldCommand } from "@undb/commands"
 
   const table = getTable()
 
@@ -40,11 +43,17 @@
 
   $: isTypeChanged = type !== updatedType
 
+  const isLocal = getIsLocal()
+  const isPlayground = getIsPlayground()
+
   const client = useQueryClient()
   const updateFieldMutation = createMutation(
     derived([table], ([$table]) => ({
       mutationKey: ["table", $table.id.value, "updateField"],
-      mutationFn: trpc.table.field.update.mutate,
+      mutationFn: async (command: IUpdateFieldCommand) => {
+        const dataService = await getDataService(isLocal, isPlayground)
+        return dataService.table.field.updateField(command)
+      },
       async onSuccess() {
         onSuccess()
         toast.success($LL.table.field.updated())
@@ -59,7 +68,6 @@
   )
 
   function getDefaultValue(field: Field): IUpdateFieldDTO {
-    console.log(field.constraint)
     return {
       id: field.id.value,
       type: field.type,
diff --git a/apps/frontend/src/lib/components/blocks/view-color-editor/view-color-editor.svelte b/apps/frontend/src/lib/components/blocks/view-color-editor/view-color-editor.svelte
index 04ee8722b..7215b8358 100644
--- a/apps/frontend/src/lib/components/blocks/view-color-editor/view-color-editor.svelte
+++ b/apps/frontend/src/lib/components/blocks/view-color-editor/view-color-editor.svelte
@@ -20,10 +20,16 @@
   import { hasPermission } from "$lib/store/space-member.store"
   import type { Readable } from "svelte/store"
   import { LL } from "@undb/i18n/client"
+  import type { ISetViewColorCommand } from "@undb/commands"
+  import { getIsLocal, getDataService } from "$lib/store/data-service.store"
+  import { getIsPlayground } from "$lib/store/playground.svelte"
 
   export let readonly = false
   export let viewId: Readable<string | undefined>
 
+  const isLocal = getIsLocal()
+  const isPlayground = getIsPlayground()
+
   const table = getTable()
   $: color = $table.views.getViewById($viewId).color.into(undefined)
   $: count = color?.count ?? 0
@@ -37,7 +43,10 @@
 
   const mutation = createMutation({
     mutationKey: ["table", $table.id.value, "setColor"],
-    mutationFn: trpc.table.view.setColor.mutate,
+    mutationFn: async (command: ISetViewColorCommand) => {
+      const dataService = await getDataService(isLocal, isPlayground)
+      return dataService.table.view.setColor(command)
+    },
     onSuccess: async () => {
       await invalidate(`undb:table:${$table.id.value}`)
       open = false
diff --git a/apps/frontend/src/lib/components/blocks/view-fields/view-fields.svelte b/apps/frontend/src/lib/components/blocks/view-fields/view-fields.svelte
index 1fb0b6d96..24e915227 100644
--- a/apps/frontend/src/lib/components/blocks/view-fields/view-fields.svelte
+++ b/apps/frontend/src/lib/components/blocks/view-fields/view-fields.svelte
@@ -20,6 +20,9 @@
   import CreateFieldButton from "../create-field/create-field-button.svelte"
   import { LL } from "@undb/i18n/client"
   import { EyeIcon, EyeOffIcon } from "lucide-svelte"
+  import { getIsLocal, getDataService } from "$lib/store/data-service.store"
+  import { getIsPlayground } from "$lib/store/playground.svelte"
+  import { type ISetViewFieldsCommand } from "@undb/commands"
 
   export let readonly = false
   export let viewId: Readable<string | undefined>
@@ -42,9 +45,15 @@
     return field && field.name.value.toLowerCase().includes($q.toLowerCase())
   })
 
+  const isLocal = getIsLocal()
+  const isPlayground = getIsPlayground()
+
   const client = useQueryClient()
   const setViewFieldsMutation = createMutation({
-    mutationFn: trpc.table.view.setFields.mutate,
+    mutationFn: async (command: ISetViewFieldsCommand) => {
+      const dataService = await getDataService(isLocal, isPlayground)
+      return dataService.table.view.setFields(command)
+    },
     mutationKey: ["table", $table.id.value, "setFields"],
     async onSuccess(data, variables, context) {
       await invalidate(`undb:table:${$table.id.value}`)
diff --git a/apps/frontend/src/lib/components/blocks/view-filter-editor/view-filter-editor.svelte b/apps/frontend/src/lib/components/blocks/view-filter-editor/view-filter-editor.svelte
index 0b921a545..4958af0b2 100644
--- a/apps/frontend/src/lib/components/blocks/view-filter-editor/view-filter-editor.svelte
+++ b/apps/frontend/src/lib/components/blocks/view-filter-editor/view-filter-editor.svelte
@@ -4,7 +4,6 @@
   import { FilterIcon, FilterXIcon } from "lucide-svelte"
   import FiltersEditor from "../filters-editor/filters-editor.svelte"
   import { getTable } from "$lib/store/table.store"
-  import { trpc } from "$lib/trpc/client"
   import { LoaderCircleIcon } from "lucide-svelte"
   import { createMutation, useQueryClient } from "@tanstack/svelte-query"
   import { invalidate } from "$app/navigation"
@@ -20,6 +19,9 @@
   import { hasPermission } from "$lib/store/space-member.store"
   import type { Readable } from "svelte/store"
   import { LL } from "@undb/i18n/client"
+  import { getDataService, getIsLocal } from "$lib/store/data-service.store"
+  import { getIsPlayground } from "$lib/store/playground.svelte"
+  import type { ISetViewFilterCommand } from "@undb/commands"
 
   export let readonly = false
   export let viewId: Readable<string | undefined>
@@ -39,9 +41,15 @@
 
   const client = useQueryClient()
 
+  const isLocal = getIsLocal()
+  const isPlayground = getIsPlayground()
+
   const mutation = createMutation({
     mutationKey: ["table", $table.id.value, "setFilters"],
-    mutationFn: trpc.table.view.setFilter.mutate,
+    mutationFn: async (command: ISetViewFilterCommand) => {
+      const dataService = await getDataService(isLocal, isPlayground)
+      return dataService.table.view.setFilter(command)
+    },
     onSuccess: async () => {
       await invalidate(`undb:table:${$table.id.value}`)
       await client.invalidateQueries({ queryKey: ["records", $table.id.value] })
diff --git a/apps/frontend/src/lib/components/blocks/view-sort/view-sort.svelte b/apps/frontend/src/lib/components/blocks/view-sort/view-sort.svelte
index 44852cfab..fc991f2e9 100644
--- a/apps/frontend/src/lib/components/blocks/view-sort/view-sort.svelte
+++ b/apps/frontend/src/lib/components/blocks/view-sort/view-sort.svelte
@@ -28,6 +28,9 @@
   import { hasPermission } from "$lib/store/space-member.store"
   import { LL } from "@undb/i18n/client"
   import SortPicker from "./sort-picker.svelte"
+  import { getIsLocal, getDataService } from "$lib/store/data-service.store"
+  import { getIsPlayground } from "$lib/store/playground.svelte"
+  import type { ISetViewSortCommand } from "@undb/commands"
 
   export let readonly = false
   export let viewId: Readable<string | undefined>
@@ -51,6 +54,9 @@
 
   let open = false
 
+  const isLocal = getIsLocal()
+  const isPlayground = getIsPlayground()
+
   function addSort() {
     if (disabled) {
       return
@@ -61,7 +67,10 @@
   const client = useQueryClient()
   const setViewSortMutation = createMutation({
     mutationKey: ["table", $table.id.value, "setSort"],
-    mutationFn: trpc.table.view.setSort.mutate,
+    mutationFn: async (command: ISetViewSortCommand) => {
+      const dataService = await getDataService(isLocal, isPlayground)
+      return dataService.table.view.setSort(command)
+    },
     async onSettled() {
       await invalidate(`undb:table:${$table.id.value}`)
       await client.invalidateQueries({ queryKey: ["records", $table.id.value] })
diff --git a/apps/frontend/src/lib/registry.svelte.ts b/apps/frontend/src/lib/registry.svelte.ts
index 5e3c4e8f5..02d29020e 100644
--- a/apps/frontend/src/lib/registry.svelte.ts
+++ b/apps/frontend/src/lib/registry.svelte.ts
@@ -1,20 +1,65 @@
-import { CreateFromTemplateCommandHandler, DeleteBaseCommandHandler } from "@undb/command-handlers"
+import { ISpaceMemberService, SPACE_MEMBER_SERVICE } from "@undb/authz"
+import {
+  BulkDeleteRecordsCommandHandler,
+  BulkDuplicateRecordsCommandHandler,
+  BulkUpdateRecordsCommandHandler,
+  CreateBaseCommandHandler,
+  CreateFromTemplateCommandHandler,
+  CreateRecordCommandHandler,
+  CreateTableFieldCommandHandler,
+  DeleteBaseCommandHandler,
+  DeleteTableFieldCommandHandler,
+  DuplicateTableFieldCommandHandler,
+  SetViewColorCommandHandler,
+  SetViewFieldsCommandHandler,
+  SetViewFilterCommandHandler,
+  SetViewSortCommandHandler,
+  UpdateRecordCommandHandler,
+  UpdateTableFieldCommandHandler,
+} from "@undb/command-handlers"
+import { CONTEXT_TOKEN, IContext } from "@undb/context"
 import { CommandBus, QueryBus } from "@undb/cqrs"
 import { registerDataService, registerQueryBuilder } from "@undb/data-service"
 import { container } from "@undb/di"
 import {
   GetAggregatesQueryHandler,
+  GetBaseQueryHandler,
+  GetDashboardByIdQueryHandler,
+  GetDashboardsQueryHandler,
   GetRecordByIdQueryHandler,
   GetRecordsQueryHandler,
   GetTableQueryHandler,
+  GetTablesQueryHandler,
 } from "@undb/query-handlers"
 
-const commandHandlers = [CreateFromTemplateCommandHandler, DeleteBaseCommandHandler]
+const commandHandlers = [
+  BulkDuplicateRecordsCommandHandler,
+  BulkDeleteRecordsCommandHandler,
+  BulkUpdateRecordsCommandHandler,
+  CreateFromTemplateCommandHandler,
+  CreateRecordCommandHandler,
+  DeleteBaseCommandHandler,
+  CreateBaseCommandHandler,
+  UpdateRecordCommandHandler,
+  SetViewFilterCommandHandler,
+  SetViewColorCommandHandler,
+  SetViewFieldsCommandHandler,
+  SetViewSortCommandHandler,
+  DeleteTableFieldCommandHandler,
+  CreateTableFieldCommandHandler,
+  UpdateTableFieldCommandHandler,
+  DuplicateTableFieldCommandHandler,
+]
+
 const queryHandlers = [
+  GetTablesQueryHandler,
   GetRecordsQueryHandler,
   GetRecordByIdQueryHandler,
   GetTableQueryHandler,
   GetAggregatesQueryHandler,
+  GetBaseQueryHandler,
+  GetDashboardsQueryHandler,
+  GetDashboardByIdQueryHandler,
 ]
 
 class Registry {
@@ -38,6 +83,11 @@ class Registry {
       const queryBus = container.resolve(QueryBus)
       queryBus.register(queryHandlers)
 
+      // TODO: move to other place
+      const context = container.resolve<IContext>(CONTEXT_TOKEN)
+      const spaceMemberService = container.resolve<ISpaceMemberService>(SPACE_MEMBER_SERVICE)
+      await spaceMemberService.createMember(context.mustGetCurrentUserId(), context.mustGetCurrentSpaceId(), "admin")
+
       this.#registered = true
     }
   }
diff --git a/apps/frontend/src/lib/store/data-service.store.ts b/apps/frontend/src/lib/store/data-service.store.ts
index e724cb316..7d23388dd 100644
--- a/apps/frontend/src/lib/store/data-service.store.ts
+++ b/apps/frontend/src/lib/store/data-service.store.ts
@@ -12,7 +12,7 @@ export function getIsLocal() {
   return getContext<boolean>(IS_LOCAL) ?? false
 }
 
-export async function getDataService(isLocal: boolean) {
+export async function getDataService(isLocal: boolean, isPlayground: boolean) {
   await registry.register(isLocal)
-  return getDataServiceImpl(isLocal)
+  return getDataServiceImpl(isLocal, isPlayground)
 }
diff --git a/apps/frontend/src/lib/store/playground.svelte.ts b/apps/frontend/src/lib/store/playground.svelte.ts
new file mode 100644
index 000000000..7bad04ec6
--- /dev/null
+++ b/apps/frontend/src/lib/store/playground.svelte.ts
@@ -0,0 +1,11 @@
+import { getContext, setContext } from "svelte"
+
+const IS_PLAYGROUND = "IS_PLAYGROUND"
+
+export function setIsPlayground(isPlayground: boolean) {
+  setContext(IS_PLAYGROUND, isPlayground)
+}
+
+export function getIsPlayground() {
+  return getContext<boolean>(IS_PLAYGROUND) ?? false
+}
diff --git a/apps/frontend/src/lib/store/records.store.ts b/apps/frontend/src/lib/store/records.store.ts
index 7937fc1af..e4023483c 100644
--- a/apps/frontend/src/lib/store/records.store.ts
+++ b/apps/frontend/src/lib/store/records.store.ts
@@ -9,9 +9,9 @@ import {
   type IRecordValues,
   type Records,
 } from "@undb/table"
-import { getContext, setContext } from "svelte"
-import { derived, writable } from "svelte/store"
-import { queryParam, ssp } from "sveltekit-search-params"
+import { getContext,setContext } from "svelte"
+import { derived,writable } from "svelte/store"
+import { queryParam,ssp } from "sveltekit-search-params"
 
 type RecordStore = {
   lastUpdatedAt: number
@@ -113,8 +113,8 @@ export const createRecordsStore = () => {
   const hasRecord = derived(store, ($store) => !!$store.records.size)
   const count = derived(store, ($store) => $store.ids.length)
 
-  const invalidateRecord = async (isLocal: boolean, table: TableDo, recordId: string, viewId?: string) => {
-    const dataService = await getDataService(isLocal)
+  const invalidateRecord = async (isLocal: boolean, isPlayground: boolean, table: TableDo, recordId: string, viewId?: string) => {
+    const dataService = await getDataService(isLocal, isPlayground)
     const view = viewId ? table.views.getViewById(viewId) : undefined
     const result = await dataService.records.getRecordById({
       tableId: table.id.value,
diff --git a/apps/frontend/src/lib/store/space-member.store.ts b/apps/frontend/src/lib/store/space-member.store.ts
index 435f93822..d6bb1dea4 100644
--- a/apps/frontend/src/lib/store/space-member.store.ts
+++ b/apps/frontend/src/lib/store/space-member.store.ts
@@ -1,8 +1,11 @@
 import { getHasPermission, type ISpaceAction, type ISpaceMemberRole } from "@undb/authz"
 import { derived, writable } from "svelte/store"
+import { getIsPlayground } from "./playground.svelte"
 
 export const role = writable<ISpaceMemberRole | null>(null)
 
 export const hasPermission = derived(role, ($role) => (action: ISpaceAction) => {
+  const isPlayground = getIsPlayground()
+  if (isPlayground) return true
   return !!$role && getHasPermission({ role: $role, action })
 })
diff --git a/apps/frontend/src/lib/trpc/client.ts b/apps/frontend/src/lib/trpc/client.ts
index 27ec7d005..2001dbc6a 100644
--- a/apps/frontend/src/lib/trpc/client.ts
+++ b/apps/frontend/src/lib/trpc/client.ts
@@ -1,6 +1,4 @@
 import { createTRPCProxyClient, httpLink } from "@trpc/client"
-import { TRPC_CLIENT } from "@undb/data-service"
-import { container } from "@undb/di"
 import type { AppRouter } from "@undb/trpc"
 
 export const trpc = createTRPCProxyClient<AppRouter>({
@@ -10,5 +8,3 @@ export const trpc = createTRPCProxyClient<AppRouter>({
     }),
   ],
 })
-
-container.register(TRPC_CLIENT, { useValue: trpc })
diff --git a/apps/frontend/src/routes/(authed)/(space)/+layout.svelte b/apps/frontend/src/routes/(authed)/(space)/+layout.svelte
index 639fe1c04..5a796b4ee 100644
--- a/apps/frontend/src/routes/(authed)/(space)/+layout.svelte
+++ b/apps/frontend/src/routes/(authed)/(space)/+layout.svelte
@@ -7,8 +7,6 @@
   import { goto } from "$app/navigation"
   import { page } from "$app/stores"
   import { shortcut, type ShortcutEventDetail } from "@svelte-put/shortcut"
-  import { ScrollArea } from "$lib/components/ui/scroll-area/index.js"
-  import { CREATE_TABLE_MODAL, toggleModal } from "$lib/store/modal.store"
   import Command from "$lib/components/blocks/command/command.svelte"
   import { role } from "$lib/store/space-member.store"
   import { baseId, bases as basesStore } from "$lib/store/base.store"
@@ -138,7 +136,7 @@
 {/await}
 
 {#await import("$lib/components/blocks/dashboard/create-dashboard-dialog.svelte") then { default: CreateDashboardDialog }}
-  <CreateDashboardDialog />
+  <CreateDashboardDialog dashboardNames={[]} />
 {/await}
 
 <Command tables={$tables} />
diff --git a/apps/frontend/src/routes/(authed)/(space)/dashboards/[dashboardId]/+page.svelte b/apps/frontend/src/routes/(authed)/(space)/dashboards/[dashboardId]/+page.svelte
index 2994d883f..a1dd4c900 100644
--- a/apps/frontend/src/routes/(authed)/(space)/dashboards/[dashboardId]/+page.svelte
+++ b/apps/frontend/src/routes/(authed)/(space)/dashboards/[dashboardId]/+page.svelte
@@ -1,224 +1,5 @@
 <script lang="ts">
-  import DashboardWidgets from "$lib/components/blocks/dashboard/dashboard-widgets.svelte"
-  import AddDashboardWidgetButton from "$lib/components/blocks/widget/add-dashboard-widget-button.svelte"
-  import { getDashboard } from "$lib/store/dashboard.store"
-  import { derived } from "svelte/store"
-  import { GaugeIcon, EllipsisIcon, PencilIcon } from "lucide-svelte"
-  import * as DropdownMenu from "$lib/components/ui/dropdown-menu"
-  import { TrashIcon } from "lucide-svelte"
-  import * as AlertDialog from "$lib/components/ui/alert-dialog"
-  import Button from "$lib/components/ui/button/button.svelte"
-  import { trpc } from "$lib/trpc/client"
-  import { createMutation } from "@tanstack/svelte-query"
-  import { goto, invalidate, invalidateAll } from "$app/navigation"
-  import * as Dialog from "$lib/components/ui/dialog"
-  import * as Form from "$lib/components/ui/form"
-  import { Input } from "$lib/components/ui/input"
-  import { CopyIcon } from "lucide-svelte"
-  import { zodClient } from "sveltekit-superforms/adapters"
-  import { defaults, superForm } from "sveltekit-superforms"
-  import { updateDashboardDTO } from "@undb/dashboard"
-  import { Textarea } from "$lib/components/ui/textarea"
-  import { Loader2Icon } from "lucide-svelte"
-  import { toast } from "svelte-sonner"
-  import ShareButton from "$lib/components/blocks/share/share-button.svelte"
-  import { LL } from "@undb/i18n/client"
-
-  const dashboard = getDashboard()
-
-  const widgets = derived(dashboard, ($dashboard) => $dashboard?.widgets)
-
-  let deleteDialogOpen = false
-
-  const deleteDashboardMutation = createMutation({
-    mutationFn: trpc.dashboard.delete.mutate,
-    mutationKey: ["dashboard", "delete", $dashboard.id.value],
-    onSuccess: async () => {
-      await invalidateAll()
-      goto("/")
-    },
-    onError: (error) => {
-      toast.error(error.message)
-    },
-  })
-
-  const deleteDashboard = () => {
-    $deleteDashboardMutation.mutate({ id: $dashboard.id.value })
-  }
-
-  let updateDialogOpen = false
-
-  const updateDashboardForm = superForm(
-    defaults(
-      {
-        name: $dashboard.name.value,
-        description: $dashboard.description,
-      },
-      zodClient(updateDashboardDTO),
-    ),
-    {
-      validators: zodClient(updateDashboardDTO),
-      SPA: true,
-      dataType: "json",
-      onSubmit: (data) => {
-        validateForm({ update: true })
-      },
-      onUpdate: (data) => {
-        if (!data.form.valid) {
-          console.log(data.form.errors)
-          return
-        }
-
-        $updateDashboardMutation.mutate({
-          dashboardId: $dashboard.id.value,
-          name: data.form.data.name,
-          description: data.form.data.description,
-        })
-      },
-    },
-  )
-
-  const { form: formData, enhance, validateForm } = updateDashboardForm
-
-  const updateDashboardMutation = createMutation({
-    mutationFn: trpc.dashboard.update.mutate,
-    mutationKey: ["dashboard", "update", $dashboard.id.value],
-  })
-
-  let duplicateDialogOpen = false
-
-  const duplicateDashboardMutation = createMutation({
-    mutationFn: trpc.dashboard.duplicate.mutate,
-    mutationKey: ["dashboard", "duplicate", $dashboard.id.value],
-    onSuccess: async (data) => {
-      await invalidateAll()
-      await goto(`/dashboards/${data}`)
-    },
-  })
-
-  const duplicateDashboard = () => {
-    $duplicateDashboardMutation.mutate({ id: $dashboard.id.value })
-  }
+  import Dashboard from "$lib/components/blocks/dashboard/dashboard.svelte"
 </script>
 
-<div class="flex h-full flex-col">
-  <header class="flex items-center justify-between border-b px-4 py-2">
-    <h1 class="flex items-center text-sm font-medium text-gray-700">
-      <GaugeIcon class="mr-2 size-4" />
-      {$dashboard.name.value}
-
-        <DropdownMenu.Root>
-          <DropdownMenu.Trigger>
-            <EllipsisIcon class="text-muted-foreground ml-4 size-4" />
-          </DropdownMenu.Trigger>
-          <DropdownMenu.Content>
-            <DropdownMenu.Group>
-              <DropdownMenu.Item class="text-xs" on:click={() => (updateDialogOpen = true)}>
-                <PencilIcon class="mr-2 size-3" />
-                {$LL.dashboard.updateName()}
-              </DropdownMenu.Item>
-              <DropdownMenu.Item class="text-xs" on:click={() => (duplicateDialogOpen = true)}>
-                <CopyIcon class="mr-2 size-3" />
-                {$LL.dashboard.duplicateDashboard()}
-              </DropdownMenu.Item>
-              <DropdownMenu.Item
-                class="text-destructive text-xs hover:!bg-red-100 hover:!text-red-500"
-                on:click={() => (deleteDialogOpen = true)}
-              >
-                <TrashIcon class="mr-2 size-3" />
-                {$LL.dashboard.deleteDashboard()}
-              </DropdownMenu.Item>
-            </DropdownMenu.Group>
-          </DropdownMenu.Content>
-        </DropdownMenu.Root>
-    </h1>
-    <div class="flex items-center gap-2">
-      <ShareButton
-        type="dashboard"
-        id={$dashboard.id.value}
-        onSuccess={async () => {
-          await invalidate(`undb:dashboard:${$dashboard.id.value}`)
-        }}
-      />
-
-      <AddDashboardWidgetButton variant="outline" size="sm" />
-    </div>
-  </header>
-  {#if $widgets?.value.length}
-    <main class="px-4 py-4">
-      <DashboardWidgets />
-    </main>
-  {:else}
-    <div class="flex flex-1 items-center justify-center">
-      <AddDashboardWidgetButton />
-    </div>
-  {/if}
-</div>
-
-<AlertDialog.Root bind:open={deleteDialogOpen}>
-  <AlertDialog.Content>
-    <AlertDialog.Header>
-      <AlertDialog.Title>{$LL.dashboard.confirmDeleteDashboard()}</AlertDialog.Title>
-      <AlertDialog.Description>
-        {$LL.dashboard.confirmDeleteDashboardDescription()}
-      </AlertDialog.Description>
-    </AlertDialog.Header>
-    <AlertDialog.Footer>
-      <AlertDialog.Cancel>{$LL.common.cancel()}</AlertDialog.Cancel>
-      <AlertDialog.Action asChild>
-        <Button variant="destructive" on:click={deleteDashboard}>
-          {#if $deleteDashboardMutation.isPending}
-            <Loader2Icon class="mr-2 size-4" />
-          {/if}
-          {$LL.common.delete()}
-        </Button>
-      </AlertDialog.Action>
-    </AlertDialog.Footer>
-  </AlertDialog.Content>
-</AlertDialog.Root>
-
-<AlertDialog.Root bind:open={duplicateDialogOpen}>
-  <AlertDialog.Content>
-    <AlertDialog.Header>
-      <AlertDialog.Title>{$LL.dashboard.duplicateDashboardConfirm()}</AlertDialog.Title>
-    </AlertDialog.Header>
-    <AlertDialog.Footer>
-      <AlertDialog.Cancel>{$LL.common.cancel()}</AlertDialog.Cancel>
-      <AlertDialog.Action asChild let:builder>
-        <Button on:click={duplicateDashboard} builders={[builder]}>
-          {$LL.common.duplicate()}
-        </Button>
-      </AlertDialog.Action>
-    </AlertDialog.Footer>
-  </AlertDialog.Content>
-</AlertDialog.Root>
-
-<Dialog.Root bind:open={updateDialogOpen}>
-  <Dialog.Content>
-    <Dialog.Header>
-      <Dialog.Title>{$LL.dashboard.updateDashboard()}</Dialog.Title>
-    </Dialog.Header>
-
-    <form method="POST" use:enhance>
-      <Form.Field form={updateDashboardForm} name="name">
-        <Form.Control let:attrs>
-          <Form.Label>{$LL.common.name()}</Form.Label>
-          <Input {...attrs} bind:value={$formData.name} />
-        </Form.Control>
-        <Form.Description />
-        <Form.FieldErrors />
-      </Form.Field>
-
-      <Form.Field form={updateDashboardForm} name="description">
-        <Form.Control let:attrs>
-          <Form.Label>{$LL.common.description()}</Form.Label>
-          <Textarea {...attrs} bind:value={$formData.description} />
-        </Form.Control>
-        <Form.Description />
-        <Form.FieldErrors />
-      </Form.Field>
-
-      <Form.Button>{$LL.common.update()}</Form.Button>
-    </form>
-  </Dialog.Content>
-</Dialog.Root>
+<Dashboard />
diff --git a/apps/frontend/src/routes/+layout.ts b/apps/frontend/src/routes/+layout.ts
index 5409197eb..fd16c7695 100644
--- a/apps/frontend/src/routes/+layout.ts
+++ b/apps/frontend/src/routes/+layout.ts
@@ -1,4 +1,10 @@
 import "reflect-metadata"
 
+import { trpc } from "$lib/trpc/client"
+import { TRPC_CLIENT } from "@undb/data-service"
+import { container } from "@undb/di"
+
+container.register(TRPC_CLIENT, { useValue: trpc })
+
 export const ssr = false
 export const prerender = true
diff --git a/apps/frontend/src/routes/playground/+layout.svelte b/apps/frontend/src/routes/playground/+layout.svelte
new file mode 100644
index 000000000..6ab851c60
--- /dev/null
+++ b/apps/frontend/src/routes/playground/+layout.svelte
@@ -0,0 +1,9 @@
+<script lang="ts">
+  import { setIsLocal } from "$lib/store/data-service.store"
+  import { setIsPlayground } from "$lib/store/playground.svelte"
+
+  setIsLocal(true)
+  setIsPlayground(true)
+</script>
+
+<slot />
diff --git a/apps/frontend/src/routes/playground/+layout.ts b/apps/frontend/src/routes/playground/+layout.ts
new file mode 100644
index 000000000..2554216be
--- /dev/null
+++ b/apps/frontend/src/routes/playground/+layout.ts
@@ -0,0 +1 @@
+export const prerender = "auto"
diff --git a/apps/frontend/src/routes/playground/+page.svelte b/apps/frontend/src/routes/playground/+page.svelte
new file mode 100644
index 000000000..b277836c0
--- /dev/null
+++ b/apps/frontend/src/routes/playground/+page.svelte
@@ -0,0 +1,5 @@
+<script lang="ts">
+  import Playground from "$lib/components/blocks/playground/playground.svelte"
+</script>
+
+<Playground />
diff --git a/apps/frontend/src/routes/playground/bases/[baseId]/+layout.svelte b/apps/frontend/src/routes/playground/bases/[baseId]/+layout.svelte
new file mode 100644
index 000000000..40af3de82
--- /dev/null
+++ b/apps/frontend/src/routes/playground/bases/[baseId]/+layout.svelte
@@ -0,0 +1,204 @@
+<script lang="ts">
+  import { onMount } from "svelte"
+  import * as Resizable from "$lib/components/ui/resizable"
+  import type { PageData } from "./$types"
+  import { goto } from "$app/navigation"
+  import { type PaneAPI } from "paneforge"
+  import { cn } from "$lib/utils"
+  import * as Collapsible from "$lib/components/ui/collapsible"
+  import {
+    ChevronRightIcon,
+    CopyPlusIcon,
+    DatabaseIcon,
+    EllipsisIcon,
+    GaugeIcon,
+    PencilIcon,
+    ViewIcon,
+  } from "lucide-svelte"
+  import { page } from "$app/stores"
+  import CreateViewButton from "$lib/components/blocks/view/create-view-button.svelte"
+  import { LL } from "@undb/i18n/client"
+  import * as DropdownMenu from "$lib/components/ui/dropdown-menu/index.js"
+  import { DELETE_VIEW, DUPLICATE_VIEW, SET_DEFAULT_VIEW, toggleModal, UPDATE_VIEW } from "$lib/store/modal.store"
+
+  export let data: PageData
+
+  $: base = data.base
+  $: tables = data.tables
+  $: dashboards = data.dashboards
+
+  $: paramBaseId = $page.params.baseId
+  $: dashboardId = $page.params.dashboardId
+  $: tableId = $page.params.tableId
+  $: viewId = $page.params.viewId
+
+  let panelLeft: PaneAPI
+
+  onMount(() => {
+    if (tables.length) {
+      goto(`/playground/bases/${base.id}/t/${tables[0].id}`, { replaceState: true })
+      open[tables[0].id] = true
+    }
+  })
+
+  const SIZE = 20
+  const RIGHT_SIZE = 100 - SIZE
+
+  let open = {} as Record<string, boolean>
+</script>
+
+<main class="flex">
+  <Resizable.PaneGroup direction="horizontal">
+    <Resizable.Pane
+      bind:pane={panelLeft}
+      collapsible
+      class="bg-muted/40 hidden border-r md:block"
+      defaultSize={SIZE}
+      minSize={15}
+      maxSize={30}
+    >
+      <nav class="flex h-full flex-col">
+        <Collapsible.Root open={true}>
+          <Collapsible.Content class="space-y-1 pt-1">
+            {#each dashboards as dashboard}
+              {@const active = false}
+              <div
+                class={cn(
+                  "group flex h-8 cursor-pointer items-center justify-between gap-1 truncate rounded-md pl-8 pr-2 transition-all",
+                  active ? "bg-gray-800/90" : "hover:bg-gray-100",
+                )}
+              >
+                <a
+                  href={`/playground/bases/${base.id}/d/${dashboard.id}`}
+                  class={cn(
+                    "flex h-full flex-1 items-center overflow-hidden text-sm font-normal text-gray-600",
+                    active && "text-background font-medium",
+                  )}
+                >
+                  <GaugeIcon class="mr-2 h-4 w-4" />
+                  {dashboard.name}
+                </a>
+              </div>
+            {/each}
+            {#each tables as table}
+              {@const active = false}
+              <Collapsible.Root bind:open={open[table.id]}>
+                <div
+                  class={cn(
+                    "group flex h-8 cursor-pointer items-center justify-between gap-1 truncate rounded-md pl-8 pr-2 transition-all",
+                    active && !viewId ? "bg-gray-800/90" : "hover:bg-gray-100",
+                  )}
+                >
+                  <a
+                    href={`/playground/bases/${base.id}/t/${table.id}`}
+                    title={table.name}
+                    class={cn(
+                      "flex h-full flex-1 items-center overflow-hidden text-sm font-normal text-gray-600",
+                      active && !viewId && "text-background font-medium",
+                    )}
+                  >
+                    <DatabaseIcon class="mr-2 h-4 w-4" />
+                    <span class="truncate">
+                      {table.name}
+                    </span>
+                  </a>
+                  <div class="flex items-center gap-2 opacity-0 transition-all group-hover:opacity-100">
+                    <Collapsible.Trigger
+                      on:click={(e) => {
+                        e.preventDefault()
+                        e.stopPropagation()
+                        open[table.id] = !open[table.id]
+                      }}
+                      class={cn(
+                        "flex h-5 w-5 items-center justify-center rounded-md hover:bg-gray-200",
+                        active && !viewId && "hover:bg-primary",
+                      )}
+                    >
+                      <ChevronRightIcon
+                        class={cn(
+                          "text-muted-foreground h-4 w-4 transition-all",
+                          open[table.id] && "rotate-90",
+                          active && "text-background",
+                        )}
+                      />
+                    </Collapsible.Trigger>
+                  </div>
+                </div>
+                <Collapsible.Content>
+                  <CreateViewButton
+                    tableId={table.id}
+                    viewNames={table.views.map((v) => v.name)}
+                    variant="link"
+                    class="mt-0 h-8 p-0 pl-14 text-xs"
+                  >
+                    <span class="text-xs font-normal">+ {$LL.table.view.create()}</span>
+                  </CreateViewButton>
+
+                  {#each table.views.filter((view) => !view.isDefault) as view}
+                    {@const active = view.id === viewId}
+                    <div
+                      class={cn(
+                        "group flex h-8 items-center justify-between gap-1 rounded-sm pl-14 pr-2 transition-all",
+                        active ? "bg-gray-800/90" : "hover:bg-gray-100",
+                      )}
+                    >
+                      <a
+                        class={cn(
+                          "flex h-full flex-1 items-center text-xs font-normal",
+                          active && "text-background font-medium",
+                        )}
+                        href={`/playground/bases/${base.id}/t/${table.id}/${view.id}`}
+                      >
+                        <ViewIcon type={view.type} class="mr-2 h-4 w-4" />
+                        {view.name}
+                      </a>
+
+                      <div>
+                        {#if active}
+                          <DropdownMenu.Root>
+                            <DropdownMenu.Trigger
+                              class="flex items-center justify-center opacity-0 transition-all group-hover:opacity-100"
+                            >
+                              <EllipsisIcon class="text-muted-foreground h-4 w-4" />
+                            </DropdownMenu.Trigger>
+                            <DropdownMenu.Content>
+                              <DropdownMenu.Item class="text-xs" on:click={() => toggleModal(UPDATE_VIEW)}>
+                                <PencilIcon class="mr-2 h-3 w-3" />
+                                {$LL.table.view.updateName()}
+                              </DropdownMenu.Item>
+                              <DropdownMenu.Item class="text-xs" on:click={() => toggleModal(DUPLICATE_VIEW)}>
+                                <CopyPlusIcon class="mr-2 h-3 w-3" />
+                                {$LL.table.view.duplicateView()}
+                              </DropdownMenu.Item>
+                              {#if !view.isDefault}
+                                <DropdownMenu.Item class="text-xs" on:click={() => toggleModal(SET_DEFAULT_VIEW)}>
+                                  <PencilIcon class="mr-2 h-3 w-3" />
+                                  {$LL.table.view.setAsDefaultView()}
+                                </DropdownMenu.Item>
+                                <DropdownMenu.Item
+                                  class="text-xs text-red-500 hover:!bg-red-200 hover:!text-red-500"
+                                  on:click={() => toggleModal(DELETE_VIEW)}
+                                >
+                                  <CopyPlusIcon class="mr-2 h-3 w-3" />
+                                  {$LL.table.view.deleteView()}
+                                </DropdownMenu.Item>
+                              {/if}
+                            </DropdownMenu.Content>
+                          </DropdownMenu.Root>
+                        {/if}
+                      </div>
+                    </div>
+                  {/each}
+                </Collapsible.Content>
+              </Collapsible.Root>
+            {/each}
+          </Collapsible.Content>
+        </Collapsible.Root>
+      </nav>
+    </Resizable.Pane>
+    <Resizable.Handle />
+    <Resizable.Pane class="grid h-screen flex-1" defaultSize={RIGHT_SIZE}>
+      <slot />
+    </Resizable.Pane>
+  </Resizable.PaneGroup>
+</main>
diff --git a/apps/frontend/src/routes/playground/bases/[baseId]/+layout.ts b/apps/frontend/src/routes/playground/bases/[baseId]/+layout.ts
new file mode 100644
index 000000000..790ede38a
--- /dev/null
+++ b/apps/frontend/src/routes/playground/bases/[baseId]/+layout.ts
@@ -0,0 +1,28 @@
+import { getDataService } from "$lib/store/data-service.store"
+import { redirect } from "@sveltejs/kit"
+import { tryit } from "radash"
+import { LayoutLoad } from "./$types"
+
+export const load: LayoutLoad = async (event) => {
+  const baseId = event.params.baseId
+
+  const dataService = await getDataService(true, true)
+
+  const getBase = tryit(dataService.base.getBase)
+  const [err, base] = await getBase({ baseId })
+
+  if (!base || err) {
+    throw redirect(302, "/playground")
+  }
+
+  const [tables, dashboards] = await Promise.all([
+    dataService.table.getTables({ baseId }),
+    dataService.dashboard.getDashboards({ baseId }),
+  ])
+
+  return {
+    base,
+    tables,
+    dashboards,
+  }
+}
diff --git a/apps/frontend/src/routes/playground/bases/[baseId]/+page.svelte b/apps/frontend/src/routes/playground/bases/[baseId]/+page.svelte
new file mode 100644
index 000000000..4fa864ce7
--- /dev/null
+++ b/apps/frontend/src/routes/playground/bases/[baseId]/+page.svelte
@@ -0,0 +1 @@
+<slot />
diff --git a/apps/frontend/src/routes/playground/bases/[baseId]/d/[dashboardId]/+layout.svelte b/apps/frontend/src/routes/playground/bases/[baseId]/d/[dashboardId]/+layout.svelte
new file mode 100644
index 000000000..98ff2bc6d
--- /dev/null
+++ b/apps/frontend/src/routes/playground/bases/[baseId]/d/[dashboardId]/+layout.svelte
@@ -0,0 +1,17 @@
+<script lang="ts">
+  import type { LayoutData } from "./$types"
+  import { DashboardFactory } from "@undb/dashboard"
+  import { setDashboard } from "$lib/store/dashboard.store"
+  import { writable } from "svelte/store"
+
+  export let data: LayoutData
+
+  $: dashboard = data.dashboard
+
+  $: if (dashboard) {
+    const dashboardDo = DashboardFactory.fromJSON(dashboard)
+    setDashboard(writable(dashboardDo))
+  }
+</script>
+
+<slot></slot>
\ No newline at end of file
diff --git a/apps/frontend/src/routes/playground/bases/[baseId]/d/[dashboardId]/+layout.ts b/apps/frontend/src/routes/playground/bases/[baseId]/d/[dashboardId]/+layout.ts
new file mode 100644
index 000000000..e86033638
--- /dev/null
+++ b/apps/frontend/src/routes/playground/bases/[baseId]/d/[dashboardId]/+layout.ts
@@ -0,0 +1,24 @@
+import { getDataService } from "$lib/store/data-service.store"
+import { redirect } from "@sveltejs/kit"
+import { tryit } from "radash"
+import { LayoutLoad } from "./$types"
+
+export const prerender = false
+
+export const load: LayoutLoad = async ({ params }) => {
+  const { dashboardId } = params
+
+  const dataService = await getDataService(true, true)
+  const getDashboardById = tryit(dataService.dashboard.getDashboardById)
+  const [err, dashboard ] = await getDashboardById({
+    id: dashboardId,
+  })
+
+	if (err || !dashboard) {
+		throw redirect(302, "/playground")
+	}
+
+  return {
+    dashboard,
+  }
+}
diff --git a/apps/frontend/src/routes/playground/bases/[baseId]/d/[dashboardId]/+page.svelte b/apps/frontend/src/routes/playground/bases/[baseId]/d/[dashboardId]/+page.svelte
new file mode 100644
index 000000000..a1dd4c900
--- /dev/null
+++ b/apps/frontend/src/routes/playground/bases/[baseId]/d/[dashboardId]/+page.svelte
@@ -0,0 +1,5 @@
+<script lang="ts">
+  import Dashboard from "$lib/components/blocks/dashboard/dashboard.svelte"
+</script>
+
+<Dashboard />
diff --git a/apps/frontend/src/routes/playground/bases/[baseId]/t/[tableId]/[[viewId]]/+layout.svelte b/apps/frontend/src/routes/playground/bases/[baseId]/t/[tableId]/[[viewId]]/+layout.svelte
new file mode 100644
index 000000000..4fa864ce7
--- /dev/null
+++ b/apps/frontend/src/routes/playground/bases/[baseId]/t/[tableId]/[[viewId]]/+layout.svelte
@@ -0,0 +1 @@
+<slot />
diff --git a/apps/frontend/src/routes/playground/bases/[baseId]/t/[tableId]/[[viewId]]/+layout.ts b/apps/frontend/src/routes/playground/bases/[baseId]/t/[tableId]/[[viewId]]/+layout.ts
new file mode 100644
index 000000000..914c31236
--- /dev/null
+++ b/apps/frontend/src/routes/playground/bases/[baseId]/t/[tableId]/[[viewId]]/+layout.ts
@@ -0,0 +1,23 @@
+import { getDataService } from "$lib/store/data-service.store"
+import { redirect } from "@sveltejs/kit"
+import { tryit } from "radash"
+import { LayoutLoad } from "./$types"
+
+export const load: LayoutLoad = async (event) => {
+  const tableId = event.params.tableId
+
+  event.depends(`undb:table:${tableId}`)
+
+  const dataService = await getDataService(true, true)
+
+  const getTable = tryit(dataService.table.getTable)
+  const [err, table] = await getTable({ tableId })
+
+  if (err || !table) {
+    throw redirect(302, `/playground`)
+  }
+
+  return {
+    table,
+  }
+}
diff --git a/apps/frontend/src/routes/playground/bases/[baseId]/t/[tableId]/[[viewId]]/+page.svelte b/apps/frontend/src/routes/playground/bases/[baseId]/t/[tableId]/[[viewId]]/+page.svelte
new file mode 100644
index 000000000..199bf5fb4
--- /dev/null
+++ b/apps/frontend/src/routes/playground/bases/[baseId]/t/[tableId]/[[viewId]]/+page.svelte
@@ -0,0 +1,28 @@
+<script lang="ts">
+  import { TableFactory, TableDo } from "@undb/table"
+  import type { PageData } from "./$types"
+  import { setTable } from "$lib/store/table.store"
+  import { writable, derived, type Writable } from "svelte/store"
+  import { r } from "$lib/store/records.store"
+  import View from "$lib/components/blocks/view/view.svelte"
+  import { page } from "$app/stores"
+
+  export let data: PageData
+
+  $: table = data.table
+  $: tableDo = table ? new TableFactory().fromJSON(table) : undefined
+  let tableStore: Writable<TableDo | null> = writable(null)
+  $: if (tableDo) {
+    tableStore.set(tableDo)
+    setTable(tableStore as Writable<TableDo>)
+  }
+
+  const viewId = derived(
+    [page, tableStore],
+    ([$page, $table]) => $page.params.viewId ?? $table?.views.getDefaultView().id.value,
+  )
+</script>
+
+<main class="h-screen w-full">
+  <View {viewId} {r} shareId={undefined} readonly={false} />
+</main>
diff --git a/bun.lockb b/bun.lockb
index 33251d5bf82d1ba4381c884d0c43b100da3c4a39..81acb23ee810371180aff4cfe707ecc82fcebbc5 100755
GIT binary patch
delta 49277
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
UDfalN(LV9AA;s?<wSA@h2lA9TA^-pY

delta 49017
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
Vq2E@lPG$>6^wubUB4Yi6{RiSYdu0Fs

diff --git a/package.json b/package.json
index 6b00631c7..952814173 100644
--- a/package.json
+++ b/package.json
@@ -20,7 +20,10 @@
     "migrate:db": "drizzle-kit push --config drizzle.config.ts",
     "move-assets": "bun run ./scripts/move-assets.ts",
     "migrate:deploy": "bun run ./scripts/migrate.ts",
-    "prepare": "husky || echo 1"
+    "prepare": "husky || echo 1",
+    "clean:root": "bunx rimraf node_modules",
+    "clean:turbo": "turbo clean",
+    "clean": "run-p clean:*"
   },
   "devDependencies": {
     "drizzle-kit": "^0.28.1",
diff --git a/packages/command-handlers/src/handlers/create-base.command-handler.ts b/packages/command-handlers/src/handlers/create-base.command-handler.ts
index 1ac63e96a..32f55b4f5 100644
--- a/packages/command-handlers/src/handlers/create-base.command-handler.ts
+++ b/packages/command-handlers/src/handlers/create-base.command-handler.ts
@@ -7,7 +7,7 @@ import {
   WithBaseSpaceId,
   type IBaseRepository,
 } from "@undb/base"
-import { CreateBaseCommand } from "@undb/commands"
+import { CreateBaseCommand, type ICreateBaseCommandOutput } from "@undb/commands"
 import { injectContext, type IContext } from "@undb/context"
 import { commandHandler } from "@undb/cqrs"
 import { singleton } from "@undb/di"
@@ -16,7 +16,7 @@ import { createLogger } from "@undb/logger"
 
 @commandHandler(CreateBaseCommand)
 @singleton()
-export class CreateBaseCommandHandler implements ICommandHandler<CreateBaseCommand, any> {
+export class CreateBaseCommandHandler implements ICommandHandler<CreateBaseCommand, ICreateBaseCommandOutput> {
   private readonly logger = createLogger(CreateBaseCommandHandler.name)
 
   constructor(
@@ -26,7 +26,7 @@ export class CreateBaseCommandHandler implements ICommandHandler<CreateBaseComma
     private readonly context: IContext,
   ) {}
 
-  async execute(command: CreateBaseCommand): Promise<any> {
+  async execute(command: CreateBaseCommand): Promise<ICreateBaseCommandOutput> {
     this.logger.debug(command)
 
     const spaceId = this.context.mustGetCurrentSpaceId()
@@ -35,6 +35,7 @@ export class CreateBaseCommandHandler implements ICommandHandler<CreateBaseComma
 
     applyRules(new BaseNameShouldBeUnique(!!exists))
 
+    command.spaceId = spaceId
     const base = BaseFactory.create(command)
 
     await this.repository.insert(base)
diff --git a/packages/command-handlers/src/index.ts b/packages/command-handlers/src/index.ts
index 98df82121..b32a68971 100644
--- a/packages/command-handlers/src/index.ts
+++ b/packages/command-handlers/src/index.ts
@@ -1,4 +1,18 @@
 export * from "./registry"
 
+export * from "./handlers/bulk-delete-records.command-handler"
+export * from "./handlers/bulk-duplicate-records.command-handler"
+export * from "./handlers/bulk-update-records.command-handler"
+export * from "./handlers/create-base.command-handler"
 export * from "./handlers/create-from-template.command-handler"
+export * from "./handlers/create-record.command-handler"
+export * from "./handlers/create-table-field.command-handler"
 export * from "./handlers/delete-base.command-handler"
+export * from "./handlers/delete-table-field.command-handler"
+export * from "./handlers/duplicate-table-field.command-handler"
+export * from "./handlers/set-view-color.command-handler"
+export * from "./handlers/set-view-fields.command-handler"
+export * from "./handlers/set-view-filter.command-handler"
+export * from "./handlers/set-view-sort.command-handler"
+export * from "./handlers/update-record.command-handler"
+export * from "./handlers/update-table-field.command-handler"
diff --git a/packages/commands/src/create-base.command.ts b/packages/commands/src/create-base.command.ts
index 5dc77541c..7b7c187f1 100644
--- a/packages/commands/src/create-base.command.ts
+++ b/packages/commands/src/create-base.command.ts
@@ -1,5 +1,5 @@
-import { createBaseDTO } from "@undb/base"
-import { Command, type CommandProps } from "@undb/domain"
+import { baseIdSchema,createBaseDTO } from "@undb/base"
+import { Command,type CommandProps } from "@undb/domain"
 import { z } from "@undb/zod"
 import { createTableCommand } from "./create-table.command"
 
@@ -15,9 +15,12 @@ export const createBaseCommand = createBaseDTO
 
 export type ICreateBaseCommand = z.infer<typeof createBaseCommand>
 
+export const createBaseCommandOutput = baseIdSchema
+export type ICreateBaseCommandOutput = z.infer<typeof createBaseCommandOutput>
+
 export class CreateBaseCommand extends Command implements ICreateBaseCommand {
   public readonly name: string
-  public readonly spaceId: string
+  public spaceId: string
 
   constructor(props: CommandProps<ICreateBaseCommand>) {
     super(props)
diff --git a/packages/dashboard/src/dashboard.factory.ts b/packages/dashboard/src/dashboard.factory.ts
index 8ac912108..295bf3f6a 100644
--- a/packages/dashboard/src/dashboard.factory.ts
+++ b/packages/dashboard/src/dashboard.factory.ts
@@ -34,7 +34,6 @@ export class DashboardFactory {
   }
 
   static create(input: ICreateDashboardDTO): Dashboard {
-    console.log(input)
     const dashboard = this.new(
       new WithDashboardId(DashboardId.fromOrCreate(input.id)),
       WithDashboardName.fromString(input.name),
diff --git a/packages/dashboard/src/value-objects/dashboard-layout.vo.ts b/packages/dashboard/src/value-objects/dashboard-layout.vo.ts
index 0f725224c..f98b9d8ca 100644
--- a/packages/dashboard/src/value-objects/dashboard-layout.vo.ts
+++ b/packages/dashboard/src/value-objects/dashboard-layout.vo.ts
@@ -117,9 +117,7 @@ export class DashboardLayouts extends ValueObject<IDashboardLayouts> {
         position = { x: 0, y: 0 }
       } else {
         const prev = items.slice(0, i)
-        console.log({ newItem }, prev)
         const foundPosition = gridHelp.findSpace(newItem, prev, COLS)
-        console.log({ foundPosition })
         position = {
           x: foundPosition.x,
           y: foundPosition.y,
diff --git a/packages/data-service/src/data-service.impl.ts b/packages/data-service/src/data-service.impl.ts
index 21278b425..df916dfb0 100644
--- a/packages/data-service/src/data-service.impl.ts
+++ b/packages/data-service/src/data-service.impl.ts
@@ -1,50 +1,109 @@
 import {
+  BulkDeleteRecordsCommand,
+  BulkDuplicateRecordsCommand,
+  BulkUpdateRecordsCommand,
+  CreateBaseCommand,
   CreateFromTemplateCommand,
+  CreateRecordCommand,
+  CreateTableFieldCommand,
   DeleteBaseCommand,
+  DeleteTableFieldCommand,
+  DuplicateTableFieldCommand,
+  SetViewColorCommand,
+  SetViewFieldsCommand,
+  SetViewFilterCommand,
+  SetViewSortCommand,
+  UpdateRecordCommand,
+  UpdateTableFieldCommand,
+  type IBulkDeleteRecordsCommand,
+  type IBulkDuplicateRecordsCommand,
+  type IBulkUpdateRecordsCommand,
+  type IBulkUpdateRecordsCommandOutput,
+  type ICreateBaseCommand,
+  type ICreateBaseCommandOutput,
+  type ICreateFieldCommand,
   type ICreateFromTemplateCommand,
+  type ICreateFromTemplateCommandOutput,
+  type ICreateRecordCommand,
+  type ICreateRecordCommandOutput,
   type IDeleteBaseCommand,
+  type IDeleteFieldCommand,
+  type IDuplicateFieldCommand,
+  type ISetViewColorCommand,
+  type ISetViewFieldsCommand,
+  type ISetViewFilterCommand,
+  type ISetViewSortCommand,
+  type IUpdateFieldCommand,
+  type IUpdateRecordCommand,
 } from "@undb/commands"
 import { CommandBus, QueryBus } from "@undb/cqrs"
 import { container, inject, injectable } from "@undb/di"
 import type { ICommandBus, IQueryBus } from "@undb/domain"
 import {
   GetAggregatesQuery,
+  GetBaseQuery,
+  GetDashboardByIdQuery,
+  GetDashboardsQuery,
   GetRecordByIdQuery,
   GetRecordsQuery,
   GetTableQuery,
+  GetTablesQuery,
   type IGetAggregatesOutput,
   type IGetAggregatesQuery,
+  type IGetBaseOutput,
+  type IGetBaseQuery,
+  type IGetDashboardByIdOutput,
+  type IGetDashboardByIdQuery,
+  type IGetDashboardsOutput,
+  type IGetDashboardsQuery,
   type IGetRecordByIdOutput,
   type IGetRecordByIdQuery,
   type IGetRecordsOutput,
   type IGetRecordsQuery,
   type IGetTableOutput,
   type IGetTableQuery,
+  type IGetTablesOutput,
+  type IGetTablesQuery,
 } from "@undb/queries"
 import type { ITemplateService, TemplateDTO } from "@undb/template"
 import { TemplateService as TemplateServiceImpl } from "@undb/template"
-import { injectIsLocal, injectTrpcClient, IS_LOCAL, type TrpcProxyClient } from "./data-service.provider"
+import {
+  injectIsLocal,
+  injectIsPlayground,
+  injectTrpcClient,
+  IS_LOCAL,
+  IS_PLAYGROUND,
+  type TrpcProxyClient,
+} from "./data-service.provider"
 
 @injectable()
 class TemplateService {
   constructor(
     @injectIsLocal()
     private readonly isLocal: boolean,
+    @injectIsPlayground()
+    private readonly isPlayground: boolean,
     @inject(CommandBus)
     private readonly commandBus: ICommandBus,
     @inject(TemplateServiceImpl)
     private readonly templateService: ITemplateService,
+    @injectTrpcClient()
+    private readonly trpc: TrpcProxyClient,
   ) {}
 
-  async save(template: TemplateDTO, includeData: boolean = false): Promise<void> {
+  save = async (template: TemplateDTO, includeData: boolean = false): Promise<void> => {
     if (!this.isLocal) {
       throw new Error("Template service save is only supported in local mode")
     }
     await this.templateService.save(template, includeData)
   }
 
-  async createBaseFromTemplate(command: ICreateFromTemplateCommand): Promise<void> {
-    await this.commandBus.execute(new CreateFromTemplateCommand(command))
+  createFromTemplate = async (command: ICreateFromTemplateCommand): Promise<ICreateFromTemplateCommandOutput> => {
+    if (this.isLocal && this.isPlayground) {
+      return this.commandBus.execute(new CreateFromTemplateCommand(command))
+    }
+
+    return this.trpc.template.createFromTemplate.mutate(command)
   }
 }
 
@@ -55,11 +114,27 @@ class BaseService {
     private readonly trpc: TrpcProxyClient,
     @injectIsLocal()
     private readonly isLocal: boolean,
+    @inject(QueryBus)
+    private readonly queryBus: IQueryBus,
     @inject(CommandBus)
     private readonly commandBus: ICommandBus,
   ) {}
 
-  async deleteBase(command: IDeleteBaseCommand): Promise<void> {
+  getBase = async (query: IGetBaseQuery): Promise<IGetBaseOutput> => {
+    if (this.isLocal) {
+      return await this.queryBus.execute(new GetBaseQuery(query))
+    }
+    return (await this.trpc.base.get.query(query)) as IGetBaseOutput
+  }
+
+  createBase = async (command: ICreateBaseCommand): Promise<ICreateBaseCommandOutput> => {
+    if (this.isLocal) {
+      return this.commandBus.execute(new CreateBaseCommand(command))
+    }
+    return this.trpc.base.create.mutate(command)
+  }
+
+  deleteBase = async (command: IDeleteBaseCommand): Promise<void> => {
     if (this.isLocal) {
       return this.commandBus.execute(new DeleteBaseCommand(command))
     }
@@ -67,9 +142,93 @@ class BaseService {
   }
 }
 
+@injectable()
+class ViewService {
+  constructor(
+    @injectTrpcClient()
+    private readonly trpc: TrpcProxyClient,
+    @injectIsLocal()
+    private readonly isLocal: boolean,
+    @inject(CommandBus)
+    private readonly commandBus: ICommandBus,
+  ) {}
+
+  setFilter = async (command: ISetViewFilterCommand): Promise<void> => {
+    if (this.isLocal) {
+      return this.commandBus.execute(new SetViewFilterCommand(command))
+    }
+    await this.trpc.table.view.setFilter.mutate(command)
+  }
+
+  setColor = async (command: ISetViewColorCommand): Promise<void> => {
+    if (this.isLocal) {
+      return this.commandBus.execute(new SetViewColorCommand(command))
+    }
+    await this.trpc.table.view.setColor.mutate(command)
+  }
+
+  setSort = async (command: ISetViewSortCommand): Promise<void> => {
+    if (this.isLocal) {
+      return this.commandBus.execute(new SetViewSortCommand(command))
+    }
+    await this.trpc.table.view.setSort.mutate(command)
+  }
+
+  setFields = async (command: ISetViewFieldsCommand): Promise<void> => {
+    if (this.isLocal) {
+      return this.commandBus.execute(new SetViewFieldsCommand(command))
+    }
+    await this.trpc.table.view.setFields.mutate(command)
+  }
+}
+
+@injectable()
+class FieldService {
+  constructor(
+    @injectTrpcClient()
+    private readonly trpc: TrpcProxyClient,
+    @injectIsLocal()
+    private readonly isLocal: boolean,
+    @inject(CommandBus)
+    private readonly commandBus: ICommandBus,
+  ) {}
+
+  createField = async (command: ICreateFieldCommand): Promise<void> => {
+    if (this.isLocal) {
+      return this.commandBus.execute(new CreateTableFieldCommand(command))
+    }
+    await this.trpc.table.field.create.mutate(command)
+  }
+
+  updateField = async (command: IUpdateFieldCommand): Promise<void> => {
+    if (this.isLocal) {
+      return this.commandBus.execute(new UpdateTableFieldCommand(command))
+    }
+    await this.trpc.table.field.update.mutate(command)
+  }
+
+  duplicateField = async (command: IDuplicateFieldCommand): Promise<void> => {
+    if (this.isLocal) {
+      return this.commandBus.execute(new DuplicateTableFieldCommand(command))
+    }
+    await this.trpc.table.field.duplicate.mutate(command)
+  }
+
+  deleteField = async (command: IDeleteFieldCommand): Promise<void> => {
+    if (this.isLocal) {
+      return this.commandBus.execute(new DeleteTableFieldCommand(command))
+    }
+    await this.trpc.table.field.delete.mutate(command)
+  }
+}
+
 @injectable()
 class TableService {
   constructor(
+    @inject(ViewService)
+    public readonly view: ViewService,
+    @inject(FieldService)
+    public readonly field: FieldService,
     @injectTrpcClient()
     private readonly trpc: TrpcProxyClient,
     @injectIsLocal()
@@ -78,12 +237,45 @@ class TableService {
     private readonly queryBus: IQueryBus,
   ) {}
 
-  async getTable(query: IGetTableQuery): Promise<IGetTableOutput> {
+  getTable = async (query: IGetTableQuery): Promise<IGetTableOutput> => {
     if (this.isLocal) {
       return await this.queryBus.execute(new GetTableQuery(query))
     }
     return (await this.trpc.table.get.query(query)) as IGetTableOutput
   }
+
+  getTables = async (query: IGetTablesQuery): Promise<IGetTablesOutput> => {
+    if (this.isLocal) {
+      return await this.queryBus.execute(new GetTablesQuery(query))
+    }
+    return (await this.trpc.table.list.query(query)) as IGetTablesOutput
+  }
+}
+
+@injectable()
+class DashboardService {
+  constructor(
+    @injectTrpcClient()
+    private readonly trpc: TrpcProxyClient,
+    @injectIsLocal()
+    private readonly isLocal: boolean,
+    @inject(QueryBus)
+    private readonly queryBus: IQueryBus,
+  ) {}
+
+  getDashboardById = async (query: IGetDashboardByIdQuery): Promise<IGetDashboardByIdOutput> => {
+    if (this.isLocal) {
+      return await this.queryBus.execute(new GetDashboardByIdQuery(query))
+    }
+    return (await this.trpc.dashboard.get.query(query)) as IGetDashboardByIdOutput
+  }
+
+  getDashboards = async (query: IGetDashboardsQuery): Promise<IGetDashboardsOutput> => {
+    if (this.isLocal) {
+      return await this.queryBus.execute(new GetDashboardsQuery(query))
+    }
+    return (await this.trpc.dashboard.list.query(query)) as IGetDashboardsOutput
+  }
 }
 
 @injectable()
@@ -95,28 +287,65 @@ class RecordsService {
     private readonly isLocal: boolean,
     @inject(QueryBus)
     private readonly queryBus: IQueryBus,
+    @inject(CommandBus)
+    private readonly commandBus: ICommandBus,
   ) {}
 
-  async getRecords(query: IGetRecordsQuery): Promise<IGetRecordsOutput> {
+  getRecords = async (query: IGetRecordsQuery): Promise<IGetRecordsOutput> => {
     if (this.isLocal) {
       return await this.queryBus.execute(new GetRecordsQuery(query))
     }
     return (await this.trpc.record.list.query(query)) as IGetRecordsOutput
   }
 
-  async getRecordById(query: IGetRecordByIdQuery): Promise<IGetRecordByIdOutput> {
+  getRecordById = async (query: IGetRecordByIdQuery): Promise<IGetRecordByIdOutput> => {
     if (this.isLocal) {
       return await this.queryBus.execute(new GetRecordByIdQuery(query))
     }
     return (await this.trpc.record.get.query(query)) as IGetRecordByIdOutput
   }
 
-  async getAggregates(query: IGetAggregatesQuery): Promise<IGetAggregatesOutput> {
+  getAggregates = async (query: IGetAggregatesQuery): Promise<IGetAggregatesOutput> => {
     if (this.isLocal) {
       return await this.queryBus.execute(new GetAggregatesQuery(query))
     }
     return (await this.trpc.record.aggregate.query(query)) as IGetAggregatesOutput
   }
+
+  createRecord = async (command: ICreateRecordCommand): Promise<ICreateRecordCommandOutput> => {
+    if (this.isLocal) {
+      return this.commandBus.execute(new CreateRecordCommand(command))
+    }
+    return this.trpc.record.create.mutate(command)
+  }
+
+  updateRecord = async (command: IUpdateRecordCommand): Promise<void> => {
+    if (this.isLocal) {
+      return this.commandBus.execute(new UpdateRecordCommand(command))
+    }
+    await this.trpc.record.update.mutate(command)
+  }
+
+  duplicateRecords = async (command: IBulkDuplicateRecordsCommand): Promise<void> => {
+    if (this.isLocal) {
+      return this.commandBus.execute(new BulkDuplicateRecordsCommand(command))
+    }
+    await this.trpc.record.bulkDuplicate.mutate(command)
+  }
+
+  deleteRecords = async (command: IBulkDeleteRecordsCommand): Promise<void> => {
+    if (this.isLocal) {
+      return this.commandBus.execute(new BulkDeleteRecordsCommand(command))
+    }
+    await this.trpc.record.bulkDelete.mutate(command)
+  }
+
+  updateRecords = async (command: IBulkUpdateRecordsCommand): Promise<IBulkUpdateRecordsCommandOutput> => {
+    if (this.isLocal) {
+      return this.commandBus.execute(new BulkUpdateRecordsCommand(command))
+    }
+    return this.trpc.record.bulkUpdate.mutate(command)
+  }
 }
 
 @injectable()
@@ -130,10 +359,13 @@ export class DataService {
     public readonly base: BaseService,
     @inject(TableService)
     public readonly table: TableService,
+    @inject(DashboardService)
+    public readonly dashboard: DashboardService,
   ) {}
 }
 
-export const getDataService = (isLocal: boolean) => {
+export const getDataService = (isLocal: boolean, isPlayground: boolean) => {
   container.register(IS_LOCAL, { useValue: isLocal })
+  container.register(IS_PLAYGROUND, { useValue: isPlayground })
   return container.resolve<DataService>(DataService)
 }
diff --git a/packages/data-service/src/data-service.provider.ts b/packages/data-service/src/data-service.provider.ts
index d0758c73a..7f8f68f31 100644
--- a/packages/data-service/src/data-service.provider.ts
+++ b/packages/data-service/src/data-service.provider.ts
@@ -10,3 +10,7 @@ export const TRPC_CLIENT = Symbol.for("TRPC_CLIENT")
 export const injectTrpcClient = () => inject(TRPC_CLIENT)
 
 export type TrpcProxyClient = CreateTRPCProxyClient<AppRouter>
+
+export const IS_PLAYGROUND = Symbol.for("IS_PLAYGROUND")
+
+export const injectIsPlayground = () => inject(IS_PLAYGROUND)
diff --git a/packages/data-service/src/data-service.registery.ts b/packages/data-service/src/data-service.registery.ts
index 548bbd54e..7d57fedac 100644
--- a/packages/data-service/src/data-service.registery.ts
+++ b/packages/data-service/src/data-service.registery.ts
@@ -5,16 +5,24 @@ import {
   SPACE_MEMBER_SERVICE,
   SpaceMemberService,
 } from "@undb/authz"
-import { BASE_OUTBOX_SERVICE, BASE_REPOSITORY } from "@undb/base"
+import { BASE_OUTBOX_SERVICE,BASE_QUERY_REPOSITORY,BASE_REPOSITORY } from "@undb/base"
 import { CONTEXT_TOKEN } from "@undb/context"
-import { DASHBOARD_OUTBOX_SERVICE, DASHBOARD_REPOSITORY } from "@undb/dashboard"
+import {
+  DASHBOARD_OUTBOX_SERVICE,
+  DASHBOARD_QUERY_REPOSITORY,
+  DASHBOARD_QUERY_SERVICE,
+  DASHBOARD_REPOSITORY,
+  DashboardQueryService,
+} from "@undb/dashboard"
 import { container } from "@undb/di"
-import { MAIL_SERVICE, type IMailService, type ISendInput } from "@undb/mail"
+import { MAIL_SERVICE,type IMailService,type ISendInput } from "@undb/mail"
 import {
   BaseOutboxService,
+  BaseQueryRepository,
   BaseRepository,
   createSqljsQueryBuilder,
   DashboardOutboxService,
+  DashboardQueryRepository,
   DashboardRepository,
   InvitationQueryRepository,
   InvitationRepository,
@@ -31,7 +39,7 @@ import {
   TemplateQueryRepository,
   TX_CTX,
 } from "@undb/persistence/client"
-import { SPACE_QUERY_REPOSITORY, SPACE_REPOSITORY, SPACE_SERVICE, SpaceService } from "@undb/space"
+import { SPACE_QUERY_REPOSITORY,SPACE_REPOSITORY,SPACE_SERVICE,SpaceService } from "@undb/space"
 import {
   OBJECT_STORAGE,
   RECORD_OUTBOX_SERVICE,
@@ -49,7 +57,7 @@ import {
   type IPutObject,
 } from "@undb/table"
 import { TEMPLATE_QUERY_REPOSITORY } from "@undb/template"
-import { DataServiceContext, DataServicetTxContext } from "./data-service.context"
+import { DataServiceContext,DataServicetTxContext } from "./data-service.context"
 
 class MailService implements IMailService {
   async send(input: ISendInput): Promise<void> {}
@@ -100,4 +108,7 @@ export const registerDataService = () => {
   container.register(RECORD_QUERY_REPOSITORY, RecordQueryRepository)
   container.register(OBJECT_STORAGE, LocalObjectStorage)
   container.register(TABLE_QUERY_REPOSITORY, TableQueryRepository)
+  container.register(BASE_QUERY_REPOSITORY, BaseQueryRepository)
+  container.register(DASHBOARD_QUERY_SERVICE, DashboardQueryService)
+  container.register(DASHBOARD_QUERY_REPOSITORY, DashboardQueryRepository)
 }
diff --git a/packages/event-handlers/package.json b/packages/event-handlers/package.json
index 0864f8592..83e74ca0b 100644
--- a/packages/event-handlers/package.json
+++ b/packages/event-handlers/package.json
@@ -13,6 +13,7 @@
     "@undb/base": "workspace:*",
     "@undb/commands": "workspace:*",
     "@undb/context": "workspace:*",
+    "@undb/table": "workspace:*",
     "@undb/cqrs": "workspace:*",
     "@undb/dashboard": "workspace:*",
     "@undb/di": "workspace:*",
diff --git a/packages/event-handlers/src/handlers/dashboard-on-field-deleted.event-handler.ts b/packages/event-handlers/src/handlers/dashboard-on-field-deleted.event-handler.ts
index b9263a736..d0274a81d 100644
--- a/packages/event-handlers/src/handlers/dashboard-on-field-deleted.event-handler.ts
+++ b/packages/event-handlers/src/handlers/dashboard-on-field-deleted.event-handler.ts
@@ -3,7 +3,7 @@ import { DashboardTableIdSpecification, injectDashboardRepository, type IDashboa
 import { singleton } from "@undb/di"
 import type { IEventHandler } from "@undb/domain"
 import { createLogger } from "@undb/logger"
-import { FieldDeletedEvent } from "../../../table/src"
+import { FieldDeletedEvent } from "@undb/table"
 
 @eventHandler(FieldDeletedEvent)
 @singleton()
diff --git a/packages/i18n/src/i18n/en/index.ts b/packages/i18n/src/i18n/en/index.ts
index 497c6e09b..3fcc3a677 100644
--- a/packages/i18n/src/i18n/en/index.ts
+++ b/packages/i18n/src/i18n/en/index.ts
@@ -511,6 +511,7 @@ const webhook = {
   const base = {
     name: 'Base Name',
     createBase: 'Create New Base',
+    created: 'Base created successfully',
     importFromTemplate: 'Import From Template',
     displayName: 'Base Display Name',
     noBases: 'No Bases',
diff --git a/packages/i18n/src/i18n/es/index.ts b/packages/i18n/src/i18n/es/index.ts
index 1eef358d6..a59d17ccc 100644
--- a/packages/i18n/src/i18n/es/index.ts
+++ b/packages/i18n/src/i18n/es/index.ts
@@ -498,6 +498,7 @@ const dashboard = {
 const base = {
   name: 'Nombre de Base',
   noBases: 'No hay bases',
+  created: 'Base creada correctamente',
   displayName: 'Nombre de visualización de Base',
   importFromTemplate: 'Importar desde plantilla',
   createBase: 'Crear Base',
diff --git a/packages/i18n/src/i18n/i18n-types.ts b/packages/i18n/src/i18n/i18n-types.ts
index b394349ba..510b7f2cc 100644
--- a/packages/i18n/src/i18n/i18n-types.ts
+++ b/packages/i18n/src/i18n/i18n-types.ts
@@ -194,6 +194,10 @@ type RootTranslation = {
 		 * C​r​e​a​t​e​ ​N​e​w​ ​B​a​s​e
 		 */
 		createBase: string
+		/**
+		 * B​a​s​e​ ​c​r​e​a​t​e​d​ ​s​u​c​c​e​s​s​f​u​l​l​y
+		 */
+		created: string
 		/**
 		 * I​m​p​o​r​t​ ​F​r​o​m​ ​T​e​m​p​l​a​t​e
 		 */
@@ -2636,6 +2640,10 @@ export type TranslationFunctions = {
 		 * Create New Base
 		 */
 		createBase: () => LocalizedString
+		/**
+		 * Base created successfully
+		 */
+		created: () => LocalizedString
 		/**
 		 * Import From Template
 		 */
diff --git a/packages/i18n/src/i18n/ja/index.ts b/packages/i18n/src/i18n/ja/index.ts
index 8ead27b2e..e7b713ef6 100644
--- a/packages/i18n/src/i18n/ja/index.ts
+++ b/packages/i18n/src/i18n/ja/index.ts
@@ -501,6 +501,7 @@ const dashboard = {
 const base = {
   name: 'Base 名',
   noBases: 'Base がありません',
+  created: 'Base が作成されました',
   displayName: 'Base 表示名',
   importFromTemplate: 'テンプレートからインポート',
   createBase: 'Base を作成',
diff --git a/packages/i18n/src/i18n/ko/index.ts b/packages/i18n/src/i18n/ko/index.ts
index b58e2e77e..0dedad8f1 100644
--- a/packages/i18n/src/i18n/ko/index.ts
+++ b/packages/i18n/src/i18n/ko/index.ts
@@ -500,6 +500,7 @@ const dashboard = {
 const base = {
   name: 'Base 이름',
   noBases: 'Base가 없습니다',
+  created: 'Base가 생성되었습니다',
   displayName: 'Base 표시 이름',
   importFromTemplate: '템플릿에서 가져오기',
   createBase: 'Base 생성',
diff --git a/packages/i18n/src/i18n/pt/index.ts b/packages/i18n/src/i18n/pt/index.ts
index 49859b393..eaab2f731 100644
--- a/packages/i18n/src/i18n/pt/index.ts
+++ b/packages/i18n/src/i18n/pt/index.ts
@@ -509,6 +509,7 @@ const dashboard = {
 const base = {
   name: 'Nome da Base',
   createBase: 'Criar Nova Base',
+  created: 'Base criada com sucesso',
   importFromTemplate: 'Importar do Modelo',
   displayName: 'Nome de Exibição da Base',
   noBases: 'Nenhuma Base',
diff --git a/packages/i18n/src/i18n/zh/index.ts b/packages/i18n/src/i18n/zh/index.ts
index dc62ee329..3d60fda00 100644
--- a/packages/i18n/src/i18n/zh/index.ts
+++ b/packages/i18n/src/i18n/zh/index.ts
@@ -500,6 +500,7 @@ const dashboard = {
 const base = {
   name: 'Base 名称',
   noBases: '没有 Base',
+  created: 'Base 已创建',
   displayName: 'Base 显示名称',
   importFromTemplate: '从模板导入',
   createBase: '创建 Base',
diff --git a/packages/persistence/src/member/space-member.repository.ts b/packages/persistence/src/member/space-member.repository.ts
index bda68f743..db8e2e12b 100644
--- a/packages/persistence/src/member/space-member.repository.ts
+++ b/packages/persistence/src/member/space-member.repository.ts
@@ -71,6 +71,7 @@ export class SpaceMemberRepository implements ISpaceMemberRepository {
         space_id: json.spaceId,
         user_id: json.userId,
       })
+      .onConflict((c) => c.doNothing())
       .execute()
   }
 }
diff --git a/packages/queries/src/get-base.query.ts b/packages/queries/src/get-base.query.ts
index 547413509..8363557a1 100644
--- a/packages/queries/src/get-base.query.ts
+++ b/packages/queries/src/get-base.query.ts
@@ -1,4 +1,4 @@
-import { baseIdSchema } from "@undb/base"
+import { baseDTO, baseIdSchema } from "@undb/base"
 import { Query, type QueryProps } from "@undb/domain"
 import { z } from "@undb/zod"
 
@@ -8,6 +8,10 @@ export const getBaseQuery = z.object({
 
 export type IGetBaseQuery = z.infer<typeof getBaseQuery>
 
+export const getBaseQueryOutput = baseDTO
+
+export type IGetBaseOutput = z.infer<typeof getBaseQueryOutput>
+
 export class GetBaseQuery extends Query implements IGetBaseQuery {
   public readonly baseId: string
 
diff --git a/packages/queries/src/get-dashboard-by-id.query.ts b/packages/queries/src/get-dashboard-by-id.query.ts
index 1e08315bd..23c55c99f 100644
--- a/packages/queries/src/get-dashboard-by-id.query.ts
+++ b/packages/queries/src/get-dashboard-by-id.query.ts
@@ -1,4 +1,4 @@
-import { dashboardIdSchema } from "@undb/dashboard"
+import { dashboardDTO, dashboardIdSchema } from "@undb/dashboard"
 import { Query, type QueryProps } from "@undb/domain"
 import { z } from "@undb/zod"
 
@@ -8,6 +8,10 @@ export const getDashboardByIdQuery = z.object({
 
 export type IGetDashboardByIdQuery = z.infer<typeof getDashboardByIdQuery>
 
+export const getDashboardByIdOutput = dashboardDTO
+
+export type IGetDashboardByIdOutput = z.infer<typeof getDashboardByIdOutput>
+
 export class GetDashboardByIdQuery extends Query implements IGetDashboardByIdQuery {
   public readonly id: string
 
diff --git a/packages/queries/src/get-dashboards.query.ts b/packages/queries/src/get-dashboards.query.ts
index 7a75bd935..f9dcc494d 100644
--- a/packages/queries/src/get-dashboards.query.ts
+++ b/packages/queries/src/get-dashboards.query.ts
@@ -1,4 +1,5 @@
 import { baseIdSchema } from "@undb/base"
+import { dashboardDTO } from "@undb/dashboard"
 import { Query, type QueryProps } from "@undb/domain"
 import { z } from "@undb/zod"
 
@@ -8,6 +9,10 @@ export const getDashboardsQuery = z.object({
 
 export type IGetDashboardsQuery = z.infer<typeof getDashboardsQuery>
 
+export const getDashboardsQueryOutput = dashboardDTO.array()
+
+export type IGetDashboardsOutput = z.infer<typeof getDashboardsQueryOutput>
+
 export class GetDashboardsQuery extends Query implements IGetDashboardsQuery {
   public readonly baseId?: string
 
diff --git a/packages/queries/src/get-tables.query.ts b/packages/queries/src/get-tables.query.ts
index 93d949a4d..f22bb66a1 100644
--- a/packages/queries/src/get-tables.query.ts
+++ b/packages/queries/src/get-tables.query.ts
@@ -1,5 +1,6 @@
 import { baseIdSchema } from "@undb/base"
 import { Query, type QueryProps } from "@undb/domain"
+import { tableDTO } from "@undb/table"
 import { z } from "@undb/zod"
 
 export const getTablesQuery = z.object({
@@ -8,6 +9,9 @@ export const getTablesQuery = z.object({
 
 export type IGetTablesQuery = z.infer<typeof getTablesQuery>
 
+export const getTablesQueryOutput = z.array(tableDTO)
+export type IGetTablesOutput = z.infer<typeof getTablesQueryOutput>
+
 export class GetTablesQuery extends Query implements IGetTablesQuery {
   public readonly baseId?: string
 
diff --git a/packages/query-handlers/src/handlers/get-base.query-handler.ts b/packages/query-handlers/src/handlers/get-base.query-handler.ts
index 803ddf68d..d35a0ed71 100644
--- a/packages/query-handlers/src/handlers/get-base.query-handler.ts
+++ b/packages/query-handlers/src/handlers/get-base.query-handler.ts
@@ -1,19 +1,19 @@
-import { injectBaseQueryRepository, type IBaseDTO, type IBaseQueryRepository } from "@undb/base"
+import { injectBaseQueryRepository, type IBaseQueryRepository } from "@undb/base"
 import { queryHandler } from "@undb/cqrs"
 import { singleton } from "@undb/di"
 import type { IQueryHandler } from "@undb/domain"
-import { GetBaseQuery, type IGetBaseQuery } from "@undb/queries"
+import { GetBaseQuery, type IGetBaseOutput, type IGetBaseQuery } from "@undb/queries"
 
 @queryHandler(GetBaseQuery)
 @singleton()
-export class GetBaseQueryHandler implements IQueryHandler<any, IBaseDTO> {
+export class GetBaseQueryHandler implements IQueryHandler<IGetBaseQuery, IGetBaseOutput> {
   constructor(
     @injectBaseQueryRepository()
     private readonly repo: IBaseQueryRepository,
   ) {}
 
-  async execute(query: IGetBaseQuery): Promise<IBaseDTO> {
+  async execute(query: IGetBaseQuery): Promise<IGetBaseOutput> {
     const base = await this.repo.findOneById(query.baseId)
-    return base.unwrap()
+    return base.expect("base not found with id: " + query.baseId)
   }
 }
diff --git a/packages/query-handlers/src/handlers/get-dashboard-by-id.query-handler.ts b/packages/query-handlers/src/handlers/get-dashboard-by-id.query-handler.ts
index d23edf6ef..2780551e6 100644
--- a/packages/query-handlers/src/handlers/get-dashboard-by-id.query-handler.ts
+++ b/packages/query-handlers/src/handlers/get-dashboard-by-id.query-handler.ts
@@ -1,18 +1,18 @@
 import { queryHandler } from "@undb/cqrs"
-import { injectDashboardQueryService, type IDashboardDTO, type IDashboardQueryService } from "@undb/dashboard"
+import { injectDashboardQueryService, type IDashboardQueryService } from "@undb/dashboard"
 import { singleton } from "@undb/di"
 import type { IQueryHandler } from "@undb/domain"
-import { GetDashboardByIdQuery } from "@undb/queries"
+import { GetDashboardByIdQuery, type IGetDashboardByIdOutput } from "@undb/queries"
 
 @queryHandler(GetDashboardByIdQuery)
 @singleton()
-export class GetDashboardByIdQueryHandler implements IQueryHandler<GetDashboardByIdQuery, IDashboardDTO> {
+export class GetDashboardByIdQueryHandler implements IQueryHandler<GetDashboardByIdQuery, IGetDashboardByIdOutput> {
   constructor(
     @injectDashboardQueryService()
     private readonly svc: IDashboardQueryService,
   ) {}
 
-  async execute(query: GetDashboardByIdQuery): Promise<IDashboardDTO> {
+  async execute(query: GetDashboardByIdQuery): Promise<IGetDashboardByIdOutput> {
     return (await this.svc.getDashboardById(query.id)).expect("dashboard not found")
   }
 }
diff --git a/packages/query-handlers/src/handlers/get-dashboards.query-handler.ts b/packages/query-handlers/src/handlers/get-dashboards.query-handler.ts
index 74be2694a..6f5eb190f 100644
--- a/packages/query-handlers/src/handlers/get-dashboards.query-handler.ts
+++ b/packages/query-handlers/src/handlers/get-dashboards.query-handler.ts
@@ -1,18 +1,18 @@
 import { queryHandler } from "@undb/cqrs"
-import { injectDashboardQueryService, type IDashboardDTO, type IDashboardQueryService } from "@undb/dashboard"
+import { injectDashboardQueryService, type IDashboardQueryService } from "@undb/dashboard"
 import { singleton } from "@undb/di"
 import type { IQueryHandler } from "@undb/domain"
-import { GetDashboardsQuery } from "@undb/queries"
+import { GetDashboardsQuery, type IGetDashboardsOutput } from "@undb/queries"
 
 @queryHandler(GetDashboardsQuery)
 @singleton()
-export class GetDashboardsQueryHandler implements IQueryHandler<GetDashboardsQuery, IDashboardDTO[]> {
+export class GetDashboardsQueryHandler implements IQueryHandler<GetDashboardsQuery, IGetDashboardsOutput> {
   constructor(
     @injectDashboardQueryService()
     private readonly svc: IDashboardQueryService,
   ) {}
 
-  async execute(query: GetDashboardsQuery): Promise<IDashboardDTO[]> {
+  async execute(query: GetDashboardsQuery): Promise<IGetDashboardsOutput> {
     return this.svc.getDashboards(query.baseId)
   }
 }
diff --git a/packages/query-handlers/src/handlers/get-tables.query-handler.ts b/packages/query-handlers/src/handlers/get-tables.query-handler.ts
index c21d19f39..8a58de28e 100644
--- a/packages/query-handlers/src/handlers/get-tables.query-handler.ts
+++ b/packages/query-handlers/src/handlers/get-tables.query-handler.ts
@@ -1,18 +1,18 @@
 import { queryHandler } from "@undb/cqrs"
 import { singleton } from "@undb/di"
 import type { IQueryHandler } from "@undb/domain"
-import { GetTablesQuery } from "@undb/queries"
-import { injectTableQueryService, type ITableDTO, type ITableQueryService } from "@undb/table"
+import { GetTablesQuery, type IGetTablesOutput } from "@undb/queries"
+import { injectTableQueryService, type ITableQueryService } from "@undb/table"
 
 @queryHandler(GetTablesQuery)
 @singleton()
-export class GetTablesQueryHandler implements IQueryHandler<GetTablesQuery, ITableDTO[]> {
+export class GetTablesQueryHandler implements IQueryHandler<GetTablesQuery, IGetTablesOutput> {
   constructor(
     @injectTableQueryService()
     private readonly svc: ITableQueryService,
   ) {}
 
-  async execute(query: GetTablesQuery): Promise<ITableDTO[]> {
+  async execute(query: GetTablesQuery): Promise<IGetTablesOutput> {
     return this.svc.getTables(query.baseId)
   }
 }
diff --git a/packages/query-handlers/src/index.ts b/packages/query-handlers/src/index.ts
index 7bfc6adfa..63e203bf5 100644
--- a/packages/query-handlers/src/index.ts
+++ b/packages/query-handlers/src/index.ts
@@ -2,6 +2,10 @@ export * from "./handlers"
 export { registerQueries } from "./registry"
 
 export * from "./handlers/get-aggregates.query-handler"
+export * from "./handlers/get-base.query-handler"
+export * from "./handlers/get-dashboard-by-id.query-handler"
+export * from "./handlers/get-dashboards.query-handler"
 export * from "./handlers/get-record-by-id.query-handler"
 export * from "./handlers/get-records.query-handler"
 export * from "./handlers/get-table.query-handler"
+export * from "./handlers/get-tables.query-handler"
diff --git a/packages/trpc/src/router.ts b/packages/trpc/src/router.ts
index d1524e1fa..a925061e2 100644
--- a/packages/trpc/src/router.ts
+++ b/packages/trpc/src/router.ts
@@ -71,6 +71,7 @@ import {
   bulkduplicateRecordsCommand,
   createApiTokenCommand,
   createBaseCommand,
+  createBaseCommandOutput,
   createDashboardCommand,
   createFromShareCommand,
   createFromTemplateCommand,
@@ -145,7 +146,9 @@ import {
   CountRecordsQuery,
   GetAggregatesQuery,
   GetApiTokensQuery,
+  GetBaseQuery,
   GetDashboardByIdQuery,
+  GetDashboardsQuery,
   GetMemberSpacesQuery,
   GetPivotDataQuery,
   GetRecordByIdQuery,
@@ -163,7 +166,10 @@ import {
   countRecordsQuery,
   getAggregatesQuery,
   getApiTokensQuery,
+  getBaseQuery,
+  getBaseQueryOutput,
   getDashboardByIdQuery,
+  getDashboardsQuery,
   getMemberSpacesOutput,
   getMemberSpacesQuery,
   getPivotDataQuery,
@@ -174,6 +180,8 @@ import {
   getShareRecordByIdQuery,
   getShareRecordsQuery,
   getTableQuery,
+  getTablesQuery,
+  getTablesQueryOutput,
   getTemplateOutput,
   getTemplateQuery,
   getTemplatesQuery,
@@ -312,8 +320,8 @@ const fieldRouter = t.router({
 const tableRouter = t.router({
   list: privateProcedure
     .use(authz("table:list"))
-    .input(z.void())
-    .output(tableDTO.array())
+    .input(getTablesQuery)
+    .output(getTablesQueryOutput)
     .query(() => queryBus.execute(new GetTablesQuery({}))),
   get: privateProcedure
     .use(authz("table:read"))
@@ -426,9 +434,15 @@ const webhookRouter = t.router({
 })
 
 const baseRouter = t.router({
+  get: privateProcedure
+    .use(authz("base:read"))
+    .input(getBaseQuery)
+    .output(getBaseQueryOutput)
+    .query(({ input }) => queryBus.execute(new GetBaseQuery(input))),
   create: privateProcedure
     .use(authz("base:create"))
     .input(createBaseCommand.omit({ spaceId: true }))
+    .output(createBaseCommandOutput)
     .mutation(({ input }) => {
       const spaceId = getCurrentSpaceId()
       if (!spaceId) {
@@ -564,6 +578,10 @@ const dashboardRouter = t.router({
     .use(authz("dashboard:read"))
     .input(getDashboardByIdQuery)
     .query(({ input }) => queryBus.execute(new GetDashboardByIdQuery(input))),
+  list: privateProcedure
+    .use(authz("dashboard:list"))
+    .input(getDashboardsQuery)
+    .query(({ input }) => queryBus.execute(new GetDashboardsQuery(input))),
   update: privateProcedure
     .use(authz("dashboard:update"))
     .input(updateDashboardCommand)
diff --git a/turbo.json b/turbo.json
index 8121cb3ea..f93e61a94 100644
--- a/turbo.json
+++ b/turbo.json
@@ -19,6 +19,9 @@
     "lint": {
       "dependsOn": ["^lint"]
     },
+    "clean": {
+      "dependsOn": ["^clean"]
+    },
     "dev": {
       "cache": false,
       "inputs": ["$TURBO_DEFAULT$", ".env"],