diff --git a/.vscode/settings.json b/.vscode/settings.json
index d5288243..55d62472 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -86,75 +86,6 @@
   "files.autoSave": "afterDelay",
   "files.autoSaveDelay": 1000,
   "files.exclude": {
-    ".DS_Store": true,
-    ".changeset": true,
-    ".dockerignore": true,
-    ".editorconfig": true,
-    ".env": true,
-    ".env.example": true,
-    ".env.prod": true,
-    ".env.prod.example": true,
-    ".git": true,
-    ".gitattributes": true,
-    ".github": true,
-    ".gitignore": true,
-    ".markdownlintignore": true,
-    ".markuplintrc.cjs": true,
-    ".nhost": true,
-    ".npmrc": true,
-    ".secrets": true,
-    ".secrets.example": true,
-    ".secrets.prod": true,
-    ".secrets.prod.example": true,
-    ".textlintignore": true,
-    ".turbo": true,
-    ".vercelignore": true,
-    ".vscode": true,
-    "CHANGELOG.md": true,
-    "CODE_OF_CONDUCT.md": true,
-    "CONTRIBUTING.md": true,
-    "DEVELOPERS.md": true,
-    "Dockerfile": true,
-    "LICENSE": true,
-    "Makefile": true,
-    "README.md": true,
-    "biome.jsonc": true,
-    "bun.Dockerfile": true,
-    "bun.lockb": true,
-    "cog.toml": true,
-    "compose.override.yml": true,
-    "compose.yml": true,
-    "config": true,
-    "config.yaml": true,
-    "degit.json": true,
-    "docs": true,
-    "flake.nix": true,
-    "functions": true,
-    "infra": true,
-    "nhost": true,
-    "node_modules": true,
-    "package.json": true,
-    "packages": true,
-    "patches": true,
-    "pnpm-lock.yaml": true,
-    "pnpm-workspace.yaml": true,
-    "scripts": true,
-    "turbo.json": true,
-    "vercel.json": true,
-    "vitest.config.ts": true,
-    "vitest.workspaces.ts": true,
-    "apps/console-fb": true,
-    "apps/console-sc": true,
-    "apps/docs": true,
-    "apps/playground": true,
-    "apps/web": true,
-    "packages/assets": true,
-    "packages/biome-config": true,
-    "packages/role-houdini": true,
-    "packages/skeleton-ui": true,
-    "packages/typescript-config": true,
-    "packages/ui": true,
-    "packages/utils": true,
     "**/.git": true,
     "**/.DS_Store": true,
     ".idea": true,
@@ -387,81 +318,5 @@
   "[yaml]": {
     "editor.defaultFormatter": "redhat.vscode-yaml"
   },
-  "redhat.telemetry.enabled": false,
-  "monorepoFocusWorkspace.internal": {
-    "spectacular": {
-      "managedFilesIgnoreEntries": [
-        ".DS_Store",
-        ".changeset",
-        ".dockerignore",
-        ".editorconfig",
-        ".env",
-        ".env.example",
-        ".env.prod",
-        ".env.prod.example",
-        ".git",
-        ".gitattributes",
-        ".github",
-        ".gitignore",
-        ".markdownlintignore",
-        ".markuplintrc.cjs",
-        ".nhost",
-        ".npmrc",
-        ".secrets",
-        ".secrets.example",
-        ".secrets.prod",
-        ".secrets.prod.example",
-        ".textlintignore",
-        ".turbo",
-        ".vercelignore",
-        ".vscode",
-        "CHANGELOG.md",
-        "CODE_OF_CONDUCT.md",
-        "CONTRIBUTING.md",
-        "DEVELOPERS.md",
-        "Dockerfile",
-        "LICENSE",
-        "Makefile",
-        "README.md",
-        "biome.jsonc",
-        "bun.Dockerfile",
-        "bun.lockb",
-        "cog.toml",
-        "compose.override.yml",
-        "compose.yml",
-        "config",
-        "config.yaml",
-        "degit.json",
-        "docs",
-        "flake.nix",
-        "functions",
-        "infra",
-        "nhost",
-        "node_modules",
-        "package.json",
-        "packages",
-        "patches",
-        "pnpm-lock.yaml",
-        "pnpm-workspace.yaml",
-        "scripts",
-        "turbo.json",
-        "vercel.json",
-        "vitest.config.ts",
-        "vitest.workspaces.ts",
-        "apps/console-fb",
-        "apps/console-sc",
-        "apps/docs",
-        "apps/playground",
-        "apps/web",
-        "packages/assets",
-        "packages/biome-config",
-        "packages/role-houdini",
-        "packages/skeleton-ui",
-        "packages/typescript-config",
-        "packages/ui",
-        "packages/utils"
-      ],
-      "focusedWorkspace": "console"
-    }
-  }
+  "redhat.telemetry.enabled": false
 }
