sveltekit-ui 1.0.33 → 1.0.34

package/src/routes/[component]/Showcase/TableAdvanced/index.svelte

@@ -4,10 +4,120 @@
   import { PUBLIC_APPLE_MAPKIT_JS_API_KEY } from "$env/static/public"
   import { deep_copy } from "$lib/client/index.js"
 
-  let data = $state({
-    id: "cbsemvrsoidhrzyhugue",
-    name: "test",
-    rows: [],
+  const data_init = {
+    id: "mtuelwvmmoscrnuwpzml",
+    name: "Seasons",
+    rows: [
+      {
+        id: "qjjfpphxkwtoriynouco",
+        title: "Winners at War",
+        winner: "Tony Vlachos",
+        location: "Mamanuca Islands, Fiji",
+        finalists: ["Tony Vlachos", "Natalie Anderson", "Michele Fitzgerald"],
+        jury_votes: [
+          {
+            voter: "Amber Mariano",
+            target: "Tony Vlachos",
+          },
+          {
+            voter: "Danni Boatwright",
+            target: "Tony Vlachos",
+          },
+          {
+            voter: "Ethan Zohn",
+            target: "Natalie Anderson",
+          },
+          {
+            voter: "Rob Mariano",
+            target: "Tony Vlachos",
+          },
+          {
+            voter: "Parvati Shallow",
+            target: "Natalie Anderson",
+          },
+          {
+            voter: "Yul Kwon",
+            target: "Tony Vlachos",
+          },
+          {
+            voter: "Wendell Holland",
+            target: "Tony Vlachos",
+          },
+          {
+            voter: "Adam Klein",
+            target: "Tony Vlachos",
+          },
+          {
+            voter: "Nick Wilson",
+            target: "Tony Vlachos",
+          },
+          {
+            voter: "Tyson Apostol",
+            target: "Natalie Anderson",
+          },
+          {
+            voter: "Sophie Clarke",
+            target: "Tony Vlachos",
+          },
+          {
+            voter: "Kim Spradlin-Wolfe",
+            target: "Tony Vlachos",
+          },
+          {
+            voter: "Jeremy Collins",
+            target: "Natalie Anderson",
+          },
+          {
+            voter: "Denise Stapley",
+            target: "Tony Vlachos",
+          },
+          {
+            voter: "Ben Driebergen",
+            target: "Tony Vlachos",
+          },
+          {
+            voter: "Sarah Lacina",
+            target: "Tony Vlachos",
+          },
+        ],
+        total_days: 39,
+        last_air_time: {
+          year: 2020,
+          month: 5,
+          timezone: "America/New_York",
+          granularity: "day",
+          day_of_month: 13,
+        },
+        official_urls: {
+          cbs: null,
+          wiki: "https://en.wikipedia.org/wiki/Survivor:_Winners_at_War",
+        },
+        season_number: 40,
+        twist_summary: "Edge of Extinction returned; players used Fire Tokens to buy advantages and items.",
+        first_air_time: {
+          year: 2020,
+          month: 2,
+          timezone: "America/New_York",
+          granularity: "day",
+          day_of_month: 12,
+        },
+        contestant_count: 20,
+        db_epoch_created: 1756307504,
+        db_epoch_updated: 1756307504,
+        winner_prize_usd: 2000000,
+        tribe_count_start: 2,
+        other_known_prizes: [
+          {
+            usd: 100000,
+            from: "CBS (runner-up prize, typical)",
+          },
+          {
+            usd: 35000,
+            from: "EW report (appearance guarantee minimum for S40 cast)",
+          },
+        ],
+      },
+    ],
     limit: 100,
     offset: 0,
     columns: {
@@ -16,7 +126,7 @@
         is_shown: true,
         alignment: "left",
         max_width: 50,
-        min_width: 5,
+        min_width: 10,
         description: null,
         is_nullable: false,
         body_content: {
@@ -24,7 +134,7 @@
           children: [],
           attributes: {
             size: 10,
-            content_from_variable_path: ["rows", ["row_i"], "id"],
+            content_from_variable_path: ["variables", "rows", ["row_i"], "id"],
           },
           selector_id: "hcsqz",
         },
@@ -48,21 +158,326 @@
         is_autogenerated: true,
         is_force_uniqueness: false,
       },
-      population: {
+      title: {
+        is_fixed: false,
+        is_shown: true,
+        alignment: "left",
+        max_width: 30,
+        min_width: 20,
+        description: null,
+        is_nullable: true,
+        body_content: {
+          type_id: "base_text",
+          children: [],
+          attributes: {
+            size: 10,
+            content_from_variable_path: ["variables", "rows", ["row_i"], "title"],
+          },
+          selector_id: "uviupvsf",
+        },
+        db_data_type: {
+          type: "text_literal",
+          attributes: {},
+        },
+        is_db_column: true,
+        is_updatable: false,
+        default_value: null,
+        display_order: 10,
+        postgres_type: "text",
+        header_content: {
+          type_id: "base_text",
+          children: [],
+          attributes: {
+            content: "Title",
+          },
+          selector_id: "zxhefnzj",
+        },
+        is_primary_key: false,
+        is_autogenerated: false,
+        is_force_uniqueness: false,
+        is_use_in_short_display: false,
+      },
+      winner: {
+        is_fixed: false,
+        is_shown: true,
+        alignment: "left",
+        max_width: 30,
+        min_width: 20,
+        description: null,
+        is_nullable: true,
+        body_content: {
+          type_id: "base_text",
+          children: [],
+          attributes: {
+            size: 10,
+            content_from_variable_path: ["variables", "rows", ["row_i"], "winner"],
+          },
+          selector_id: "eynrnbdh",
+        },
+        db_data_type: {
+          type: "text_literal",
+          attributes: {},
+        },
+        is_db_column: true,
+        is_updatable: false,
+        default_value: null,
+        display_order: 7,
+        postgres_type: "text",
+        header_content: {
+          type_id: "base_text",
+          children: [],
+          attributes: {
+            content: "Winner",
+          },
+          selector_id: "anyrcgrh",
+        },
+        is_primary_key: false,
+        is_autogenerated: false,
+        is_force_uniqueness: false,
+        is_use_in_short_display: false,
+      },
+      location: {
         is_fixed: false,
         is_shown: true,
         alignment: "left",
         max_width: 30,
         min_width: 20,
-        description: "population",
+        description: null,
+        is_nullable: true,
+        body_content: {
+          type_id: "base_text",
+          children: [],
+          attributes: {
+            size: 10,
+            content_from_variable_path: ["variables", "rows", ["row_i"], "location"],
+          },
+          selector_id: "vlsfsbxt",
+        },
+        db_data_type: {
+          type: "text_literal",
+          attributes: {},
+        },
+        is_db_column: true,
+        is_updatable: false,
+        default_value: null,
+        display_order: 12,
+        postgres_type: "text",
+        header_content: {
+          type_id: "base_text",
+          children: [],
+          attributes: {
+            content: "Location",
+          },
+          selector_id: "yjxplvnd",
+        },
+        is_primary_key: false,
+        is_autogenerated: false,
+        is_force_uniqueness: false,
+        is_use_in_short_display: false,
+      },
+      finalists: {
+        is_fixed: false,
+        is_shown: true,
+        alignment: "left",
+        max_width: 30,
+        min_width: 20,
+        description: null,
+        is_nullable: true,
+        body_content: {
+          type_id: "loop",
+          children: [
+            {
+              type_id: "base_text",
+              children: [],
+              attributes: {
+                size: 10,
+                content_from_variable_path: ["variables", "rows", ["row_i"], "finalists", ["loop_index"]],
+              },
+              selector_id: "ctxcqzgc",
+            },
+          ],
+          attributes: {
+            font_size: 1.2,
+            iter_identifier: "loop_index",
+            val_from_variable_path: ["variables", "rows", ["row_i"], "finalists"],
+          },
+          selector_id: "rxcsroys",
+        },
+        db_data_type: {
+          type: "array_uniform_literal",
+          items: {
+            type: "text_literal",
+            attributes: {},
+          },
+          attributes: {},
+        },
+        is_db_column: true,
+        is_updatable: false,
+        default_value: null,
+        display_order: 2,
+        postgres_type: "text[]",
+        header_content: {
+          type_id: "base_text",
+          children: [],
+          attributes: {
+            content: "Finalists",
+          },
+          selector_id: "xhqvqdgp",
+        },
+        is_primary_key: false,
+        is_autogenerated: false,
+        is_force_uniqueness: false,
+        is_use_in_short_display: false,
+      },
+      jury_votes: {
+        is_fixed: false,
+        is_shown: true,
+        alignment: "left",
+        max_width: 30,
+        min_width: 20,
+        description: null,
+        is_nullable: true,
+        body_content: {
+          type_id: "loop",
+          children: [
+            {
+              type_id: "div",
+              children: [
+                {
+                  type_id: "base_text",
+                  children: [],
+                  attributes: {
+                    font_size: 1.2,
+                  },
+                  selector_id: "rblutubz",
+                },
+                {
+                  type_id: "div",
+                  children: [
+                    {
+                      type_id: "base_text",
+                      children: [],
+                      attributes: {
+                        content: "voter:",
+                        font_size: 1.2,
+                      },
+                      selector_id: "horpveoa",
+                    },
+                    {
+                      type_id: "base_text",
+                      children: [],
+                      attributes: {
+                        size: 10,
+                        content_from_variable_path: [
+                          "variables",
+                          "rows",
+                          ["row_i"],
+                          "jury_votes",
+                          ["loop_index"],
+                          "voter",
+                        ],
+                      },
+                      selector_id: "hjpxqdzr",
+                    },
+                  ],
+                  attributes: {},
+                  selector_id: "qlhgvhzt",
+                },
+                {
+                  type_id: "div",
+                  children: [
+                    {
+                      type_id: "base_text",
+                      children: [],
+                      attributes: {
+                        content: "target:",
+                        font_size: 1.2,
+                      },
+                      selector_id: "krkpjykp",
+                    },
+                    {
+                      type_id: "base_text",
+                      children: [],
+                      attributes: {
+                        size: 10,
+                        content_from_variable_path: [
+                          "variables",
+                          "rows",
+                          ["row_i"],
+                          "jury_votes",
+                          ["loop_index"],
+                          "target",
+                        ],
+                      },
+                      selector_id: "gtimorzk",
+                    },
+                  ],
+                  attributes: {},
+                  selector_id: "zlyatbzg",
+                },
+              ],
+              attributes: {},
+              selector_id: "ygoqnpeo",
+            },
+          ],
+          attributes: {
+            font_size: 1.2,
+            iter_identifier: "loop_index",
+            val_from_variable_path: ["variables", "rows", ["row_i"], "jury_votes"],
+          },
+          selector_id: "lrshjoke",
+        },
+        db_data_type: {
+          type: "array_uniform_literal",
+          items: {
+            type: "object_literal",
+            attributes: {},
+            properties: {
+              voter: {
+                type: "text_literal",
+                attributes: {},
+              },
+              target: {
+                type: "text_literal",
+                attributes: {},
+              },
+            },
+          },
+          attributes: {},
+        },
+        is_db_column: true,
+        is_updatable: false,
+        default_value: null,
+        display_order: 6,
+        postgres_type: "jsonb",
+        header_content: {
+          type_id: "base_text",
+          children: [],
+          attributes: {
+            content: "Jury Votes",
+          },
+          selector_id: "ijivscjv",
+        },
+        is_primary_key: false,
+        is_autogenerated: false,
+        is_force_uniqueness: false,
+        is_use_in_short_display: false,
+      },
+      total_days: {
+        is_fixed: false,
+        is_shown: true,
+        alignment: "left",
+        max_width: 30,
+        min_width: 20,
+        description: null,
         is_nullable: true,
         body_content: {
           type_id: "number",
           children: [],
           attributes: {
-            val_from_variable_path: ["rows", ["row_i"], "population"],
+            val_from_variable_path: ["variables", "rows", ["row_i"], "total_days"],
           },
-          selector_id: "vukyefhw",
+          selector_id: "cxmhlsxi",
         },
         db_data_type: {
           type: "int_literal",
@@ -71,36 +486,213 @@
         is_db_column: true,
         is_updatable: false,
         default_value: null,
-        display_order: 1,
+        display_order: 11,
         postgres_type: "int",
         header_content: {
           type_id: "base_text",
           children: [],
           attributes: {
-            content: "Population",
+            content: "Total Days",
           },
-          selector_id: "lpcqsjlq",
+          selector_id: "dyfbylhl",
         },
         is_primary_key: false,
         is_autogenerated: false,
         is_force_uniqueness: false,
         is_use_in_short_display: false,
       },
-      us_state: {
+      last_air_time: {
         is_fixed: false,
         is_shown: true,
         alignment: "left",
         max_width: 30,
         min_width: 20,
-        description: "us_state",
+        description: null,
         is_nullable: true,
         body_content: {
+          type_id: "time",
+          children: [],
+          attributes: {
+            format: "time_full",
+            text_color: null,
+            display_format: "calendar_date",
+            val_from_variable_path: ["variables", "rows", ["row_i"], "last_air_time"],
+          },
+          selector_id: "bmqrpktp",
+        },
+        db_data_type: {
+          type: "time_literal",
+          attributes: {},
+        },
+        is_db_column: true,
+        is_updatable: false,
+        default_value: null,
+        display_order: 14,
+        postgres_type: "jsonb",
+        header_content: {
           type_id: "base_text",
           children: [],
           attributes: {
-            content_from_variable_path: ["rows", ["row_i"], "us_state"],
+            content: "Last Air Time",
           },
-          selector_id: "kukyefhw",
+          selector_id: "wjpvaubt",
+        },
+        is_primary_key: false,
+        is_autogenerated: false,
+        is_force_uniqueness: false,
+        is_use_in_short_display: false,
+      },
+      official_urls: {
+        is_fixed: false,
+        is_shown: true,
+        alignment: "left",
+        max_width: 30,
+        min_width: 20,
+        description: null,
+        is_nullable: true,
+        body_content: {
+          type_id: "div",
+          children: [
+            {
+              type_id: "div",
+              children: [
+                {
+                  type_id: "base_text",
+                  children: [],
+                  attributes: {
+                    content: "wiki:",
+                    font_size: 1.2,
+                  },
+                  selector_id: "dpnuzrlt",
+                },
+                {
+                  type_id: "base_text",
+                  children: [],
+                  attributes: {
+                    size: 10,
+                    content_from_variable_path: ["variables", "rows", ["row_i"], "official_urls", "wiki"],
+                  },
+                  selector_id: "oratheqg",
+                },
+              ],
+              attributes: {},
+              selector_id: "nqihkgzq",
+            },
+            {
+              type_id: "div",
+              children: [
+                {
+                  type_id: "base_text",
+                  children: [],
+                  attributes: {
+                    content: "cbs:",
+                    font_size: 1.2,
+                  },
+                  selector_id: "twehnbaj",
+                },
+                {
+                  type_id: "base_text",
+                  children: [],
+                  attributes: {
+                    size: 10,
+                    content_from_variable_path: ["variables", "rows", ["row_i"], "official_urls", "cbs"],
+                  },
+                  selector_id: "mmcwicnd",
+                },
+              ],
+              attributes: {},
+              selector_id: "nkbowoir",
+            },
+          ],
+          attributes: {},
+          selector_id: "nslctfbt",
+        },
+        db_data_type: {
+          type: "object_literal",
+          attributes: {},
+          properties: {
+            cbs: {
+              type: "text_literal",
+              attributes: {},
+            },
+            wiki: {
+              type: "text_literal",
+              attributes: {},
+            },
+          },
+        },
+        is_db_column: true,
+        is_updatable: false,
+        default_value: null,
+        display_order: 3,
+        postgres_type: "jsonb",
+        header_content: {
+          type_id: "base_text",
+          children: [],
+          attributes: {
+            content: "Official Urls",
+          },
+          selector_id: "cczwknol",
+        },
+        is_primary_key: false,
+        is_autogenerated: false,
+        is_force_uniqueness: false,
+        is_use_in_short_display: false,
+      },
+      season_number: {
+        is_fixed: false,
+        is_shown: true,
+        alignment: "left",
+        max_width: 30,
+        min_width: 20,
+        description: null,
+        is_nullable: true,
+        body_content: {
+          type_id: "number",
+          children: [],
+          attributes: {
+            val_from_variable_path: ["variables", "rows", ["row_i"], "season_number"],
+          },
+          selector_id: "ekqcqjdv",
+        },
+        db_data_type: {
+          type: "int_literal",
+          attributes: {},
+        },
+        is_db_column: true,
+        is_updatable: false,
+        default_value: null,
+        display_order: 13,
+        postgres_type: "int",
+        header_content: {
+          type_id: "base_text",
+          children: [],
+          attributes: {
+            content: "Season Number",
+          },
+          selector_id: "dmjbwksh",
+        },
+        is_primary_key: false,
+        is_autogenerated: false,
+        is_force_uniqueness: false,
+        is_use_in_short_display: false,
+      },
+      twist_summary: {
+        is_fixed: false,
+        is_shown: true,
+        alignment: "left",
+        max_width: 30,
+        min_width: 20,
+        description: null,
+        is_nullable: true,
+        body_content: {
+          type_id: "base_text",
+          children: [],
+          attributes: {
+            size: 10,
+            content_from_variable_path: ["variables", "rows", ["row_i"], "twist_summary"],
+          },
+          selector_id: "mozvuckh",
         },
         db_data_type: {
           type: "text_literal",
@@ -109,15 +701,94 @@
         is_db_column: true,
         is_updatable: false,
         default_value: null,
-        display_order: 2,
+        display_order: 4,
         postgres_type: "text",
         header_content: {
           type_id: "base_text",
           children: [],
           attributes: {
-            content: "US State",
+            content: "Twist Summary",
           },
-          selector_id: "lpcqsjlq",
+          selector_id: "dgcxkgnj",
+        },
+        is_primary_key: false,
+        is_autogenerated: false,
+        is_force_uniqueness: false,
+        is_use_in_short_display: false,
+      },
+      first_air_time: {
+        is_fixed: false,
+        is_shown: true,
+        alignment: "left",
+        max_width: 30,
+        min_width: 20,
+        description: null,
+        is_nullable: true,
+        body_content: {
+          type_id: "time",
+          children: [],
+          attributes: {
+            format: "time_full",
+            text_color: null,
+            display_format: "calendar_date",
+            val_from_variable_path: ["variables", "rows", ["row_i"], "first_air_time"],
+          },
+          selector_id: "idhynywf",
+        },
+        db_data_type: {
+          type: "time_literal",
+          attributes: {},
+        },
+        is_db_column: true,
+        is_updatable: false,
+        default_value: null,
+        display_order: 15,
+        postgres_type: "jsonb",
+        header_content: {
+          type_id: "base_text",
+          children: [],
+          attributes: {
+            content: "First Air Time",
+          },
+          selector_id: "kifuvhrk",
+        },
+        is_primary_key: false,
+        is_autogenerated: false,
+        is_force_uniqueness: false,
+        is_use_in_short_display: false,
+      },
+      contestant_count: {
+        is_fixed: false,
+        is_shown: true,
+        alignment: "left",
+        max_width: 30,
+        min_width: 20,
+        description: null,
+        is_nullable: true,
+        body_content: {
+          type_id: "number",
+          children: [],
+          attributes: {
+            val_from_variable_path: ["variables", "rows", ["row_i"], "contestant_count"],
+          },
+          selector_id: "uziyzxgd",
+        },
+        db_data_type: {
+          type: "int_literal",
+          attributes: {},
+        },
+        is_db_column: true,
+        is_updatable: false,
+        default_value: null,
+        display_order: 9,
+        postgres_type: "int",
+        header_content: {
+          type_id: "base_text",
+          children: [],
+          attributes: {
+            content: "Contestant Count",
+          },
+          selector_id: "fnzvbuko",
         },
         is_primary_key: false,
         is_autogenerated: false,
@@ -137,7 +808,7 @@
           children: [],
           attributes: {
             format: "epoch",
-            val_from_variable_path: ["rows", ["row_i"], "db_epoch_created"],
+            val_from_variable_path: ["variables", "rows", ["row_i"], "db_epoch_created"],
           },
           selector_id: "time_urzjm",
         },
@@ -147,7 +818,7 @@
         },
         is_db_column: true,
         default_value: null,
-        display_order: 3,
+        display_order: 16,
         postgres_type: "bigint",
         header_content: {
           type_id: "base_text",
@@ -174,7 +845,7 @@
           children: [],
           attributes: {
             format: "epoch",
-            val_from_variable_path: ["rows", ["row_i"], "db_epoch_updated"],
+            val_from_variable_path: ["variables", "rows", ["row_i"], "db_epoch_updated"],
           },
           selector_id: "epoch_rozyy",
         },
@@ -184,7 +855,7 @@
         },
         is_db_column: true,
         default_value: null,
-        display_order: 4,
+        display_order: 17,
         postgres_type: "bigint",
         header_content: {
           type_id: "base_text",
@@ -198,76 +869,496 @@
         is_autogenerated: true,
         is_force_uniqueness: false,
       },
-    },
-    account_id: "kmjexchofxophkkuqfvp",
-    total_rows: 0,
-    description: "need to make sure new loop stuff works",
-    default_sort: null,
-    row_input_content: null,
-    row_searchable_content: null,
-  })
-
-  let table_manager = $state(null)
-  let variables = $state({
-    rows: [
-      {
-        id: "zuetqjdinawjrvftztif",
-        us_state: "Ohio",
-        population: 11700000,
-        db_epoch_created: 1734451200,
-        db_epoch_updated: 1734451200,
-      },
-      {
-        id: "blwigkbhwbrdrpfgtjht",
-        us_state: "California",
-        population: 39500000,
-        db_epoch_created: 1734451200,
-        db_epoch_updated: 1734451200,
-        start_time: null,
-      },
-      {
-        id: "szjefrcsfaovgqgbvomk",
-        us_state: "Texas",
-        population: 29000000,
-        db_epoch_created: 1734451200,
-        db_epoch_updated: 1734451200,
-      },
-      {
-        id: "idyqhgokgtootefrpjlk",
-        us_state: "Florida",
-        population: 21500000,
-        db_epoch_created: 1734451200,
-        db_epoch_updated: 1734451200,
-      },
-      {
-        id: "fsbdlpaujxcbenalzxrd",
-        us_state: "New York",
-        population: 19400000,
-        db_epoch_created: 1734451200,
-        db_epoch_updated: 1734451200,
+      winner_prize_usd: {
+        is_fixed: false,
+        is_shown: true,
+        alignment: "left",
+        max_width: 30,
+        min_width: 20,
+        description: null,
+        is_nullable: true,
+        body_content: {
+          type_id: "number",
+          children: [],
+          attributes: {
+            val_from_variable_path: ["variables", "rows", ["row_i"], "winner_prize_usd"],
+          },
+          selector_id: "juinruym",
+        },
+        db_data_type: {
+          type: "bigint_literal",
+          attributes: {},
+        },
+        is_db_column: true,
+        is_updatable: false,
+        default_value: null,
+        display_order: 5,
+        postgres_type: "bigint",
+        header_content: {
+          type_id: "base_text",
+          children: [],
+          attributes: {
+            content: "Winner Prize Usd",
+          },
+          selector_id: "qmwkzdha",
+        },
+        is_primary_key: false,
+        is_autogenerated: false,
+        is_force_uniqueness: false,
+        is_use_in_short_display: false,
       },
-      {
-        id: "lgljuheyjeuhuxffxqrw",
-        us_state: "Illinois",
-        population: 12600000,
-        db_epoch_created: 1734451200,
-        db_epoch_updated: 1734451200,
+      tribe_count_start: {
+        is_fixed: false,
+        is_shown: true,
+        alignment: "left",
+        max_width: 30,
+        min_width: 20,
+        description: null,
+        is_nullable: true,
+        body_content: {
+          type_id: "number",
+          children: [],
+          attributes: {
+            val_from_variable_path: ["variables", "rows", ["row_i"], "tribe_count_start"],
+          },
+          selector_id: "vhnukduh",
+        },
+        db_data_type: {
+          type: "int_literal",
+          attributes: {},
+        },
+        is_db_column: true,
+        is_updatable: false,
+        default_value: null,
+        display_order: 8,
+        postgres_type: "int",
+        header_content: {
+          type_id: "base_text",
+          children: [],
+          attributes: {
+            content: "Tribe Count Start",
+          },
+          selector_id: "qnrqvlrf",
+        },
+        is_primary_key: false,
+        is_autogenerated: false,
+        is_force_uniqueness: false,
+        is_use_in_short_display: false,
       },
-      {
-        id: "ydhrlhktgyvjyuenxsfl",
-        us_state: "Pennsylvania",
-        population: 12800000,
-        db_epoch_created: 1734451200,
-        db_epoch_updated: 1734451200,
+      other_known_prizes: {
+        is_fixed: false,
+        is_shown: true,
+        alignment: "left",
+        max_width: 30,
+        min_width: 20,
+        description: null,
+        is_nullable: true,
+        body_content: {
+          type_id: "loop",
+          children: [
+            {
+              type_id: "div",
+              children: [
+                {
+                  type_id: "base_text",
+                  children: [],
+                  attributes: {
+                    font_size: 1.2,
+                  },
+                  selector_id: "uuhehilk",
+                },
+                {
+                  type_id: "div",
+                  children: [
+                    {
+                      type_id: "base_text",
+                      children: [],
+                      attributes: {
+                        content: "from:",
+                        font_size: 1.2,
+                      },
+                      selector_id: "wehczszv",
+                    },
+                    {
+                      type_id: "base_text",
+                      children: [],
+                      attributes: {
+                        size: 10,
+                        content_from_variable_path: [
+                          "variables",
+                          "rows",
+                          ["row_i"],
+                          "other_known_prizes",
+                          ["loop_index"],
+                          "from",
+                        ],
+                      },
+                      selector_id: "hhxohdjm",
+                    },
+                  ],
+                  attributes: {},
+                  selector_id: "xwqkvxhs",
+                },
+                {
+                  type_id: "div",
+                  children: [
+                    {
+                      type_id: "base_text",
+                      children: [],
+                      attributes: {
+                        content: "usd:",
+                        font_size: 1.2,
+                      },
+                      selector_id: "hnnvvaop",
+                    },
+                    {
+                      type_id: "number",
+                      children: [],
+                      attributes: {
+                        val_from_variable_path: [
+                          "variables",
+                          "rows",
+                          ["row_i"],
+                          "other_known_prizes",
+                          ["loop_index"],
+                          "usd",
+                        ],
+                      },
+                      selector_id: "mfeexpga",
+                    },
+                  ],
+                  attributes: {},
+                  selector_id: "cpsjhamp",
+                },
+              ],
+              attributes: {},
+              selector_id: "dmxxkvku",
+            },
+          ],
+          attributes: {
+            font_size: 1.2,
+            iter_identifier: "loop_index",
+            val_from_variable_path: ["variables", "rows", ["row_i"], "other_known_prizes"],
+          },
+          selector_id: "sjarvfbv",
+        },
+        db_data_type: {
+          type: "array_uniform_literal",
+          items: {
+            type: "object_literal",
+            attributes: {},
+            properties: {
+              usd: {
+                type: "bigint_literal",
+                attributes: {},
+              },
+              from: {
+                type: "text_literal",
+                attributes: {},
+              },
+            },
+          },
+          attributes: {},
+        },
+        is_db_column: true,
+        is_updatable: false,
+        default_value: null,
+        display_order: 1,
+        postgres_type: "jsonb",
+        header_content: {
+          type_id: "base_text",
+          children: [],
+          attributes: {
+            content: "Other Known Prizes",
+          },
+          selector_id: "hxdhyslv",
+        },
+        is_primary_key: false,
+        is_autogenerated: false,
+        is_force_uniqueness: false,
+        is_use_in_short_display: false,
       },
+    },
+    account_id: "ukkvrwvfuaqnotejkqua",
+    total_rows: 1,
+    description: null,
+    default_sort: [
       {
-        id: "jqruaftavlvjkbzmcifm",
-        us_state: "Georgia",
-        population: 10700000,
-        db_epoch_created: 1734451200,
-        db_epoch_updated: 1734451200,
+        is_ascending: false,
+        variable_path: ["season_number"],
       },
     ],
+    function_triggers: null,
+    row_input_content: null,
+    row_searchable_content: null,
+  }
+
+  // const data_init2 = {
+  //   id: "cbsemvrsoidhrzyhugue",
+  //   name: "test",
+  //   rows: [
+  //     {
+  //       id: "zuetqjdinawjrvftztif",
+  //       us_state: "Ohio",
+  //       population: 11700000,
+  //       db_epoch_created: 1734451200,
+  //       db_epoch_updated: 1734451200,
+  //     },
+  //     {
+  //       id: "blwigkbhwbrdrpfgtjht",
+  //       us_state: "California",
+  //       population: 39500000,
+  //       db_epoch_created: 1734451200,
+  //       db_epoch_updated: 1734451200,
+  //       start_time: null,
+  //     },
+  //     {
+  //       id: "szjefrcsfaovgqgbvomk",
+  //       us_state: "Texas",
+  //       population: 29000000,
+  //       db_epoch_created: 1734451200,
+  //       db_epoch_updated: 1734451200,
+  //     },
+  //     {
+  //       id: "idyqhgokgtootefrpjlk",
+  //       us_state: "Florida",
+  //       population: 21500000,
+  //       db_epoch_created: 1734451200,
+  //       db_epoch_updated: 1734451200,
+  //     },
+  //     {
+  //       id: "fsbdlpaujxcbenalzxrd",
+  //       us_state: "New York",
+  //       population: 19400000,
+  //       db_epoch_created: 1734451200,
+  //       db_epoch_updated: 1734451200,
+  //     },
+  //     {
+  //       id: "lgljuheyjeuhuxffxqrw",
+  //       us_state: "Illinois",
+  //       population: 12600000,
+  //       db_epoch_created: 1734451200,
+  //       db_epoch_updated: 1734451200,
+  //     },
+  //     {
+  //       id: "ydhrlhktgyvjyuenxsfl",
+  //       us_state: "Pennsylvania",
+  //       population: 12800000,
+  //       db_epoch_created: 1734451200,
+  //       db_epoch_updated: 1734451200,
+  //     },
+  //     {
+  //       id: "jqruaftavlvjkbzmcifm",
+  //       us_state: "Georgia",
+  //       population: 10700000,
+  //       db_epoch_created: 1734451200,
+  //       db_epoch_updated: 1734451200,
+  //     },
+  //   ],
+  //   limit: 100,
+  //   offset: 0,
+  //   columns: {
+  //     id: {
+  //       is_fixed: true,
+  //       is_shown: true,
+  //       alignment: "left",
+  //       max_width: 50,
+  //       min_width: 5,
+  //       description: null,
+  //       is_nullable: false,
+  //       body_content: {
+  //         type_id: "base_text",
+  //         children: [],
+  //         attributes: {
+  //           size: 10,
+  //           content_from_variable_path: ["rows", ["row_i"], "id"],
+  //         },
+  //         selector_id: "hcsqz",
+  //       },
+  //       db_data_type: {
+  //         type: "text_literal",
+  //         attributes: {},
+  //       },
+  //       is_db_column: true,
+  //       default_value: null,
+  //       display_order: 0,
+  //       postgres_type: "text",
+  //       header_content: {
+  //         type_id: "base_text",
+  //         children: [],
+  //         attributes: {
+  //           content: "Id",
+  //         },
+  //         selector_id: "qkdcstdn",
+  //       },
+  //       is_primary_key: true,
+  //       is_autogenerated: true,
+  //       is_force_uniqueness: false,
+  //     },
+  //     population: {
+  //       is_fixed: false,
+  //       is_shown: true,
+  //       alignment: "left",
+  //       max_width: 30,
+  //       min_width: 20,
+  //       description: "population",
+  //       is_nullable: true,
+  //       body_content: {
+  //         type_id: "number",
+  //         children: [],
+  //         attributes: {
+  //           val_from_variable_path: ["rows", ["row_i"], "population"],
+  //         },
+  //         selector_id: "vukyefhw",
+  //       },
+  //       db_data_type: {
+  //         type: "int_literal",
+  //         attributes: {},
+  //       },
+  //       is_db_column: true,
+  //       is_updatable: false,
+  //       default_value: null,
+  //       display_order: 1,
+  //       postgres_type: "int",
+  //       header_content: {
+  //         type_id: "base_text",
+  //         children: [],
+  //         attributes: {
+  //           content: "Population",
+  //         },
+  //         selector_id: "lpcqsjlq",
+  //       },
+  //       is_primary_key: false,
+  //       is_autogenerated: false,
+  //       is_force_uniqueness: false,
+  //       is_use_in_short_display: false,
+  //     },
+  //     us_state: {
+  //       is_fixed: false,
+  //       is_shown: true,
+  //       alignment: "left",
+  //       max_width: 30,
+  //       min_width: 20,
+  //       description: "us_state",
+  //       is_nullable: true,
+  //       body_content: {
+  //         type_id: "base_text",
+  //         children: [],
+  //         attributes: {
+  //           content_from_variable_path: ["rows", ["row_i"], "us_state"],
+  //         },
+  //         selector_id: "kukyefhw",
+  //       },
+  //       db_data_type: {
+  //         type: "text_literal",
+  //         attributes: {},
+  //       },
+  //       is_db_column: true,
+  //       is_updatable: false,
+  //       default_value: null,
+  //       display_order: 2,
+  //       postgres_type: "text",
+  //       header_content: {
+  //         type_id: "base_text",
+  //         children: [],
+  //         attributes: {
+  //           content: "US State",
+  //         },
+  //         selector_id: "lpcqsjlq",
+  //       },
+  //       is_primary_key: false,
+  //       is_autogenerated: false,
+  //       is_force_uniqueness: false,
+  //       is_use_in_short_display: false,
+  //     },
+  //     db_epoch_created: {
+  //       is_fixed: false,
+  //       is_shown: true,
+  //       alignment: "left",
+  //       max_width: 50,
+  //       min_width: 20,
+  //       description: null,
+  //       is_nullable: false,
+  //       body_content: {
+  //         type_id: "time",
+  //         children: [],
+  //         attributes: {
+  //           format: "epoch",
+  //           val_from_variable_path: ["rows", ["row_i"], "db_epoch_created"],
+  //         },
+  //         selector_id: "time_urzjm",
+  //       },
+  //       db_data_type: {
+  //         type: "epoch_literal",
+  //         attributes: {},
+  //       },
+  //       is_db_column: true,
+  //       default_value: null,
+  //       display_order: 3,
+  //       postgres_type: "bigint",
+  //       header_content: {
+  //         type_id: "base_text",
+  //         children: [],
+  //         attributes: {
+  //           content: "Db Epoch Created",
+  //         },
+  //         selector_id: "pwhlofsm",
+  //       },
+  //       is_primary_key: false,
+  //       is_autogenerated: true,
+  //       is_force_uniqueness: false,
+  //     },
+  //     db_epoch_updated: {
+  //       is_fixed: false,
+  //       is_shown: true,
+  //       alignment: "left",
+  //       max_width: 50,
+  //       min_width: 20,
+  //       description: null,
+  //       is_nullable: false,
+  //       body_content: {
+  //         type_id: "time",
+  //         children: [],
+  //         attributes: {
+  //           format: "epoch",
+  //           val_from_variable_path: ["rows", ["row_i"], "db_epoch_updated"],
+  //         },
+  //         selector_id: "epoch_rozyy",
+  //       },
+  //       db_data_type: {
+  //         type: "epoch_literal",
+  //         attributes: {},
+  //       },
+  //       is_db_column: true,
+  //       default_value: null,
+  //       display_order: 4,
+  //       postgres_type: "bigint",
+  //       header_content: {
+  //         type_id: "base_text",
+  //         children: [],
+  //         attributes: {
+  //           content: "Db Epoch Updated",
+  //         },
+  //         selector_id: "hxuesxvx",
+  //       },
+  //       is_primary_key: false,
+  //       is_autogenerated: true,
+  //       is_force_uniqueness: false,
+  //     },
+  //   },
+  //   account_id: "kmjexchofxophkkuqfvp",
+  //   total_rows: 0,
+  //   description: "need to make sure new loop stuff works",
+  //   default_sort: null,
+  //   row_input_content: null,
+  //   row_searchable_content: null,
+  // }
+
+  let data = $state(data_init)
+
+  let table_manager = $state(null)
+  let variables = $state({
+    rows: data?.rows,
   })
 
   table_manager = create_table_advanced_manager({
@@ -276,8 +1367,8 @@
     table_description: "This has data about uh...stuff...idk",
     mapkit_js_token: PUBLIC_APPLE_MAPKIT_JS_API_KEY,
     table_options: [{ key: "test", name: "Test" }],
-    definition_stack: [{ ...variables }],
-    rows_data_from_variable_path: ["rows"],
+    definition_stack: [{ variables }],
+    rows_data_from_variable_path: ["variables", "rows"],
     row_iter_identifier: "row_i",
     table_header_max_height: 8,
     table_row_max_height: 8,
@@ -306,7 +1397,7 @@
     ],
     is_more_to_load: true,
     on_event: async (input) => {
-      console.log("table_on_event", { input: deep_copy(input), variables })
+      console.log("table_on_event", deep_copy({ input, variables }))
       if (input?.type == "update_row") {
         const path_to_set = input?.path
         let variables_loc = deep_copy(variables)