diff --git a/apps/console-fb/schema.graphql b/apps/console-fb/schema.graphql
index aa35f441..02ca96de 100644
--- a/apps/console-fb/schema.graphql
+++ b/apps/console-fb/schema.graphql
@@ -3829,6 +3829,29 @@ type query_root {
   """fetch data from the table: "subject_type" using primary key columns"""
   subject_type_by_pk(value: String!): subject_type
 
+  """
+  fetch data from the table: "test_rule"
+  """
+  test_rule(
+    """distinct select on columns"""
+    distinct_on: [test_rule_select_column!]
+
+    """limit the number of rows returned"""
+    limit: Int
+
+    """skip the first n rows. Use only with order_by"""
+    offset: Int
+
+    """sort the rows by one or more columns"""
+    order_by: [test_rule_order_by!]
+
+    """filter the rows returned"""
+    where: test_rule_bool_exp
+  ): [test_rule!]!
+
+  """fetch data from the table: "test_rule" using primary key columns"""
+  test_rule_by_pk(a: uuid!): test_rule
+
   """fetch data from the table: "auth.users" using primary key columns"""
   user(id: uuid!): users
 
@@ -5072,6 +5095,43 @@ type subscription_root {
     where: subject_type_bool_exp
   ): [subject_type!]!
 
+  """
+  fetch data from the table: "test_rule"
+  """
+  test_rule(
+    """distinct select on columns"""
+    distinct_on: [test_rule_select_column!]
+
+    """limit the number of rows returned"""
+    limit: Int
+
+    """skip the first n rows. Use only with order_by"""
+    offset: Int
+
+    """sort the rows by one or more columns"""
+    order_by: [test_rule_order_by!]
+
+    """filter the rows returned"""
+    where: test_rule_bool_exp
+  ): [test_rule!]!
+
+  """fetch data from the table: "test_rule" using primary key columns"""
+  test_rule_by_pk(a: uuid!): test_rule
+
+  """
+  fetch data from the table in a streaming manner: "test_rule"
+  """
+  test_rule_stream(
+    """maximum number of rows returned in a single batch"""
+    batch_size: Int!
+
+    """cursor to stream the results returned by the query"""
+    cursor: [test_rule_stream_cursor_input]!
+
+    """filter the rows returned"""
+    where: test_rule_bool_exp
+  ): [test_rule!]!
+
   """fetch data from the table: "auth.users" using primary key columns"""
   user(id: uuid!): users
 
@@ -5204,6 +5264,71 @@ type subscription_root {
   ): [users!]!
 }
 
+"""created by nithin, just for testing"""
+type test_rule {
+  a: uuid!
+  b: timestamptz!
+  c: Boolean!
+  d: Int!
+}
+
+"""
+Boolean expression to filter rows from the table "test_rule". All fields are combined with a logical 'AND'.
+"""
+input test_rule_bool_exp {
+  _and: [test_rule_bool_exp!]
+  _not: test_rule_bool_exp
+  _or: [test_rule_bool_exp!]
+  a: uuid_comparison_exp
+  b: timestamptz_comparison_exp
+  c: Boolean_comparison_exp
+  d: Int_comparison_exp
+}
+
+"""Ordering options when selecting data from "test_rule"."""
+input test_rule_order_by {
+  a: order_by
+  b: order_by
+  c: order_by
+  d: order_by
+}
+
+"""
+select columns of table "test_rule"
+"""
+enum test_rule_select_column {
+  """column name"""
+  a
+
+  """column name"""
+  b
+
+  """column name"""
+  c
+
+  """column name"""
+  d
+}
+
+"""
+Streaming cursor of the table "test_rule"
+"""
+input test_rule_stream_cursor_input {
+  """Stream column input with initial value"""
+  initial_value: test_rule_stream_cursor_value_input!
+
+  """cursor ordering"""
+  ordering: cursor_ordering
+}
+
+"""Initial value of the column from where the streaming should start"""
+input test_rule_stream_cursor_value_input {
+  a: uuid
+  b: timestamptz
+  c: Boolean
+  d: Int
+}
+
 scalar timestamp
 
 """
diff --git a/apps/console/schema.graphql b/apps/console/schema.graphql
index aa35f441..02ca96de 100644
--- a/apps/console/schema.graphql
+++ b/apps/console/schema.graphql
@@ -3829,6 +3829,29 @@ type query_root {
   """fetch data from the table: "subject_type" using primary key columns"""
   subject_type_by_pk(value: String!): subject_type
 
+  """
+  fetch data from the table: "test_rule"
+  """
+  test_rule(
+    """distinct select on columns"""
+    distinct_on: [test_rule_select_column!]
+
+    """limit the number of rows returned"""
+    limit: Int
+
+    """skip the first n rows. Use only with order_by"""
+    offset: Int
+
+    """sort the rows by one or more columns"""
+    order_by: [test_rule_order_by!]
+
+    """filter the rows returned"""
+    where: test_rule_bool_exp
+  ): [test_rule!]!
+
+  """fetch data from the table: "test_rule" using primary key columns"""
+  test_rule_by_pk(a: uuid!): test_rule
+
   """fetch data from the table: "auth.users" using primary key columns"""
   user(id: uuid!): users
 
@@ -5072,6 +5095,43 @@ type subscription_root {
     where: subject_type_bool_exp
   ): [subject_type!]!
 
+  """
+  fetch data from the table: "test_rule"
+  """
+  test_rule(
+    """distinct select on columns"""
+    distinct_on: [test_rule_select_column!]
+
+    """limit the number of rows returned"""
+    limit: Int
+
+    """skip the first n rows. Use only with order_by"""
+    offset: Int
+
+    """sort the rows by one or more columns"""
+    order_by: [test_rule_order_by!]
+
+    """filter the rows returned"""
+    where: test_rule_bool_exp
+  ): [test_rule!]!
+
+  """fetch data from the table: "test_rule" using primary key columns"""
+  test_rule_by_pk(a: uuid!): test_rule
+
+  """
+  fetch data from the table in a streaming manner: "test_rule"
+  """
+  test_rule_stream(
+    """maximum number of rows returned in a single batch"""
+    batch_size: Int!
+
+    """cursor to stream the results returned by the query"""
+    cursor: [test_rule_stream_cursor_input]!
+
+    """filter the rows returned"""
+    where: test_rule_bool_exp
+  ): [test_rule!]!
+
   """fetch data from the table: "auth.users" using primary key columns"""
   user(id: uuid!): users
 
@@ -5204,6 +5264,71 @@ type subscription_root {
   ): [users!]!
 }
 
+"""created by nithin, just for testing"""
+type test_rule {
+  a: uuid!
+  b: timestamptz!
+  c: Boolean!
+  d: Int!
+}
+
+"""
+Boolean expression to filter rows from the table "test_rule". All fields are combined with a logical 'AND'.
+"""
+input test_rule_bool_exp {
+  _and: [test_rule_bool_exp!]
+  _not: test_rule_bool_exp
+  _or: [test_rule_bool_exp!]
+  a: uuid_comparison_exp
+  b: timestamptz_comparison_exp
+  c: Boolean_comparison_exp
+  d: Int_comparison_exp
+}
+
+"""Ordering options when selecting data from "test_rule"."""
+input test_rule_order_by {
+  a: order_by
+  b: order_by
+  c: order_by
+  d: order_by
+}
+
+"""
+select columns of table "test_rule"
+"""
+enum test_rule_select_column {
+  """column name"""
+  a
+
+  """column name"""
+  b
+
+  """column name"""
+  c
+
+  """column name"""
+  d
+}
+
+"""
+Streaming cursor of the table "test_rule"
+"""
+input test_rule_stream_cursor_input {
+  """Stream column input with initial value"""
+  initial_value: test_rule_stream_cursor_value_input!
+
+  """cursor ordering"""
+  ordering: cursor_ordering
+}
+
+"""Initial value of the column from where the streaming should start"""
+input test_rule_stream_cursor_value_input {
+  a: uuid
+  b: timestamptz
+  c: Boolean
+  d: Int
+}
+
 scalar timestamp
 
 """
diff --git a/apps/console/src/lib/api/index.ts b/apps/console/src/lib/api/index.ts
new file mode 100644
index 00000000..90f6e792
--- /dev/null
+++ b/apps/console/src/lib/api/index.ts
@@ -0,0 +1 @@
+export { loadOptions } from './svelte_select_fetches';
diff --git a/apps/console/src/lib/links.ts b/apps/console/src/lib/links.ts
index 0d776dbe..2b44796d 100644
--- a/apps/console/src/lib/links.ts
+++ b/apps/console/src/lib/links.ts
@@ -15,6 +15,7 @@ export const menuNavLinks: MenuNavLinks = {
       list: [
         { href: '/policies', label: 'Policies', keywords: 'svelte, sirens, license, release', preload: 'false' },
         { href: '/rules', label: 'Golden Rules', keywords: 'start, install, cli, tailwind, themes, stylesheets' },
+        { href: '/testrule', label: 'testing Rules', keywords: 'start, install, cli, tailwind, themes, stylesheets' },
       ],
     },
     {
diff --git a/apps/console/src/lib/schema/rule.ts b/apps/console/src/lib/schema/rule.ts
index 4816bc61..a8c3fbe5 100644
--- a/apps/console/src/lib/schema/rule.ts
+++ b/apps/console/src/lib/schema/rule.ts
@@ -21,6 +21,7 @@ export const ruleSchema = z.object({
   throttleRate: z.coerce.number().min(0).max(100).optional().default(80),
   weight: z.coerce.number().min(0).max(1000).optional().default(1000),
   shared: z.boolean().optional().default(false),
+  active: z.boolean().optional().default(true),
 });
 
 export type RuleSchema = typeof ruleSchema;
diff --git a/apps/console/src/lib/utils/logger.ts b/apps/console/src/lib/utils/logger.ts
new file mode 100644
index 00000000..1fb1094b
--- /dev/null
+++ b/apps/console/src/lib/utils/logger.ts
@@ -0,0 +1,48 @@
+export enum LogLevel {
+	off = 0,
+	Debug,
+	Error,
+	Warning,
+	Info
+}
+
+export class Logger {
+	static level = LogLevel.Debug;
+
+	private source: string;
+
+	/**
+	 * Enables production mode.
+	 * Sets logging level to LogLevel.Warning.
+	 */
+	static enableProductionMode() {
+		Logger.level = LogLevel.Warning;
+	}
+
+	constructor(component: string) {
+		this.source = component;
+	}
+
+	public debug(...data: unknown[]): void {
+		this.log(console.info, LogLevel.Debug, data);
+	}
+
+	public info(...data: unknown[]): void {
+		this.log(console.info, LogLevel.Info, data);
+	}
+
+	public warn(...data: unknown[]): void {
+		this.log(console.warn, LogLevel.Warning, data);
+	}
+
+	public error(...data: unknown[]): void {
+		this.log(console.error, LogLevel.Error, data);
+	}
+
+	private log = (fun: () => void, level: LogLevel, objects: unknown[]): void => {
+		if (level >= Logger.level) {
+			const log = this.source ? [`[${this.source}]`].concat(objects as string[]) : objects;
+			fun.apply<Console, unknown[], void>(console, log);
+		}
+	};
+}
diff --git a/apps/console/src/routes/(app)/rules/create/+page.svelte b/apps/console/src/routes/(app)/rules/create/+page.svelte
index aa7da02b..337dabd5 100644
--- a/apps/console/src/routes/(app)/rules/create/+page.svelte
+++ b/apps/console/src/routes/(app)/rules/create/+page.svelte
@@ -1,6 +1,4 @@
 <script lang="ts">
-	import Footer from './../../../../lib/components/layout/footer.svelte';
-
 import { browser } from '$app/environment';
 import { goto } from '$app/navigation';
 import { graphql, type policies_insert_input } from '$houdini';
@@ -37,79 +35,41 @@ import { zod, zodClient } from 'sveltekit-superforms/adapters';
 
 
 
-const log = new Logger('rules.create.browser');
-
-// Variables
-// export let data: PageData;
-const toastStore = getToastStore();
-const loadingState = getLoadingState();
-let gqlErrors: Partial<GraphQLError>[] | null;
-// let subjects: Subject[] | undefined;
-
-const createRule = graphql(`
-  mutation CreateRule($data: rules_insert_input!) {
-    insert_rules_one(object: $data) {
-      id
-      displayName
-      description
-      tags
-      annotations
-      source
-      sourcePort
-      destination
-      destinationPort
-      protocol
-      action
-      direction
-      appId
-      throttleRate
-      weight
-      shared
-      createdBy
-      createdAt
-      updatedAt
-      updatedBy
-      organization
-    }
-  }
-`);
-
-
-
 
-const superform = superForm(defaults(zod(createRuleSchema)), {
+const form = superForm(defaults(zod(createRuleSchema)), {
   SPA: true,
   dataType: 'json',
   taintedMessage: null,
-  syncFlashMessage: false,
-  resetForm: true,
+  clearOnSubmit: 'errors-and-message',
   delayMs: 100,
   timeoutMs: 4000,
+  resetForm: true,
+  invalidateAll: false, // this is key to avoid unnecessary data fetch call while using houdini smart cache.
   validators: zodClient(createRuleSchema),
+
   async onUpdate({ form, cancel }) {
-    if (!form.valid) return;
+    console.log({form:form})
   }
-
 });
 
-
-  const {
-  form,
-  delayed,
-  enhance,
+const {
+  form: formData,
   errors,
-  constraints,
-  message,
-  isTainted,
-  tainted,
-  posted,
   allErrors,
-  reset,
+  message,
+  constraints,
   submitting,
+  delayed,
+  tainted,
   timeout,
-  capture,
-  restore,
-} = superform;
+  posted,
+  enhance,
+} = form;
+
+
+
+
+$: valid = $allErrors.length === 0;
 
 </script>
 
@@ -128,7 +88,7 @@ const superform = superForm(defaults(zod(createRuleSchema)), {
     <!-- Form Level Errors / Messages -->
     <Alerts errors={$errors._errors} message={$message} />
     <!-- GraphQL Errors  -->
-    <GraphQLErrors errors={gqlErrors} />
+    <!-- <GraphQLErrors errors={gqlErrors} /> -->
     <!-- Update User Details Form -->
 
     <form class="card md:space-y-8" method="POST" use:enhance>
@@ -139,7 +99,7 @@ const superform = superForm(defaults(zod(createRuleSchema)), {
 
       <section class="p-4 grid gap-6 md:grid-cols-3 lg:grid-cols-6">
         <div class="col-span-2">
-          <Form.Field form={superform} name='rule.displayName'>
+          <Form.Field form={form} name='displayName'>
             <Form.Control let:attrs>
               <Form.Label class="label">Display Name</Form.Label>
               <input
@@ -148,6 +108,7 @@ const superform = superForm(defaults(zod(createRuleSchema)), {
                 {...attrs}
 
                 placeholder="Display Name"
+                bind:value={$formData.displayName}
 
               />
             </Form.Control>
@@ -157,14 +118,15 @@ const superform = superForm(defaults(zod(createRuleSchema)), {
         </div>
 
         <div class="col-span-4">
-          <Form.Field form={superform} name='rule.description'>
+          <Form.Field form={form} name='description'>
             <Form.Control let:attrs>
               <Form.Label class="label">Description</Form.Label>
               <input
                 type="text"
                 class="input data-[fs-error]:input-error"
                 {...attrs}
-                placeholder="Display Name"
+                placeholder="Description"
+                bind:value={$formData.description}
               />
             </Form.Control>
             <Form.Description class="sr-only md:not-sr-only text-sm text-gray-500">Enter the description</Form.Description>
@@ -172,31 +134,31 @@ const superform = superForm(defaults(zod(createRuleSchema)), {
           </Form.Field>
         </div>
         <div class="col-span-3">
-          <Form.Field form={superform} name='rule.tags'>
+          <Form.Field form={form} name='tags'>
             <Form.Control let:attrs>
               <Form.Label class="label">Tags</Form.Label>
               <!-- <input
                 type="text"
                 class="input data-[fs-error]:input-error"
                 {...attrs}
-                {disabled}
                 placeholder="Enter tags..."
-                bind:value={$form.rule.tags}
+                bind:value={$formData.tags}
               /> -->
-              <InputChip {...attrs}   placeholder="Enter tags..." class="input data-[fs-error]:input-error"  />
+              <InputChip {...attrs}   placeholder="Enter tags..." class="input data-[fs-error]:input-error" bind:value={$formData.tags} />
             </Form.Control>
             <Form.Description class="sr-only md:not-sr-only text-sm text-gray-500">Enter the tags</Form.Description>
             <Form.FieldErrors class="data-[fs-error]:text-error-500" />
           </Form.Field>
         </div>
         <div class="col-span-3">
-          <Form.Field form={superform} name='rule.annotations'>
+          <Form.Field form={form} name='annotations'>
             <Form.Control let:attrs>
               <Form.Label class="label">Annotations</Form.Label>
               <input
                 type="text"
                 class="input data-[fs-error]:input-error"
                 {...attrs}
+                bind:value={$formData.annotations}
                 placeholder="Enter Annotations..."
               />
             </Form.Control>
@@ -205,7 +167,7 @@ const superform = superForm(defaults(zod(createRuleSchema)), {
           </Form.Field>
         </div>
         <div class="col-span-3">
-          <Form.Field form={superform} name='rule.source'>
+          <Form.Field form={form} name='source'>
             <Form.Control let:attrs>
               <Form.Label class="label">Source</Form.Label>
               <input
@@ -213,6 +175,7 @@ const superform = superForm(defaults(zod(createRuleSchema)), {
                 class="input data-[fs-error]:input-error"
                 {...attrs}
                 placeholder="Enter Source..."
+                bind:value={$formData.source}
               />
             </Form.Control>
             <Form.Description class="sr-only md:not-sr-only text-sm text-gray-500">Enter the source</Form.Description>
@@ -220,7 +183,7 @@ const superform = superForm(defaults(zod(createRuleSchema)), {
           </Form.Field>
         </div>
         <div class="col-span-3">
-          <Form.Field form={superform} name='rule.sourcePort'>
+          <Form.Field form={form} name='sourcePort'>
             <Form.Control let:attrs>
               <Form.Label class="label">Source port</Form.Label>
               <input
@@ -228,6 +191,7 @@ const superform = superForm(defaults(zod(createRuleSchema)), {
                 class="input data-[fs-error]:input-error"
                 {...attrs}
                 placeholder="Enter Source port..."
+                bind:value={$formData.sourcePort}
               />
             </Form.Control>
             <Form.Description class="sr-only md:not-sr-only text-sm text-gray-500">Enter the source port</Form.Description>
@@ -235,7 +199,7 @@ const superform = superForm(defaults(zod(createRuleSchema)), {
           </Form.Field>
         </div>
         <div class="col-span-3">
-          <Form.Field form={superform} name='rule.destination'>
+          <Form.Field form={form} name='destination'>
             <Form.Control let:attrs>
               <Form.Label class="label">Destination</Form.Label>
               <input
@@ -243,6 +207,7 @@ const superform = superForm(defaults(zod(createRuleSchema)), {
                 class="input data-[fs-error]:input-error"
                 {...attrs}
                 placeholder="Enter Destination..."
+                bind:value={$formData.destination}
               />
             </Form.Control>
             <Form.Description class="sr-only md:not-sr-only text-sm text-gray-500">Enter the destination</Form.Description>
@@ -250,7 +215,7 @@ const superform = superForm(defaults(zod(createRuleSchema)), {
           </Form.Field>
         </div>
         <div class="col-span-3">
-          <Form.Field form={superform} name='rule.destinationPort'>
+          <Form.Field form={form} name='destinationPort'>
             <Form.Control let:attrs>
               <Form.Label class="label">Destination port</Form.Label>
               <input
@@ -258,6 +223,7 @@ const superform = superForm(defaults(zod(createRuleSchema)), {
                 class="input data-[fs-error]:input-error"
                 {...attrs}
                 placeholder="Enter Destination port..."
+                bind:value={$formData.destinationPort}
 
               />
             </Form.Control>
@@ -266,13 +232,13 @@ const superform = superForm(defaults(zod(createRuleSchema)), {
           </Form.Field>
         </div>
         <div>
-          <Form.Field form={superform} name='rule.protocol'>
+          <Form.Field form={form} name='protocol'>
             <Form.Control let:attrs>
               <Form.Label class="label">Protocols</Form.Label>
               <select
                 class="input data-[fs-error]:input-error"
                 {...attrs}
-
+                bind:value={$formData.protocol}
               >
                {#each protocols as protocol}
                 <option value={protocol.value}>{protocol.name}</option>
@@ -284,12 +250,18 @@ const superform = superForm(defaults(zod(createRuleSchema)), {
           </Form.Field>
         </div>
         <div>
-          <Form.Fieldset form={superform} name='rule.action'>
+          <Form.Fieldset form={form} name='action'>
             <Form.Legend>Action</Form.Legend>
             <RadioGroup active="variant-filled-secondary" >
             {#each actionOptions as action}
             <Form.Control let:attrs>
-
+              <RadioItem
+                {...attrs}
+                bind:group={$formData.action}
+                value={action.value}
+              >
+                 <Form.Label class="label">{action.label}</Form.Label>
+            </RadioItem>
             </Form.Control>
             {/each}
             </RadioGroup>
@@ -298,12 +270,18 @@ const superform = superForm(defaults(zod(createRuleSchema)), {
           </Form.Fieldset>
         </div>
         <div>
-          <Form.Fieldset form={superform} name='rule.direction'>
+          <Form.Fieldset form={form} name='direction'>
             <Form.Legend>Direction</Form.Legend>
             <RadioGroup active="variant-filled-secondary" >
             {#each directionOptions as direction}
             <Form.Control let:attrs>
-
+              <RadioItem
+                {...attrs}
+                bind:group={$formData.direction}
+                value={direction.value}
+              >
+                 <Form.Label class="label">{direction.label}</Form.Label>
+            </RadioItem>
             </Form.Control>
             {/each}
             </RadioGroup>
@@ -312,13 +290,13 @@ const superform = superForm(defaults(zod(createRuleSchema)), {
           </Form.Fieldset>
         </div>
         <div class="col-start-5 flex justify-end">
-          <Form.Field form={superform} name='rule.shared'>
+          <Form.Field form={form} name='shared'>
             <Form.Control let:attrs>
               <SlideToggle
                 active="variant-filled-secondary"
                 size="md"
                 {...attrs}
-
+                bind:checked={$formData.shared}
               >
               <Form.Label class="inline-block w-[100px] text-left"> Shared</Form.Label>
 						</SlideToggle>
@@ -328,14 +306,14 @@ const superform = superForm(defaults(zod(createRuleSchema)), {
           </Form.Field>
         </div>
         <div class="col-end-7">
-          <Form.Field form={superform} name={keys.weight}>
+          <Form.Field form={form} name={keys.weight}>
             <Form.Control let:attrs>
               <Form.Label class="label">Weight</Form.Label>
               <input
                 type="number"
                 class="input data-[fs-error]:input-error"
                 {...attrs}
-
+                bind:value={$formData.weight}
               />
             </Form.Control>
             <Form.Description class="sr-only md:not-sr-only text-sm text-gray-500">Enter Weight</Form.Description>
@@ -344,7 +322,7 @@ const superform = superForm(defaults(zod(createRuleSchema)), {
         </div>
 
         <div class="col-span-4">
-          <Form.Field form={superform} name='rule.appId'>
+          <Form.Field form={form} name='appId'>
             <Form.Control let:attrs>
               <Form.Label class="label">App id</Form.Label>
               <input
@@ -352,6 +330,7 @@ const superform = superForm(defaults(zod(createRuleSchema)), {
                 class="input data-[fs-error]:input-error"
                 {...attrs}
                 placeholder="Display Name"
+                bind:value={$formData.appId}
               />
             </Form.Control>
             <Form.Description class="sr-only md:not-sr-only text-sm text-gray-500">If no app is selected, throttle rate applied system wide.</Form.Description>
@@ -359,10 +338,11 @@ const superform = superForm(defaults(zod(createRuleSchema)), {
           </Form.Field>
         </div>
         <div class="col-span-2">
-          <Form.Field form={superform} name='rule.throttleRate'>
+          <Form.Field form={form} name='throttleRate'>
             <Form.Control let:attrs>
               <RangeSlider
                  {...attrs}
+                 bind:value={$formData.throttleRate}
                  min={0}
                  max={100}
                  step={1}
@@ -370,7 +350,7 @@ const superform = superForm(defaults(zod(createRuleSchema)), {
               >
                 <div class="flex justify-between items-center">
                   <Form.Label class="label">Bandwidth limit</Form.Label>
-                  <div class="text-xs"> </div>
+                  <div class="text-xs">{$formData.throttleRate} /100</div>
                 </div>
             </RangeSlider>
             </Form.Control>
@@ -379,35 +359,37 @@ const superform = superForm(defaults(zod(createRuleSchema)), {
           </Form.Field>
         </div>
         <div class="flex justify-start">
-          <Form.Field form={superform} name='active'>
+          <Form.Field form={form} name='active'>
             <Form.Control let:attrs>
               <SlideToggle
                 active="variant-filled-secondary"
                 size="md"
                 {...attrs}
+                bind:checked={$formData.active}
               >
-              <Form.Label class="inline-block w-[100px] text-left">Active </Form.Label>
+              <Form.Label class="inline-block w-[100px] text-left">Active {$formData.active ? 'On' : 'Off'} </Form.Label>
 						</SlideToggle>
             </Form.Control>
             <!-- <Form.Description>Temporarily disable policy</Form.Description> -->
             <Form.FieldErrors class="data-[fs-error]:text-error-500" />
           </Form.Field>
         </div>
-        <div class="col-start-5">
-
-        </div>
-        <div class="col-end-auto">
-
-        </div>
-
       </section>
 
-
-
-
-
       <footer class="card-footer flex justify-end">
-
+        <button
+          type="submit"
+          class="btn variant-filled-secondary"
+          disabled={!$tainted || !valid || $submitting}
+        >
+          {#if $timeout}
+            <MoreHorizontal class="m-2 h-4 w-4 animate-ping" />
+          {:else if $delayed}
+            <Loader class="m-2 h-4 w-4 animate-spin" />
+          {:else}
+            {m.buttons_create()}
+          {/if}
+        </button>
       </footer>
     </form>
   </section>
@@ -416,5 +398,22 @@ const superform = superForm(defaults(zod(createRuleSchema)), {
 
   </section>
 
+<DebugShell label="form-data">
+  <SuperDebug
+    data={{
+      message: $message,
+      submitting: $submitting,
+      delayed: $delayed,
+      timeout: $timeout,
+      posted: $posted,
+      formData: $formData,
+      errors: $errors,
+      constraints: $constraints,
+      tainted:$tainted
+    }}
+    theme="vscode"
+    --sd-code-date="lightgreen"
+  />
+</DebugShell>
 
 </div>
diff --git a/apps/console/src/routes/(app)/testrule/+page.gql b/apps/console/src/routes/(app)/testrule/+page.gql
new file mode 100644
index 00000000..6df33a78
--- /dev/null
+++ b/apps/console/src/routes/(app)/testrule/+page.gql
@@ -0,0 +1,15 @@
+# query MyQuery {
+#   rules {
+#     id
+#     displayName
+#   }
+# }
+
+query MyQuery {
+  test_rule {
+    a
+    b
+    c
+    d
+  }
+}
diff --git a/apps/console/src/routes/(app)/testrule/+page.svelte b/apps/console/src/routes/(app)/testrule/+page.svelte
new file mode 100644
index 00000000..43cb4fcc
--- /dev/null
+++ b/apps/console/src/routes/(app)/testrule/+page.svelte
@@ -0,0 +1,14 @@
+<script lang="ts">
+  import { loading } from '$lib/graphql/loading.js';
+
+  export let data
+
+  $: ({ MyQuery } = data)
+</script>
+{#if $MyQuery.fetching}
+loading...
+{:else}
+    <pre>
+      {JSON.stringify($MyQuery.data,null,2) }
+    </pre>
+{/if}
diff --git a/nhost/metadata/databases/default/tables/public_test_rule.yaml b/nhost/metadata/databases/default/tables/public_test_rule.yaml
new file mode 100644
index 00000000..2f680ff8
--- /dev/null
+++ b/nhost/metadata/databases/default/tables/public_test_rule.yaml
@@ -0,0 +1,13 @@
+table:
+  name: test_rule
+  schema: public
+select_permissions:
+  - role: user
+    permission:
+      columns:
+        - c
+        - d
+        - b
+        - a
+      filter: {}
+    comment: ""
diff --git a/nhost/metadata/databases/default/tables/tables.yaml b/nhost/metadata/databases/default/tables/tables.yaml
index 2456c0e0..3cfb9da4 100644
--- a/nhost/metadata/databases/default/tables/tables.yaml
+++ b/nhost/metadata/databases/default/tables/tables.yaml
@@ -21,6 +21,7 @@
 - "!include public_protocol.yaml"
 - "!include public_rules.yaml"
 - "!include public_subject_type.yaml"
+- "!include public_test_rule.yaml"
 - "!include public_user_groups.yaml"
 - "!include public_user_org_roles.yaml"
 - "!include storage_buckets.yaml"
diff --git a/nhost/migrations/default/1724523120859_create_table_public_test_rule/down.sql b/nhost/migrations/default/1724523120859_create_table_public_test_rule/down.sql
new file mode 100644
index 00000000..7e948d68
--- /dev/null
+++ b/nhost/migrations/default/1724523120859_create_table_public_test_rule/down.sql
@@ -0,0 +1 @@
+DROP TABLE "public"."test_rule";
diff --git a/nhost/migrations/default/1724523120859_create_table_public_test_rule/up.sql b/nhost/migrations/default/1724523120859_create_table_public_test_rule/up.sql
new file mode 100644
index 00000000..da178780
--- /dev/null
+++ b/nhost/migrations/default/1724523120859_create_table_public_test_rule/up.sql
@@ -0,0 +1 @@
+CREATE TABLE "public"."test_rule" ("a" uuid NOT NULL, "b" timestamptz NOT NULL, "c" boolean NOT NULL, "d" integer NOT NULL, PRIMARY KEY ("a") );COMMENT ON TABLE "public"."test_rule" IS E'created by nithin, just for testing';
diff --git a/nhost/migrations/default/1724523307242_alter_table_public_test_rule_alter_column_b/down.sql b/nhost/migrations/default/1724523307242_alter_table_public_test_rule_alter_column_b/down.sql
new file mode 100644
index 00000000..02388ef1
--- /dev/null
+++ b/nhost/migrations/default/1724523307242_alter_table_public_test_rule_alter_column_b/down.sql
@@ -0,0 +1 @@
+ALTER TABLE "public"."test_rule" ALTER COLUMN "b" drop default;
diff --git a/nhost/migrations/default/1724523307242_alter_table_public_test_rule_alter_column_b/up.sql b/nhost/migrations/default/1724523307242_alter_table_public_test_rule_alter_column_b/up.sql
new file mode 100644
index 00000000..1474b660
--- /dev/null
+++ b/nhost/migrations/default/1724523307242_alter_table_public_test_rule_alter_column_b/up.sql
@@ -0,0 +1 @@
+alter table "public"."test_rule" alter column "b" set default now();
diff --git a/nhost/migrations/default/1724523315190_alter_table_public_test_rule_alter_column_a/down.sql b/nhost/migrations/default/1724523315190_alter_table_public_test_rule_alter_column_a/down.sql
new file mode 100644
index 00000000..fddde79e
--- /dev/null
+++ b/nhost/migrations/default/1724523315190_alter_table_public_test_rule_alter_column_a/down.sql
@@ -0,0 +1 @@
+ALTER TABLE "public"."test_rule" ALTER COLUMN "a" drop default;
diff --git a/nhost/migrations/default/1724523315190_alter_table_public_test_rule_alter_column_a/up.sql b/nhost/migrations/default/1724523315190_alter_table_public_test_rule_alter_column_a/up.sql
new file mode 100644
index 00000000..df2343fe
--- /dev/null
+++ b/nhost/migrations/default/1724523315190_alter_table_public_test_rule_alter_column_a/up.sql
@@ -0,0 +1 @@
+alter table "public"."test_rule" alter column "a" set default gen_random_uuid();