diff --git "a/bundle.js" "b/bundle.js"
--- "a/bundle.js"
+++ "b/bundle.js"
@@ -148,13 +148,6 @@ var app = (function () {
         node.addEventListener(event, handler, options);
         return () => node.removeEventListener(event, handler, options);
     }
-    function prevent_default(fn) {
-        return function (event) {
-            event.preventDefault();
-            // @ts-ignore
-            return fn.call(this, event);
-        };
-    }
     function attr(node, attribute, value) {
         if (value == null)
             node.removeAttribute(attribute);
@@ -733,17 +726,17 @@ var app = (function () {
 
     /* src\VideoGradioComponentBrainstorming.svelte generated by Svelte v3.59.2 */
 
-    const { console: console_1$d } = globals;
-    const file$s = "src\\VideoGradioComponentBrainstorming.svelte";
+    const { console: console_1$e } = globals;
+    const file$t = "src\\VideoGradioComponentBrainstorming.svelte";
 
-    function get_each_context$i(ctx, list, i) {
+    function get_each_context$j(ctx, list, i) {
     	const child_ctx = ctx.slice();
     	child_ctx[15] = list[i];
     	return child_ctx;
     }
 
     // (85:4) {#each kitchenOptions as option}
-    function create_each_block$i(ctx) {
+    function create_each_block$j(ctx) {
     	let option;
     	let t_value = /*option*/ ctx[15] + "";
     	let t;
@@ -754,7 +747,7 @@ var app = (function () {
     			t = text(t_value);
     			option.__value = /*option*/ ctx[15];
     			option.value = option.__value;
-    			add_location(option, file$s, 85, 6, 2561);
+    			add_location(option, file$t, 85, 6, 2561);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, option, anchor);
@@ -768,7 +761,7 @@ var app = (function () {
 
     	dispatch_dev("SvelteRegisterBlock", {
     		block,
-    		id: create_each_block$i.name,
+    		id: create_each_block$j.name,
     		type: "each",
     		source: "(85:4) {#each kitchenOptions as option}",
     		ctx
@@ -777,7 +770,7 @@ var app = (function () {
     	return block;
     }
 
-    function create_fragment$s(ctx) {
+    function create_fragment$t(ctx) {
     	let h1;
     	let t1;
     	let div1;
@@ -804,7 +797,7 @@ var app = (function () {
     	let each_blocks = [];
 
     	for (let i = 0; i < each_value.length; i += 1) {
-    		each_blocks[i] = create_each_block$i(get_each_context$i(ctx, each_value, i));
+    		each_blocks[i] = create_each_block$j(get_each_context$j(ctx, each_value, i));
     	}
 
     	const block = {
@@ -834,34 +827,34 @@ var app = (function () {
     				each_blocks[i].c();
     			}
 
-    			add_location(h1, file$s, 66, 0, 1800);
+    			add_location(h1, file$t, 66, 0, 1800);
     			attr_dev(track, "kind", "captions");
     			if (!src_url_equal(track.src, track_src_value = "path/to/your/captions/file.vtt")) attr_dev(track, "src", track_src_value);
     			attr_dev(track, "srclang", "en");
     			attr_dev(track, "label", "English");
-    			add_location(track, file$s, 72, 4, 2006);
+    			add_location(track, file$t, 72, 4, 2006);
     			attr_dev(video, "id", "videoCanvas");
     			video.autoplay = true;
     			attr_dev(video, "class", "svelte-ufd3fo");
-    			add_location(video, file$s, 70, 2, 1965);
+    			add_location(video, file$t, 70, 2, 1965);
     			attr_dev(div0, "id", "overlayText");
     			attr_dev(div0, "class", "svelte-ufd3fo");
-    			add_location(div0, file$s, 74, 2, 2111);
+    			add_location(div0, file$t, 74, 2, 2111);
     			attr_dev(div1, "id", "videoContainer");
     			attr_dev(div1, "class", "svelte-ufd3fo");
-    			add_location(div1, file$s, 68, 0, 1911);
+    			add_location(div1, file$t, 68, 0, 1911);
     			attr_dev(canvas_1, "id", "myCanvas");
     			set_style(canvas_1, "border", "2px solid black");
     			attr_dev(canvas_1, "width", "500");
     			attr_dev(canvas_1, "height", "500");
-    			add_location(canvas_1, file$s, 77, 0, 2186);
+    			add_location(canvas_1, file$t, 77, 0, 2186);
     			attr_dev(input, "type", "text");
-    			add_location(input, file$s, 78, 0, 2294);
-    			add_location(button, file$s, 82, 2, 2429);
+    			add_location(input, file$t, 78, 0, 2294);
+    			add_location(button, file$t, 82, 2, 2429);
     			if (/*selectedOption*/ ctx[0] === void 0) add_render_callback(() => /*select_change_handler*/ ctx[9].call(select));
-    			add_location(select, file$s, 83, 2, 2479);
+    			add_location(select, file$t, 83, 2, 2479);
     			attr_dev(div2, "id", "frameForButtons");
-    			add_location(div2, file$s, 81, 0, 2399);
+    			add_location(div2, file$t, 81, 0, 2399);
     		},
     		l: function claim(nodes) {
     			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
@@ -920,12 +913,12 @@ var app = (function () {
     				let i;
 
     				for (i = 0; i < each_value.length; i += 1) {
-    					const child_ctx = get_each_context$i(ctx, each_value, i);
+    					const child_ctx = get_each_context$j(ctx, each_value, i);
 
     					if (each_blocks[i]) {
     						each_blocks[i].p(child_ctx, dirty);
     					} else {
-    						each_blocks[i] = create_each_block$i(child_ctx);
+    						each_blocks[i] = create_each_block$j(child_ctx);
     						each_blocks[i].c();
     						each_blocks[i].m(select, null);
     					}
@@ -963,7 +956,7 @@ var app = (function () {
 
     	dispatch_dev("SvelteRegisterBlock", {
     		block,
-    		id: create_fragment$s.name,
+    		id: create_fragment$t.name,
     		type: "component",
     		source: "",
     		ctx
@@ -976,7 +969,7 @@ var app = (function () {
     	
     } // Logic for 'Test OCR' button
 
-    function instance$s($$self, $$props, $$invalidate) {
+    function instance$t($$self, $$props, $$invalidate) {
     	let { $$slots: slots = {}, $$scope } = $$props;
     	validate_slots('VideoGradioComponentBrainstorming', slots, []);
     	let selectedOption = 'Stove - lu'; // default value
@@ -1038,7 +1031,7 @@ var app = (function () {
     	const writable_props = [];
 
     	Object.keys($$props).forEach(key => {
-    		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console_1$d.warn(`<VideoGradioComponentBrainstorming> was created with unknown prop '${key}'`);
+    		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console_1$e.warn(`<VideoGradioComponentBrainstorming> was created with unknown prop '${key}'`);
     	});
 
     	function canvas_1_binding($$value) {
@@ -1109,13 +1102,13 @@ var app = (function () {
     class VideoGradioComponentBrainstorming extends SvelteComponentDev {
     	constructor(options) {
     		super(options);
-    		init(this, options, instance$s, create_fragment$s, safe_not_equal, {});
+    		init(this, options, instance$t, create_fragment$t, safe_not_equal, {});
 
     		dispatch_dev("SvelteRegisterComponent", {
     			component: this,
     			tagName: "VideoGradioComponentBrainstorming",
     			options,
-    			id: create_fragment$s.name
+    			id: create_fragment$t.name
     		});
     	}
     }
@@ -1169,9 +1162,9 @@ var app = (function () {
     }
 
     /* src\MovingDotPortfromReact.svelte generated by Svelte v3.59.2 */
-    const file$r = "src\\MovingDotPortfromReact.svelte";
+    const file$s = "src\\MovingDotPortfromReact.svelte";
 
-    function create_fragment$r(ctx) {
+    function create_fragment$s(ctx) {
     	let button;
 
     	const block = {
@@ -1181,7 +1174,7 @@ var app = (function () {
     			set_style(button, "left", /*position*/ ctx[0].x + "px");
     			set_style(button, "top", /*position*/ ctx[0].y + "px");
     			attr_dev(button, "tabindex", "0");
-    			add_location(button, file$r, 48, 0, 1573);
+    			add_location(button, file$s, 48, 0, 1573);
     		},
     		l: function claim(nodes) {
     			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
@@ -1209,7 +1202,7 @@ var app = (function () {
 
     	dispatch_dev("SvelteRegisterBlock", {
     		block,
-    		id: create_fragment$r.name,
+    		id: create_fragment$s.name,
     		type: "component",
     		source: "",
     		ctx
@@ -1220,7 +1213,7 @@ var app = (function () {
 
     const step = 10;
 
-    function instance$r($$self, $$props, $$invalidate) {
+    function instance$s($$self, $$props, $$invalidate) {
     	let { $$slots: slots = {}, $$scope } = $$props;
     	validate_slots('MovingDotPortfromReact', slots, []);
     	let { position = { x: 0, y: 0 } } = $$props;
@@ -1325,13 +1318,13 @@ var app = (function () {
     class MovingDotPortfromReact extends SvelteComponentDev {
     	constructor(options) {
     		super(options);
-    		init(this, options, instance$r, create_fragment$r, safe_not_equal, { position: 0, boundaries: 2, focusDot: 3 });
+    		init(this, options, instance$s, create_fragment$s, safe_not_equal, { position: 0, boundaries: 2, focusDot: 3 });
 
     		dispatch_dev("SvelteRegisterComponent", {
     			component: this,
     			tagName: "MovingDotPortfromReact",
     			options,
-    			id: create_fragment$r.name
+    			id: create_fragment$s.name
     		});
     	}
 
@@ -1362,9 +1355,9 @@ var app = (function () {
 
     /* src\MovingDotTargetPortfromReact.svelte generated by Svelte v3.59.2 */
 
-    const file$q = "src\\MovingDotTargetPortfromReact.svelte";
+    const file$r = "src\\MovingDotTargetPortfromReact.svelte";
 
-    function create_fragment$q(ctx) {
+    function create_fragment$r(ctx) {
     	let div;
 
     	const block = {
@@ -1373,7 +1366,7 @@ var app = (function () {
     			attr_dev(div, "class", "target svelte-4yc66h");
     			set_style(div, "left", /*position*/ ctx[0].x + "px");
     			set_style(div, "top", /*position*/ ctx[0].y + "px");
-    			add_location(div, file$q, 4, 0, 49);
+    			add_location(div, file$r, 4, 0, 49);
     		},
     		l: function claim(nodes) {
     			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
@@ -1399,7 +1392,7 @@ var app = (function () {
 
     	dispatch_dev("SvelteRegisterBlock", {
     		block,
-    		id: create_fragment$q.name,
+    		id: create_fragment$r.name,
     		type: "component",
     		source: "",
     		ctx
@@ -1408,7 +1401,7 @@ var app = (function () {
     	return block;
     }
 
-    function instance$q($$self, $$props, $$invalidate) {
+    function instance$r($$self, $$props, $$invalidate) {
     	let { $$slots: slots = {}, $$scope } = $$props;
     	validate_slots('MovingDotTargetPortfromReact', slots, []);
     	let { position } = $$props;
@@ -1445,13 +1438,13 @@ var app = (function () {
     class MovingDotTargetPortfromReact extends SvelteComponentDev {
     	constructor(options) {
     		super(options);
-    		init(this, options, instance$q, create_fragment$q, safe_not_equal, { position: 0 });
+    		init(this, options, instance$r, create_fragment$r, safe_not_equal, { position: 0 });
 
     		dispatch_dev("SvelteRegisterComponent", {
     			component: this,
     			tagName: "MovingDotTargetPortfromReact",
     			options,
-    			id: create_fragment$q.name
+    			id: create_fragment$r.name
     		});
     	}
 
@@ -1466,10 +1459,10 @@ var app = (function () {
 
     /* src\MovingDotSpaceSimpleModal.svelte generated by Svelte v3.59.2 */
 
-    const { console: console_1$c } = globals;
-    const file$p = "src\\MovingDotSpaceSimpleModal.svelte";
+    const { console: console_1$d } = globals;
+    const file$q = "src\\MovingDotSpaceSimpleModal.svelte";
 
-    function get_each_context$h(ctx, list, i) {
+    function get_each_context$i(ctx, list, i) {
     	const child_ctx = ctx.slice();
     	child_ctx[10] = list[i];
     	return child_ctx;
@@ -1496,7 +1489,7 @@ var app = (function () {
     	let each_blocks = [];
 
     	for (let i = 0; i < each_value.length; i += 1) {
-    		each_blocks[i] = create_each_block$h(get_each_context$h(ctx, each_value, i));
+    		each_blocks[i] = create_each_block$i(get_each_context$i(ctx, each_value, i));
     	}
 
     	const block = {
@@ -1519,18 +1512,18 @@ var app = (function () {
     				each_blocks[i].c();
     			}
 
-    			add_location(h2, file$p, 37, 8, 1159);
-    			add_location(button, file$p, 38, 8, 1185);
+    			add_location(h2, file$q, 37, 8, 1159);
+    			add_location(button, file$q, 38, 8, 1185);
     			attr_dev(div0, "class", "modal-header svelte-m51ous");
-    			add_location(div0, file$p, 36, 6, 1123);
+    			add_location(div0, file$q, 36, 6, 1123);
     			attr_dev(ul, "class", "modal-items");
-    			add_location(ul, file$p, 42, 8, 1309);
+    			add_location(ul, file$q, 42, 8, 1309);
     			attr_dev(div1, "class", "modal-content svelte-m51ous");
-    			add_location(div1, file$p, 40, 6, 1253);
+    			add_location(div1, file$q, 40, 6, 1253);
     			attr_dev(div2, "class", "modal svelte-m51ous");
-    			add_location(div2, file$p, 35, 4, 1096);
+    			add_location(div2, file$q, 35, 4, 1096);
     			attr_dev(div3, "class", "modal-overlay svelte-m51ous");
-    			add_location(div3, file$p, 34, 2, 1063);
+    			add_location(div3, file$q, 34, 2, 1063);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div3, anchor);
@@ -1567,12 +1560,12 @@ var app = (function () {
     				let i;
 
     				for (i = 0; i < each_value.length; i += 1) {
-    					const child_ctx = get_each_context$h(ctx, each_value, i);
+    					const child_ctx = get_each_context$i(ctx, each_value, i);
 
     					if (each_blocks[i]) {
     						each_blocks[i].p(child_ctx, dirty);
     					} else {
-    						each_blocks[i] = create_each_block$h(child_ctx);
+    						each_blocks[i] = create_each_block$i(child_ctx);
     						each_blocks[i].c();
     						each_blocks[i].m(ul, null);
     					}
@@ -1605,7 +1598,7 @@ var app = (function () {
     }
 
     // (44:10) {#each items as item}
-    function create_each_block$h(ctx) {
+    function create_each_block$i(ctx) {
     	let button;
     	let t_value = /*item*/ ctx[10].label + "";
     	let t;
@@ -1620,7 +1613,7 @@ var app = (function () {
     		c: function create() {
     			button = element("button");
     			t = text(t_value);
-    			add_location(button, file$p, 44, 12, 1380);
+    			add_location(button, file$q, 44, 12, 1380);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, button, anchor);
@@ -1644,7 +1637,7 @@ var app = (function () {
 
     	dispatch_dev("SvelteRegisterBlock", {
     		block,
-    		id: create_each_block$h.name,
+    		id: create_each_block$i.name,
     		type: "each",
     		source: "(44:10) {#each items as item}",
     		ctx
@@ -1653,7 +1646,7 @@ var app = (function () {
     	return block;
     }
 
-    function create_fragment$p(ctx) {
+    function create_fragment$q(ctx) {
     	let if_block_anchor;
     	let if_block = /*isOpen*/ ctx[0] && create_if_block$f(ctx);
 
@@ -1693,7 +1686,7 @@ var app = (function () {
 
     	dispatch_dev("SvelteRegisterBlock", {
     		block,
-    		id: create_fragment$p.name,
+    		id: create_fragment$q.name,
     		type: "component",
     		source: "",
     		ctx
@@ -1702,7 +1695,7 @@ var app = (function () {
     	return block;
     }
 
-    function instance$p($$self, $$props, $$invalidate) {
+    function instance$q($$self, $$props, $$invalidate) {
     	let { $$slots: slots = {}, $$scope } = $$props;
     	validate_slots('MovingDotSpaceSimpleModal', slots, []);
     	let { isOpen = false } = $$props;
@@ -1737,11 +1730,11 @@ var app = (function () {
 
     	$$self.$$.on_mount.push(function () {
     		if (onClose === undefined && !('onClose' in $$props || $$self.$$.bound[$$self.$$.props['onClose']])) {
-    			console_1$c.warn("<MovingDotSpaceSimpleModal> was created without expected prop 'onClose'");
+    			console_1$d.warn("<MovingDotSpaceSimpleModal> was created without expected prop 'onClose'");
     		}
 
     		if (themeActions === undefined && !('themeActions' in $$props || $$self.$$.bound[$$self.$$.props['themeActions']])) {
-    			console_1$c.warn("<MovingDotSpaceSimpleModal> was created without expected prop 'themeActions'");
+    			console_1$d.warn("<MovingDotSpaceSimpleModal> was created without expected prop 'themeActions'");
     		}
     	});
 
@@ -1756,7 +1749,7 @@ var app = (function () {
     	];
 
     	Object.keys($$props).forEach(key => {
-    		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console_1$c.warn(`<MovingDotSpaceSimpleModal> was created with unknown prop '${key}'`);
+    		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console_1$d.warn(`<MovingDotSpaceSimpleModal> was created with unknown prop '${key}'`);
     	});
 
     	const click_handler = item => handleItemClick(item);
@@ -1815,7 +1808,7 @@ var app = (function () {
     	constructor(options) {
     		super(options);
 
-    		init(this, options, instance$p, create_fragment$p, safe_not_equal, {
+    		init(this, options, instance$q, create_fragment$q, safe_not_equal, {
     			isOpen: 0,
     			title: 1,
     			content: 2,
@@ -1829,7 +1822,7 @@ var app = (function () {
     			component: this,
     			tagName: "MovingDotSpaceSimpleModal",
     			options,
-    			id: create_fragment$p.name
+    			id: create_fragment$q.name
     		});
     	}
 
@@ -1994,10 +1987,10 @@ var app = (function () {
 
     /* src\SimpleStateMachineModal.svelte generated by Svelte v3.59.2 */
 
-    const { console: console_1$b } = globals;
-    const file$o = "src\\SimpleStateMachineModal.svelte";
+    const { console: console_1$c } = globals;
+    const file$p = "src\\SimpleStateMachineModal.svelte";
 
-    function get_each_context$g(ctx, list, i) {
+    function get_each_context$h(ctx, list, i) {
     	const child_ctx = ctx.slice();
     	child_ctx[14] = list[i];
     	return child_ctx;
@@ -2024,7 +2017,7 @@ var app = (function () {
     	let each_blocks = [];
 
     	for (let i = 0; i < each_value.length; i += 1) {
-    		each_blocks[i] = create_each_block$g(get_each_context$g(ctx, each_value, i));
+    		each_blocks[i] = create_each_block$h(get_each_context$h(ctx, each_value, i));
     	}
 
     	const block = {
@@ -2047,18 +2040,18 @@ var app = (function () {
     				each_blocks[i].c();
     			}
 
-    			add_location(h2, file$o, 67, 12, 2262);
-    			add_location(button, file$o, 68, 12, 2292);
+    			add_location(h2, file$p, 67, 12, 2262);
+    			add_location(button, file$p, 68, 12, 2292);
     			attr_dev(div0, "class", "modal-header svelte-13fuaz8");
-    			add_location(div0, file$o, 66, 8, 2222);
+    			add_location(div0, file$p, 66, 8, 2222);
     			attr_dev(ul, "class", "modal-items");
-    			add_location(ul, file$o, 72, 12, 2428);
+    			add_location(ul, file$p, 72, 12, 2428);
     			attr_dev(div1, "class", "modal-content svelte-13fuaz8");
-    			add_location(div1, file$o, 70, 8, 2364);
+    			add_location(div1, file$p, 70, 8, 2364);
     			attr_dev(div2, "class", "modal svelte-13fuaz8");
-    			add_location(div2, file$o, 65, 8, 2193);
+    			add_location(div2, file$p, 65, 8, 2193);
     			attr_dev(div3, "class", "modal-overlay svelte-13fuaz8");
-    			add_location(div3, file$o, 64, 4, 2156);
+    			add_location(div3, file$p, 64, 4, 2156);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div3, anchor);
@@ -2095,12 +2088,12 @@ var app = (function () {
     				let i;
 
     				for (i = 0; i < each_value.length; i += 1) {
-    					const child_ctx = get_each_context$g(ctx, each_value, i);
+    					const child_ctx = get_each_context$h(ctx, each_value, i);
 
     					if (each_blocks[i]) {
     						each_blocks[i].p(child_ctx, dirty);
     					} else {
-    						each_blocks[i] = create_each_block$g(child_ctx);
+    						each_blocks[i] = create_each_block$h(child_ctx);
     						each_blocks[i].c();
     						each_blocks[i].m(ul, null);
     					}
@@ -2133,7 +2126,7 @@ var app = (function () {
     }
 
     // (74:12) {#each items as item}
-    function create_each_block$g(ctx) {
+    function create_each_block$h(ctx) {
     	let button;
     	let t_value = /*item*/ ctx[14].label + "";
     	let t;
@@ -2148,7 +2141,7 @@ var app = (function () {
     		c: function create() {
     			button = element("button");
     			t = text(t_value);
-    			add_location(button, file$o, 74, 16, 2505);
+    			add_location(button, file$p, 74, 16, 2505);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, button, anchor);
@@ -2172,7 +2165,7 @@ var app = (function () {
 
     	dispatch_dev("SvelteRegisterBlock", {
     		block,
-    		id: create_each_block$g.name,
+    		id: create_each_block$h.name,
     		type: "each",
     		source: "(74:12) {#each items as item}",
     		ctx
@@ -2181,7 +2174,7 @@ var app = (function () {
     	return block;
     }
 
-    function create_fragment$o(ctx) {
+    function create_fragment$p(ctx) {
     	let if_block_anchor;
     	let if_block = /*isOpen*/ ctx[0] && create_if_block$e(ctx);
 
@@ -2221,7 +2214,7 @@ var app = (function () {
 
     	dispatch_dev("SvelteRegisterBlock", {
     		block,
-    		id: create_fragment$o.name,
+    		id: create_fragment$p.name,
     		type: "component",
     		source: "",
     		ctx
@@ -2230,7 +2223,7 @@ var app = (function () {
     	return block;
     }
 
-    function instance$o($$self, $$props, $$invalidate) {
+    function instance$p($$self, $$props, $$invalidate) {
     	let $themeactions;
     	let $state;
     	validate_store(themeactions, 'themeactions');
@@ -2291,18 +2284,18 @@ var app = (function () {
 
     	$$self.$$.on_mount.push(function () {
     		if (modalStates === undefined && !('modalStates' in $$props || $$self.$$.bound[$$self.$$.props['modalStates']])) {
-    			console_1$b.warn("<SimpleStateMachineModal> was created without expected prop 'modalStates'");
+    			console_1$c.warn("<SimpleStateMachineModal> was created without expected prop 'modalStates'");
     		}
 
     		if (onClose === undefined && !('onClose' in $$props || $$self.$$.bound[$$self.$$.props['onClose']])) {
-    			console_1$b.warn("<SimpleStateMachineModal> was created without expected prop 'onClose'");
+    			console_1$c.warn("<SimpleStateMachineModal> was created without expected prop 'onClose'");
     		}
     	});
 
     	const writable_props = ['modalStates', 'isOpen', 'onClose'];
 
     	Object.keys($$props).forEach(key => {
-    		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console_1$b.warn(`<SimpleStateMachineModal> was created with unknown prop '${key}'`);
+    		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console_1$c.warn(`<SimpleStateMachineModal> was created with unknown prop '${key}'`);
     	});
 
     	const click_handler = item => handleItemClick(item);
@@ -2371,13 +2364,13 @@ var app = (function () {
     class SimpleStateMachineModal extends SvelteComponentDev {
     	constructor(options) {
     		super(options);
-    		init(this, options, instance$o, create_fragment$o, safe_not_equal, { modalStates: 7, isOpen: 0, onClose: 8 });
+    		init(this, options, instance$p, create_fragment$p, safe_not_equal, { modalStates: 7, isOpen: 0, onClose: 8 });
 
     		dispatch_dev("SvelteRegisterComponent", {
     			component: this,
     			tagName: "SimpleStateMachineModal",
     			options,
-    			id: create_fragment$o.name
+    			id: create_fragment$p.name
     		});
     	}
 
@@ -2408,28 +2401,28 @@ var app = (function () {
 
     /* src\MovingDotStatDisplay.svelte generated by Svelte v3.59.2 */
 
-    const file$n = "src\\MovingDotStatDisplay.svelte";
+    const file$o = "src\\MovingDotStatDisplay.svelte";
 
-    function get_each_context$f(ctx, list, i) {
+    function get_each_context$g(ctx, list, i) {
     	const child_ctx = ctx.slice();
     	child_ctx[13] = list[i];
     	return child_ctx;
     }
 
-    function get_each_context_1$8(ctx, list, i) {
+    function get_each_context_1$9(ctx, list, i) {
     	const child_ctx = ctx.slice();
     	child_ctx[16] = list[i];
     	return child_ctx;
     }
 
-    function get_each_context_2$2(ctx, list, i) {
+    function get_each_context_2$3(ctx, list, i) {
     	const child_ctx = ctx.slice();
     	child_ctx[16] = list[i];
     	return child_ctx;
     }
 
     // (14:6) {#each $objectives as item}
-    function create_each_block_2$2(ctx) {
+    function create_each_block_2$3(ctx) {
     	let li;
     	let t0_value = /*item*/ ctx[16].id + "";
     	let t0;
@@ -2450,7 +2443,7 @@ var app = (function () {
     			t3 = space();
     			t4 = text(t4_value);
     			attr_dev(li, "class", li_class_value = "" + (null_to_empty(/*item*/ ctx[16].complete ? 'completedobjetive' : '') + " svelte-w7krpq"));
-    			add_location(li, file$n, 15, 8, 453);
+    			add_location(li, file$o, 15, 8, 453);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, li, anchor);
@@ -2476,7 +2469,7 @@ var app = (function () {
 
     	dispatch_dev("SvelteRegisterBlock", {
     		block,
-    		id: create_each_block_2$2.name,
+    		id: create_each_block_2$3.name,
     		type: "each",
     		source: "(14:6) {#each $objectives as item}",
     		ctx
@@ -2486,7 +2479,7 @@ var app = (function () {
     }
 
     // (26:8) {#each $inventory as item}
-    function create_each_block_1$8(ctx) {
+    function create_each_block_1$9(ctx) {
     	let button;
     	let t0_value = /*item*/ ctx[16].name + "";
     	let t0;
@@ -2504,7 +2497,7 @@ var app = (function () {
     			t0 = text(t0_value);
     			t1 = space();
     			attr_dev(button, "class", "skill");
-    			add_location(button, file$n, 26, 10, 813);
+    			add_location(button, file$o, 26, 10, 813);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, button, anchor);
@@ -2529,7 +2522,7 @@ var app = (function () {
 
     	dispatch_dev("SvelteRegisterBlock", {
     		block,
-    		id: create_each_block_1$8.name,
+    		id: create_each_block_1$9.name,
     		type: "each",
     		source: "(26:8) {#each $inventory as item}",
     		ctx
@@ -2539,7 +2532,7 @@ var app = (function () {
     }
 
     // (50:8) {#each $skills as skill}
-    function create_each_block$f(ctx) {
+    function create_each_block$g(ctx) {
     	let li;
     	let t0_value = /*skill*/ ctx[13].name + "";
     	let t0;
@@ -2558,7 +2551,7 @@ var app = (function () {
     			t2 = text(t2_value);
     			t3 = text(" - Learned: ");
     			t4 = text(t4_value);
-    			add_location(li, file$n, 50, 10, 1580);
+    			add_location(li, file$o, 50, 10, 1580);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, li, anchor);
@@ -2580,7 +2573,7 @@ var app = (function () {
 
     	dispatch_dev("SvelteRegisterBlock", {
     		block,
-    		id: create_each_block$f.name,
+    		id: create_each_block$g.name,
     		type: "each",
     		source: "(50:8) {#each $skills as skill}",
     		ctx
@@ -2589,7 +2582,7 @@ var app = (function () {
     	return block;
     }
 
-    function create_fragment$n(ctx) {
+    function create_fragment$o(ctx) {
     	let div10;
     	let div0;
     	let h10;
@@ -2644,7 +2637,7 @@ var app = (function () {
     	let each_blocks_2 = [];
 
     	for (let i = 0; i < each_value_2.length; i += 1) {
-    		each_blocks_2[i] = create_each_block_2$2(get_each_context_2$2(ctx, each_value_2, i));
+    		each_blocks_2[i] = create_each_block_2$3(get_each_context_2$3(ctx, each_value_2, i));
     	}
 
     	let each_value_1 = /*$inventory*/ ctx[1];
@@ -2652,7 +2645,7 @@ var app = (function () {
     	let each_blocks_1 = [];
 
     	for (let i = 0; i < each_value_1.length; i += 1) {
-    		each_blocks_1[i] = create_each_block_1$8(get_each_context_1$8(ctx, each_value_1, i));
+    		each_blocks_1[i] = create_each_block_1$9(get_each_context_1$9(ctx, each_value_1, i));
     	}
 
     	let each_value = /*$skills*/ ctx[10];
@@ -2660,7 +2653,7 @@ var app = (function () {
     	let each_blocks = [];
 
     	for (let i = 0; i < each_value.length; i += 1) {
-    		each_blocks[i] = create_each_block$f(get_each_context$f(ctx, each_value, i));
+    		each_blocks[i] = create_each_block$g(get_each_context$g(ctx, each_value, i));
     	}
 
     	const block = {
@@ -2736,35 +2729,35 @@ var app = (function () {
     				each_blocks[i].c();
     			}
 
-    			add_location(h10, file$n, 11, 4, 329);
-    			add_location(ul0, file$n, 12, 4, 354);
+    			add_location(h10, file$o, 11, 4, 329);
+    			add_location(ul0, file$o, 12, 4, 354);
     			attr_dev(div0, "class", "grid-statsitem svelte-w7krpq");
-    			add_location(div0, file$n, 10, 2, 295);
-    			add_location(h20, file$n, 22, 6, 677);
-    			add_location(h60, file$n, 23, 6, 703);
-    			add_location(ul1, file$n, 24, 6, 761);
+    			add_location(div0, file$o, 10, 2, 295);
+    			add_location(h20, file$o, 22, 6, 677);
+    			add_location(h60, file$o, 23, 6, 703);
+    			add_location(ul1, file$o, 24, 6, 761);
     			attr_dev(div1, "class", "inventory svelte-w7krpq");
-    			add_location(div1, file$n, 21, 4, 646);
+    			add_location(div1, file$o, 21, 4, 646);
     			attr_dev(div2, "class", "grid-statsitem svelte-w7krpq");
-    			add_location(div2, file$n, 20, 2, 612);
-    			add_location(h11, file$n, 36, 6, 1066);
-    			add_location(h61, file$n, 37, 6, 1095);
-    			add_location(div3, file$n, 38, 6, 1142);
-    			add_location(div4, file$n, 39, 6, 1286);
-    			add_location(div5, file$n, 40, 6, 1318);
+    			add_location(div2, file$o, 20, 2, 612);
+    			add_location(h11, file$o, 36, 6, 1066);
+    			add_location(h61, file$o, 37, 6, 1095);
+    			add_location(div3, file$o, 38, 6, 1142);
+    			add_location(div4, file$o, 39, 6, 1286);
+    			add_location(div5, file$o, 40, 6, 1318);
     			attr_dev(div6, "class", "stats svelte-w7krpq");
-    			add_location(div6, file$n, 35, 4, 1039);
+    			add_location(div6, file$o, 35, 4, 1039);
     			attr_dev(div7, "class", "grid-statsitem svelte-w7krpq");
-    			add_location(div7, file$n, 34, 2, 1005);
-    			add_location(h21, file$n, 46, 6, 1440);
-    			add_location(h62, file$n, 47, 6, 1479);
-    			add_location(ul2, file$n, 48, 6, 1530);
+    			add_location(div7, file$o, 34, 2, 1005);
+    			add_location(h21, file$o, 46, 6, 1440);
+    			add_location(h62, file$o, 47, 6, 1479);
+    			add_location(ul2, file$o, 48, 6, 1530);
     			attr_dev(div8, "class", "skill-tree svelte-w7krpq");
-    			add_location(div8, file$n, 45, 4, 1408);
+    			add_location(div8, file$o, 45, 4, 1408);
     			attr_dev(div9, "class", "grid-statsitem svelte-w7krpq");
-    			add_location(div9, file$n, 44, 2, 1374);
+    			add_location(div9, file$o, 44, 2, 1374);
     			attr_dev(div10, "class", "grid-statsContainer svelte-w7krpq");
-    			add_location(div10, file$n, 9, 0, 258);
+    			add_location(div10, file$o, 9, 0, 258);
     		},
     		l: function claim(nodes) {
     			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
@@ -2847,12 +2840,12 @@ var app = (function () {
     				let i;
 
     				for (i = 0; i < each_value_2.length; i += 1) {
-    					const child_ctx = get_each_context_2$2(ctx, each_value_2, i);
+    					const child_ctx = get_each_context_2$3(ctx, each_value_2, i);
 
     					if (each_blocks_2[i]) {
     						each_blocks_2[i].p(child_ctx, dirty);
     					} else {
-    						each_blocks_2[i] = create_each_block_2$2(child_ctx);
+    						each_blocks_2[i] = create_each_block_2$3(child_ctx);
     						each_blocks_2[i].c();
     						each_blocks_2[i].m(ul0, null);
     					}
@@ -2871,12 +2864,12 @@ var app = (function () {
     				let i;
 
     				for (i = 0; i < each_value_1.length; i += 1) {
-    					const child_ctx = get_each_context_1$8(ctx, each_value_1, i);
+    					const child_ctx = get_each_context_1$9(ctx, each_value_1, i);
 
     					if (each_blocks_1[i]) {
     						each_blocks_1[i].p(child_ctx, dirty);
     					} else {
-    						each_blocks_1[i] = create_each_block_1$8(child_ctx);
+    						each_blocks_1[i] = create_each_block_1$9(child_ctx);
     						each_blocks_1[i].c();
     						each_blocks_1[i].m(ul1, null);
     					}
@@ -2904,12 +2897,12 @@ var app = (function () {
     				let i;
 
     				for (i = 0; i < each_value.length; i += 1) {
-    					const child_ctx = get_each_context$f(ctx, each_value, i);
+    					const child_ctx = get_each_context$g(ctx, each_value, i);
 
     					if (each_blocks[i]) {
     						each_blocks[i].p(child_ctx, dirty);
     					} else {
-    						each_blocks[i] = create_each_block$f(child_ctx);
+    						each_blocks[i] = create_each_block$g(child_ctx);
     						each_blocks[i].c();
     						each_blocks[i].m(ul2, null);
     					}
@@ -2934,7 +2927,7 @@ var app = (function () {
 
     	dispatch_dev("SvelteRegisterBlock", {
     		block,
-    		id: create_fragment$n.name,
+    		id: create_fragment$o.name,
     		type: "component",
     		source: "",
     		ctx
@@ -2943,7 +2936,7 @@ var app = (function () {
     	return block;
     }
 
-    function instance$n($$self, $$props, $$invalidate) {
+    function instance$o($$self, $$props, $$invalidate) {
     	let $objectives;
     	let $inventory;
     	let $health;
@@ -3039,20 +3032,20 @@ var app = (function () {
     class MovingDotStatDisplay extends SvelteComponentDev {
     	constructor(options) {
     		super(options);
-    		init(this, options, instance$n, create_fragment$n, safe_not_equal, {});
+    		init(this, options, instance$o, create_fragment$o, safe_not_equal, {});
 
     		dispatch_dev("SvelteRegisterComponent", {
     			component: this,
     			tagName: "MovingDotStatDisplay",
     			options,
-    			id: create_fragment$n.name
+    			id: create_fragment$o.name
     		});
     	}
     }
 
     /* src\SimpleCollapsible.svelte generated by Svelte v3.59.2 */
 
-    const file$m = "src\\SimpleCollapsible.svelte";
+    const file$n = "src\\SimpleCollapsible.svelte";
 
     // (16:4) {#if isOpen}
     function create_if_block$d(ctx) {
@@ -3066,7 +3059,7 @@ var app = (function () {
     			div = element("div");
     			if (default_slot) default_slot.c();
     			attr_dev(div, "class", "content svelte-rzwxvd");
-    			add_location(div, file$m, 16, 6, 335);
+    			add_location(div, file$n, 16, 6, 335);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -3119,7 +3112,7 @@ var app = (function () {
     	return block;
     }
 
-    function create_fragment$m(ctx) {
+    function create_fragment$n(ctx) {
     	let div;
     	let button;
     	let t0_value = (/*isOpen*/ ctx[1] ? 'Close' : 'Open') + "";
@@ -3142,9 +3135,9 @@ var app = (function () {
     			t3 = space();
     			if (if_block) if_block.c();
     			attr_dev(button, "class", "svelte-rzwxvd");
-    			add_location(button, file$m, 11, 4, 210);
+    			add_location(button, file$n, 11, 4, 210);
     			attr_dev(div, "class", "collapsible svelte-rzwxvd");
-    			add_location(div, file$m, 10, 0, 179);
+    			add_location(div, file$n, 10, 0, 179);
     		},
     		l: function claim(nodes) {
     			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
@@ -3210,7 +3203,7 @@ var app = (function () {
 
     	dispatch_dev("SvelteRegisterBlock", {
     		block,
-    		id: create_fragment$m.name,
+    		id: create_fragment$n.name,
     		type: "component",
     		source: "",
     		ctx
@@ -3219,7 +3212,7 @@ var app = (function () {
     	return block;
     }
 
-    function instance$m($$self, $$props, $$invalidate) {
+    function instance$n($$self, $$props, $$invalidate) {
     	let { $$slots: slots = {}, $$scope } = $$props;
     	validate_slots('SimpleCollapsible', slots, ['default']);
     	let { title = '' } = $$props;
@@ -3257,13 +3250,13 @@ var app = (function () {
     class SimpleCollapsible extends SvelteComponentDev {
     	constructor(options) {
     		super(options);
-    		init(this, options, instance$m, create_fragment$m, safe_not_equal, { title: 0 });
+    		init(this, options, instance$n, create_fragment$n, safe_not_equal, { title: 0 });
 
     		dispatch_dev("SvelteRegisterComponent", {
     			component: this,
     			tagName: "SimpleCollapsible",
     			options,
-    			id: create_fragment$m.name
+    			id: create_fragment$n.name
     		});
     	}
 
@@ -3278,23 +3271,23 @@ var app = (function () {
 
     /* src\BrainstormGameConfigsRandom.svelte generated by Svelte v3.59.2 */
 
-    const { console: console_1$a } = globals;
-    const file$l = "src\\BrainstormGameConfigsRandom.svelte";
+    const { console: console_1$b } = globals;
+    const file$m = "src\\BrainstormGameConfigsRandom.svelte";
 
-    function get_each_context$e(ctx, list, i) {
+    function get_each_context$f(ctx, list, i) {
     	const child_ctx = ctx.slice();
     	child_ctx[9] = list[i];
     	return child_ctx;
     }
 
-    function get_each_context_1$7(ctx, list, i) {
+    function get_each_context_1$8(ctx, list, i) {
     	const child_ctx = ctx.slice();
     	child_ctx[12] = list[i];
     	child_ctx[14] = i;
     	return child_ctx;
     }
 
-    function get_each_context_2$1(ctx, list, i) {
+    function get_each_context_2$2(ctx, list, i) {
     	const child_ctx = ctx.slice();
     	child_ctx[15] = list[i];
     	return child_ctx;
@@ -3359,7 +3352,7 @@ var app = (function () {
     			t1 = text(" - ");
     			t2 = text(t2_value);
     			attr_dev(li, "class", "svelte-utjjnp");
-    			add_location(li, file$l, 262, 28, 10991);
+    			add_location(li, file$m, 262, 28, 10991);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, li, anchor);
@@ -3404,7 +3397,7 @@ var app = (function () {
     			t2 = text(t2_value);
     			attr_dev(li, "class", "svelte-utjjnp");
     			toggle_class(li, "learned", /*skill*/ ctx[30].learned);
-    			add_location(li, file$l, 269, 28, 11282);
+    			add_location(li, file$m, 269, 28, 11282);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, li, anchor);
@@ -3453,7 +3446,7 @@ var app = (function () {
     			t2 = text(t2_value);
     			attr_dev(li, "class", "svelte-utjjnp");
     			toggle_class(li, "complete", /*objective*/ ctx[21].complete);
-    			add_location(li, file$l, 276, 28, 11612);
+    			add_location(li, file$m, 276, 28, 11612);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, li, anchor);
@@ -3511,7 +3504,7 @@ var app = (function () {
     			t5 = text(") - ");
     			t6 = text(t6_value);
     			attr_dev(li, "class", "svelte-utjjnp");
-    			add_location(li, file$l, 288, 28, 12148);
+    			add_location(li, file$m, 288, 28, 12148);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, li, anchor);
@@ -3580,10 +3573,10 @@ var app = (function () {
     			}
 
     			t5 = space();
-    			add_location(h3, file$l, 284, 24, 11960);
-    			add_location(p, file$l, 285, 24, 12010);
+    			add_location(h3, file$m, 284, 24, 11960);
+    			add_location(p, file$m, 285, 24, 12010);
     			attr_dev(ul, "class", "svelte-utjjnp");
-    			add_location(ul, file$l, 286, 24, 12051);
+    			add_location(ul, file$m, 286, 24, 12051);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, h3, anchor);
@@ -3666,12 +3659,12 @@ var app = (function () {
     			t1 = space();
     			input = element("input");
     			t2 = space();
-    			add_location(span, file$l, 309, 44, 13293);
+    			add_location(span, file$m, 309, 44, 13293);
     			attr_dev(input, "type", "text");
     			attr_dev(input, "placeholder", "Enter objective details");
-    			add_location(input, file$l, 310, 44, 13368);
+    			add_location(input, file$m, 310, 44, 13368);
     			attr_dev(li, "class", "svelte-utjjnp");
-    			add_location(li, file$l, 308, 40, 13243);
+    			add_location(li, file$m, 308, 40, 13243);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, li, anchor);
@@ -3730,10 +3723,10 @@ var app = (function () {
     				each_blocks[i].c();
     			}
 
-    			add_location(h5, file$l, 327, 52, 14525);
+    			add_location(h5, file$m, 327, 52, 14525);
     			attr_dev(ul, "class", "svelte-utjjnp");
-    			add_location(ul, file$l, 328, 52, 14615);
-    			add_location(div, file$l, 326, 48, 14466);
+    			add_location(ul, file$m, 328, 52, 14615);
+    			add_location(div, file$m, 326, 48, 14466);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -3841,17 +3834,17 @@ var app = (function () {
     			t11 = space();
     			textarea = element("textarea");
     			t12 = space();
-    			add_location(span, file$l, 331, 64, 14847);
+    			add_location(span, file$m, 331, 64, 14847);
     			attr_dev(input, "type", "text");
     			attr_dev(input, "placeholder", "Enter subtarget details");
-    			add_location(input, file$l, 332, 64, 14942);
-    			add_location(p0, file$l, 333, 64, 15067);
-    			add_location(p1, file$l, 334, 64, 15183);
+    			add_location(input, file$m, 332, 64, 14942);
+    			add_location(p0, file$m, 333, 64, 15067);
+    			add_location(p1, file$m, 334, 64, 15183);
     			attr_dev(textarea, "placeholder", "Enter collision text");
     			textarea.value = textarea_value_value = /*subTarget*/ ctx[18].collisiontext;
-    			add_location(textarea, file$l, 335, 64, 15297);
+    			add_location(textarea, file$m, 335, 64, 15297);
     			attr_dev(li, "class", "svelte-utjjnp");
-    			add_location(li, file$l, 330, 60, 14777);
+    			add_location(li, file$m, 330, 60, 14777);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, li, anchor);
@@ -3901,7 +3894,7 @@ var app = (function () {
     }
 
     // (319:36) {#each storyPart.targets as target}
-    function create_each_block_2$1(ctx) {
+    function create_each_block_2$2(ctx) {
     	let li;
     	let span;
     	let t0_value = /*target*/ ctx[15].name + "";
@@ -3952,17 +3945,17 @@ var app = (function () {
     			t12 = space();
     			if (if_block) if_block.c();
     			t13 = space();
-    			add_location(span, file$l, 320, 44, 13882);
+    			add_location(span, file$m, 320, 44, 13882);
     			attr_dev(input, "type", "text");
     			attr_dev(input, "placeholder", "Enter target details");
-    			add_location(input, file$l, 321, 44, 13954);
-    			add_location(p0, file$l, 322, 44, 14056);
-    			add_location(p1, file$l, 323, 44, 14146);
+    			add_location(input, file$m, 321, 44, 13954);
+    			add_location(p0, file$m, 322, 44, 14056);
+    			add_location(p1, file$m, 323, 44, 14146);
     			attr_dev(textarea, "placeholder", "Enter collision text");
     			textarea.value = textarea_value_value = /*target*/ ctx[15].collisiontext;
-    			add_location(textarea, file$l, 324, 44, 14237);
+    			add_location(textarea, file$m, 324, 44, 14237);
     			attr_dev(li, "class", "svelte-utjjnp");
-    			add_location(li, file$l, 319, 40, 13832);
+    			add_location(li, file$m, 319, 40, 13832);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, li, anchor);
@@ -4018,7 +4011,7 @@ var app = (function () {
 
     	dispatch_dev("SvelteRegisterBlock", {
     		block,
-    		id: create_each_block_2$1.name,
+    		id: create_each_block_2$2.name,
     		type: "each",
     		source: "(319:36) {#each storyPart.targets as target}",
     		ctx
@@ -4028,7 +4021,7 @@ var app = (function () {
     }
 
     // (302:20) {#each randomContentStructureSubtargets.story as storyPart, i}
-    function create_each_block_1$7(ctx) {
+    function create_each_block_1$8(ctx) {
     	let div2;
     	let h3;
     	let t0;
@@ -4058,7 +4051,7 @@ var app = (function () {
     	let each_blocks = [];
 
     	for (let i = 0; i < each_value_2.length; i += 1) {
-    		each_blocks[i] = create_each_block_2$1(get_each_context_2$1(ctx, each_value_2, i));
+    		each_blocks[i] = create_each_block_2$2(get_each_context_2$2(ctx, each_value_2, i));
     	}
 
     	const block = {
@@ -4090,16 +4083,16 @@ var app = (function () {
     			}
 
     			t8 = space();
-    			add_location(h3, file$l, 303, 28, 12962);
-    			add_location(h40, file$l, 305, 32, 13065);
+    			add_location(h3, file$m, 303, 28, 12962);
+    			add_location(h40, file$m, 305, 32, 13065);
     			attr_dev(ul0, "class", "svelte-utjjnp");
-    			add_location(ul0, file$l, 306, 32, 13118);
-    			add_location(div0, file$l, 304, 28, 13026);
-    			add_location(h41, file$l, 316, 32, 13663);
+    			add_location(ul0, file$m, 306, 32, 13118);
+    			add_location(div0, file$m, 304, 28, 13026);
+    			add_location(h41, file$m, 316, 32, 13663);
     			attr_dev(ul1, "class", "svelte-utjjnp");
-    			add_location(ul1, file$l, 317, 32, 13713);
-    			add_location(div1, file$l, 315, 28, 13624);
-    			add_location(div2, file$l, 302, 24, 12927);
+    			add_location(ul1, file$m, 317, 32, 13713);
+    			add_location(div1, file$m, 315, 28, 13624);
+    			add_location(div2, file$m, 302, 24, 12927);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div2, anchor);
@@ -4165,12 +4158,12 @@ var app = (function () {
     				let i;
 
     				for (i = 0; i < each_value_2.length; i += 1) {
-    					const child_ctx = get_each_context_2$1(ctx, each_value_2, i);
+    					const child_ctx = get_each_context_2$2(ctx, each_value_2, i);
 
     					if (each_blocks[i]) {
     						each_blocks[i].p(child_ctx, dirty);
     					} else {
-    						each_blocks[i] = create_each_block_2$1(child_ctx);
+    						each_blocks[i] = create_each_block_2$2(child_ctx);
     						each_blocks[i].c();
     						each_blocks[i].m(ul1, null);
     					}
@@ -4192,7 +4185,7 @@ var app = (function () {
 
     	dispatch_dev("SvelteRegisterBlock", {
     		block,
-    		id: create_each_block_1$7.name,
+    		id: create_each_block_1$8.name,
     		type: "each",
     		source: "(302:20) {#each randomContentStructureSubtargets.story as storyPart, i}",
     		ctx
@@ -4202,7 +4195,7 @@ var app = (function () {
     }
 
     // (358:12) {#each timelinePoints as point}
-    function create_each_block$e(ctx) {
+    function create_each_block$f(ctx) {
     	let li;
     	let strong;
     	let t0_value = /*point*/ ctx[9].name + "";
@@ -4222,10 +4215,10 @@ var app = (function () {
     			p = element("p");
     			t2 = text(t2_value);
     			t3 = space();
-    			add_location(strong, file$l, 359, 20, 16431);
-    			add_location(p, file$l, 360, 20, 16482);
+    			add_location(strong, file$m, 359, 20, 16431);
+    			add_location(p, file$m, 360, 20, 16482);
     			attr_dev(li, "class", "svelte-utjjnp");
-    			add_location(li, file$l, 358, 16, 16405);
+    			add_location(li, file$m, 358, 16, 16405);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, li, anchor);
@@ -4247,7 +4240,7 @@ var app = (function () {
 
     	dispatch_dev("SvelteRegisterBlock", {
     		block,
-    		id: create_each_block$e.name,
+    		id: create_each_block$f.name,
     		type: "each",
     		source: "(358:12) {#each timelinePoints as point}",
     		ctx
@@ -4256,7 +4249,7 @@ var app = (function () {
     	return block;
     }
 
-    function create_fragment$l(ctx) {
+    function create_fragment$m(ctx) {
     	let div10;
     	let h10;
     	let t1;
@@ -4349,7 +4342,7 @@ var app = (function () {
     	let each_blocks_1 = [];
 
     	for (let i = 0; i < each_value_1.length; i += 1) {
-    		each_blocks_1[i] = create_each_block_1$7(get_each_context_1$7(ctx, each_value_1, i));
+    		each_blocks_1[i] = create_each_block_1$8(get_each_context_1$8(ctx, each_value_1, i));
     	}
 
     	let each_value = /*timelinePoints*/ ctx[2];
@@ -4357,7 +4350,7 @@ var app = (function () {
     	let each_blocks = [];
 
     	for (let i = 0; i < each_value.length; i += 1) {
-    		each_blocks[i] = create_each_block$e(get_each_context$e(ctx, each_value, i));
+    		each_blocks[i] = create_each_block$f(get_each_context$f(ctx, each_value, i));
     	}
 
     	const block = {
@@ -4459,44 +4452,44 @@ var app = (function () {
     				each_blocks[i].c();
     			}
 
-    			add_location(h10, file$l, 244, 4, 10201);
-    			add_location(h11, file$l, 250, 20, 10377);
-    			add_location(button0, file$l, 251, 20, 10437);
-    			add_location(button1, file$l, 252, 20, 10553);
-    			add_location(div0, file$l, 249, 16, 10350);
-    			add_location(h20, file$l, 256, 24, 10749);
-    			add_location(h21, file$l, 259, 24, 10848);
+    			add_location(h10, file$m, 244, 4, 10201);
+    			add_location(h11, file$m, 250, 20, 10377);
+    			add_location(button0, file$m, 251, 20, 10437);
+    			add_location(button1, file$m, 252, 20, 10553);
+    			add_location(div0, file$m, 249, 16, 10350);
+    			add_location(h20, file$m, 256, 24, 10749);
+    			add_location(h21, file$m, 259, 24, 10848);
     			attr_dev(ul0, "class", "svelte-utjjnp");
-    			add_location(ul0, file$l, 260, 24, 10892);
-    			add_location(h22, file$l, 266, 24, 11144);
+    			add_location(ul0, file$m, 260, 24, 10892);
+    			add_location(h22, file$m, 266, 24, 11144);
     			attr_dev(ul1, "class", "svelte-utjjnp");
-    			add_location(ul1, file$l, 267, 24, 11185);
-    			add_location(h23, file$l, 273, 24, 11462);
+    			add_location(ul1, file$m, 267, 24, 11185);
+    			add_location(h23, file$m, 273, 24, 11462);
     			attr_dev(ul2, "class", "svelte-utjjnp");
-    			add_location(ul2, file$l, 274, 24, 11507);
-    			add_location(div1, file$l, 255, 20, 10718);
-    			add_location(h24, file$l, 282, 24, 11853);
-    			add_location(div2, file$l, 281, 20, 11822);
+    			add_location(ul2, file$m, 274, 24, 11507);
+    			add_location(div1, file$m, 255, 20, 10718);
+    			add_location(h24, file$m, 282, 24, 11853);
+    			add_location(div2, file$m, 281, 20, 11822);
     			attr_dev(div3, "class", "StatColumns svelte-utjjnp");
-    			add_location(div3, file$l, 254, 16, 10671);
-    			add_location(div4, file$l, 248, 12, 10323);
-    			add_location(h12, file$l, 297, 16, 12442);
-    			add_location(button2, file$l, 298, 16, 12511);
-    			add_location(button3, file$l, 299, 16, 12677);
+    			add_location(div3, file$m, 254, 16, 10671);
+    			add_location(div4, file$m, 248, 12, 10323);
+    			add_location(h12, file$m, 297, 16, 12442);
+    			add_location(button2, file$m, 298, 16, 12511);
+    			add_location(button3, file$m, 299, 16, 12677);
     			attr_dev(div5, "class", "StatColumns svelte-utjjnp");
-    			add_location(div5, file$l, 300, 16, 12792);
-    			add_location(div6, file$l, 296, 12, 12419);
+    			add_location(div5, file$m, 300, 16, 12792);
+    			add_location(div6, file$m, 296, 12, 12419);
     			attr_dev(div7, "class", "ContainerColumns svelte-utjjnp");
-    			add_location(div7, file$l, 247, 8, 10279);
-    			add_location(div8, file$l, 246, 4, 10264);
-    			add_location(h13, file$l, 352, 4, 15984);
-    			add_location(button4, file$l, 353, 4, 16042);
-    			add_location(button5, file$l, 354, 4, 16177);
+    			add_location(div7, file$m, 247, 8, 10279);
+    			add_location(div8, file$m, 246, 4, 10264);
+    			add_location(h13, file$m, 352, 4, 15984);
+    			add_location(button4, file$m, 353, 4, 16042);
+    			add_location(button5, file$m, 354, 4, 16177);
     			attr_dev(ul3, "class", "svelte-utjjnp");
-    			add_location(ul3, file$l, 356, 8, 16338);
+    			add_location(ul3, file$m, 356, 8, 16338);
     			attr_dev(div9, "class", "timeline svelte-utjjnp");
-    			add_location(div9, file$l, 355, 4, 16306);
-    			add_location(div10, file$l, 243, 0, 10190);
+    			add_location(div9, file$m, 355, 4, 16306);
+    			add_location(div10, file$m, 243, 0, 10190);
     		},
     		l: function claim(nodes) {
     			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
@@ -4714,12 +4707,12 @@ var app = (function () {
     				let i;
 
     				for (i = 0; i < each_value_1.length; i += 1) {
-    					const child_ctx = get_each_context_1$7(ctx, each_value_1, i);
+    					const child_ctx = get_each_context_1$8(ctx, each_value_1, i);
 
     					if (each_blocks_1[i]) {
     						each_blocks_1[i].p(child_ctx, dirty);
     					} else {
-    						each_blocks_1[i] = create_each_block_1$7(child_ctx);
+    						each_blocks_1[i] = create_each_block_1$8(child_ctx);
     						each_blocks_1[i].c();
     						each_blocks_1[i].m(div5, null);
     					}
@@ -4738,12 +4731,12 @@ var app = (function () {
     				let i;
 
     				for (i = 0; i < each_value.length; i += 1) {
-    					const child_ctx = get_each_context$e(ctx, each_value, i);
+    					const child_ctx = get_each_context$f(ctx, each_value, i);
 
     					if (each_blocks[i]) {
     						each_blocks[i].p(child_ctx, dirty);
     					} else {
-    						each_blocks[i] = create_each_block$e(child_ctx);
+    						each_blocks[i] = create_each_block$f(child_ctx);
     						each_blocks[i].c();
     						each_blocks[i].m(ul3, null);
     					}
@@ -4773,7 +4766,7 @@ var app = (function () {
 
     	dispatch_dev("SvelteRegisterBlock", {
     		block,
-    		id: create_fragment$l.name,
+    		id: create_fragment$m.name,
     		type: "component",
     		source: "",
     		ctx
@@ -5009,7 +5002,7 @@ var app = (function () {
     	return allPoints;
     }
 
-    function instance$l($$self, $$props, $$invalidate) {
+    function instance$m($$self, $$props, $$invalidate) {
     	let { $$slots: slots = {}, $$scope } = $$props;
     	validate_slots('BrainstormGameConfigsRandom', slots, []);
     	let randomContent = generateRandomContent();
@@ -5053,7 +5046,7 @@ var app = (function () {
     	const writable_props = [];
 
     	Object.keys($$props).forEach(key => {
-    		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console_1$a.warn(`<BrainstormGameConfigsRandom> was created with unknown prop '${key}'`);
+    		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console_1$b.warn(`<BrainstormGameConfigsRandom> was created with unknown prop '${key}'`);
     	});
 
     	const click_handler = () => $$invalidate(0, randomContent = generateRandomContent());
@@ -5099,23 +5092,422 @@ var app = (function () {
     class BrainstormGameConfigsRandom extends SvelteComponentDev {
     	constructor(options) {
     		super(options);
-    		init(this, options, instance$l, create_fragment$l, safe_not_equal, {}, null, [-1, -1]);
+    		init(this, options, instance$m, create_fragment$m, safe_not_equal, {}, null, [-1, -1]);
 
     		dispatch_dev("SvelteRegisterComponent", {
     			component: this,
     			tagName: "BrainstormGameConfigsRandom",
     			options,
-    			id: create_fragment$l.name
+    			id: create_fragment$m.name
     		});
     	}
     }
 
     /* src\BrainstormStateTransitionsRandom.svelte generated by Svelte v3.59.2 */
 
-    const file$k = "src\\BrainstormStateTransitionsRandom.svelte";
+    const { console: console_1$a } = globals;
+    const file$l = "src\\BrainstormStateTransitionsRandom.svelte";
 
-    // (109:8) {#if sequence.length > 0}
-    function create_if_block_2$1(ctx) {
+    function get_each_context$e(ctx, list, i) {
+    	const child_ctx = ctx.slice();
+    	child_ctx[47] = list[i];
+    	return child_ctx;
+    }
+
+    function get_each_context_1$7(ctx, list, i) {
+    	const child_ctx = ctx.slice();
+    	child_ctx[50] = list[i];
+    	return child_ctx;
+    }
+
+    function get_each_context_2$1(ctx, list, i) {
+    	const child_ctx = ctx.slice();
+    	child_ctx[47] = list[i];
+    	return child_ctx;
+    }
+
+    // (293:4) {#if $timelines.length > 0}
+    function create_if_block_4(ctx) {
+    	let h20;
+    	let t1;
+    	let t2;
+    	let h21;
+    	let t4;
+    	let button;
+    	let t6;
+    	let ul;
+    	let mounted;
+    	let dispose;
+    	let each_value_1 = /*$timelines*/ ctx[5];
+    	validate_each_argument(each_value_1);
+    	let each_blocks_1 = [];
+
+    	for (let i = 0; i < each_value_1.length; i += 1) {
+    		each_blocks_1[i] = create_each_block_1$7(get_each_context_1$7(ctx, each_value_1, i));
+    	}
+
+    	let each_value = /*$mergedTimeline*/ ctx[8];
+    	validate_each_argument(each_value);
+    	let each_blocks = [];
+
+    	for (let i = 0; i < each_value.length; i += 1) {
+    		each_blocks[i] = create_each_block$e(get_each_context$e(ctx, each_value, i));
+    	}
+
+    	const block = {
+    		c: function create() {
+    			h20 = element("h2");
+    			h20.textContent = "Timelines";
+    			t1 = space();
+
+    			for (let i = 0; i < each_blocks_1.length; i += 1) {
+    				each_blocks_1[i].c();
+    			}
+
+    			t2 = space();
+    			h21 = element("h2");
+    			h21.textContent = "Merged Timeline";
+    			t4 = space();
+    			button = element("button");
+    			button.textContent = "Merge Timelines";
+    			t6 = space();
+    			ul = element("ul");
+
+    			for (let i = 0; i < each_blocks.length; i += 1) {
+    				each_blocks[i].c();
+    			}
+
+    			add_location(h20, file$l, 293, 6, 11327);
+    			add_location(h21, file$l, 306, 6, 11735);
+    			add_location(button, file$l, 307, 6, 11767);
+    			add_location(ul, file$l, 308, 6, 11833);
+    		},
+    		m: function mount(target, anchor) {
+    			insert_dev(target, h20, anchor);
+    			insert_dev(target, t1, anchor);
+
+    			for (let i = 0; i < each_blocks_1.length; i += 1) {
+    				if (each_blocks_1[i]) {
+    					each_blocks_1[i].m(target, anchor);
+    				}
+    			}
+
+    			insert_dev(target, t2, anchor);
+    			insert_dev(target, h21, anchor);
+    			insert_dev(target, t4, anchor);
+    			insert_dev(target, button, anchor);
+    			insert_dev(target, t6, anchor);
+    			insert_dev(target, ul, anchor);
+
+    			for (let i = 0; i < each_blocks.length; i += 1) {
+    				if (each_blocks[i]) {
+    					each_blocks[i].m(ul, null);
+    				}
+    			}
+
+    			if (!mounted) {
+    				dispose = listen_dev(button, "click", /*mergeTimelines*/ ctx[15], false, false, false, false);
+    				mounted = true;
+    			}
+    		},
+    		p: function update(ctx, dirty) {
+    			if (dirty[0] & /*generateRandomPoints, $timelines*/ 16416) {
+    				each_value_1 = /*$timelines*/ ctx[5];
+    				validate_each_argument(each_value_1);
+    				let i;
+
+    				for (i = 0; i < each_value_1.length; i += 1) {
+    					const child_ctx = get_each_context_1$7(ctx, each_value_1, i);
+
+    					if (each_blocks_1[i]) {
+    						each_blocks_1[i].p(child_ctx, dirty);
+    					} else {
+    						each_blocks_1[i] = create_each_block_1$7(child_ctx);
+    						each_blocks_1[i].c();
+    						each_blocks_1[i].m(t2.parentNode, t2);
+    					}
+    				}
+
+    				for (; i < each_blocks_1.length; i += 1) {
+    					each_blocks_1[i].d(1);
+    				}
+
+    				each_blocks_1.length = each_value_1.length;
+    			}
+
+    			if (dirty[0] & /*$mergedTimeline*/ 256) {
+    				each_value = /*$mergedTimeline*/ ctx[8];
+    				validate_each_argument(each_value);
+    				let i;
+
+    				for (i = 0; i < each_value.length; i += 1) {
+    					const child_ctx = get_each_context$e(ctx, each_value, i);
+
+    					if (each_blocks[i]) {
+    						each_blocks[i].p(child_ctx, dirty);
+    					} else {
+    						each_blocks[i] = create_each_block$e(child_ctx);
+    						each_blocks[i].c();
+    						each_blocks[i].m(ul, null);
+    					}
+    				}
+
+    				for (; i < each_blocks.length; i += 1) {
+    					each_blocks[i].d(1);
+    				}
+
+    				each_blocks.length = each_value.length;
+    			}
+    		},
+    		d: function destroy(detaching) {
+    			if (detaching) detach_dev(h20);
+    			if (detaching) detach_dev(t1);
+    			destroy_each(each_blocks_1, detaching);
+    			if (detaching) detach_dev(t2);
+    			if (detaching) detach_dev(h21);
+    			if (detaching) detach_dev(t4);
+    			if (detaching) detach_dev(button);
+    			if (detaching) detach_dev(t6);
+    			if (detaching) detach_dev(ul);
+    			destroy_each(each_blocks, detaching);
+    			mounted = false;
+    			dispose();
+    		}
+    	};
+
+    	dispatch_dev("SvelteRegisterBlock", {
+    		block,
+    		id: create_if_block_4.name,
+    		type: "if",
+    		source: "(293:4) {#if $timelines.length > 0}",
+    		ctx
+    	});
+
+    	return block;
+    }
+
+    // (298:10) {#each timeline.points as point}
+    function create_each_block_2$1(ctx) {
+    	let li;
+    	let t0_value = /*point*/ ctx[47].year + "";
+    	let t0;
+    	let t1;
+    	let t2_value = /*point*/ ctx[47].description + "";
+    	let t2;
+
+    	const block = {
+    		c: function create() {
+    			li = element("li");
+    			t0 = text(t0_value);
+    			t1 = text(": ");
+    			t2 = text(t2_value);
+    			add_location(li, file$l, 298, 12, 11496);
+    		},
+    		m: function mount(target, anchor) {
+    			insert_dev(target, li, anchor);
+    			append_dev(li, t0);
+    			append_dev(li, t1);
+    			append_dev(li, t2);
+    		},
+    		p: function update(ctx, dirty) {
+    			if (dirty[0] & /*$timelines*/ 32 && t0_value !== (t0_value = /*point*/ ctx[47].year + "")) set_data_dev(t0, t0_value);
+    			if (dirty[0] & /*$timelines*/ 32 && t2_value !== (t2_value = /*point*/ ctx[47].description + "")) set_data_dev(t2, t2_value);
+    		},
+    		d: function destroy(detaching) {
+    			if (detaching) detach_dev(li);
+    		}
+    	};
+
+    	dispatch_dev("SvelteRegisterBlock", {
+    		block,
+    		id: create_each_block_2$1.name,
+    		type: "each",
+    		source: "(298:10) {#each timeline.points as point}",
+    		ctx
+    	});
+
+    	return block;
+    }
+
+    // (295:6) {#each $timelines as timeline}
+    function create_each_block_1$7(ctx) {
+    	let h3;
+    	let t0;
+    	let t1_value = /*timeline*/ ctx[50].id + "";
+    	let t1;
+    	let t2;
+    	let ul;
+    	let t3;
+    	let button;
+    	let t4;
+    	let t5_value = /*timeline*/ ctx[50].id + "";
+    	let t5;
+    	let mounted;
+    	let dispose;
+    	let each_value_2 = /*timeline*/ ctx[50].points;
+    	validate_each_argument(each_value_2);
+    	let each_blocks = [];
+
+    	for (let i = 0; i < each_value_2.length; i += 1) {
+    		each_blocks[i] = create_each_block_2$1(get_each_context_2$1(ctx, each_value_2, i));
+    	}
+
+    	function click_handler() {
+    		return /*click_handler*/ ctx[24](/*timeline*/ ctx[50]);
+    	}
+
+    	const block = {
+    		c: function create() {
+    			h3 = element("h3");
+    			t0 = text("Timeline ");
+    			t1 = text(t1_value);
+    			t2 = space();
+    			ul = element("ul");
+
+    			for (let i = 0; i < each_blocks.length; i += 1) {
+    				each_blocks[i].c();
+    			}
+
+    			t3 = space();
+    			button = element("button");
+    			t4 = text("Add Points to Timeline ");
+    			t5 = text(t5_value);
+    			add_location(h3, file$l, 295, 8, 11393);
+    			add_location(ul, file$l, 296, 8, 11434);
+    			add_location(button, file$l, 301, 8, 11582);
+    		},
+    		m: function mount(target, anchor) {
+    			insert_dev(target, h3, anchor);
+    			append_dev(h3, t0);
+    			append_dev(h3, t1);
+    			insert_dev(target, t2, anchor);
+    			insert_dev(target, ul, anchor);
+
+    			for (let i = 0; i < each_blocks.length; i += 1) {
+    				if (each_blocks[i]) {
+    					each_blocks[i].m(ul, null);
+    				}
+    			}
+
+    			insert_dev(target, t3, anchor);
+    			insert_dev(target, button, anchor);
+    			append_dev(button, t4);
+    			append_dev(button, t5);
+
+    			if (!mounted) {
+    				dispose = listen_dev(button, "click", click_handler, false, false, false, false);
+    				mounted = true;
+    			}
+    		},
+    		p: function update(new_ctx, dirty) {
+    			ctx = new_ctx;
+    			if (dirty[0] & /*$timelines*/ 32 && t1_value !== (t1_value = /*timeline*/ ctx[50].id + "")) set_data_dev(t1, t1_value);
+
+    			if (dirty[0] & /*$timelines*/ 32) {
+    				each_value_2 = /*timeline*/ ctx[50].points;
+    				validate_each_argument(each_value_2);
+    				let i;
+
+    				for (i = 0; i < each_value_2.length; i += 1) {
+    					const child_ctx = get_each_context_2$1(ctx, each_value_2, i);
+
+    					if (each_blocks[i]) {
+    						each_blocks[i].p(child_ctx, dirty);
+    					} else {
+    						each_blocks[i] = create_each_block_2$1(child_ctx);
+    						each_blocks[i].c();
+    						each_blocks[i].m(ul, null);
+    					}
+    				}
+
+    				for (; i < each_blocks.length; i += 1) {
+    					each_blocks[i].d(1);
+    				}
+
+    				each_blocks.length = each_value_2.length;
+    			}
+
+    			if (dirty[0] & /*$timelines*/ 32 && t5_value !== (t5_value = /*timeline*/ ctx[50].id + "")) set_data_dev(t5, t5_value);
+    		},
+    		d: function destroy(detaching) {
+    			if (detaching) detach_dev(h3);
+    			if (detaching) detach_dev(t2);
+    			if (detaching) detach_dev(ul);
+    			destroy_each(each_blocks, detaching);
+    			if (detaching) detach_dev(t3);
+    			if (detaching) detach_dev(button);
+    			mounted = false;
+    			dispose();
+    		}
+    	};
+
+    	dispatch_dev("SvelteRegisterBlock", {
+    		block,
+    		id: create_each_block_1$7.name,
+    		type: "each",
+    		source: "(295:6) {#each $timelines as timeline}",
+    		ctx
+    	});
+
+    	return block;
+    }
+
+    // (310:8) {#each $mergedTimeline as point}
+    function create_each_block$e(ctx) {
+    	let li;
+    	let t0_value = /*point*/ ctx[47].year + "";
+    	let t0;
+    	let t1;
+    	let t2_value = /*point*/ ctx[47].description + "";
+    	let t2;
+    	let t3;
+    	let t4_value = /*point*/ ctx[47].timelineId + "";
+    	let t4;
+    	let t5;
+
+    	const block = {
+    		c: function create() {
+    			li = element("li");
+    			t0 = text(t0_value);
+    			t1 = text(": ");
+    			t2 = text(t2_value);
+    			t3 = text(" (Timeline ");
+    			t4 = text(t4_value);
+    			t5 = text(")\r\n          ");
+    			add_location(li, file$l, 310, 10, 11891);
+    		},
+    		m: function mount(target, anchor) {
+    			insert_dev(target, li, anchor);
+    			append_dev(li, t0);
+    			append_dev(li, t1);
+    			append_dev(li, t2);
+    			append_dev(li, t3);
+    			append_dev(li, t4);
+    			append_dev(li, t5);
+    		},
+    		p: function update(ctx, dirty) {
+    			if (dirty[0] & /*$mergedTimeline*/ 256 && t0_value !== (t0_value = /*point*/ ctx[47].year + "")) set_data_dev(t0, t0_value);
+    			if (dirty[0] & /*$mergedTimeline*/ 256 && t2_value !== (t2_value = /*point*/ ctx[47].description + "")) set_data_dev(t2, t2_value);
+    			if (dirty[0] & /*$mergedTimeline*/ 256 && t4_value !== (t4_value = /*point*/ ctx[47].timelineId + "")) set_data_dev(t4, t4_value);
+    		},
+    		d: function destroy(detaching) {
+    			if (detaching) detach_dev(li);
+    		}
+    	};
+
+    	dispatch_dev("SvelteRegisterBlock", {
+    		block,
+    		id: create_each_block$e.name,
+    		type: "each",
+    		source: "(310:8) {#each $mergedTimeline as point}",
+    		ctx
+    	});
+
+    	return block;
+    }
+
+    // (339:6) {#if sequence.length > 0}
+    function create_if_block_3(ctx) {
     	let div;
     	let p;
     	let t0;
@@ -5128,8 +5520,8 @@ var app = (function () {
     			p = element("p");
     			t0 = text("Generated Sequence: ");
     			t1 = text(t1_value);
-    			add_location(p, file$k, 110, 12, 5001);
-    			add_location(div, file$k, 109, 8, 4982);
+    			add_location(p, file$l, 340, 10, 12886);
+    			add_location(div, file$l, 339, 8, 12869);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -5138,7 +5530,7 @@ var app = (function () {
     			append_dev(p, t1);
     		},
     		p: function update(ctx, dirty) {
-    			if (dirty & /*sequence*/ 1 && t1_value !== (t1_value = /*sequence*/ ctx[0].join(', ') + "")) set_data_dev(t1, t1_value);
+    			if (dirty[0] & /*sequence*/ 1 && t1_value !== (t1_value = /*sequence*/ ctx[0].join(', ') + "")) set_data_dev(t1, t1_value);
     		},
     		d: function destroy(detaching) {
     			if (detaching) detach_dev(div);
@@ -5147,17 +5539,17 @@ var app = (function () {
 
     	dispatch_dev("SvelteRegisterBlock", {
     		block,
-    		id: create_if_block_2$1.name,
+    		id: create_if_block_3.name,
     		type: "if",
-    		source: "(109:8) {#if sequence.length > 0}",
+    		source: "(339:6) {#if sequence.length > 0}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (99:4) {#if isTwoColumnLayout}
-    function create_if_block_1$4(ctx) {
+    // (329:4) {#if isTwoColumnLayout}
+    function create_if_block_2$1(ctx) {
     	let div2;
     	let div0;
     	let p0;
@@ -5183,14 +5575,14 @@ var app = (function () {
     			p1 = element("p");
     			t3 = text("Enemy Sequence: ");
     			t4 = text(t4_value);
-    			add_location(p0, file$k, 101, 12, 4730);
+    			add_location(p0, file$l, 331, 10, 12623);
     			set_style(div0, "flex", "1");
-    			add_location(div0, file$k, 100, 8, 4694);
-    			add_location(p1, file$k, 104, 12, 4843);
+    			add_location(div0, file$l, 330, 8, 12589);
+    			add_location(p1, file$l, 334, 10, 12734);
     			set_style(div1, "flex", "1");
-    			add_location(div1, file$k, 103, 8, 4807);
+    			add_location(div1, file$l, 333, 8, 12700);
     			set_style(div2, "display", "flex");
-    			add_location(div2, file$k, 99, 8, 4656);
+    			add_location(div2, file$l, 329, 6, 12551);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div2, anchor);
@@ -5205,8 +5597,8 @@ var app = (function () {
     			append_dev(p1, t4);
     		},
     		p: function update(ctx, dirty) {
-    			if (dirty & /*playerSequence*/ 2 && t1_value !== (t1_value = /*playerSequence*/ ctx[1].join(', ') + "")) set_data_dev(t1, t1_value);
-    			if (dirty & /*enemySequence*/ 4 && t4_value !== (t4_value = /*enemySequence*/ ctx[2].join(', ') + "")) set_data_dev(t4, t4_value);
+    			if (dirty[0] & /*playerSequence*/ 2 && t1_value !== (t1_value = /*playerSequence*/ ctx[1].join(', ') + "")) set_data_dev(t1, t1_value);
+    			if (dirty[0] & /*enemySequence*/ 4 && t4_value !== (t4_value = /*enemySequence*/ ctx[2].join(', ') + "")) set_data_dev(t4, t4_value);
     		},
     		d: function destroy(detaching) {
     			if (detaching) detach_dev(div2);
@@ -5215,17 +5607,17 @@ var app = (function () {
 
     	dispatch_dev("SvelteRegisterBlock", {
     		block,
-    		id: create_if_block_1$4.name,
+    		id: create_if_block_2$1.name,
     		type: "if",
-    		source: "(99:4) {#if isTwoColumnLayout}",
+    		source: "(329:4) {#if isTwoColumnLayout}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (116:4) {#if sequence.length > 0}
-    function create_if_block$b(ctx) {
+    // (346:4) {#if sequence.length > 0}
+    function create_if_block_1$4(ctx) {
     	let div;
     	let button0;
     	let t1;
@@ -5251,11 +5643,11 @@ var app = (function () {
     			t5 = space();
     			button3 = element("button");
     			button3.textContent = "Copy All Events";
-    			add_location(button0, file$k, 117, 8, 5147);
-    			add_location(button1, file$k, 118, 8, 5222);
-    			add_location(button2, file$k, 119, 8, 5299);
-    			add_location(button3, file$k, 120, 8, 5376);
-    			add_location(div, file$k, 116, 6, 5132);
+    			add_location(button0, file$l, 347, 8, 13032);
+    			add_location(button1, file$l, 348, 8, 13107);
+    			add_location(button2, file$l, 349, 8, 13184);
+    			add_location(button3, file$l, 350, 8, 13261);
+    			add_location(div, file$l, 346, 6, 13017);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -5269,10 +5661,10 @@ var app = (function () {
 
     			if (!mounted) {
     				dispose = [
-    					listen_dev(button0, "click", /*click_handler*/ ctx[8], false, false, false, false),
-    					listen_dev(button1, "click", /*click_handler_1*/ ctx[9], false, false, false, false),
-    					listen_dev(button2, "click", /*click_handler_2*/ ctx[10], false, false, false, false),
-    					listen_dev(button3, "click", /*click_handler_3*/ ctx[11], false, false, false, false)
+    					listen_dev(button0, "click", /*click_handler_1*/ ctx[25], false, false, false, false),
+    					listen_dev(button1, "click", /*click_handler_2*/ ctx[26], false, false, false, false),
+    					listen_dev(button2, "click", /*click_handler_3*/ ctx[27], false, false, false, false),
+    					listen_dev(button3, "click", /*click_handler_4*/ ctx[28], false, false, false, false)
     				];
 
     				mounted = true;
@@ -5288,125 +5680,334 @@ var app = (function () {
 
     	dispatch_dev("SvelteRegisterBlock", {
     		block,
-    		id: create_if_block$b.name,
+    		id: create_if_block_1$4.name,
     		type: "if",
-    		source: "(116:4) {#if sequence.length > 0}",
+    		source: "(346:4) {#if sequence.length > 0}",
     		ctx
     	});
 
     	return block;
     }
 
-    function create_fragment$k(ctx) {
-    	let main;
-    	let button0;
+    // (355:4) {#if jsonScaffold}
+    function create_if_block$b(ctx) {
+    	let div;
+    	let button;
     	let t1;
-    	let button1;
+    	let pre;
     	let t2;
-    	let button1_disabled_value;
+    	let t3_value = JSON.stringify(/*jsonScaffold*/ ctx[4], null, 2) + "";
     	let t3;
-    	let button2;
-    	let t5;
+    	let t4;
+    	let mounted;
+    	let dispose;
+
+    	const block = {
+    		c: function create() {
+    			div = element("div");
+    			button = element("button");
+    			button.textContent = "Copy editable fields for llm";
+    			t1 = space();
+    			pre = element("pre");
+    			t2 = text("          ");
+    			t3 = text(t3_value);
+    			t4 = text("\r\n        ");
+    			add_location(button, file$l, 356, 8, 13438);
+    			add_location(pre, file$l, 358, 8, 13549);
+    			attr_dev(div, "class", "scrollable svelte-1d8ch82");
+    			add_location(div, file$l, 355, 6, 13404);
+    		},
+    		m: function mount(target, anchor) {
+    			insert_dev(target, div, anchor);
+    			append_dev(div, button);
+    			append_dev(div, t1);
+    			append_dev(div, pre);
+    			append_dev(pre, t2);
+    			append_dev(pre, t3);
+    			append_dev(pre, t4);
+
+    			if (!mounted) {
+    				dispose = listen_dev(button, "click", /*click_handler_5*/ ctx[29], false, false, false, false);
+    				mounted = true;
+    			}
+    		},
+    		p: function update(ctx, dirty) {
+    			if (dirty[0] & /*jsonScaffold*/ 16 && t3_value !== (t3_value = JSON.stringify(/*jsonScaffold*/ ctx[4], null, 2) + "")) set_data_dev(t3, t3_value);
+    		},
+    		d: function destroy(detaching) {
+    			if (detaching) detach_dev(div);
+    			mounted = false;
+    			dispose();
+    		}
+    	};
+
+    	dispatch_dev("SvelteRegisterBlock", {
+    		block,
+    		id: create_if_block$b.name,
+    		type: "if",
+    		source: "(355:4) {#if jsonScaffold}",
+    		ctx
+    	});
+
+    	return block;
+    }
+
+    function create_fragment$l(ctx) {
+    	let div0;
+    	let h2;
+    	let t1;
+    	let label0;
+    	let t3;
+    	let input0;
+    	let t4;
+    	let button0;
     	let t6;
+    	let label1;
+    	let t8;
+    	let input1;
+    	let t9;
+    	let t10;
+    	let hr0;
+    	let hr1;
+    	let t11;
+    	let h1;
+    	let t13;
+    	let div1;
+    	let button1;
+    	let t15;
+    	let button2;
+    	let t16;
+    	let button2_disabled_value;
+    	let t17;
+    	let button3;
+    	let t19;
+    	let button4;
+    	let t21;
+    	let t22;
+    	let t23;
     	let mounted;
     	let dispose;
+    	let if_block0 = /*$timelines*/ ctx[5].length > 0 && create_if_block_4(ctx);
 
     	function select_block_type(ctx, dirty) {
-    		if (/*isTwoColumnLayout*/ ctx[3]) return create_if_block_1$4;
-    		if (/*sequence*/ ctx[0].length > 0) return create_if_block_2$1;
+    		if (/*isTwoColumnLayout*/ ctx[3]) return create_if_block_2$1;
+    		if (/*sequence*/ ctx[0].length > 0) return create_if_block_3;
     	}
 
     	let current_block_type = select_block_type(ctx);
-    	let if_block0 = current_block_type && current_block_type(ctx);
-    	let if_block1 = /*sequence*/ ctx[0].length > 0 && create_if_block$b(ctx);
+    	let if_block1 = current_block_type && current_block_type(ctx);
+    	let if_block2 = /*sequence*/ ctx[0].length > 0 && create_if_block_1$4(ctx);
+    	let if_block3 = /*jsonScaffold*/ ctx[4] && create_if_block$b(ctx);
 
     	const block = {
     		c: function create() {
-    			main = element("main");
-    			button0 = element("button");
-    			button0.textContent = "Generate New Sequence";
+    			div0 = element("div");
+    			h2 = element("h2");
+    			h2.textContent = "Timeline Generator (esp backstories)";
     			t1 = space();
-    			button1 = element("button");
-    			t2 = text("Generate Follow-Up Sequence");
+    			label0 = element("label");
+    			label0.textContent = "Number of Timelines:";
     			t3 = space();
-    			button2 = element("button");
-    			button2.textContent = "Generate Main Enemy (solo protagonist) based Sequence";
-    			t5 = text("\r\n     | TODO Group Protag button\r\n  \r\n    ");
-    			if (if_block0) if_block0.c();
+    			input0 = element("input");
+    			t4 = space();
+    			button0 = element("button");
+    			button0.textContent = "Create Timelines";
     			t6 = space();
+    			label1 = element("label");
+    			label1.textContent = "Number of Events per Timeline:";
+    			t8 = space();
+    			input1 = element("input");
+    			t9 = space();
+    			if (if_block0) if_block0.c();
+    			t10 = space();
+    			hr0 = element("hr");
+    			hr1 = element("hr");
+    			t11 = space();
+    			h1 = element("h1");
+    			h1.textContent = "Sequence and psuedo json scaffold generator";
+    			t13 = space();
+    			div1 = element("div");
+    			button1 = element("button");
+    			button1.textContent = "Generate New Sequence";
+    			t15 = space();
+    			button2 = element("button");
+    			t16 = text("Generate Follow-Up Sequence");
+    			t17 = space();
+    			button3 = element("button");
+    			button3.textContent = "Generate Main Enemy (solo protagonist) based Sequence";
+    			t19 = space();
+    			button4 = element("button");
+    			button4.textContent = "Generate JSON Scaffold";
+    			t21 = space();
     			if (if_block1) if_block1.c();
-    			add_location(button0, file$k, 93, 4, 4282);
-    			button1.disabled = button1_disabled_value = /*sequence*/ ctx[0].length === 0;
-    			add_location(button1, file$k, 94, 4, 4354);
-    			add_location(button2, file$k, 95, 4, 4473);
-    			add_location(main, file$k, 92, 0, 4270);
+    			t22 = space();
+    			if (if_block2) if_block2.c();
+    			t23 = space();
+    			if (if_block3) if_block3.c();
+    			add_location(h2, file$l, 283, 4, 10882);
+    			attr_dev(label0, "for", "numTimelines");
+    			add_location(label0, file$l, 285, 4, 10937);
+    			attr_dev(input0, "type", "number");
+    			attr_dev(input0, "id", "numTimelines");
+    			attr_dev(input0, "min", "1");
+    			add_location(input0, file$l, 286, 4, 10997);
+    			add_location(button0, file$l, 287, 4, 11077);
+    			attr_dev(label1, "for", "numEvents");
+    			add_location(label1, file$l, 289, 4, 11147);
+    			attr_dev(input1, "type", "number");
+    			attr_dev(input1, "id", "numEvents");
+    			attr_dev(input1, "min", "1");
+    			add_location(input1, file$l, 290, 4, 11214);
+    			add_location(div0, file$l, 282, 2, 10871);
+    			add_location(hr0, file$l, 318, 2, 12048);
+    			add_location(hr1, file$l, 318, 6, 12052);
+    			add_location(h1, file$l, 320, 2, 12064);
+    			add_location(button1, file$l, 323, 4, 12135);
+    			button2.disabled = button2_disabled_value = /*sequence*/ ctx[0].length === 0;
+    			add_location(button2, file$l, 324, 4, 12207);
+    			add_location(button3, file$l, 325, 4, 12326);
+    			add_location(button4, file$l, 326, 4, 12439);
+    			add_location(div1, file$l, 322, 2, 12124);
     		},
     		l: function claim(nodes) {
     			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
     		},
     		m: function mount(target, anchor) {
-    			insert_dev(target, main, anchor);
-    			append_dev(main, button0);
-    			append_dev(main, t1);
-    			append_dev(main, button1);
-    			append_dev(button1, t2);
-    			append_dev(main, t3);
-    			append_dev(main, button2);
-    			append_dev(main, t5);
-    			if (if_block0) if_block0.m(main, null);
-    			append_dev(main, t6);
-    			if (if_block1) if_block1.m(main, null);
+    			insert_dev(target, div0, anchor);
+    			append_dev(div0, h2);
+    			append_dev(div0, t1);
+    			append_dev(div0, label0);
+    			append_dev(div0, t3);
+    			append_dev(div0, input0);
+    			set_input_value(input0, /*$numTimelines*/ ctx[7]);
+    			append_dev(div0, t4);
+    			append_dev(div0, button0);
+    			append_dev(div0, t6);
+    			append_dev(div0, label1);
+    			append_dev(div0, t8);
+    			append_dev(div0, input1);
+    			set_input_value(input1, /*$numEvents*/ ctx[6]);
+    			append_dev(div0, t9);
+    			if (if_block0) if_block0.m(div0, null);
+    			insert_dev(target, t10, anchor);
+    			insert_dev(target, hr0, anchor);
+    			insert_dev(target, hr1, anchor);
+    			insert_dev(target, t11, anchor);
+    			insert_dev(target, h1, anchor);
+    			insert_dev(target, t13, anchor);
+    			insert_dev(target, div1, anchor);
+    			append_dev(div1, button1);
+    			append_dev(div1, t15);
+    			append_dev(div1, button2);
+    			append_dev(button2, t16);
+    			append_dev(div1, t17);
+    			append_dev(div1, button3);
+    			append_dev(div1, t19);
+    			append_dev(div1, button4);
+    			append_dev(div1, t21);
+    			if (if_block1) if_block1.m(div1, null);
+    			append_dev(div1, t22);
+    			if (if_block2) if_block2.m(div1, null);
+    			append_dev(div1, t23);
+    			if (if_block3) if_block3.m(div1, null);
 
     			if (!mounted) {
     				dispose = [
-    					listen_dev(button0, "click", /*generateSequence*/ ctx[4], false, false, false, false),
-    					listen_dev(button1, "click", /*generateFollowUpSequence*/ ctx[5], false, false, false, false),
-    					listen_dev(button2, "click", /*generateMainEnemySequence*/ ctx[6], false, false, false, false)
+    					listen_dev(input0, "input", /*input0_input_handler*/ ctx[22]),
+    					listen_dev(button0, "click", /*createTimelines*/ ctx[13], false, false, false, false),
+    					listen_dev(input1, "input", /*input1_input_handler*/ ctx[23]),
+    					listen_dev(button1, "click", /*generateSequence*/ ctx[16], false, false, false, false),
+    					listen_dev(button2, "click", /*generateFollowUpSequence*/ ctx[17], false, false, false, false),
+    					listen_dev(button3, "click", /*generateMainEnemySequence*/ ctx[18], false, false, false, false),
+    					listen_dev(button4, "click", /*generateJSONScaffold*/ ctx[20], false, false, false, false)
     				];
 
     				mounted = true;
     			}
     		},
-    		p: function update(ctx, [dirty]) {
-    			if (dirty & /*sequence*/ 1 && button1_disabled_value !== (button1_disabled_value = /*sequence*/ ctx[0].length === 0)) {
-    				prop_dev(button1, "disabled", button1_disabled_value);
+    		p: function update(ctx, dirty) {
+    			if (dirty[0] & /*$numTimelines*/ 128 && to_number(input0.value) !== /*$numTimelines*/ ctx[7]) {
+    				set_input_value(input0, /*$numTimelines*/ ctx[7]);
     			}
 
-    			if (current_block_type === (current_block_type = select_block_type(ctx)) && if_block0) {
-    				if_block0.p(ctx, dirty);
-    			} else {
-    				if (if_block0) if_block0.d(1);
-    				if_block0 = current_block_type && current_block_type(ctx);
+    			if (dirty[0] & /*$numEvents*/ 64 && to_number(input1.value) !== /*$numEvents*/ ctx[6]) {
+    				set_input_value(input1, /*$numEvents*/ ctx[6]);
+    			}
 
+    			if (/*$timelines*/ ctx[5].length > 0) {
     				if (if_block0) {
+    					if_block0.p(ctx, dirty);
+    				} else {
+    					if_block0 = create_if_block_4(ctx);
     					if_block0.c();
-    					if_block0.m(main, t6);
+    					if_block0.m(div0, null);
     				}
+    			} else if (if_block0) {
+    				if_block0.d(1);
+    				if_block0 = null;
     			}
 
-    			if (/*sequence*/ ctx[0].length > 0) {
+    			if (dirty[0] & /*sequence*/ 1 && button2_disabled_value !== (button2_disabled_value = /*sequence*/ ctx[0].length === 0)) {
+    				prop_dev(button2, "disabled", button2_disabled_value);
+    			}
+
+    			if (current_block_type === (current_block_type = select_block_type(ctx)) && if_block1) {
+    				if_block1.p(ctx, dirty);
+    			} else {
+    				if (if_block1) if_block1.d(1);
+    				if_block1 = current_block_type && current_block_type(ctx);
+
     				if (if_block1) {
-    					if_block1.p(ctx, dirty);
-    				} else {
-    					if_block1 = create_if_block$b(ctx);
     					if_block1.c();
-    					if_block1.m(main, null);
+    					if_block1.m(div1, t22);
     				}
-    			} else if (if_block1) {
-    				if_block1.d(1);
-    				if_block1 = null;
+    			}
+
+    			if (/*sequence*/ ctx[0].length > 0) {
+    				if (if_block2) {
+    					if_block2.p(ctx, dirty);
+    				} else {
+    					if_block2 = create_if_block_1$4(ctx);
+    					if_block2.c();
+    					if_block2.m(div1, t23);
+    				}
+    			} else if (if_block2) {
+    				if_block2.d(1);
+    				if_block2 = null;
+    			}
+
+    			if (/*jsonScaffold*/ ctx[4]) {
+    				if (if_block3) {
+    					if_block3.p(ctx, dirty);
+    				} else {
+    					if_block3 = create_if_block$b(ctx);
+    					if_block3.c();
+    					if_block3.m(div1, null);
+    				}
+    			} else if (if_block3) {
+    				if_block3.d(1);
+    				if_block3 = null;
     			}
     		},
     		i: noop,
     		o: noop,
     		d: function destroy(detaching) {
-    			if (detaching) detach_dev(main);
+    			if (detaching) detach_dev(div0);
+    			if (if_block0) if_block0.d();
+    			if (detaching) detach_dev(t10);
+    			if (detaching) detach_dev(hr0);
+    			if (detaching) detach_dev(hr1);
+    			if (detaching) detach_dev(t11);
+    			if (detaching) detach_dev(h1);
+    			if (detaching) detach_dev(t13);
+    			if (detaching) detach_dev(div1);
 
-    			if (if_block0) {
-    				if_block0.d();
+    			if (if_block1) {
+    				if_block1.d();
     			}
 
-    			if (if_block1) if_block1.d();
+    			if (if_block2) if_block2.d();
+    			if (if_block3) if_block3.d();
     			mounted = false;
     			run_all(dispose);
     		}
@@ -5414,7 +6015,7 @@ var app = (function () {
 
     	dispatch_dev("SvelteRegisterBlock", {
     		block,
-    		id: create_fragment$k.name,
+    		id: create_fragment$l.name,
     		type: "component",
     		source: "",
     		ctx
@@ -5423,11 +6024,59 @@ var app = (function () {
     	return block;
     }
 
-    function instance$k($$self, $$props, $$invalidate) {
+    function getKeysFromJSON$2(json, filter) {
+    	const filteredKeys = [];
+    	const remainingKeys = [];
+
+    	function traverseObject(obj, parentKey = '') {
+    		for (const key in obj) {
+    			if (obj.hasOwnProperty(key)) {
+    				const fullKey = parentKey ? `${parentKey}.${key}` : key;
+
+    				if (typeof filter === 'function' && filter(fullKey)) {
+    					filteredKeys.push(fullKey);
+    				} else {
+    					remainingKeys.push(fullKey);
+    				}
+
+    				if (typeof obj[key] === 'object' && obj[key] !== null) {
+    					traverseObject(obj[key], fullKey);
+    				}
+    			}
+    		}
+    	}
+
+    	traverseObject(json);
+    	return { filteredKeys, remainingKeys };
+    }
+
+    function instance$l($$self, $$props, $$invalidate) {
+    	let $timelines;
+    	let $numEvents;
+    	let $numTimelines;
+    	let $mergedTimeline;
     	let { $$slots: slots = {}, $$scope } = $$props;
     	validate_slots('BrainstormStateTransitionsRandom', slots, []);
+    	let numTimelines = writable(2); // Default to 2 timelines
+    	validate_store(numTimelines, 'numTimelines');
+    	component_subscribe($$self, numTimelines, value => $$invalidate(7, $numTimelines = value));
+    	let timelines = writable([]);
+    	validate_store(timelines, 'timelines');
+    	component_subscribe($$self, timelines, value => $$invalidate(5, $timelines = value));
+    	let mergedTimeline = writable([]);
+    	validate_store(mergedTimeline, 'mergedTimeline');
+    	component_subscribe($$self, mergedTimeline, value => $$invalidate(8, $mergedTimeline = value));
+    	let numEvents = writable(3); // Default to 3 events per timeline
+    	validate_store(numEvents, 'numEvents');
+    	component_subscribe($$self, numEvents, value => $$invalidate(6, $numEvents = value));
+    	let sequence = [];
+    	let playerSequence = [];
+    	let enemySequence = [];
+    	let isTwoColumnLayout = false;
+    	let jsonScaffold;
 
-    	let predefinedList = [
+    	// Predefined events lists
+    	const characterEvents = [
     		'exploreLocation',
     		'discoverClue',
     		'meetCharacter',
@@ -5450,6 +6099,91 @@ var app = (function () {
     		'achieveVictory'
     	];
 
+    	const itemEvents = [
+    		'findItem',
+    		'inspectItem',
+    		'repairItem',
+    		'upgradeItem',
+    		'useItem',
+    		'loseItem',
+    		'tradeItem',
+    		'giftItem',
+    		'stealItem',
+    		'duplicateItem',
+    		'enchantItem',
+    		'destroyItem',
+    		'sellItem',
+    		'buyItem',
+    		'combineItems',
+    		'identifyItem',
+    		'storeItem',
+    		'retrieveItem',
+    		'hideItem',
+    		'revealItem',
+    		'consumeItem',
+    		'studyItem',
+    		'activateItem',
+    		'deactivateItem',
+    		'analyzeItem'
+    	];
+
+    	const environmentEvents = [
+    		'changeWeather',
+    		'triggerEarthquake',
+    		'causeFlood',
+    		'startFire',
+    		'spawnMonster',
+    		'discoverHiddenPath',
+    		'openPortal',
+    		'closePortal',
+    		'createObstacle',
+    		'removeObstacle',
+    		'alterTerrain',
+    		'revealSecretArea',
+    		'startStorm',
+    		'endStorm',
+    		'activateTrap',
+    		'deactivateTrap',
+    		'spawnTreasure',
+    		'shiftLandscape',
+    		'changeSeason',
+    		'dayToNight',
+    		'nightToDay',
+    		'polluteArea',
+    		'purifyArea',
+    		'collapseStructure',
+    		'repairStructure'
+    	];
+
+    	const statsEvents = [
+    		'increaseHealth',
+    		'decreaseHealth',
+    		'gainExperience',
+    		'loseExperience',
+    		'boostStrength',
+    		'reduceStrength',
+    		'improveAgility',
+    		'diminishAgility',
+    		'raiseIntelligence',
+    		'lowerIntelligence',
+    		'enhanceStamina',
+    		'drainStamina',
+    		'amplifyLuck',
+    		'weakenLuck',
+    		'upgradeSkill',
+    		'downgradeSkill',
+    		'gainLevel',
+    		'loseLevel',
+    		'increaseDefense',
+    		'decreaseDefense',
+    		'improveCharisma',
+    		'reduceCharisma',
+    		'boostMana',
+    		'drainMana',
+    		'increaseSpeed'
+    	];
+
+    	// Follow-up events
     	let followUpEvents = {
     		'meetCharacter': [
     			'interactWithCharacterAgain',
@@ -5474,23 +6208,125 @@ var app = (function () {
     		]
     	};
 
-    	let sequence = [];
-    	let playerSequence = [];
-    	let enemySequence = [];
-    	let isTwoColumnLayout = false;
+    	// Data for JSON scaffold
+    	let background = '/AutoGameBackgrounds/theme_background.png';
+
+    	let inventory = [
+    		{
+    			type: "weapon",
+    			name: "Random weapon",
+    			description: "A powerful weapon."
+    		}
+    	];
+
+    	let skills = [
+    		{
+    			branch: "Skill Group 1",
+    			name: "Skill One",
+    			learned: false
+    		}
+    	];
+
+    	let persistentTargets = [
+    		{
+    			name: "Background Target 1",
+    			x: 500,
+    			y: 500,
+    			collisionType: "alert",
+    			collisiontext: "First Test"
+    		}
+    	];
+
+    	let story = [
+    		{
+    			part: 0,
+    			objectives: [
+    				{
+    					id: 1,
+    					name: "Mission Details",
+    					complete: false,
+    					progress: 0,
+    					inventoryRequired: []
+    				}
+    			],
+    			targets: [
+    				{
+    					name: "Target 1",
+    					x: 150,
+    					y: 150,
+    					collisionType: "alert",
+    					collisiontext: "First Test"
+    				}
+    			]
+    		}
+    	];
+
+    	let actions = {
+    		Buybook() {
+    			
+    		}, // Logic to buy the book
+    		// Logic to buy the book
+    		
+    	};
 
+    	let stateobjects = {};
+
+    	// Function to create timelines
+    	function createTimelines() {
+    		const newTimelines = [];
+
+    		for (let i = 1; i <= $numTimelines; i++) {
+    			newTimelines.push({ id: i, points: [] });
+    		}
+
+    		timelines.set(newTimelines);
+    	}
+
+    	// Function to generate random points for a timeline
+    	function generateRandomPoints(timelineId) {
+    		const allEvents = [...characterEvents, ...itemEvents, ...environmentEvents, ...statsEvents];
+
+    		const updatedTimelines = $timelines.map(timeline => {
+    			if (timeline.id === timelineId) {
+    				const points = [];
+
+    				for (let i = 0; i < $numEvents; i++) {
+    					let year = Math.floor(Math.random() * (2023 - 1900 + 1)) + 1900;
+    					let event = allEvents[Math.floor(Math.random() * allEvents.length)];
+    					let description = `Timeline ${timelineId}, Event ${i + 1}: ${event}`;
+    					points.push({ year, description, timelineId });
+    				}
+
+    				return { ...timeline, points };
+    			}
+
+    			return timeline;
+    		});
+
+    		timelines.set(updatedTimelines);
+    	}
+
+    	// Function to merge timelines
+    	function mergeTimelines() {
+    		const allPoints = $timelines.flatMap(timeline => timeline.points);
+    		allPoints.sort((a, b) => a.year - b.year);
+    		mergedTimeline.set(allPoints);
+    	}
+
+    	// Function to generate a sequence of events
     	function generateSequence() {
     		$$invalidate(0, sequence = []);
 
     		for (let i = 0; i < 30; i++) {
-    			const randomIndex = Math.floor(Math.random() * predefinedList.length);
-    			sequence.push(predefinedList[randomIndex]);
+    			const randomIndex = Math.floor(Math.random() * characterEvents.length);
+    			sequence.push(characterEvents[randomIndex]);
     		}
 
     		$$invalidate(1, playerSequence = [...sequence]);
     		$$invalidate(3, isTwoColumnLayout = false);
     	}
 
+    	// Function to generate a follow-up sequence of events
     	function generateFollowUpSequence() {
     		const extendedSequence = [...sequence];
 
@@ -5509,14 +6345,15 @@ var app = (function () {
     		$$invalidate(3, isTwoColumnLayout = false);
     	}
 
+    	// Function to generate a main enemy sequence
     	function generateMainEnemySequence() {
     		const subordinateSequences = [];
     		const subordinateCount = Math.floor(Math.random() * 5) + 1;
 
     		// Generate main enemy events
     		for (let i = 0; i < 10; i++) {
-    			const randomIndex = Math.floor(Math.random() * predefinedList.length);
-    			enemySequence.push(`mainEnemy${predefinedList[randomIndex]}`);
+    			const randomIndex = Math.floor(Math.random() * characterEvents.length);
+    			enemySequence.push(`mainEnemy${characterEvents[randomIndex]}`);
     		}
 
     		// Generate subordinate events
@@ -5524,8 +6361,8 @@ var app = (function () {
     			const subordinateSequence = [];
 
     			for (let j = 0; j < 5; j++) {
-    				const randomIndex = Math.floor(Math.random() * predefinedList.length);
-    				subordinateSequence.push(`enemysubordinate${i + 1}${predefinedList[randomIndex]}`);
+    				const randomIndex = Math.floor(Math.random() * characterEvents.length);
+    				subordinateSequence.push(`enemysubordinate${i + 1}${characterEvents[randomIndex]}`);
     			}
 
     			subordinateSequences.push(subordinateSequence);
@@ -5543,6 +6380,7 @@ var app = (function () {
     		$$invalidate(3, isTwoColumnLayout = true);
     	}
 
+    	// Function to copy a certain number of items to clipboard
     	function copyToClipboard(count) {
     		const selectedItems = sequence.slice(0, count);
     		const textToCopy = 'Write a story in this order - ' + selectedItems.join(', ');
@@ -5550,37 +6388,168 @@ var app = (function () {
     		alert(`Copied ${count} items to clipboard!`);
     	}
 
+    	// Function to generate the JSON scaffold
+    	function generateJSONScaffold() {
+    		$$invalidate(4, jsonScaffold = {
+    			//const
+    			'User Custom': {
+    				background,
+    				inventory,
+    				skills,
+    				persistentTargets,
+    				story: sequence.map((event, index) => ({
+    					part: index,
+    					objectives: [
+    						{
+    							id: index + 1,
+    							name: `Objective for ${event}`,
+    							complete: false,
+    							progress: 0,
+    							inventoryRequired: []
+    						}
+    					],
+    					targets: [
+    						{
+    							name: `Target for ${event}`,
+    							x: 100 * (index + 1),
+    							y: 100 * (index + 1),
+    							collisionType: "alert",
+    							collisiontext: `Target for ${event}`
+    						}
+    					]
+    				})),
+    				actions,
+    				stateobjects
+    			}
+    		});
+
+    		console.log(JSON.stringify(jsonScaffold, null, 2));
+    	}
+
+    	// Create initial timelines on mount
+    	onMount(() => {
+    		createTimelines();
+    	});
+
+    	let json = {};
+    	let filteredKeys = [];
+    	let remainingKeys = [];
+    	let llmresponseformat = '{"story" : [{},{},... ]';
+
+    	function extractKeys() {
+    		try {
+    			//json = JSON.parse(jsonInput);
+    			json = jsonScaffold; //randomContentStructureSubtargets
+
+    			const { filteredKeys: filtered, remainingKeys: remaining } = getKeysFromJSON$2(json, key => {
+    				return key.includes('name') || key.includes('collisiontext'); //|| modal fields;
+    			}); //return key.endsWith('.x') || key.endsWith('.y') || key.includes('Type') || key.includes('complete');
+
+    			filteredKeys = filtered;
+    			remainingKeys = remaining;
+    		} catch(error) {
+    			console.error('Invalid JSON:', error);
+    			filteredKeys = [];
+    			remainingKeys = [];
+    		}
+    	}
+
+    	function copyextractedkeysToClipboard(count) {
+    		extractKeys();
+    		navigator.clipboard.writeText(filteredKeys);
+    		alert(`Copied ${count} items to clipboard!`);
+    	}
+
     	const writable_props = [];
 
     	Object.keys($$props).forEach(key => {
-    		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console.warn(`<BrainstormStateTransitionsRandom> was created with unknown prop '${key}'`);
+    		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console_1$a.warn(`<BrainstormStateTransitionsRandom> was created with unknown prop '${key}'`);
     	});
 
-    	const click_handler = () => copyToClipboard(5);
-    	const click_handler_1 = () => copyToClipboard(10);
-    	const click_handler_2 = () => copyToClipboard(30);
-    	const click_handler_3 = () => copyToClipboard(sequence.length);
+    	function input0_input_handler() {
+    		$numTimelines = to_number(this.value);
+    		numTimelines.set($numTimelines);
+    	}
+
+    	function input1_input_handler() {
+    		$numEvents = to_number(this.value);
+    		numEvents.set($numEvents);
+    	}
+
+    	const click_handler = timeline => generateRandomPoints(timeline.id);
+    	const click_handler_1 = () => copyToClipboard(5);
+    	const click_handler_2 = () => copyToClipboard(10);
+    	const click_handler_3 = () => copyToClipboard(30);
+    	const click_handler_4 = () => copyToClipboard(sequence.length);
+    	const click_handler_5 = () => copyextractedkeysToClipboard();
 
     	$$self.$capture_state = () => ({
-    		predefinedList,
-    		followUpEvents,
+    		writable,
+    		onMount,
+    		numTimelines,
+    		timelines,
+    		mergedTimeline,
+    		numEvents,
     		sequence,
     		playerSequence,
     		enemySequence,
     		isTwoColumnLayout,
+    		jsonScaffold,
+    		characterEvents,
+    		itemEvents,
+    		environmentEvents,
+    		statsEvents,
+    		followUpEvents,
+    		background,
+    		inventory,
+    		skills,
+    		persistentTargets,
+    		story,
+    		actions,
+    		stateobjects,
+    		createTimelines,
+    		generateRandomPoints,
+    		mergeTimelines,
     		generateSequence,
     		generateFollowUpSequence,
     		generateMainEnemySequence,
-    		copyToClipboard
+    		copyToClipboard,
+    		generateJSONScaffold,
+    		json,
+    		filteredKeys,
+    		remainingKeys,
+    		llmresponseformat,
+    		getKeysFromJSON: getKeysFromJSON$2,
+    		extractKeys,
+    		copyextractedkeysToClipboard,
+    		$timelines,
+    		$numEvents,
+    		$numTimelines,
+    		$mergedTimeline
     	});
 
     	$$self.$inject_state = $$props => {
-    		if ('predefinedList' in $$props) predefinedList = $$props.predefinedList;
-    		if ('followUpEvents' in $$props) followUpEvents = $$props.followUpEvents;
+    		if ('numTimelines' in $$props) $$invalidate(9, numTimelines = $$props.numTimelines);
+    		if ('timelines' in $$props) $$invalidate(10, timelines = $$props.timelines);
+    		if ('mergedTimeline' in $$props) $$invalidate(11, mergedTimeline = $$props.mergedTimeline);
+    		if ('numEvents' in $$props) $$invalidate(12, numEvents = $$props.numEvents);
     		if ('sequence' in $$props) $$invalidate(0, sequence = $$props.sequence);
     		if ('playerSequence' in $$props) $$invalidate(1, playerSequence = $$props.playerSequence);
     		if ('enemySequence' in $$props) $$invalidate(2, enemySequence = $$props.enemySequence);
     		if ('isTwoColumnLayout' in $$props) $$invalidate(3, isTwoColumnLayout = $$props.isTwoColumnLayout);
+    		if ('jsonScaffold' in $$props) $$invalidate(4, jsonScaffold = $$props.jsonScaffold);
+    		if ('followUpEvents' in $$props) followUpEvents = $$props.followUpEvents;
+    		if ('background' in $$props) background = $$props.background;
+    		if ('inventory' in $$props) inventory = $$props.inventory;
+    		if ('skills' in $$props) skills = $$props.skills;
+    		if ('persistentTargets' in $$props) persistentTargets = $$props.persistentTargets;
+    		if ('story' in $$props) story = $$props.story;
+    		if ('actions' in $$props) actions = $$props.actions;
+    		if ('stateobjects' in $$props) stateobjects = $$props.stateobjects;
+    		if ('json' in $$props) json = $$props.json;
+    		if ('filteredKeys' in $$props) filteredKeys = $$props.filteredKeys;
+    		if ('remainingKeys' in $$props) remainingKeys = $$props.remainingKeys;
+    		if ('llmresponseformat' in $$props) llmresponseformat = $$props.llmresponseformat;
     	};
 
     	if ($$props && "$$inject" in $$props) {
@@ -5592,27 +6561,45 @@ var app = (function () {
     		playerSequence,
     		enemySequence,
     		isTwoColumnLayout,
+    		jsonScaffold,
+    		$timelines,
+    		$numEvents,
+    		$numTimelines,
+    		$mergedTimeline,
+    		numTimelines,
+    		timelines,
+    		mergedTimeline,
+    		numEvents,
+    		createTimelines,
+    		generateRandomPoints,
+    		mergeTimelines,
     		generateSequence,
     		generateFollowUpSequence,
     		generateMainEnemySequence,
     		copyToClipboard,
+    		generateJSONScaffold,
+    		copyextractedkeysToClipboard,
+    		input0_input_handler,
+    		input1_input_handler,
     		click_handler,
     		click_handler_1,
     		click_handler_2,
-    		click_handler_3
+    		click_handler_3,
+    		click_handler_4,
+    		click_handler_5
     	];
     }
 
     class BrainstormStateTransitionsRandom extends SvelteComponentDev {
     	constructor(options) {
     		super(options);
-    		init(this, options, instance$k, create_fragment$k, safe_not_equal, {});
+    		init(this, options, instance$l, create_fragment$l, safe_not_equal, {}, null, [-1, -1]);
 
     		dispatch_dev("SvelteRegisterComponent", {
     			component: this,
     			tagName: "BrainstormStateTransitionsRandom",
     			options,
-    			id: create_fragment$k.name
+    			id: create_fragment$l.name
     		});
     	}
     }
@@ -5620,7 +6607,7 @@ var app = (function () {
     /* src\testbrainstorminstantpopulate.svelte generated by Svelte v3.59.2 */
 
     const { console: console_1$9 } = globals;
-    const file$j = "src\\testbrainstorminstantpopulate.svelte";
+    const file$k = "src\\testbrainstorminstantpopulate.svelte";
 
     function get_each_context$d(ctx, list, i) {
     	const child_ctx = ctx.slice();
@@ -5644,7 +6631,7 @@ var app = (function () {
     		c: function create() {
     			li = element("li");
     			t = text(t_value);
-    			add_location(li, file$j, 70, 14, 2213);
+    			add_location(li, file$k, 70, 14, 2213);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, li, anchor);
@@ -5679,7 +6666,7 @@ var app = (function () {
     		c: function create() {
     			li = element("li");
     			t = text(t_value);
-    			add_location(li, file$j, 79, 14, 2410);
+    			add_location(li, file$k, 79, 14, 2410);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, li, anchor);
@@ -5704,7 +6691,7 @@ var app = (function () {
     	return block;
     }
 
-    function create_fragment$j(ctx) {
+    function create_fragment$k(ctx) {
     	let main;
     	let h1;
     	let t1;
@@ -5782,26 +6769,26 @@ var app = (function () {
     				each_blocks[i].c();
     			}
 
-    			add_location(h1, file$j, 56, 4, 1730);
+    			add_location(h1, file$k, 56, 4, 1730);
     			attr_dev(label, "for", "jsonInput");
-    			add_location(label, file$j, 60, 8, 1834);
+    			add_location(label, file$k, 60, 8, 1834);
     			attr_dev(textarea, "id", "jsonInput");
     			attr_dev(textarea, "class", "svelte-1t47hvo");
-    			add_location(textarea, file$j, 61, 8, 1886);
-    			add_location(button, file$j, 62, 8, 1985);
+    			add_location(textarea, file$k, 61, 8, 1886);
+    			add_location(button, file$k, 62, 8, 1985);
     			attr_dev(div0, "class", "input-column svelte-1t47hvo");
-    			add_location(div0, file$j, 59, 6, 1798);
-    			add_location(h20, file$j, 67, 10, 2117);
-    			add_location(ul0, file$j, 68, 10, 2152);
-    			add_location(div1, file$j, 66, 8, 2100);
-    			add_location(h21, file$j, 76, 10, 2312);
-    			add_location(ul1, file$j, 77, 10, 2348);
-    			add_location(div2, file$j, 75, 8, 2295);
+    			add_location(div0, file$k, 59, 6, 1798);
+    			add_location(h20, file$k, 67, 10, 2117);
+    			add_location(ul0, file$k, 68, 10, 2152);
+    			add_location(div1, file$k, 66, 8, 2100);
+    			add_location(h21, file$k, 76, 10, 2312);
+    			add_location(ul1, file$k, 77, 10, 2348);
+    			add_location(div2, file$k, 75, 8, 2295);
     			attr_dev(div3, "class", "output-column svelte-1t47hvo");
-    			add_location(div3, file$j, 65, 6, 2063);
+    			add_location(div3, file$k, 65, 6, 2063);
     			attr_dev(div4, "class", "container svelte-1t47hvo");
-    			add_location(div4, file$j, 58, 4, 1767);
-    			add_location(main, file$j, 55, 2, 1718);
+    			add_location(div4, file$k, 58, 4, 1767);
+    			add_location(main, file$k, 55, 2, 1718);
     		},
     		l: function claim(nodes) {
     			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
@@ -5919,7 +6906,7 @@ var app = (function () {
 
     	dispatch_dev("SvelteRegisterBlock", {
     		block,
-    		id: create_fragment$j.name,
+    		id: create_fragment$k.name,
     		type: "component",
     		source: "",
     		ctx
@@ -5960,7 +6947,7 @@ var app = (function () {
     	textarea.style.height = `${textarea.scrollHeight}px`;
     }
 
-    function instance$j($$self, $$props, $$invalidate) {
+    function instance$k($$self, $$props, $$invalidate) {
     	let { $$slots: slots = {}, $$scope } = $$props;
     	validate_slots('Testbrainstorminstantpopulate', slots, []);
     	let jsonInput = '';
@@ -6023,13 +7010,13 @@ var app = (function () {
     class Testbrainstorminstantpopulate extends SvelteComponentDev {
     	constructor(options) {
     		super(options);
-    		init(this, options, instance$j, create_fragment$j, safe_not_equal, {});
+    		init(this, options, instance$k, create_fragment$k, safe_not_equal, {});
 
     		dispatch_dev("SvelteRegisterComponent", {
     			component: this,
     			tagName: "Testbrainstorminstantpopulate",
     			options,
-    			id: create_fragment$j.name
+    			id: create_fragment$k.name
     		});
     	}
     }
@@ -6037,7 +7024,7 @@ var app = (function () {
     /* src\testjsonmatchingfieldmerge.svelte generated by Svelte v3.59.2 */
 
     const { Object: Object_1$4, console: console_1$8 } = globals;
-    const file$i = "src\\testjsonmatchingfieldmerge.svelte";
+    const file$j = "src\\testjsonmatchingfieldmerge.svelte";
 
     // (195:4) {#if Object.keys(mergedJson).length > 0}
     function create_if_block$a(ctx) {
@@ -6056,9 +7043,9 @@ var app = (function () {
     			t1 = space();
     			pre = element("pre");
     			t2 = text(t2_value);
-    			add_location(h3, file$i, 196, 8, 4625);
-    			add_location(pre, file$i, 197, 8, 4656);
-    			add_location(div, file$i, 195, 6, 4610);
+    			add_location(h3, file$j, 196, 8, 4625);
+    			add_location(pre, file$j, 197, 8, 4656);
+    			add_location(div, file$j, 195, 6, 4610);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -6086,7 +7073,7 @@ var app = (function () {
     	return block;
     }
 
-    function create_fragment$i(ctx) {
+    function create_fragment$j(ctx) {
     	let main;
     	let h2;
     	let t1;
@@ -6129,17 +7116,17 @@ var app = (function () {
     			button.textContent = "Merge JSON";
     			t9 = space();
     			if (if_block) if_block.c();
-    			add_location(h2, file$i, 180, 4, 4178);
-    			add_location(h30, file$i, 183, 6, 4221);
+    			add_location(h2, file$j, 180, 4, 4178);
+    			add_location(h30, file$j, 183, 6, 4221);
     			attr_dev(textarea0, "class", "svelte-1jgnkl9");
-    			add_location(textarea0, file$i, 184, 6, 4252);
-    			add_location(div0, file$i, 182, 4, 4208);
-    			add_location(h31, file$i, 188, 6, 4369);
+    			add_location(textarea0, file$j, 184, 6, 4252);
+    			add_location(div0, file$j, 182, 4, 4208);
+    			add_location(h31, file$j, 188, 6, 4369);
     			attr_dev(textarea1, "class", "svelte-1jgnkl9");
-    			add_location(textarea1, file$i, 189, 6, 4399);
-    			add_location(div1, file$i, 187, 4, 4356);
-    			add_location(button, file$i, 192, 4, 4502);
-    			add_location(main, file$i, 179, 2, 4166);
+    			add_location(textarea1, file$j, 189, 6, 4399);
+    			add_location(div1, file$j, 187, 4, 4356);
+    			add_location(button, file$j, 192, 4, 4502);
+    			add_location(main, file$j, 179, 2, 4166);
     		},
     		l: function claim(nodes) {
     			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
@@ -6212,7 +7199,7 @@ var app = (function () {
 
     	dispatch_dev("SvelteRegisterBlock", {
     		block,
-    		id: create_fragment$i.name,
+    		id: create_fragment$j.name,
     		type: "component",
     		source: "",
     		ctx
@@ -6270,7 +7257,7 @@ var app = (function () {
     	textarea.style.height = `${textarea.scrollHeight}px`;
     }
 
-    function instance$i($$self, $$props, $$invalidate) {
+    function instance$j($$self, $$props, $$invalidate) {
     	let { $$slots: slots = {}, $$scope } = $$props;
     	validate_slots('Testjsonmatchingfieldmerge', slots, []);
 
@@ -6452,20 +7439,20 @@ var app = (function () {
     class Testjsonmatchingfieldmerge extends SvelteComponentDev {
     	constructor(options) {
     		super(options);
-    		init(this, options, instance$i, create_fragment$i, safe_not_equal, {});
+    		init(this, options, instance$j, create_fragment$j, safe_not_equal, {});
 
     		dispatch_dev("SvelteRegisterComponent", {
     			component: this,
     			tagName: "Testjsonmatchingfieldmerge",
     			options,
-    			id: create_fragment$i.name
+    			id: create_fragment$j.name
     		});
     	}
     }
 
     /* src\SimpleIFrame.svelte generated by Svelte v3.59.2 */
 
-    const file$h = "src\\SimpleIFrame.svelte";
+    const file$i = "src\\SimpleIFrame.svelte";
 
     function get_each_context$c(ctx, list, i) {
     	const child_ctx = ctx.slice();
@@ -6486,7 +7473,7 @@ var app = (function () {
     			t = text(t_value);
     			option.__value = option_value_value = /*webpage*/ ctx[4].url;
     			option.value = option.__value;
-    			add_location(option, file$h, 17, 8, 538);
+    			add_location(option, file$i, 17, 8, 538);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, option, anchor);
@@ -6529,7 +7516,7 @@ var app = (function () {
     			attr_dev(iframe, "width", "100%");
     			attr_dev(iframe, "height", "800px");
     			attr_dev(iframe, "frameborder", "0");
-    			add_location(iframe, file$h, 22, 6, 662);
+    			add_location(iframe, file$i, 22, 6, 662);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, iframe, anchor);
@@ -6555,7 +7542,7 @@ var app = (function () {
     	return block;
     }
 
-    function create_fragment$h(ctx) {
+    function create_fragment$i(ctx) {
     	let div;
     	let select;
     	let option;
@@ -6591,11 +7578,11 @@ var app = (function () {
     			if (if_block) if_block.c();
     			option.__value = "";
     			option.value = option.__value;
-    			add_location(option, file$h, 15, 6, 451);
+    			add_location(option, file$i, 15, 6, 451);
     			if (/*selectedUrl*/ ctx[1] === void 0) add_render_callback(() => /*select_change_handler*/ ctx[3].call(select));
-    			add_location(select, file$h, 14, 4, 385);
-    			add_location(br, file$h, 20, 4, 625);
-    			add_location(div, file$h, 13, 2, 374);
+    			add_location(select, file$i, 14, 4, 385);
+    			add_location(br, file$i, 20, 4, 625);
+    			add_location(div, file$i, 13, 2, 374);
     		},
     		l: function claim(nodes) {
     			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
@@ -6681,7 +7668,7 @@ var app = (function () {
 
     	dispatch_dev("SvelteRegisterBlock", {
     		block,
-    		id: create_fragment$h.name,
+    		id: create_fragment$i.name,
     		type: "component",
     		source: "",
     		ctx
@@ -6690,7 +7677,7 @@ var app = (function () {
     	return block;
     }
 
-    function instance$h($$self, $$props, $$invalidate) {
+    function instance$i($$self, $$props, $$invalidate) {
     	let { $$slots: slots = {}, $$scope } = $$props;
     	validate_slots('SimpleIFrame', slots, []);
     	let selectedUrl = '';
@@ -6747,13 +7734,13 @@ var app = (function () {
     class SimpleIFrame extends SvelteComponentDev {
     	constructor(options) {
     		super(options);
-    		init(this, options, instance$h, create_fragment$h, safe_not_equal, { webpages: 0 });
+    		init(this, options, instance$i, create_fragment$i, safe_not_equal, { webpages: 0 });
 
     		dispatch_dev("SvelteRegisterComponent", {
     			component: this,
     			tagName: "SimpleIFrame",
     			options,
-    			id: create_fragment$h.name
+    			id: create_fragment$i.name
     		});
     	}
 
@@ -6769,38 +7756,38 @@ var app = (function () {
     /* src\CustomGameConfigHelper.svelte generated by Svelte v3.59.2 */
 
     const { Object: Object_1$3, console: console_1$7 } = globals;
-    const file$g = "src\\CustomGameConfigHelper.svelte";
+    const file$h = "src\\CustomGameConfigHelper.svelte";
 
     function get_each_context$b(ctx, list, i) {
     	const child_ctx = ctx.slice();
-    	child_ctx[19] = list[i];
+    	child_ctx[32] = list[i];
     	return child_ctx;
     }
 
     function get_each_context_1$5(ctx, list, i) {
     	const child_ctx = ctx.slice();
-    	child_ctx[19] = list[i];
+    	child_ctx[32] = list[i];
     	return child_ctx;
     }
 
-    // (308:16) {#each filteredKeys as key}
+    // (360:16) {#each filteredKeys as key}
     function create_each_block_1$5(ctx) {
     	let li;
-    	let t_value = /*key*/ ctx[19] + "";
+    	let t_value = /*key*/ ctx[32] + "";
     	let t;
 
     	const block = {
     		c: function create() {
     			li = element("li");
     			t = text(t_value);
-    			add_location(li, file$g, 308, 16, 12158);
+    			add_location(li, file$h, 360, 16, 14731);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, li, anchor);
     			append_dev(li, t);
     		},
     		p: function update(ctx, dirty) {
-    			if (dirty & /*filteredKeys*/ 1 && t_value !== (t_value = /*key*/ ctx[19] + "")) set_data_dev(t, t_value);
+    			if (dirty[0] & /*filteredKeys*/ 1 && t_value !== (t_value = /*key*/ ctx[32] + "")) set_data_dev(t, t_value);
     		},
     		d: function destroy(detaching) {
     			if (detaching) detach_dev(li);
@@ -6811,31 +7798,31 @@ var app = (function () {
     		block,
     		id: create_each_block_1$5.name,
     		type: "each",
-    		source: "(308:16) {#each filteredKeys as key}",
+    		source: "(360:16) {#each filteredKeys as key}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (317:16) {#each remainingKeys as key}
+    // (369:16) {#each remainingKeys as key}
     function create_each_block$b(ctx) {
     	let li;
-    	let t_value = /*key*/ ctx[19] + "";
+    	let t_value = /*key*/ ctx[32] + "";
     	let t;
 
     	const block = {
     		c: function create() {
     			li = element("li");
     			t = text(t_value);
-    			add_location(li, file$g, 317, 16, 12381);
+    			add_location(li, file$h, 369, 16, 14954);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, li, anchor);
     			append_dev(li, t);
     		},
     		p: function update(ctx, dirty) {
-    			if (dirty & /*remainingKeys*/ 2 && t_value !== (t_value = /*key*/ ctx[19] + "")) set_data_dev(t, t_value);
+    			if (dirty[0] & /*remainingKeys*/ 2 && t_value !== (t_value = /*key*/ ctx[32] + "")) set_data_dev(t, t_value);
     		},
     		d: function destroy(detaching) {
     			if (detaching) detach_dev(li);
@@ -6846,14 +7833,14 @@ var app = (function () {
     		block,
     		id: create_each_block$b.name,
     		type: "each",
-    		source: "(317:16) {#each remainingKeys as key}",
+    		source: "(369:16) {#each remainingKeys as key}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (357:8) {#if Object.keys(mergedJson).length > 0}
+    // (408:8) {#if Object.keys(mergedJson).length > 0}
     function create_if_block$8(ctx) {
     	let div;
     	let h3;
@@ -6861,6 +7848,14 @@ var app = (function () {
     	let pre;
     	let t2_value = JSON.stringify(/*mergedJson*/ ctx[3], null, 2) + "";
     	let t2;
+    	let t3;
+    	let br;
+    	let t4;
+    	let button0;
+    	let t6;
+    	let button1;
+    	let mounted;
+    	let dispose;
 
     	const block = {
     		c: function create() {
@@ -6870,9 +7865,20 @@ var app = (function () {
     			t1 = space();
     			pre = element("pre");
     			t2 = text(t2_value);
-    			add_location(h3, file$g, 358, 12, 13687);
-    			add_location(pre, file$g, 359, 12, 13722);
-    			add_location(div, file$g, 357, 8, 13668);
+    			t3 = text("\r\n        placeholder for image input for background - optional\r\n        ");
+    			br = element("br");
+    			t4 = space();
+    			button0 = element("button");
+    			button0.textContent = "Download Configuration";
+    			t6 = space();
+    			button1 = element("button");
+    			button1.textContent = "Test load for the auto gen config";
+    			add_location(h3, file$h, 409, 12, 16347);
+    			add_location(pre, file$h, 410, 12, 16382);
+    			add_location(div, file$h, 408, 8, 16328);
+    			add_location(br, file$h, 413, 8, 16519);
+    			add_location(button0, file$h, 414, 8, 16533);
+    			add_location(button1, file$h, 415, 8, 16622);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -6880,12 +7886,35 @@ var app = (function () {
     			append_dev(div, t1);
     			append_dev(div, pre);
     			append_dev(pre, t2);
+    			insert_dev(target, t3, anchor);
+    			insert_dev(target, br, anchor);
+    			insert_dev(target, t4, anchor);
+    			insert_dev(target, button0, anchor);
+    			insert_dev(target, t6, anchor);
+    			insert_dev(target, button1, anchor);
+
+    			if (!mounted) {
+    				dispose = [
+    					listen_dev(button0, "click", /*downloadAutogenConfiguration*/ ctx[12], false, false, false, false),
+    					listen_dev(button1, "click", /*loadexperimentalthemedispatch*/ ctx[7], false, false, false, false)
+    				];
+
+    				mounted = true;
+    			}
     		},
     		p: function update(ctx, dirty) {
-    			if (dirty & /*mergedJson*/ 8 && t2_value !== (t2_value = JSON.stringify(/*mergedJson*/ ctx[3], null, 2) + "")) set_data_dev(t2, t2_value);
+    			if (dirty[0] & /*mergedJson*/ 8 && t2_value !== (t2_value = JSON.stringify(/*mergedJson*/ ctx[3], null, 2) + "")) set_data_dev(t2, t2_value);
     		},
     		d: function destroy(detaching) {
     			if (detaching) detach_dev(div);
+    			if (detaching) detach_dev(t3);
+    			if (detaching) detach_dev(br);
+    			if (detaching) detach_dev(t4);
+    			if (detaching) detach_dev(button0);
+    			if (detaching) detach_dev(t6);
+    			if (detaching) detach_dev(button1);
+    			mounted = false;
+    			run_all(dispose);
     		}
     	};
 
@@ -6893,14 +7922,14 @@ var app = (function () {
     		block,
     		id: create_if_block$8.name,
     		type: "if",
-    		source: "(357:8) {#if Object.keys(mergedJson).length > 0}",
+    		source: "(408:8) {#if Object.keys(mergedJson).length > 0}",
     		ctx
     	});
 
     	return block;
     }
 
-    function create_fragment$g(ctx) {
+    function create_fragment$h(ctx) {
     	let div5;
     	let h1;
     	let t1;
@@ -6922,37 +7951,36 @@ var app = (function () {
     	let ul1;
     	let t13;
     	let div7;
-    	let h30;
-    	let t15;
     	let div6;
-    	let h31;
-    	let t17;
-    	let textarea0;
-    	let textarea0_value_value;
+    	let hr0;
+    	let t14;
+    	let h3;
+    	let t16;
+    	let button0;
     	let t18;
-    	let br0;
-    	let t19;
-    	let simpleiframe;
+    	let button1;
     	let t20;
-    	let hr0;
-    	let t21;
-    	let textarea1;
+    	let button2;
     	let t22;
-    	let button0;
+    	let button3;
     	let t24;
-    	let show_if = Object.keys(/*mergedJson*/ ctx[3]).length > 0;
+    	let simpleiframe;
     	let t25;
-    	let br1;
-    	let t26;
-    	let button1;
-    	let t28;
     	let hr1;
+    	let t26;
+    	let textarea;
+    	let t27;
+    	let button4;
     	let t29;
-    	let br2;
+    	let show_if = Object.keys(/*mergedJson*/ ctx[3]).length > 0;
     	let t30;
-    	let br3;
+    	let hr2;
     	let t31;
-    	let br4;
+    	let br0;
+    	let t32;
+    	let br1;
+    	let t33;
+    	let br2;
     	let current;
     	let mounted;
     	let dispose;
@@ -6973,7 +8001,7 @@ var app = (function () {
     	}
 
     	simpleiframe = new SimpleIFrame({
-    			props: { webpages: /*LLMforassit*/ ctx[7] },
+    			props: { webpages: /*LLMforassit*/ ctx[6] },
     			$$inline: true
     		});
 
@@ -7020,74 +8048,74 @@ var app = (function () {
 
     			t13 = space();
     			div7 = element("div");
-    			h30 = element("h3");
-    			h30.textContent = "Original JSON Above";
-    			t15 = space();
     			div6 = element("div");
-    			h31 = element("h3");
-    			h31.textContent = "Snippet JSON (Get from LLM APIs or interfaces), Use the following prompt from the below :";
-    			t17 = space();
-    			textarea0 = element("textarea");
-    			t18 = text("\r\n        Placeholder for copy system prompt | Placeholder for copy user prompt\r\n\r\n        ");
-    			br0 = element("br");
-    			t19 = text(" Iframe for a Qwen 1.5 (Due to system prompt field add a selector here to do as many as possible in case they struggle)\r\n\r\n        ");
-    			create_component(simpleiframe.$$.fragment);
-    			t20 = space();
     			hr0 = element("hr");
-    			t21 = text("\r\n\r\n        LLM Response to be pasted below\r\n        ");
-    			textarea1 = element("textarea");
-    			t22 = space();
+    			t14 = space();
+    			h3 = element("h3");
+    			h3.textContent = "Snippet JSON (Get from LLM APIs or interfaces), Use the following prompt from the below :";
+    			t16 = space();
     			button0 = element("button");
-    			button0.textContent = "Merge JSON";
-    			t24 = space();
-    			if (if_block) if_block.c();
-    			t25 = text("\r\n\r\n    placeholder for image input for background - optional\r\n    ");
-    			br1 = element("br");
-    			t26 = space();
+    			button0.textContent = "Copy System Prompt";
+    			t18 = space();
     			button1 = element("button");
-    			button1.textContent = "Test load for the auto gen config";
-    			t28 = space();
+    			button1.textContent = "Copy User Prompt";
+    			t20 = space();
+    			button2 = element("button");
+    			button2.textContent = "Copy Obstacle Prompt";
+    			t22 = space();
+    			button3 = element("button");
+    			button3.textContent = "Copy Resolution Prompt";
+    			t24 = text("\r\n        LLM: ");
+    			create_component(simpleiframe.$$.fragment);
+    			t25 = space();
     			hr1 = element("hr");
-    			t29 = text("\r\n\r\n    Major Issues now are how are how to incorporate non alert types OR just assume this is the manual part i.e. filling in the blanks the autogen doesnt manage AND ");
+    			t26 = text("\r\n\r\n        LLM Response to be pasted below\r\n        ");
+    			textarea = element("textarea");
+    			t27 = space();
+    			button4 = element("button");
+    			button4.textContent = "Merge JSON";
+    			t29 = space();
+    			if (if_block) if_block.c();
+    			t30 = space();
+    			hr2 = element("hr");
+    			t31 = text("\r\n\r\n    Major Issues now are how are how to incorporate non alert types OR just assume this is the manual part i.e. filling in the blanks the autogen doesnt manage AND ");
+    			br0 = element("br");
+    			t32 = text("\r\n    Long Structures? ");
+    			br1 = element("br");
+    			t33 = text("\r\n    How to use the sequence planner in the same workflow? AND ");
     			br2 = element("br");
-    			t30 = text("\r\n    Long Structures? ");
-    			br3 = element("br");
-    			t31 = text("\r\n    How to use the sequence planner in the same workflow? AND ");
-    			br4 = element("br");
-    			add_location(h1, file$g, 292, 4, 11392);
-    			add_location(h20, file$g, 293, 4, 11513);
-    			add_location(pre, file$g, 298, 12, 11862);
+    			add_location(h1, file$h, 344, 4, 13965);
+    			add_location(h20, file$h, 345, 4, 14086);
+    			add_location(pre, file$h, 350, 12, 14435);
     			attr_dev(div0, "class", "input-column svelte-1ynthow");
-    			add_location(div0, file$g, 296, 8, 11680);
-    			add_location(h21, file$g, 305, 12, 12054);
-    			add_location(ul0, file$g, 306, 12, 12091);
-    			add_location(div1, file$g, 304, 12, 12035);
-    			add_location(h22, file$g, 314, 12, 12275);
-    			add_location(ul1, file$g, 315, 12, 12313);
-    			add_location(div2, file$g, 313, 12, 12256);
+    			add_location(div0, file$h, 348, 8, 14253);
+    			add_location(h21, file$h, 357, 12, 14627);
+    			add_location(ul0, file$h, 358, 12, 14664);
+    			add_location(div1, file$h, 356, 12, 14608);
+    			add_location(h22, file$h, 366, 12, 14848);
+    			add_location(ul1, file$h, 367, 12, 14886);
+    			add_location(div2, file$h, 365, 12, 14829);
     			attr_dev(div3, "class", "output-column svelte-1ynthow");
-    			add_location(div3, file$g, 303, 8, 11994);
+    			add_location(div3, file$h, 355, 8, 14567);
     			attr_dev(div4, "class", "ContainerColumns svelte-1ynthow");
-    			add_location(div4, file$g, 294, 4, 11636);
-    			add_location(div5, file$g, 290, 0, 11379);
-    			add_location(h30, file$g, 327, 8, 12530);
-    			add_location(h31, file$g, 331, 8, 12690);
-    			textarea0.value = textarea0_value_value = "System\r\n\r\nUse the fields given to you to create a JSON object to fulfill the request of creating a story in JSON form - Its a story that will be interactive. The format is " + /*llmresponseformat*/ ctx[5] + "\r\n\r\n----\r\nUser\r\nUse the following fields to write a pirate story - \r\n\r\n" + /*filteredKeys*/ ctx[0] + "\r\n        ";
-    			attr_dev(textarea0, "class", "svelte-1ynthow");
-    			add_location(textarea0, file$g, 332, 8, 12798);
-    			add_location(br0, file$g, 344, 8, 13196);
-    			add_location(hr0, file$g, 348, 8, 13382);
-    			attr_dev(textarea1, "class", "svelte-1ynthow");
-    			add_location(textarea1, file$g, 351, 8, 13439);
-    			add_location(div6, file$g, 330, 8, 12675);
-    			add_location(button0, file$g, 354, 8, 13552);
-    			add_location(div7, file$g, 325, 4, 12511);
-    			add_location(br1, file$g, 365, 4, 13880);
-    			add_location(button1, file$g, 367, 4, 13892);
-    			add_location(hr1, file$g, 369, 4, 13991);
-    			add_location(br2, file$g, 371, 164, 14163);
-    			add_location(br3, file$g, 372, 21, 14190);
-    			add_location(br4, file$g, 373, 62, 14258);
+    			add_location(div4, file$h, 346, 4, 14209);
+    			add_location(div5, file$h, 342, 0, 13952);
+    			add_location(hr0, file$h, 391, 8, 15460);
+    			add_location(h3, file$h, 392, 8, 15474);
+    			add_location(button0, file$h, 393, 8, 15582);
+    			add_location(button1, file$h, 394, 8, 15681);
+    			add_location(button2, file$h, 395, 8, 15776);
+    			add_location(button3, file$h, 396, 8, 15879);
+    			add_location(hr1, file$h, 399, 8, 16042);
+    			attr_dev(textarea, "class", "svelte-1ynthow");
+    			add_location(textarea, file$h, 402, 8, 16099);
+    			add_location(div6, file$h, 378, 8, 15099);
+    			add_location(button4, file$h, 405, 8, 16212);
+    			add_location(div7, file$h, 377, 4, 15084);
+    			add_location(hr2, file$h, 419, 4, 16748);
+    			add_location(br0, file$h, 421, 164, 16920);
+    			add_location(br1, file$h, 422, 21, 16947);
+    			add_location(br2, file$h, 423, 62, 17015);
     		},
     		l: function claim(nodes) {
     			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
@@ -7128,52 +8156,55 @@ var app = (function () {
 
     			insert_dev(target, t13, anchor);
     			insert_dev(target, div7, anchor);
-    			append_dev(div7, h30);
-    			append_dev(div7, t15);
     			append_dev(div7, div6);
-    			append_dev(div6, h31);
-    			append_dev(div6, t17);
-    			append_dev(div6, textarea0);
+    			append_dev(div6, hr0);
+    			append_dev(div6, t14);
+    			append_dev(div6, h3);
+    			append_dev(div6, t16);
+    			append_dev(div6, button0);
     			append_dev(div6, t18);
-    			append_dev(div6, br0);
-    			append_dev(div6, t19);
-    			mount_component(simpleiframe, div6, null);
+    			append_dev(div6, button1);
     			append_dev(div6, t20);
-    			append_dev(div6, hr0);
-    			append_dev(div6, t21);
-    			append_dev(div6, textarea1);
-    			set_input_value(textarea1, /*snippetJsonInput*/ ctx[2]);
-    			append_dev(div7, t22);
-    			append_dev(div7, button0);
-    			append_dev(div7, t24);
+    			append_dev(div6, button2);
+    			append_dev(div6, t22);
+    			append_dev(div6, button3);
+    			append_dev(div6, t24);
+    			mount_component(simpleiframe, div6, null);
+    			append_dev(div6, t25);
+    			append_dev(div6, hr1);
+    			append_dev(div6, t26);
+    			append_dev(div6, textarea);
+    			set_input_value(textarea, /*snippetJsonInput*/ ctx[2]);
+    			append_dev(div7, t27);
+    			append_dev(div7, button4);
+    			append_dev(div7, t29);
     			if (if_block) if_block.m(div7, null);
-    			insert_dev(target, t25, anchor);
-    			insert_dev(target, br1, anchor);
-    			insert_dev(target, t26, anchor);
-    			insert_dev(target, button1, anchor);
-    			insert_dev(target, t28, anchor);
-    			insert_dev(target, hr1, anchor);
-    			insert_dev(target, t29, anchor);
-    			insert_dev(target, br2, anchor);
     			insert_dev(target, t30, anchor);
-    			insert_dev(target, br3, anchor);
+    			insert_dev(target, hr2, anchor);
     			insert_dev(target, t31, anchor);
-    			insert_dev(target, br4, anchor);
+    			insert_dev(target, br0, anchor);
+    			insert_dev(target, t32, anchor);
+    			insert_dev(target, br1, anchor);
+    			insert_dev(target, t33, anchor);
+    			insert_dev(target, br2, anchor);
     			current = true;
 
     			if (!mounted) {
     				dispose = [
-    					listen_dev(textarea1, "input", /*textarea1_input_handler*/ ctx[9]),
-    					listen_dev(textarea1, "input", autoExpandTextarea, false, false, false, false),
-    					listen_dev(button0, "click", /*handleMerge*/ ctx[6], false, false, false, false),
-    					listen_dev(button1, "click", /*loadexperimentalthemedispatch*/ ctx[8], false, false, false, false)
+    					listen_dev(button0, "click", /*click_handler*/ ctx[13], false, false, false, false),
+    					listen_dev(button1, "click", /*click_handler_1*/ ctx[14], false, false, false, false),
+    					listen_dev(button2, "click", /*click_handler_2*/ ctx[15], false, false, false, false),
+    					listen_dev(button3, "click", /*click_handler_3*/ ctx[16], false, false, false, false),
+    					listen_dev(textarea, "input", /*textarea_input_handler*/ ctx[17]),
+    					listen_dev(textarea, "input", autoExpandTextarea, false, false, false, false),
+    					listen_dev(button4, "click", /*handleMerge*/ ctx[5], false, false, false, false)
     				];
 
     				mounted = true;
     			}
     		},
-    		p: function update(ctx, [dirty]) {
-    			if (dirty & /*filteredKeys*/ 1) {
+    		p: function update(ctx, dirty) {
+    			if (dirty[0] & /*filteredKeys*/ 1) {
     				each_value_1 = /*filteredKeys*/ ctx[0];
     				validate_each_argument(each_value_1);
     				let i;
@@ -7197,7 +8228,7 @@ var app = (function () {
     				each_blocks_1.length = each_value_1.length;
     			}
 
-    			if (dirty & /*remainingKeys*/ 2) {
+    			if (dirty[0] & /*remainingKeys*/ 2) {
     				each_value = /*remainingKeys*/ ctx[1];
     				validate_each_argument(each_value);
     				let i;
@@ -7221,15 +8252,11 @@ var app = (function () {
     				each_blocks.length = each_value.length;
     			}
 
-    			if (!current || dirty & /*filteredKeys*/ 1 && textarea0_value_value !== (textarea0_value_value = "System\r\n\r\nUse the fields given to you to create a JSON object to fulfill the request of creating a story in JSON form - Its a story that will be interactive. The format is " + /*llmresponseformat*/ ctx[5] + "\r\n\r\n----\r\nUser\r\nUse the following fields to write a pirate story - \r\n\r\n" + /*filteredKeys*/ ctx[0] + "\r\n        ")) {
-    				prop_dev(textarea0, "value", textarea0_value_value);
-    			}
-
-    			if (dirty & /*snippetJsonInput*/ 4) {
-    				set_input_value(textarea1, /*snippetJsonInput*/ ctx[2]);
+    			if (dirty[0] & /*snippetJsonInput*/ 4) {
+    				set_input_value(textarea, /*snippetJsonInput*/ ctx[2]);
     			}
 
-    			if (dirty & /*mergedJson*/ 8) show_if = Object.keys(/*mergedJson*/ ctx[3]).length > 0;
+    			if (dirty[0] & /*mergedJson*/ 8) show_if = Object.keys(/*mergedJson*/ ctx[3]).length > 0;
 
     			if (show_if) {
     				if (if_block) {
@@ -7261,18 +8288,14 @@ var app = (function () {
     			if (detaching) detach_dev(div7);
     			destroy_component(simpleiframe);
     			if (if_block) if_block.d();
-    			if (detaching) detach_dev(t25);
-    			if (detaching) detach_dev(br1);
-    			if (detaching) detach_dev(t26);
-    			if (detaching) detach_dev(button1);
-    			if (detaching) detach_dev(t28);
-    			if (detaching) detach_dev(hr1);
-    			if (detaching) detach_dev(t29);
-    			if (detaching) detach_dev(br2);
     			if (detaching) detach_dev(t30);
-    			if (detaching) detach_dev(br3);
+    			if (detaching) detach_dev(hr2);
     			if (detaching) detach_dev(t31);
-    			if (detaching) detach_dev(br4);
+    			if (detaching) detach_dev(br0);
+    			if (detaching) detach_dev(t32);
+    			if (detaching) detach_dev(br1);
+    			if (detaching) detach_dev(t33);
+    			if (detaching) detach_dev(br2);
     			mounted = false;
     			run_all(dispose);
     		}
@@ -7280,7 +8303,7 @@ var app = (function () {
 
     	dispatch_dev("SvelteRegisterBlock", {
     		block,
-    		id: create_fragment$g.name,
+    		id: create_fragment$h.name,
     		type: "component",
     		source: "",
     		ctx
@@ -7302,8 +8325,8 @@ var app = (function () {
     		const targets = Array.from({ length: numberOfTargets }, (_, idx) => {
     			const target = {
     				name: `Target${level}_${idx + 1}`,
-    				x: getRandomNumber(100),
-    				y: getRandomNumber(100),
+    				x: getRandomNumber(700),
+    				y: getRandomNumber(700),
     				collisionType: 'alert',
     				collisiontext: `Placeholder text for Target ${level}.${idx + 1}`
     			};
@@ -7370,7 +8393,16 @@ var app = (function () {
     	textarea.style.height = `${textarea.scrollHeight}px`;
     }
 
-    function instance$g($$self, $$props, $$invalidate) {
+    async function copyText(textToCopy) {
+    	try {
+    		await navigator.clipboard.writeText(textToCopy);
+    		console.log('Text copied to clipboard');
+    	} catch(error) {
+    		console.error('Failed to copy text: ', err);
+    	}
+    }
+
+    function instance$h($$self, $$props, $$invalidate) {
     	let { $$slots: slots = {}, $$scope } = $$props;
     	validate_slots('CustomGameConfigHelper', slots, []);
     	let randomContentStructureSubtargets = generateRandomContentStructureSubtargets();
@@ -7567,7 +8599,67 @@ var app = (function () {
     	const dispatch = createEventDispatcher();
 
     	function loadexperimentalthemedispatch() {
-    		dispatch('loadexperimentaltheme');
+    		dispatch('loadexperimentaltheme'); //doesnt work right probably as function is in game component which is not the top level parent
+    	}
+
+    	//Generate sequence guidance 
+    	let predefinedsequenceList = [
+    		'exploreLocation',
+    		'discoverClue',
+    		'meetCharacter',
+    		'solveRiddle',
+    		'findItem',
+    		'faceChallenge',
+    		'makeDecision',
+    		'engageBattle',
+    		'unlockAbility',
+    		'learnSecret',
+    		'completeMission',
+    		'experienceSetback',
+    		'earnReward',
+    		'uncoverMystery',
+    		'formAlliance',
+    		'faceBetrayal',
+    		'confrontNemesis',
+    		'makeDiscovery',
+    		'overcomeLoss',
+    		'achieveVictory'
+    	];
+
+    	let suggestedplayerSequence = [];
+
+    	function generatesimpleSequence(maxitems) {
+    		//The complex ones are handled the brainstorm component
+    		const sequence = [];
+
+    		for (let i = 0; i < maxitems; i++) {
+    			const randomIndex = Math.floor(Math.random() * predefinedsequenceList.length);
+    			sequence.push(predefinedsequenceList[randomIndex]);
+    		}
+
+    		suggestedplayerSequence = [...sequence];
+    	}
+
+    	let amountofcollisiontext = filteredKeys.filter(s => s.includes("collisiontext")).length;
+    	generatesimpleSequence(amountofcollisiontext);
+    	let CopyGameAssistSystemPrompt = 'Use the fields given to you to create a JSON object to fulfill the request of creating a story in JSON form - Its a story that will be interactive. The format is {"story" : [{},{},... ]. If possible follow the sequence suggested';
+    	let CopyGameAssistUserPrompt = `Use the following fields to write a pirate story -\nsuggested sequence - ${suggestedplayerSequence.join(', ')}  \n\n${filteredKeys}`;
+    	let CopyGameAssistObstaclePrompt = 'Lets next come up with obstables to the objectives';
+    	let CopyGameAssistResolutionPrompt = 'Lets next come up with resolutions to the obstables to the objectives';
+
+    	//Save CustomJSON
+    	function downloadAutogenConfiguration() {
+    		const currentDate = new Date();
+    		const timestamp = currentDate.toISOString().replace(/:/g, '_');
+    		const fileName = `gameConfig_${timestamp}.json`;
+    		const blob = new Blob([JSON.stringify(mergedJson, null, 2)], { type: 'application/json' });
+    		const href = URL.createObjectURL(blob);
+    		const link = document.createElement('a');
+    		link.href = href;
+    		link.download = fileName;
+    		document.body.appendChild(link);
+    		link.click();
+    		document.body.removeChild(link);
     	}
 
     	const writable_props = [];
@@ -7576,7 +8668,12 @@ var app = (function () {
     		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console_1$7.warn(`<CustomGameConfigHelper> was created with unknown prop '${key}'`);
     	});
 
-    	function textarea1_input_handler() {
+    	const click_handler = () => copyText(CopyGameAssistSystemPrompt);
+    	const click_handler_1 = () => copyText(CopyGameAssistUserPrompt);
+    	const click_handler_2 = () => copyText(CopyGameAssistObstaclePrompt);
+    	const click_handler_3 = () => copyText(CopyGameAssistResolutionPrompt);
+
+    	function textarea_input_handler() {
     		snippetJsonInput = this.value;
     		$$invalidate(2, snippetJsonInput);
     	}
@@ -7605,7 +8702,17 @@ var app = (function () {
     		handleMerge,
     		LLMforassit,
     		dispatch,
-    		loadexperimentalthemedispatch
+    		loadexperimentalthemedispatch,
+    		predefinedsequenceList,
+    		suggestedplayerSequence,
+    		generatesimpleSequence,
+    		amountofcollisiontext,
+    		CopyGameAssistSystemPrompt,
+    		CopyGameAssistUserPrompt,
+    		CopyGameAssistObstaclePrompt,
+    		CopyGameAssistResolutionPrompt,
+    		copyText,
+    		downloadAutogenConfiguration
     	});
 
     	$$self.$inject_state = $$props => {
@@ -7614,13 +8721,20 @@ var app = (function () {
     		if ('json' in $$props) json = $$props.json;
     		if ('filteredKeys' in $$props) $$invalidate(0, filteredKeys = $$props.filteredKeys);
     		if ('remainingKeys' in $$props) $$invalidate(1, remainingKeys = $$props.remainingKeys);
-    		if ('llmresponseformat' in $$props) $$invalidate(5, llmresponseformat = $$props.llmresponseformat);
+    		if ('llmresponseformat' in $$props) llmresponseformat = $$props.llmresponseformat;
     		if ('randomContentStructureSubtargetsstring' in $$props) randomContentStructureSubtargetsstring = $$props.randomContentStructureSubtargetsstring;
     		if ('originalJson' in $$props) originalJson = $$props.originalJson;
     		if ('snippetJson' in $$props) snippetJson = $$props.snippetJson;
     		if ('snippetJsonInput' in $$props) $$invalidate(2, snippetJsonInput = $$props.snippetJsonInput);
     		if ('mergedJson' in $$props) $$invalidate(3, mergedJson = $$props.mergedJson);
-    		if ('LLMforassit' in $$props) $$invalidate(7, LLMforassit = $$props.LLMforassit);
+    		if ('LLMforassit' in $$props) $$invalidate(6, LLMforassit = $$props.LLMforassit);
+    		if ('predefinedsequenceList' in $$props) predefinedsequenceList = $$props.predefinedsequenceList;
+    		if ('suggestedplayerSequence' in $$props) suggestedplayerSequence = $$props.suggestedplayerSequence;
+    		if ('amountofcollisiontext' in $$props) amountofcollisiontext = $$props.amountofcollisiontext;
+    		if ('CopyGameAssistSystemPrompt' in $$props) $$invalidate(8, CopyGameAssistSystemPrompt = $$props.CopyGameAssistSystemPrompt);
+    		if ('CopyGameAssistUserPrompt' in $$props) $$invalidate(9, CopyGameAssistUserPrompt = $$props.CopyGameAssistUserPrompt);
+    		if ('CopyGameAssistObstaclePrompt' in $$props) $$invalidate(10, CopyGameAssistObstaclePrompt = $$props.CopyGameAssistObstaclePrompt);
+    		if ('CopyGameAssistResolutionPrompt' in $$props) $$invalidate(11, CopyGameAssistResolutionPrompt = $$props.CopyGameAssistResolutionPrompt);
     	};
 
     	if ($$props && "$$inject" in $$props) {
@@ -7633,78 +8747,64 @@ var app = (function () {
     		snippetJsonInput,
     		mergedJson,
     		randomContentStructureSubtargets,
-    		llmresponseformat,
     		handleMerge,
     		LLMforassit,
     		loadexperimentalthemedispatch,
-    		textarea1_input_handler
+    		CopyGameAssistSystemPrompt,
+    		CopyGameAssistUserPrompt,
+    		CopyGameAssistObstaclePrompt,
+    		CopyGameAssistResolutionPrompt,
+    		downloadAutogenConfiguration,
+    		click_handler,
+    		click_handler_1,
+    		click_handler_2,
+    		click_handler_3,
+    		textarea_input_handler
     	];
     }
 
     class CustomGameConfigHelper extends SvelteComponentDev {
     	constructor(options) {
     		super(options);
-    		init(this, options, instance$g, create_fragment$g, safe_not_equal, {});
+    		init(this, options, instance$h, create_fragment$h, safe_not_equal, {}, null, [-1, -1]);
 
     		dispatch_dev("SvelteRegisterComponent", {
     			component: this,
     			tagName: "CustomGameConfigHelper",
     			options,
-    			id: create_fragment$g.name
+    			id: create_fragment$h.name
     		});
     	}
     }
 
     /* src\MovingDotSpaceThemeManager.svelte generated by Svelte v3.59.2 */
-    const file$f = "src\\MovingDotSpaceThemeManager.svelte";
+    const file$g = "src\\MovingDotSpaceThemeManager.svelte";
 
-    // (91:4) <SimpleCollapsible title="JSON Config Seperate steps">
+    // (97:4) <SimpleCollapsible title="Streamlined Config Steps">
     function create_default_slot_2(ctx) {
-    	let brainstormgameconfigsrandom;
-    	let t0;
-    	let testbrainstorminstantpopulate;
-    	let t1;
-    	let testjsonmatchingfieldmerge;
+    	let customgameconfighelper;
     	let current;
-    	brainstormgameconfigsrandom = new BrainstormGameConfigsRandom({ $$inline: true });
-    	testbrainstorminstantpopulate = new Testbrainstorminstantpopulate({ $$inline: true });
-    	testjsonmatchingfieldmerge = new Testjsonmatchingfieldmerge({ $$inline: true });
+    	customgameconfighelper = new CustomGameConfigHelper({ $$inline: true });
 
     	const block = {
     		c: function create() {
-    			create_component(brainstormgameconfigsrandom.$$.fragment);
-    			t0 = space();
-    			create_component(testbrainstorminstantpopulate.$$.fragment);
-    			t1 = space();
-    			create_component(testjsonmatchingfieldmerge.$$.fragment);
+    			create_component(customgameconfighelper.$$.fragment);
     		},
     		m: function mount(target, anchor) {
-    			mount_component(brainstormgameconfigsrandom, target, anchor);
-    			insert_dev(target, t0, anchor);
-    			mount_component(testbrainstorminstantpopulate, target, anchor);
-    			insert_dev(target, t1, anchor);
-    			mount_component(testjsonmatchingfieldmerge, target, anchor);
+    			mount_component(customgameconfighelper, target, anchor);
     			current = true;
     		},
     		i: function intro(local) {
     			if (current) return;
-    			transition_in(brainstormgameconfigsrandom.$$.fragment, local);
-    			transition_in(testbrainstorminstantpopulate.$$.fragment, local);
-    			transition_in(testjsonmatchingfieldmerge.$$.fragment, local);
+    			transition_in(customgameconfighelper.$$.fragment, local);
     			current = true;
     		},
     		o: function outro(local) {
-    			transition_out(brainstormgameconfigsrandom.$$.fragment, local);
-    			transition_out(testbrainstorminstantpopulate.$$.fragment, local);
-    			transition_out(testjsonmatchingfieldmerge.$$.fragment, local);
+    			transition_out(customgameconfighelper.$$.fragment, local);
     			current = false;
     		},
     		d: function destroy(detaching) {
-    			destroy_component(brainstormgameconfigsrandom, detaching);
-    			if (detaching) detach_dev(t0);
-    			destroy_component(testbrainstorminstantpopulate, detaching);
-    			if (detaching) detach_dev(t1);
-    			destroy_component(testjsonmatchingfieldmerge, detaching);
+    			destroy_component(customgameconfighelper, detaching);
     		}
     	};
 
@@ -7712,38 +8812,66 @@ var app = (function () {
     		block,
     		id: create_default_slot_2.name,
     		type: "slot",
-    		source: "(91:4) <SimpleCollapsible title=\\\"JSON Config Seperate steps\\\">",
+    		source: "(97:4) <SimpleCollapsible title=\\\"Streamlined Config Steps\\\">",
     		ctx
     	});
 
     	return block;
     }
 
-    // (97:4) <SimpleCollapsible title="Streamlined Config Steps">
+    // (101:4) <SimpleCollapsible title="Incomplete Story structure and Timeline suggestion engines">
     function create_default_slot_1(ctx) {
-    	let customgameconfighelper;
+    	let hr;
+    	let t0;
+    	let br0;
+    	let t1;
+    	let br1;
+    	let t2;
+    	let brainstormstatetransitionsrandom;
     	let current;
-    	customgameconfighelper = new CustomGameConfigHelper({ $$inline: true });
+    	brainstormstatetransitionsrandom = new BrainstormStateTransitionsRandom({ $$inline: true });
 
     	const block = {
     		c: function create() {
-    			create_component(customgameconfighelper.$$.fragment);
+    			hr = element("hr");
+    			t0 = text("\r\n        Early Sequence examples - \r\n        ");
+    			br0 = element("br");
+    			t1 = text("Write a story where the main event are in this order: gosomewhere getsomething makeobservation getsomething talktosomeone makeobservation getsomething talktosomeone gosomewhere fight talktosomeone fight fight talktosomeone talktosomeone talktosomeone gosomewhere talktosomeone\r\n        ");
+    			br1 = element("br");
+    			t2 = text("lets write the story to fit this order - stats location stats inventory stats location location skills inventory stats inventory skills skills skills stats stats skills\r\n        \r\n        ");
+    			create_component(brainstormstatetransitionsrandom.$$.fragment);
+    			add_location(hr, file$g, 101, 8, 4653);
+    			add_location(br0, file$g, 103, 8, 4703);
+    			add_location(br1, file$g, 104, 8, 4993);
     		},
     		m: function mount(target, anchor) {
-    			mount_component(customgameconfighelper, target, anchor);
+    			insert_dev(target, hr, anchor);
+    			insert_dev(target, t0, anchor);
+    			insert_dev(target, br0, anchor);
+    			insert_dev(target, t1, anchor);
+    			insert_dev(target, br1, anchor);
+    			insert_dev(target, t2, anchor);
+    			mount_component(brainstormstatetransitionsrandom, target, anchor);
     			current = true;
     		},
+    		p: noop,
     		i: function intro(local) {
     			if (current) return;
-    			transition_in(customgameconfighelper.$$.fragment, local);
+    			transition_in(brainstormstatetransitionsrandom.$$.fragment, local);
     			current = true;
     		},
     		o: function outro(local) {
-    			transition_out(customgameconfighelper.$$.fragment, local);
+    			transition_out(brainstormstatetransitionsrandom.$$.fragment, local);
     			current = false;
     		},
     		d: function destroy(detaching) {
-    			destroy_component(customgameconfighelper, detaching);
+    			if (detaching) detach_dev(hr);
+    			if (detaching) detach_dev(t0);
+    			if (detaching) detach_dev(br0);
+    			if (detaching) detach_dev(t1);
+    			if (detaching) detach_dev(br1);
+    			if (detaching) detach_dev(t2);
+    			destroy_component(brainstormstatetransitionsrandom, detaching);
     		}
     	};
 
@@ -7751,7 +8879,7 @@ var app = (function () {
     		block,
     		id: create_default_slot_1.name,
     		type: "slot",
-    		source: "(97:4) <SimpleCollapsible title=\\\"Streamlined Config Steps\\\">",
+    		source: "(101:4) <SimpleCollapsible title=\\\"Incomplete Story structure and Timeline suggestion engines\\\">",
     		ctx
     	});
 
@@ -7759,35 +8887,18 @@ var app = (function () {
     }
 
     // (72:0) <SimpleCollapsible title="Config Customisation Assistant - WIP">
-    function create_default_slot$1(ctx) {
+    function create_default_slot$2(ctx) {
     	let t0;
     	let hr;
     	let t1;
-    	let form;
-    	let input0;
-    	let t2;
-    	let input1;
-    	let t3;
-    	let input2;
-    	let t4;
-    	let button0;
-    	let t6;
-    	let button1;
-    	let t8;
-    	let input3;
-    	let t9;
-    	let label;
-    	let t11;
     	let simplecollapsible0;
-    	let t12;
+    	let t2;
     	let simplecollapsible1;
     	let current;
-    	let mounted;
-    	let dispose;
 
     	simplecollapsible0 = new SimpleCollapsible({
     			props: {
-    				title: "JSON Config Seperate steps",
+    				title: "Streamlined Config Steps",
     				$$slots: { default: [create_default_slot_2] },
     				$$scope: { ctx }
     			},
@@ -7796,7 +8907,7 @@ var app = (function () {
 
     	simplecollapsible1 = new SimpleCollapsible({
     			props: {
-    				title: "Streamlined Config Steps",
+    				title: "Incomplete Story structure and Timeline suggestion engines",
     				$$slots: { default: [create_default_slot_1] },
     				$$scope: { ctx }
     			},
@@ -7807,113 +8918,32 @@ var app = (function () {
     		c: function create() {
     			t0 = text("Currently the state machine is the json config -  Story parts / target type controlled by switch case for collisions and smmodal (state machine modal as the targets all have to a transitions field) (modals and smmodals not yet part of randomisers below)\r\n    ");
     			hr = element("hr");
-    			t1 = text("\r\n    Incomplete Custom game setting assistant\r\n    \r\n    ");
-    			form = element("form");
-    			input0 = element("input");
-    			t2 = space();
-    			input1 = element("input");
-    			t3 = space();
-    			input2 = element("input");
-    			t4 = space();
-    			button0 = element("button");
-    			button0.textContent = "Add Item";
-    			t6 = space();
-    			button1 = element("button");
-    			button1.textContent = "Download Configuration";
-    			t8 = space();
-    			input3 = element("input");
-    			t9 = space();
-    			label = element("label");
-    			label.textContent = "Upload Configuration";
-    			t11 = space();
+    			t1 = text("\r\n    Incomplete/Unpolished Custom game setting assistant\r\n    \r\n    \r\n\r\n    \r\n\r\n    \r\n    \r\n\r\n    \r\n    \r\n    ");
     			create_component(simplecollapsible0.$$.fragment);
-    			t12 = space();
+    			t2 = space();
     			create_component(simplecollapsible1.$$.fragment);
-    			add_location(hr, file$f, 73, 4, 3323);
-    			attr_dev(input0, "type", "text");
-    			attr_dev(input0, "placeholder", "Type (weapon, armor, consumable)");
-    			add_location(input0, file$f, 77, 8, 3475);
-    			attr_dev(input1, "type", "text");
-    			attr_dev(input1, "placeholder", "Name");
-    			add_location(input1, file$f, 78, 8, 3579);
-    			attr_dev(input2, "type", "text");
-    			attr_dev(input2, "placeholder", "Description");
-    			add_location(input2, file$f, 79, 8, 3655);
-    			attr_dev(button0, "type", "submit");
-    			add_location(button0, file$f, 80, 8, 3745);
-    			add_location(form, file$f, 76, 4, 3424);
-    			add_location(button1, file$f, 86, 4, 3940);
-    			attr_dev(input3, "type", "file");
-    			attr_dev(input3, "id", "fileInput");
-    			set_style(input3, "display", "none");
-    			add_location(input3, file$f, 87, 4, 4018);
-    			attr_dev(label, "for", "fileInput");
-    			attr_dev(label, "class", "btn");
-    			add_location(label, file$f, 88, 4, 4111);
+    			add_location(hr, file$g, 73, 4, 3323);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, t0, anchor);
     			insert_dev(target, hr, anchor);
     			insert_dev(target, t1, anchor);
-    			insert_dev(target, form, anchor);
-    			append_dev(form, input0);
-    			set_input_value(input0, /*newItem*/ ctx[1].type);
-    			append_dev(form, t2);
-    			append_dev(form, input1);
-    			set_input_value(input1, /*newItem*/ ctx[1].name);
-    			append_dev(form, t3);
-    			append_dev(form, input2);
-    			set_input_value(input2, /*newItem*/ ctx[1].description);
-    			append_dev(form, t4);
-    			append_dev(form, button0);
-    			insert_dev(target, t6, anchor);
-    			insert_dev(target, button1, anchor);
-    			insert_dev(target, t8, anchor);
-    			insert_dev(target, input3, anchor);
-    			insert_dev(target, t9, anchor);
-    			insert_dev(target, label, anchor);
-    			insert_dev(target, t11, anchor);
     			mount_component(simplecollapsible0, target, anchor);
-    			insert_dev(target, t12, anchor);
+    			insert_dev(target, t2, anchor);
     			mount_component(simplecollapsible1, target, anchor);
     			current = true;
-
-    			if (!mounted) {
-    				dispose = [
-    					listen_dev(input0, "input", /*input0_input_handler*/ ctx[5]),
-    					listen_dev(input1, "input", /*input1_input_handler*/ ctx[6]),
-    					listen_dev(input2, "input", /*input2_input_handler*/ ctx[7]),
-    					listen_dev(form, "submit", prevent_default(/*addItem*/ ctx[2]), false, true, false, false),
-    					listen_dev(button1, "click", /*downloadConfiguration*/ ctx[3], false, false, false, false),
-    					listen_dev(input3, "change", /*handleFileUpload*/ ctx[4], false, false, false, false)
-    				];
-
-    				mounted = true;
-    			}
     		},
     		p: function update(ctx, dirty) {
-    			if (dirty & /*newItem*/ 2 && input0.value !== /*newItem*/ ctx[1].type) {
-    				set_input_value(input0, /*newItem*/ ctx[1].type);
-    			}
-
-    			if (dirty & /*newItem*/ 2 && input1.value !== /*newItem*/ ctx[1].name) {
-    				set_input_value(input1, /*newItem*/ ctx[1].name);
-    			}
-
-    			if (dirty & /*newItem*/ 2 && input2.value !== /*newItem*/ ctx[1].description) {
-    				set_input_value(input2, /*newItem*/ ctx[1].description);
-    			}
-
     			const simplecollapsible0_changes = {};
 
-    			if (dirty & /*$$scope*/ 65536) {
+    			if (dirty & /*$$scope*/ 8192) {
     				simplecollapsible0_changes.$$scope = { dirty, ctx };
     			}
 
     			simplecollapsible0.$set(simplecollapsible0_changes);
     			const simplecollapsible1_changes = {};
 
-    			if (dirty & /*$$scope*/ 65536) {
+    			if (dirty & /*$$scope*/ 8192) {
     				simplecollapsible1_changes.$$scope = { dirty, ctx };
     			}
 
@@ -7934,25 +8964,15 @@ var app = (function () {
     			if (detaching) detach_dev(t0);
     			if (detaching) detach_dev(hr);
     			if (detaching) detach_dev(t1);
-    			if (detaching) detach_dev(form);
-    			if (detaching) detach_dev(t6);
-    			if (detaching) detach_dev(button1);
-    			if (detaching) detach_dev(t8);
-    			if (detaching) detach_dev(input3);
-    			if (detaching) detach_dev(t9);
-    			if (detaching) detach_dev(label);
-    			if (detaching) detach_dev(t11);
     			destroy_component(simplecollapsible0, detaching);
-    			if (detaching) detach_dev(t12);
+    			if (detaching) detach_dev(t2);
     			destroy_component(simplecollapsible1, detaching);
-    			mounted = false;
-    			run_all(dispose);
     		}
     	};
 
     	dispatch_dev("SvelteRegisterBlock", {
     		block,
-    		id: create_default_slot$1.name,
+    		id: create_default_slot$2.name,
     		type: "slot",
     		source: "(72:0) <SimpleCollapsible title=\\\"Config Customisation Assistant - WIP\\\">",
     		ctx
@@ -7961,105 +8981,84 @@ var app = (function () {
     	return block;
     }
 
-    function create_fragment$f(ctx) {
+    function create_fragment$g(ctx) {
     	let simplecollapsible;
     	let t0;
-    	let hr0;
+    	let hr;
     	let t1;
-    	let br0;
+    	let div3;
+    	let div0;
     	let t2;
-    	let br1;
+    	let br0;
     	let t3;
-    	let brainstormstatetransitionsrandom;
+    	let br1;
     	let t4;
-    	let hr1;
+    	let br2;
     	let t5;
-    	let div3;
-    	let div0;
     	let t6;
-    	let br2;
+    	let div1;
     	let t7;
     	let br3;
     	let t8;
     	let br4;
     	let t9;
     	let t10;
-    	let div1;
+    	let div2;
     	let t11;
-    	let br5;
     	let t12;
-    	let br6;
+    	let br5;
     	let t13;
-    	let t14;
-    	let div2;
-    	let t15;
-    	let t16;
-    	let br7;
-    	let t17;
     	let current;
 
     	simplecollapsible = new SimpleCollapsible({
     			props: {
     				title: "Config Customisation Assistant - WIP",
-    				$$slots: { default: [create_default_slot$1] },
+    				$$slots: { default: [create_default_slot$2] },
     				$$scope: { ctx }
     			},
     			$$inline: true
     		});
 
-    	brainstormstatetransitionsrandom = new BrainstormStateTransitionsRandom({ $$inline: true });
-
     	const block = {
     		c: function create() {
     			create_component(simplecollapsible.$$.fragment);
     			t0 = space();
-    			hr0 = element("hr");
-    			t1 = text("\r\nEarly examples - \r\n");
-    			br0 = element("br");
-    			t2 = text("Write a story where the main event are in this order: gosomewhere getsomething makeobservation getsomething talktosomeone makeobservation getsomething talktosomeone gosomewhere fight talktosomeone fight fight talktosomeone talktosomeone talktosomeone gosomewhere talktosomeone\r\n");
-    			br1 = element("br");
-    			t3 = text("lets write the story to fit this order - stats location stats inventory stats location location skills inventory stats inventory skills skills skills stats stats skills\r\n\r\n");
-    			create_component(brainstormstatetransitionsrandom.$$.fragment);
-    			t4 = space();
-    			hr1 = element("hr");
-    			t5 = text("\r\nNext Is autogenerate + extract + llm api call for the JSON snippet + Merge in one button press + load into game component for testing + Sequence generate built into autogenerate json as an option (sequence becomes the placeholder text)\r\n\r\n");
+    			hr = element("hr");
+    			t1 = text("\r\nNext Is autogenerate + extract + llm api call for the JSON snippet + Merge in one button press + load into game component for testing + Sequence generate built into autogenerate json as an option (sequence becomes the placeholder text)\r\n\r\n");
     			div3 = element("div");
     			div0 = element("div");
-    			t6 = text("TODO - ");
+    			t2 = text("TODO - ");
+    			br0 = element("br");
+    			t3 = text(" Simplify Theme Manager ");
+    			br1 = element("br");
+    			t4 = text(" Fix state transition and game mechanic integration ");
     			br2 = element("br");
-    			t7 = text(" Simplify Theme Manager ");
+    			t5 = text(" Flesh out Iframe modal gameplay eg. youtube video as an item and llm judge");
+    			t6 = space();
+    			div1 = element("div");
+    			t7 = text("Website = multilingual support in chrome (when running locally) ");
     			br3 = element("br");
-    			t8 = text(" Fix state transition and game mechanic integration ");
+    			t8 = text("\r\n        The mechanics here are location based so story should be location based ");
     			br4 = element("br");
-    			t9 = text(" Flesh out Iframe modal gameplay eg. youtube video as an item and llm judge");
+    			t9 = text("\r\n        Simultaneous relationships between multiple items = complexity - eg. player location and objectives");
     			t10 = space();
-    			div1 = element("div");
-    			t11 = text("Website = multilingual support in chrome ");
-    			br5 = element("br");
-    			t12 = text("\r\n        The mechanics here are location based so story should be location based ");
-    			br6 = element("br");
-    			t13 = text("\r\n        Simultaneous relationships between multiple items = complexity - eg. player location and objectives");
-    			t14 = space();
     			div2 = element("div");
-    			t15 = text(/*ChangedContentPlaceholder*/ ctx[0]);
-    			t16 = space();
-    			br7 = element("br");
-    			t17 = text("\r\n        Most stories for games are about a character that lacks something to beat their problems and the 90% inbetween the begining and the end is acquiring");
-    			add_location(hr0, file$f, 102, 0, 4539);
-    			add_location(br0, file$f, 104, 0, 4564);
-    			add_location(br1, file$f, 105, 0, 4846);
-    			add_location(hr1, file$f, 109, 0, 5062);
-    			add_location(br2, file$f, 115, 15, 5374);
-    			add_location(br3, file$f, 115, 43, 5402);
-    			add_location(br4, file$f, 115, 99, 5458);
-    			add_location(div0, file$f, 114, 4, 5352);
-    			add_location(br5, file$f, 119, 49, 5613);
-    			add_location(br6, file$f, 120, 80, 5699);
-    			add_location(div1, file$f, 118, 4, 5557);
-    			add_location(br7, file$f, 125, 38, 5877);
-    			add_location(div2, file$f, 124, 4, 5832);
+    			t11 = text(/*ChangedContentPlaceholder*/ ctx[0]);
+    			t12 = space();
+    			br5 = element("br");
+    			t13 = text("\r\n        Most stories for games are about a character that lacks something to beat their problems and the 90% inbetween the begining and the end is acquiring");
+    			add_location(hr, file$g, 111, 0, 5275);
+    			add_location(br0, file$g, 117, 15, 5587);
+    			add_location(br1, file$g, 117, 43, 5615);
+    			add_location(br2, file$g, 117, 99, 5671);
+    			add_location(div0, file$g, 116, 4, 5565);
+    			add_location(br3, file$g, 121, 72, 5849);
+    			add_location(br4, file$g, 122, 80, 5935);
+    			add_location(div1, file$g, 120, 4, 5770);
+    			add_location(br5, file$g, 127, 38, 6113);
+    			add_location(div2, file$g, 126, 4, 6068);
     			attr_dev(div3, "class", "grid-themegridContainer svelte-qg4vfk");
-    			add_location(div3, file$f, 112, 0, 5307);
+    			add_location(div3, file$g, 114, 0, 5520);
     		},
     		l: function claim(nodes) {
     			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
@@ -8067,81 +9066,63 @@ var app = (function () {
     		m: function mount(target, anchor) {
     			mount_component(simplecollapsible, target, anchor);
     			insert_dev(target, t0, anchor);
-    			insert_dev(target, hr0, anchor);
+    			insert_dev(target, hr, anchor);
     			insert_dev(target, t1, anchor);
-    			insert_dev(target, br0, anchor);
-    			insert_dev(target, t2, anchor);
-    			insert_dev(target, br1, anchor);
-    			insert_dev(target, t3, anchor);
-    			mount_component(brainstormstatetransitionsrandom, target, anchor);
-    			insert_dev(target, t4, anchor);
-    			insert_dev(target, hr1, anchor);
-    			insert_dev(target, t5, anchor);
     			insert_dev(target, div3, anchor);
     			append_dev(div3, div0);
-    			append_dev(div0, t6);
+    			append_dev(div0, t2);
+    			append_dev(div0, br0);
+    			append_dev(div0, t3);
+    			append_dev(div0, br1);
+    			append_dev(div0, t4);
     			append_dev(div0, br2);
-    			append_dev(div0, t7);
-    			append_dev(div0, br3);
-    			append_dev(div0, t8);
-    			append_dev(div0, br4);
-    			append_dev(div0, t9);
-    			append_dev(div3, t10);
+    			append_dev(div0, t5);
+    			append_dev(div3, t6);
     			append_dev(div3, div1);
-    			append_dev(div1, t11);
-    			append_dev(div1, br5);
-    			append_dev(div1, t12);
-    			append_dev(div1, br6);
-    			append_dev(div1, t13);
-    			append_dev(div3, t14);
+    			append_dev(div1, t7);
+    			append_dev(div1, br3);
+    			append_dev(div1, t8);
+    			append_dev(div1, br4);
+    			append_dev(div1, t9);
+    			append_dev(div3, t10);
     			append_dev(div3, div2);
-    			append_dev(div2, t15);
-    			append_dev(div2, t16);
-    			append_dev(div2, br7);
-    			append_dev(div2, t17);
+    			append_dev(div2, t11);
+    			append_dev(div2, t12);
+    			append_dev(div2, br5);
+    			append_dev(div2, t13);
     			current = true;
     		},
     		p: function update(ctx, [dirty]) {
     			const simplecollapsible_changes = {};
 
-    			if (dirty & /*$$scope, newItem*/ 65538) {
+    			if (dirty & /*$$scope*/ 8192) {
     				simplecollapsible_changes.$$scope = { dirty, ctx };
     			}
 
     			simplecollapsible.$set(simplecollapsible_changes);
-    			if (!current || dirty & /*ChangedContentPlaceholder*/ 1) set_data_dev(t15, /*ChangedContentPlaceholder*/ ctx[0]);
+    			if (!current || dirty & /*ChangedContentPlaceholder*/ 1) set_data_dev(t11, /*ChangedContentPlaceholder*/ ctx[0]);
     		},
     		i: function intro(local) {
     			if (current) return;
     			transition_in(simplecollapsible.$$.fragment, local);
-    			transition_in(brainstormstatetransitionsrandom.$$.fragment, local);
     			current = true;
     		},
     		o: function outro(local) {
     			transition_out(simplecollapsible.$$.fragment, local);
-    			transition_out(brainstormstatetransitionsrandom.$$.fragment, local);
     			current = false;
     		},
     		d: function destroy(detaching) {
     			destroy_component(simplecollapsible, detaching);
     			if (detaching) detach_dev(t0);
-    			if (detaching) detach_dev(hr0);
+    			if (detaching) detach_dev(hr);
     			if (detaching) detach_dev(t1);
-    			if (detaching) detach_dev(br0);
-    			if (detaching) detach_dev(t2);
-    			if (detaching) detach_dev(br1);
-    			if (detaching) detach_dev(t3);
-    			destroy_component(brainstormstatetransitionsrandom, detaching);
-    			if (detaching) detach_dev(t4);
-    			if (detaching) detach_dev(hr1);
-    			if (detaching) detach_dev(t5);
     			if (detaching) detach_dev(div3);
     		}
     	};
 
     	dispatch_dev("SvelteRegisterBlock", {
     		block,
-    		id: create_fragment$f.name,
+    		id: create_fragment$g.name,
     		type: "component",
     		source: "",
     		ctx
@@ -8150,19 +9131,19 @@ var app = (function () {
     	return block;
     }
 
-    function instance$f($$self, $$props, $$invalidate) {
+    function instance$g($$self, $$props, $$invalidate) {
     	let $targets;
     	let $objectives;
     	let $skills;
     	let $inventory;
     	validate_store(targets, 'targets');
-    	component_subscribe($$self, targets, $$value => $$invalidate(10, $targets = $$value));
+    	component_subscribe($$self, targets, $$value => $$invalidate(4, $targets = $$value));
     	validate_store(objectives, 'objectives');
-    	component_subscribe($$self, objectives, $$value => $$invalidate(11, $objectives = $$value));
+    	component_subscribe($$self, objectives, $$value => $$invalidate(5, $objectives = $$value));
     	validate_store(skills, 'skills');
-    	component_subscribe($$self, skills, $$value => $$invalidate(12, $skills = $$value));
+    	component_subscribe($$self, skills, $$value => $$invalidate(6, $skills = $$value));
     	validate_store(inventory, 'inventory');
-    	component_subscribe($$self, inventory, $$value => $$invalidate(13, $inventory = $$value));
+    	component_subscribe($$self, inventory, $$value => $$invalidate(7, $inventory = $$value));
     	let { $$slots: slots = {}, $$scope } = $$props;
     	validate_slots('MovingDotSpaceThemeManager', slots, []);
     	let { ChangedContentPlaceholder = "" } = $$props;
@@ -8173,7 +9154,7 @@ var app = (function () {
     	// ... similarly for targets
     	function addItem() {
     		inventory.update(items => [...items, newItem]);
-    		$$invalidate(1, newItem = { type: "", name: "", description: "" }); // Reset form
+    		newItem = { type: "", name: "", description: "" }; // Reset form
     	}
 
     	function addSkill() {
@@ -8234,21 +9215,6 @@ var app = (function () {
     		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console.warn(`<MovingDotSpaceThemeManager> was created with unknown prop '${key}'`);
     	});
 
-    	function input0_input_handler() {
-    		newItem.type = this.value;
-    		$$invalidate(1, newItem);
-    	}
-
-    	function input1_input_handler() {
-    		newItem.name = this.value;
-    		$$invalidate(1, newItem);
-    	}
-
-    	function input2_input_handler() {
-    		newItem.description = this.value;
-    		$$invalidate(1, newItem);
-    	}
-
     	$$self.$$set = $$props => {
     		if ('ChangedContentPlaceholder' in $$props) $$invalidate(0, ChangedContentPlaceholder = $$props.ChangedContentPlaceholder);
     	};
@@ -8281,7 +9247,7 @@ var app = (function () {
 
     	$$self.$inject_state = $$props => {
     		if ('ChangedContentPlaceholder' in $$props) $$invalidate(0, ChangedContentPlaceholder = $$props.ChangedContentPlaceholder);
-    		if ('newItem' in $$props) $$invalidate(1, newItem = $$props.newItem);
+    		if ('newItem' in $$props) newItem = $$props.newItem;
     		if ('newSkill' in $$props) newSkill = $$props.newSkill;
     		if ('newObjective' in $$props) newObjective = $$props.newObjective;
     	};
@@ -8290,28 +9256,19 @@ var app = (function () {
     		$$self.$inject_state($$props.$$inject);
     	}
 
-    	return [
-    		ChangedContentPlaceholder,
-    		newItem,
-    		addItem,
-    		downloadConfiguration,
-    		handleFileUpload,
-    		input0_input_handler,
-    		input1_input_handler,
-    		input2_input_handler
-    	];
+    	return [ChangedContentPlaceholder];
     }
 
     class MovingDotSpaceThemeManager extends SvelteComponentDev {
     	constructor(options) {
     		super(options);
-    		init(this, options, instance$f, create_fragment$f, safe_not_equal, { ChangedContentPlaceholder: 0 });
+    		init(this, options, instance$g, create_fragment$g, safe_not_equal, { ChangedContentPlaceholder: 0 });
 
     		dispatch_dev("SvelteRegisterComponent", {
     			component: this,
     			tagName: "MovingDotSpaceThemeManager",
     			options,
-    			id: create_fragment$f.name
+    			id: create_fragment$g.name
     		});
     	}
 
@@ -8326,7 +9283,7 @@ var app = (function () {
 
     /* src\MovingDotSpaceGameFight.svelte generated by Svelte v3.59.2 */
 
-    const file$e = "src\\MovingDotSpaceGameFight.svelte";
+    const file$f = "src\\MovingDotSpaceGameFight.svelte";
 
     // (88:8) {#if $fightcurrentTurn === 'human'}
     function create_if_block$7(ctx) {
@@ -8348,9 +9305,9 @@ var app = (function () {
     			t3 = space();
     			button2 = element("button");
     			button2.textContent = "Block";
-    			add_location(button0, file$e, 88, 12, 3623);
-    			add_location(button1, file$e, 89, 12, 3730);
-    			add_location(button2, file$e, 90, 12, 3856);
+    			add_location(button0, file$f, 88, 12, 3623);
+    			add_location(button1, file$f, 89, 12, 3730);
+    			add_location(button2, file$f, 90, 12, 3856);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, button0, anchor);
@@ -8392,7 +9349,7 @@ var app = (function () {
     	return block_1;
     }
 
-    function create_fragment$e(ctx) {
+    function create_fragment$f(ctx) {
     	let div4;
     	let div0;
     	let t0;
@@ -8509,22 +9466,22 @@ var app = (function () {
     			t28 = text(t28_value);
     			t29 = text("s ");
     			br9 = element("br");
-    			add_location(br0, file$e, 76, 17, 3171);
-    			add_location(br1, file$e, 77, 48, 3225);
-    			add_location(br2, file$e, 78, 50, 3281);
-    			add_location(br3, file$e, 79, 62, 3349);
-    			add_location(br4, file$e, 80, 70, 3425);
-    			add_location(div0, file$e, 75, 4, 3147);
-    			add_location(div1, file$e, 84, 8, 3464);
-    			add_location(div2, file$e, 83, 4, 3449);
-    			add_location(br5, file$e, 95, 17, 3978);
-    			add_location(br6, file$e, 96, 51, 4035);
-    			add_location(br7, file$e, 97, 53, 4094);
-    			add_location(br8, file$e, 98, 65, 4165);
-    			add_location(br9, file$e, 99, 73, 4244);
-    			add_location(div3, file$e, 94, 4, 3954);
+    			add_location(br0, file$f, 76, 17, 3171);
+    			add_location(br1, file$f, 77, 48, 3225);
+    			add_location(br2, file$f, 78, 50, 3281);
+    			add_location(br3, file$f, 79, 62, 3349);
+    			add_location(br4, file$f, 80, 70, 3425);
+    			add_location(div0, file$f, 75, 4, 3147);
+    			add_location(div1, file$f, 84, 8, 3464);
+    			add_location(div2, file$f, 83, 4, 3449);
+    			add_location(br5, file$f, 95, 17, 3978);
+    			add_location(br6, file$f, 96, 51, 4035);
+    			add_location(br7, file$f, 97, 53, 4094);
+    			add_location(br8, file$f, 98, 65, 4165);
+    			add_location(br9, file$f, 99, 73, 4244);
+    			add_location(div3, file$f, 94, 4, 3954);
     			attr_dev(div4, "class", "statscontainer svelte-izilsr");
-    			add_location(div4, file$e, 74, 0, 3113);
+    			add_location(div4, file$f, 74, 0, 3113);
     		},
     		l: function claim(nodes) {
     			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
@@ -8623,7 +9580,7 @@ var app = (function () {
 
     	dispatch_dev("SvelteRegisterBlock", {
     		block: block_1,
-    		id: create_fragment$e.name,
+    		id: create_fragment$f.name,
     		type: "component",
     		source: "",
     		ctx
@@ -8638,7 +9595,7 @@ var app = (function () {
     	});
     }
 
-    function instance$e($$self, $$props, $$invalidate) {
+    function instance$f($$self, $$props, $$invalidate) {
     	let $fightcurrentTurn;
     	let $fightplayerHuman;
     	let $fightplayerComputer;
@@ -8771,13 +9728,13 @@ var app = (function () {
     class MovingDotSpaceGameFight extends SvelteComponentDev {
     	constructor(options) {
     		super(options);
-    		init(this, options, instance$e, create_fragment$e, safe_not_equal, {});
+    		init(this, options, instance$f, create_fragment$f, safe_not_equal, {});
 
     		dispatch_dev("SvelteRegisterComponent", {
     			component: this,
     			tagName: "MovingDotSpaceGameFight",
     			options,
-    			id: create_fragment$e.name
+    			id: create_fragment$f.name
     		});
     	}
     }
@@ -58961,16 +59918,16 @@ var app = (function () {
     });
 
     /* src\MovingDotSpaceModalBrainstorm.svelte generated by Svelte v3.59.2 */
-    const file$d = "src\\MovingDotSpaceModalBrainstorm.svelte";
+    const file$e = "src\\MovingDotSpaceModalBrainstorm.svelte";
 
-    function create_fragment$d(ctx) {
+    function create_fragment$e(ctx) {
     	let div;
 
     	const block = {
     		c: function create() {
     			div = element("div");
     			attr_dev(div, "class", "svelte-1kuj9kb");
-    			add_location(div, file$d, 95, 0, 3254);
+    			add_location(div, file$e, 95, 0, 3254);
     		},
     		l: function claim(nodes) {
     			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
@@ -58990,7 +59947,7 @@ var app = (function () {
 
     	dispatch_dev("SvelteRegisterBlock", {
     		block,
-    		id: create_fragment$d.name,
+    		id: create_fragment$e.name,
     		type: "component",
     		source: "",
     		ctx
@@ -58999,7 +59956,7 @@ var app = (function () {
     	return block;
     }
 
-    function instance$d($$self, $$props, $$invalidate) {
+    function instance$e($$self, $$props, $$invalidate) {
     	let { $$slots: slots = {}, $$scope } = $$props;
     	validate_slots('MovingDotSpaceModalBrainstorm', slots, []);
     	let container;
@@ -59091,20 +60048,20 @@ var app = (function () {
     class MovingDotSpaceModalBrainstorm extends SvelteComponentDev {
     	constructor(options) {
     		super(options);
-    		init(this, options, instance$d, create_fragment$d, safe_not_equal, {});
+    		init(this, options, instance$e, create_fragment$e, safe_not_equal, {});
 
     		dispatch_dev("SvelteRegisterComponent", {
     			component: this,
     			tagName: "MovingDotSpaceModalBrainstorm",
     			options,
-    			id: create_fragment$d.name
+    			id: create_fragment$e.name
     		});
     	}
     }
 
     /* src\MovingDotSpaceGameFind.svelte generated by Svelte v3.59.2 */
 
-    const file$c = "src\\MovingDotSpaceGameFind.svelte";
+    const file$d = "src\\MovingDotSpaceGameFind.svelte";
 
     function get_each_context$a(ctx, list, i) {
     	const child_ctx = ctx.slice();
@@ -59128,7 +60085,7 @@ var app = (function () {
     		c: function create() {
     			p = element("p");
     			p.textContent = "Game over. Try again!";
-    			add_location(p, file$c, 63, 6, 1832);
+    			add_location(p, file$d, 63, 6, 1832);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p, anchor);
@@ -59158,7 +60115,7 @@ var app = (function () {
     		c: function create() {
     			p = element("p");
     			p.textContent = "You won! 🎉";
-    			add_location(p, file$c, 61, 6, 1793);
+    			add_location(p, file$d, 61, 6, 1793);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p, anchor);
@@ -59191,7 +60148,7 @@ var app = (function () {
     			p = element("p");
     			t0 = text("Presses Remaining: ");
     			t1 = text(/*pressesRemaining*/ ctx[0]);
-    			add_location(p, file$c, 59, 6, 1705);
+    			add_location(p, file$d, 59, 6, 1705);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p, anchor);
@@ -59245,7 +60202,7 @@ var app = (function () {
     			button.disabled = button_disabled_value = /*gameState*/ ctx[2] !== 'playing';
     			attr_dev(button, "class", "svelte-p3ubim");
     			toggle_class(button, "pressed", /*cell*/ ctx[12].pressed);
-    			add_location(button, file$c, 71, 8, 2045);
+    			add_location(button, file$d, 71, 8, 2045);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, button, anchor);
@@ -59362,7 +60319,7 @@ var app = (function () {
     	return block;
     }
 
-    function create_fragment$c(ctx) {
+    function create_fragment$d(ctx) {
     	let div0;
     	let t0;
     	let button;
@@ -59402,10 +60359,10 @@ var app = (function () {
     			}
 
     			attr_dev(button, "class", "svelte-p3ubim");
-    			add_location(button, file$c, 65, 4, 1877);
-    			add_location(div0, file$c, 57, 2, 1657);
+    			add_location(button, file$d, 65, 4, 1877);
+    			add_location(div0, file$d, 57, 2, 1657);
     			attr_dev(div1, "class", "grid svelte-p3ubim");
-    			add_location(div1, file$c, 68, 2, 1945);
+    			add_location(div1, file$d, 68, 2, 1945);
     		},
     		l: function claim(nodes) {
     			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
@@ -59481,7 +60438,7 @@ var app = (function () {
 
     	dispatch_dev("SvelteRegisterBlock", {
     		block,
-    		id: create_fragment$c.name,
+    		id: create_fragment$d.name,
     		type: "component",
     		source: "",
     		ctx
@@ -59490,7 +60447,7 @@ var app = (function () {
     	return block;
     }
 
-    function instance$c($$self, $$props, $$invalidate) {
+    function instance$d($$self, $$props, $$invalidate) {
     	let { $$slots: slots = {}, $$scope } = $$props;
     	validate_slots('MovingDotSpaceGameFind', slots, []);
     	let gridSize = 10;
@@ -59581,20 +60538,20 @@ var app = (function () {
     class MovingDotSpaceGameFind extends SvelteComponentDev {
     	constructor(options) {
     		super(options);
-    		init(this, options, instance$c, create_fragment$c, safe_not_equal, {});
+    		init(this, options, instance$d, create_fragment$d, safe_not_equal, {});
 
     		dispatch_dev("SvelteRegisterComponent", {
     			component: this,
     			tagName: "MovingDotSpaceGameFind",
     			options,
-    			id: create_fragment$c.name
+    			id: create_fragment$d.name
     		});
     	}
     }
 
     /* src\MovingDotSpaceGameOrder.svelte generated by Svelte v3.59.2 */
 
-    const file$b = "src\\MovingDotSpaceGameOrder.svelte";
+    const file$c = "src\\MovingDotSpaceGameOrder.svelte";
 
     function get_each_context$9(ctx, list, i) {
     	const child_ctx = ctx.slice();
@@ -59611,7 +60568,7 @@ var app = (function () {
     		c: function create() {
     			p = element("p");
     			p.textContent = "Incorrect order. Try again!";
-    			add_location(p, file$b, 72, 4, 2206);
+    			add_location(p, file$c, 72, 4, 2206);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p, anchor);
@@ -59640,7 +60597,7 @@ var app = (function () {
     		c: function create() {
     			p = element("p");
     			p.textContent = "You guessed the correct order! 🎉";
-    			add_location(p, file$b, 70, 4, 2119);
+    			add_location(p, file$c, 70, 4, 2119);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p, anchor);
@@ -59682,7 +60639,7 @@ var app = (function () {
     			attr_dev(button, "data-number", /*i*/ ctx[12] + 1);
     			attr_dev(button, "class", "svelte-7k1yf9");
     			toggle_class(button, "pressed", /*userOrder*/ ctx[0].includes(/*i*/ ctx[12] + 1));
-    			add_location(button, file$b, 79, 6, 2378);
+    			add_location(button, file$c, 79, 6, 2378);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, button, anchor);
@@ -59733,7 +60690,7 @@ var app = (function () {
     			t = text("Check Order");
     			button.disabled = button_disabled_value = /*userOrder*/ ctx[0].length !== /*gridSize*/ ctx[3];
     			attr_dev(button, "class", "svelte-7k1yf9");
-    			add_location(button, file$b, 86, 4, 2600);
+    			add_location(button, file$c, 86, 4, 2600);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, button, anchor);
@@ -59767,7 +60724,7 @@ var app = (function () {
     	return block;
     }
 
-    function create_fragment$b(ctx) {
+    function create_fragment$c(ctx) {
     	let div0;
     	let input;
     	let t0;
@@ -59822,14 +60779,14 @@ var app = (function () {
     			if (if_block1) if_block1.c();
     			if_block1_anchor = empty();
     			attr_dev(input, "type", "checkbox");
-    			add_location(input, file$b, 65, 4, 1962);
-    			add_location(label, file$b, 66, 4, 2024);
+    			add_location(input, file$c, 65, 4, 1962);
+    			add_location(label, file$c, 66, 4, 2024);
     			attr_dev(div0, "class", "controls svelte-7k1yf9");
-    			add_location(div0, file$b, 64, 2, 1934);
+    			add_location(div0, file$c, 64, 2, 1934);
     			attr_dev(button, "class", "svelte-7k1yf9");
-    			add_location(button, file$b, 75, 2, 2257);
+    			add_location(button, file$c, 75, 2, 2257);
     			attr_dev(div1, "class", "grid svelte-7k1yf9");
-    			add_location(div1, file$b, 77, 2, 2315);
+    			add_location(div1, file$c, 77, 2, 2315);
     		},
     		l: function claim(nodes) {
     			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
@@ -59943,7 +60900,7 @@ var app = (function () {
 
     	dispatch_dev("SvelteRegisterBlock", {
     		block,
-    		id: create_fragment$b.name,
+    		id: create_fragment$c.name,
     		type: "component",
     		source: "",
     		ctx
@@ -59952,7 +60909,7 @@ var app = (function () {
     	return block;
     }
 
-    function instance$b($$self, $$props, $$invalidate) {
+    function instance$c($$self, $$props, $$invalidate) {
     	let { $$slots: slots = {}, $$scope } = $$props;
     	validate_slots('MovingDotSpaceGameOrder', slots, []);
     	let gridSize = 4; // Grid size for simplicity
@@ -60051,13 +61008,13 @@ var app = (function () {
     class MovingDotSpaceGameOrder extends SvelteComponentDev {
     	constructor(options) {
     		super(options);
-    		init(this, options, instance$b, create_fragment$b, safe_not_equal, {});
+    		init(this, options, instance$c, create_fragment$c, safe_not_equal, {});
 
     		dispatch_dev("SvelteRegisterComponent", {
     			component: this,
     			tagName: "MovingDotSpaceGameOrder",
     			options,
-    			id: create_fragment$b.name
+    			id: create_fragment$c.name
     		});
     	}
     }
@@ -61059,7 +62016,7 @@ var app = (function () {
 
     const { Object: Object_1$2, console: console_1$6 } = globals;
 
-    const file$a = "src\\MovingDotSpacePortfromReact.svelte";
+    const file$b = "src\\MovingDotSpacePortfromReact.svelte";
 
     function get_each_context$8(ctx, list, i) {
     	const child_ctx = ctx.slice();
@@ -61085,7 +62042,7 @@ var app = (function () {
     			t = text(t_value);
     			option.__value = /*key*/ ctx[32];
     			option.value = option.__value;
-    			add_location(option, file$a, 286, 8, 11619);
+    			add_location(option, file$b, 286, 8, 11619);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, option, anchor);
@@ -61135,7 +62092,7 @@ var app = (function () {
     			set_style(span, "position", "absolute");
     			set_style(span, "left", /*target*/ ctx[29].x + "px");
     			set_style(span, "top", /*target*/ ctx[29].y + "px");
-    			add_location(span, file$a, 299, 8, 12755);
+    			add_location(span, file$b, 299, 8, 12755);
     			this.first = first;
     		},
     		m: function mount(target$1, anchor) {
@@ -61304,7 +62261,7 @@ var app = (function () {
     }
 
     // (318:0) <SimpleCollapsible title="Some practice modal ideas - how to solve the import issue (have to import all modals all the time?)">
-    function create_default_slot(ctx) {
+    function create_default_slot$1(ctx) {
     	let h10;
     	let t1;
     	let fighttest;
@@ -61342,9 +62299,9 @@ var app = (function () {
     			h12.textContent = "Find out/ make sense / Resolve Conflict = order mixed up and";
     			t8 = space();
     			create_component(ordertest.$$.fragment);
-    			add_location(h10, file$a, 318, 4, 13658);
-    			add_location(h11, file$a, 321, 4, 13763);
-    			add_location(h12, file$a, 323, 4, 13916);
+    			add_location(h10, file$b, 318, 4, 13722);
+    			add_location(h11, file$b, 321, 4, 13827);
+    			add_location(h12, file$b, 323, 4, 13980);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, h10, anchor);
@@ -61397,7 +62354,7 @@ var app = (function () {
 
     	dispatch_dev("SvelteRegisterBlock", {
     		block,
-    		id: create_default_slot.name,
+    		id: create_default_slot$1.name,
     		type: "slot",
     		source: "(318:0) <SimpleCollapsible title=\\\"Some practice modal ideas - how to solve the import issue (have to import all modals all the time?)\\\">",
     		ctx
@@ -61406,7 +62363,7 @@ var app = (function () {
     	return block;
     }
 
-    function create_fragment$a(ctx) {
+    function create_fragment$b(ctx) {
     	let t0;
     	let select;
     	let t1;
@@ -61484,7 +62441,7 @@ var app = (function () {
     	simplecollapsible = new SimpleCollapsible({
     			props: {
     				title: "Some practice modal ideas - how to solve the import issue (have to import all modals all the time?)",
-    				$$slots: { default: [create_default_slot] },
+    				$$slots: { default: [create_default_slot$1] },
     				$$scope: { ctx }
     			},
     			$$inline: true
@@ -61530,21 +62487,21 @@ var app = (function () {
     			create_component(movingdotstats.$$.fragment);
     			t16 = space();
     			h1 = element("h1");
-    			h1.textContent = "Simple Game is normally just story with fighting and traversing mechanics repeated in between videos";
+    			h1.textContent = "Simple Game is normally just story with fighting and traversing mechanics repeated in between videos with as heavy customisation of any part of the game as possible";
     			t18 = space();
     			hr = element("hr");
     			t19 = space();
     			create_component(simplecollapsible.$$.fragment);
     			if (/*currentTheme*/ ctx[10] === void 0) add_render_callback(() => /*select_change_handler*/ ctx[21].call(select));
-    			add_location(select, file$a, 284, 0, 11521);
-    			add_location(button, file$a, 290, 0, 11684);
+    			add_location(select, file$b, 284, 0, 11521);
+    			add_location(button, file$b, 290, 0, 11684);
     			set_style(canvas_1, "width", "100%");
     			set_style(canvas_1, "height", "100%");
     			attr_dev(canvas_1, "tabindex", "0");
-    			add_location(canvas_1, file$a, 294, 4, 12091);
+    			add_location(canvas_1, file$b, 294, 4, 12091);
     			attr_dev(div0, "id", "overlayText");
     			attr_dev(div0, "class", "svelte-c2nwl9");
-    			add_location(div0, file$a, 296, 4, 12349);
+    			add_location(div0, file$b, 296, 4, 12349);
     			attr_dev(div1, "id", "game-container");
     			set_style(div1, "position", "relative");
     			set_style(div1, "width", "100%");
@@ -61554,9 +62511,9 @@ var app = (function () {
     			set_style(div1, "background-image", "url('" + /*CurrentGameBackground*/ ctx[11] + "')");
     			set_style(div1, "background-size", "cover");
     			set_style(div1, "background-position", "center");
-    			add_location(div1, file$a, 293, 0, 11858);
-    			add_location(h1, file$a, 314, 0, 13406);
-    			add_location(hr, file$a, 315, 0, 13517);
+    			add_location(div1, file$b, 293, 0, 11858);
+    			add_location(h1, file$b, 314, 0, 13406);
+    			add_location(hr, file$b, 315, 0, 13581);
     		},
     		l: function claim(nodes) {
     			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
@@ -61791,7 +62748,7 @@ var app = (function () {
 
     	dispatch_dev("SvelteRegisterBlock", {
     		block,
-    		id: create_fragment$a.name,
+    		id: create_fragment$b.name,
     		type: "component",
     		source: "",
     		ctx
@@ -61800,7 +62757,7 @@ var app = (function () {
     	return block;
     }
 
-    function instance$a($$self, $$props, $$invalidate) {
+    function instance$b($$self, $$props, $$invalidate) {
     	let $dotPosition;
     	let $targets;
     	let $autogenconfigtest;
@@ -62178,13 +63135,13 @@ var app = (function () {
     class MovingDotSpacePortfromReact extends SvelteComponentDev {
     	constructor(options) {
     		super(options);
-    		init(this, options, instance$a, create_fragment$a, safe_not_equal, {}, null, [-1, -1]);
+    		init(this, options, instance$b, create_fragment$b, safe_not_equal, {}, null, [-1, -1]);
 
     		dispatch_dev("SvelteRegisterComponent", {
     			component: this,
     			tagName: "MovingDotSpacePortfromReact",
     			options,
-    			id: create_fragment$a.name
+    			id: create_fragment$b.name
     		});
     	}
     }
@@ -62193,7 +63150,7 @@ var app = (function () {
 
     const { console: console_1$5 } = globals;
 
-    const file$9 = "src\\YoutubeIframeAPICustomInterface.svelte";
+    const file$a = "src\\YoutubeIframeAPICustomInterface.svelte";
 
     function get_each_context$7(ctx, list, i) {
     	const child_ctx = ctx.slice();
@@ -62220,7 +63177,7 @@ var app = (function () {
     			button = element("button");
     			t0 = text(t0_value);
     			t1 = space();
-    			add_location(button, file$9, 518, 12, 18828);
+    			add_location(button, file$a, 518, 12, 18828);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, button, anchor);
@@ -62254,7 +63211,7 @@ var app = (function () {
     	return block;
     }
 
-    function create_fragment$9(ctx) {
+    function create_fragment$a(ctx) {
     	let h10;
     	let t1;
     	let h20;
@@ -62493,7 +63450,7 @@ var app = (function () {
     			div8 = element("div");
     			t41 = text("Note Taking Section based on auto gen timestamp (currently ");
     			t42 = text(/*interval*/ ctx[23]);
-    			t43 = text(") (caution - all changes saved) --- ");
+    			t43 = text("s) (caution - all changes saved) --- ");
     			br5 = element("br");
     			t44 = space();
     			input3 = element("input");
@@ -62576,120 +63533,120 @@ var app = (function () {
     			div10 = element("div");
     			t100 = text("Skip Interval Button sections\r\n    ");
     			br11 = element("br");
-    			add_location(h10, file$9, 504, 0, 17783);
-    			add_location(h20, file$9, 505, 0, 17844);
-    			add_location(b, file$9, 506, 90, 18144);
-    			add_location(h3, file$9, 506, 0, 18054);
-    			add_location(h11, file$9, 508, 0, 18246);
+    			add_location(h10, file$a, 504, 0, 17783);
+    			add_location(h20, file$a, 505, 0, 17844);
+    			add_location(b, file$a, 506, 90, 18144);
+    			add_location(h3, file$a, 506, 0, 18054);
+    			add_location(h11, file$a, 508, 0, 18246);
     			attr_dev(label, "for", "ytid-input");
-    			add_location(label, file$9, 511, 4, 18304);
-    			add_location(br0, file$9, 511, 58, 18358);
+    			add_location(label, file$a, 511, 4, 18304);
+    			add_location(br0, file$a, 511, 58, 18358);
     			attr_dev(input0, "type", "file");
     			attr_dev(input0, "id", "file-import");
-    			add_location(input0, file$9, 512, 11, 18375);
-    			add_location(button0, file$9, 513, 4, 18452);
-    			add_location(button1, file$9, 514, 4, 18508);
-    			add_location(br1, file$9, 514, 76, 18580);
+    			add_location(input0, file$a, 512, 11, 18375);
+    			add_location(button0, file$a, 513, 4, 18452);
+    			add_location(button1, file$a, 514, 4, 18508);
+    			add_location(br1, file$a, 514, 76, 18580);
     			attr_dev(textarea0, "id", "ytid-input");
     			attr_dev(textarea0, "rows", "4");
     			set_style(textarea0, "width", "35%");
     			attr_dev(textarea0, "placeholder", "Add multiple Youtube IDs separated by new lines to make buttons");
-    			add_location(textarea0, file$9, 515, 4, 18590);
-    			add_location(br2, file$9, 515, 171, 18757);
-    			add_location(div0, file$9, 516, 4, 18767);
-    			add_location(div1, file$9, 510, 0, 18293);
+    			add_location(textarea0, file$a, 515, 4, 18590);
+    			add_location(br2, file$a, 515, 171, 18757);
+    			add_location(div0, file$a, 516, 4, 18767);
+    			add_location(div1, file$a, 510, 0, 18293);
     			attr_dev(input1, "type", "text");
-    			add_location(input1, file$9, 527, 4, 18974);
+    			add_location(input1, file$a, 527, 4, 18974);
     			attr_dev(input2, "type", "checkbox");
-    			add_location(input2, file$9, 529, 4, 19086);
+    			add_location(input2, file$a, 529, 4, 19086);
     			attr_dev(textarea1, "placeholder", "Enter transcript here...");
-    			add_location(textarea1, file$9, 534, 4, 19409);
-    			add_location(button2, file$9, 535, 4, 19499);
+    			add_location(textarea1, file$a, 534, 4, 19409);
+    			add_location(button2, file$a, 535, 4, 19499);
     			attr_dev(pre, "class", "transcriptpre svelte-udvqea");
-    			add_location(pre, file$9, 536, 4, 19584);
-    			add_location(div2, file$9, 526, 0, 18963);
+    			add_location(pre, file$a, 536, 4, 19584);
+    			add_location(div2, file$a, 526, 0, 18963);
     			attr_dev(div3, "id", "youtube-player");
     			set_style(div3, "height", "90vh");
     			set_style(div3, "width", "90%");
-    			add_location(div3, file$9, 540, 4, 19680);
+    			add_location(div3, file$a, 540, 4, 19680);
     			set_style(div4, "position", "absolute");
     			set_style(div4, "top", "0%");
     			set_style(div4, "left", "40%");
     			set_style(div4, "color", "white");
     			set_style(div4, "background-color", "rgba(0, 0, 0, 0.5)");
-    			add_location(div4, file$9, 541, 4, 19750);
-    			add_location(br3, file$9, 545, 15, 20070);
-    			add_location(br4, file$9, 546, 22, 20098);
+    			add_location(div4, file$a, 541, 4, 19750);
+    			add_location(br3, file$a, 545, 15, 20070);
+    			add_location(br4, file$a, 546, 22, 20098);
     			set_style(div5, "position", "absolute");
     			set_style(div5, "top", "50%");
     			set_style(div5, "left", "20%");
     			set_style(div5, "color", "white");
     			set_style(div5, "background-color", "rgba(0, 0, 0, 0.5)");
     			set_style(div5, "font-size", "100px");
-    			add_location(div5, file$9, 544, 4, 19929);
+    			add_location(div5, file$a, 544, 4, 19929);
     			set_style(div6, "position", "absolute");
     			set_style(div6, "top", "25%");
     			set_style(div6, "left", "30%");
     			set_style(div6, "color", "white");
     			set_style(div6, "background-color", "rgba(0, 0, 0, 0.5)");
     			set_style(div6, "font-size", "100px");
-    			add_location(div6, file$9, 548, 4, 20120);
+    			add_location(div6, file$a, 548, 4, 20120);
     			set_style(div7, "position", "relative");
-    			add_location(div7, file$9, 539, 0, 19641);
-    			add_location(br5, file$9, 554, 109, 20441);
+    			add_location(div7, file$a, 539, 0, 19641);
+    			add_location(br5, file$a, 554, 110, 20442);
     			attr_dev(input3, "type", "file");
-    			add_location(input3, file$9, 555, 4, 20451);
-    			add_location(button3, file$9, 555, 59, 20506);
-    			add_location(button4, file$9, 555, 169, 20616);
+    			add_location(input3, file$a, 555, 4, 20452);
+    			add_location(button3, file$a, 555, 59, 20507);
+    			add_location(button4, file$a, 555, 169, 20617);
     			attr_dev(textarea2, "name", "notesubtitles");
     			attr_dev(textarea2, "id", "notestextarea");
     			attr_dev(textarea2, "rows", "2");
     			set_style(textarea2, "width", "100%");
-    			add_location(textarea2, file$9, 556, 4, 20758);
-    			add_location(div8, file$9, 553, 0, 20325);
-    			add_location(button5, file$9, 560, 0, 20985);
-    			add_location(button6, file$9, 561, 0, 21078);
-    			add_location(br6, file$9, 564, 0, 21220);
-    			add_location(button7, file$9, 565, 0, 21226);
+    			add_location(textarea2, file$a, 556, 4, 20759);
+    			add_location(div8, file$a, 553, 0, 20325);
+    			add_location(button5, file$a, 560, 0, 20986);
+    			add_location(button6, file$a, 561, 0, 21079);
+    			add_location(br6, file$a, 564, 0, 21221);
+    			add_location(button7, file$a, 565, 0, 21227);
     			attr_dev(button8, "class", button8_class_value = "" + (null_to_empty(/*currentindexButtonClass*/ ctx[19]) + " svelte-udvqea"));
     			button8.disabled = button8_disabled_value = /*currentuserIndex*/ ctx[0] <= 0;
-    			add_location(button8, file$9, 566, 0, 21286);
+    			add_location(button8, file$a, 566, 0, 21287);
     			attr_dev(button9, "class", button9_class_value = "" + (null_to_empty(/*previousindexButtonClass*/ ctx[20]) + " svelte-udvqea"));
     			button9.disabled = button9_disabled_value = /*currentuserIndex*/ ctx[0] <= 0;
-    			add_location(button9, file$9, 567, 0, 21441);
+    			add_location(button9, file$a, 567, 0, 21442);
     			attr_dev(button10, "class", button10_class_value = "" + (null_to_empty(/*nextindexButtonClass*/ ctx[21]) + " svelte-udvqea"));
     			button10.disabled = button10_disabled_value = /*currentuserIndex*/ ctx[0] >= /*userTimestamps*/ ctx[1].length - 1;
-    			add_location(button10, file$9, 568, 0, 21586);
-    			add_location(br7, file$9, 571, 0, 21809);
-    			add_location(br8, file$9, 571, 82, 21891);
-    			add_location(br9, file$9, 571, 192, 22001);
-    			add_location(button11, file$9, 572, 0, 22007);
-    			add_location(button12, file$9, 572, 63, 22070);
+    			add_location(button10, file$a, 568, 0, 21587);
+    			add_location(br7, file$a, 571, 0, 21810);
+    			add_location(br8, file$a, 571, 82, 21892);
+    			add_location(br9, file$a, 571, 192, 22002);
+    			add_location(button11, file$a, 572, 0, 22008);
+    			add_location(button12, file$a, 572, 63, 22071);
     			attr_dev(input4, "type", "file");
     			attr_dev(input4, "accept", ".json");
-    			add_location(input4, file$9, 572, 167, 22174);
-    			add_location(br10, file$9, 573, 0, 22239);
+    			add_location(input4, file$a, 572, 167, 22175);
+    			add_location(br10, file$a, 573, 0, 22240);
     			attr_dev(input5, "type", "checkbox");
-    			add_location(input5, file$9, 573, 21, 22260);
+    			add_location(input5, file$a, 573, 21, 22261);
     			attr_dev(input6, "type", "number");
     			attr_dev(input6, "class", "numberinput svelte-udvqea");
     			attr_dev(input6, "min", "0");
-    			add_location(input6, file$9, 573, 82, 22321);
+    			add_location(input6, file$a, 573, 82, 22322);
     			attr_dev(input7, "type", "number");
     			attr_dev(input7, "class", "numberinput svelte-udvqea");
     			attr_dev(input7, "min", "0");
-    			add_location(input7, file$9, 573, 162, 22401);
+    			add_location(input7, file$a, 573, 162, 22402);
     			attr_dev(input8, "type", "number");
     			attr_dev(input8, "class", "numberinput svelte-udvqea");
     			attr_dev(input8, "min", "0");
-    			add_location(input8, file$9, 573, 241, 22480);
-    			add_location(h21, file$9, 577, 4, 22593);
-    			add_location(h22, file$9, 578, 4, 22691);
+    			add_location(input8, file$a, 573, 241, 22481);
+    			add_location(h21, file$a, 577, 4, 22594);
+    			add_location(h22, file$a, 578, 4, 22692);
     			attr_dev(div9, "class", "imagesubtitle svelte-udvqea");
-    			add_location(div9, file$9, 576, 0, 22560);
-    			add_location(hr, file$9, 582, 0, 22807);
-    			add_location(br11, file$9, 585, 4, 22859);
-    			add_location(div10, file$9, 583, 0, 22813);
+    			add_location(div9, file$a, 576, 0, 22561);
+    			add_location(hr, file$a, 582, 0, 22808);
+    			add_location(br11, file$a, 585, 4, 22860);
+    			add_location(div10, file$a, 583, 0, 22814);
     		},
     		l: function claim(nodes) {
     			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
@@ -63066,7 +64023,7 @@ var app = (function () {
 
     	dispatch_dev("SvelteRegisterBlock", {
     		block,
-    		id: create_fragment$9.name,
+    		id: create_fragment$a.name,
     		type: "component",
     		source: "",
     		ctx
@@ -63080,7 +64037,7 @@ var app = (function () {
     	return words[Math.floor(Math.random() * words.length)];
     }
 
-    function instance$9($$self, $$props, $$invalidate) {
+    function instance$a($$self, $$props, $$invalidate) {
     	let nextindexButtonClass;
     	let previousindexButtonClass;
     	let currentindexButtonClass;
@@ -63858,13 +64815,13 @@ var app = (function () {
     class YoutubeIframeAPICustomInterface extends SvelteComponentDev {
     	constructor(options) {
     		super(options);
-    		init(this, options, instance$9, create_fragment$9, safe_not_equal, {}, null, [-1, -1, -1]);
+    		init(this, options, instance$a, create_fragment$a, safe_not_equal, {}, null, [-1, -1, -1]);
 
     		dispatch_dev("SvelteRegisterComponent", {
     			component: this,
     			tagName: "YoutubeIframeAPICustomInterface",
     			options,
-    			id: create_fragment$9.name
+    			id: create_fragment$a.name
     		});
     	}
     }
@@ -63937,17 +64894,17 @@ var app = (function () {
     /* src\RecursiveNestedCommentsElement.svelte generated by Svelte v3.59.2 */
 
     const { console: console_1$4 } = globals;
-    const file$8 = "src\\RecursiveNestedCommentsElement.svelte";
+    const file$9 = "src\\RecursiveNestedCommentsElement.svelte";
 
     function get_each_context$6(ctx, list, i) {
     	const child_ctx = ctx.slice();
-    	child_ctx[14] = list[i];
-    	child_ctx[15] = list;
-    	child_ctx[16] = i;
+    	child_ctx[15] = list[i];
+    	child_ctx[16] = list;
+    	child_ctx[17] = i;
     	return child_ctx;
     }
 
-    // (123:16) {#if showReplyInput[comment.id]}
+    // (126:16) {#if showReplyInput[comment.id]}
     function create_if_block$3(ctx) {
     	let div;
     	let input;
@@ -63957,11 +64914,11 @@ var app = (function () {
     	let dispose;
 
     	function input_input_handler() {
-    		/*input_input_handler*/ ctx[11].call(input, /*comment*/ ctx[14]);
+    		/*input_input_handler*/ ctx[12].call(input, /*comment*/ ctx[15]);
     	}
 
     	function click_handler_1() {
-    		return /*click_handler_1*/ ctx[12](/*comment*/ ctx[14]);
+    		return /*click_handler_1*/ ctx[13](/*comment*/ ctx[15]);
     	}
 
     	const block = {
@@ -63972,15 +64929,15 @@ var app = (function () {
     			button = element("button");
     			button.textContent = "Post Reply";
     			attr_dev(input, "placeholder", "Write a reply...");
-    			add_location(input, file$8, 124, 24, 4690);
-    			add_location(button, file$8, 125, 24, 4791);
+    			add_location(input, file$9, 127, 24, 5188);
+    			add_location(button, file$9, 128, 24, 5289);
     			attr_dev(div, "class", "reply-input");
-    			add_location(div, file$8, 123, 20, 4639);
+    			add_location(div, file$9, 126, 20, 5137);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
     			append_dev(div, input);
-    			set_input_value(input, /*replyText*/ ctx[2][/*comment*/ ctx[14].id]);
+    			set_input_value(input, /*replyText*/ ctx[2][/*comment*/ ctx[15].id]);
     			append_dev(div, t0);
     			append_dev(div, button);
 
@@ -63996,8 +64953,8 @@ var app = (function () {
     		p: function update(new_ctx, dirty) {
     			ctx = new_ctx;
 
-    			if (dirty & /*replyText, flattenedComments*/ 6 && input.value !== /*replyText*/ ctx[2][/*comment*/ ctx[14].id]) {
-    				set_input_value(input, /*replyText*/ ctx[2][/*comment*/ ctx[14].id]);
+    			if (dirty & /*replyText, flattenedComments*/ 6 && input.value !== /*replyText*/ ctx[2][/*comment*/ ctx[15].id]) {
+    				set_input_value(input, /*replyText*/ ctx[2][/*comment*/ ctx[15].id]);
     			}
     		},
     		d: function destroy(detaching) {
@@ -64011,18 +64968,18 @@ var app = (function () {
     		block,
     		id: create_if_block$3.name,
     		type: "if",
-    		source: "(123:16) {#if showReplyInput[comment.id]}",
+    		source: "(126:16) {#if showReplyInput[comment.id]}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (119:8) {#each flattenedComments as comment}
+    // (122:8) {#each flattenedComments as comment}
     function create_each_block$6(ctx) {
     	let div;
     	let span;
-    	let t0_value = /*comment*/ ctx[14].title + "";
+    	let t0_value = /*comment*/ ctx[15].title + "";
     	let t0;
     	let t1;
     	let button;
@@ -64033,10 +64990,10 @@ var app = (function () {
     	let dispose;
 
     	function click_handler() {
-    		return /*click_handler*/ ctx[10](/*comment*/ ctx[14]);
+    		return /*click_handler*/ ctx[11](/*comment*/ ctx[15]);
     	}
 
-    	let if_block = /*showReplyInput*/ ctx[3][/*comment*/ ctx[14].id] && create_if_block$3(ctx);
+    	let if_block = /*showReplyInput*/ ctx[3][/*comment*/ ctx[15].id] && create_if_block$3(ctx);
 
     	const block = {
     		c: function create() {
@@ -64049,15 +65006,15 @@ var app = (function () {
     			t3 = space();
     			if (if_block) if_block.c();
     			t4 = space();
-    			add_location(span, file$8, 120, 16, 4453);
-    			add_location(button, file$8, 121, 16, 4499);
+    			add_location(span, file$9, 123, 16, 4951);
+    			add_location(button, file$9, 124, 16, 4997);
 
-    			attr_dev(div, "class", div_class_value = "" + (null_to_empty(/*comment*/ ctx[14].level === 0
+    			attr_dev(div, "class", div_class_value = "" + (null_to_empty(/*comment*/ ctx[15].level === 0
     			? 'top-level-comment'
     			: 'comment') + " svelte-bsj1sx"));
 
-    			set_style(div, "margin-left", /*comment*/ ctx[14].level * 20 + "px");
-    			add_location(div, file$8, 119, 12, 4323);
+    			set_style(div, "margin-left", /*comment*/ ctx[15].level * 20 + "px");
+    			add_location(div, file$9, 122, 12, 4821);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -64076,9 +65033,9 @@ var app = (function () {
     		},
     		p: function update(new_ctx, dirty) {
     			ctx = new_ctx;
-    			if (dirty & /*flattenedComments*/ 2 && t0_value !== (t0_value = /*comment*/ ctx[14].title + "")) set_data_dev(t0, t0_value);
+    			if (dirty & /*flattenedComments*/ 2 && t0_value !== (t0_value = /*comment*/ ctx[15].title + "")) set_data_dev(t0, t0_value);
 
-    			if (/*showReplyInput*/ ctx[3][/*comment*/ ctx[14].id]) {
+    			if (/*showReplyInput*/ ctx[3][/*comment*/ ctx[15].id]) {
     				if (if_block) {
     					if_block.p(ctx, dirty);
     				} else {
@@ -64091,14 +65048,14 @@ var app = (function () {
     				if_block = null;
     			}
 
-    			if (dirty & /*flattenedComments*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(/*comment*/ ctx[14].level === 0
+    			if (dirty & /*flattenedComments*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(/*comment*/ ctx[15].level === 0
     			? 'top-level-comment'
     			: 'comment') + " svelte-bsj1sx"))) {
     				attr_dev(div, "class", div_class_value);
     			}
 
     			if (dirty & /*flattenedComments*/ 2) {
-    				set_style(div, "margin-left", /*comment*/ ctx[14].level * 20 + "px");
+    				set_style(div, "margin-left", /*comment*/ ctx[15].level * 20 + "px");
     			}
     		},
     		d: function destroy(detaching) {
@@ -64113,33 +65070,42 @@ var app = (function () {
     		block,
     		id: create_each_block$6.name,
     		type: "each",
-    		source: "(119:8) {#each flattenedComments as comment}",
+    		source: "(122:8) {#each flattenedComments as comment}",
     		ctx
     	});
 
     	return block;
     }
 
-    function create_fragment$8(ctx) {
+    function create_fragment$9(ctx) {
     	let h1;
     	let t1;
     	let h4;
     	let t3;
+    	let simpleiframe;
+    	let t4;
     	let div2;
     	let div0;
     	let button0;
-    	let t5;
-    	let input0;
     	let t6;
-    	let input1;
+    	let input0;
     	let t7;
+    	let input1;
+    	let t8;
     	let button1;
-    	let t9;
-    	let br;
     	let t10;
+    	let br;
+    	let t11;
     	let div1;
+    	let current;
     	let mounted;
     	let dispose;
+
+    	simpleiframe = new SimpleIFrame({
+    			props: { webpages: /*LLMforassit*/ ctx[4] },
+    			$$inline: true
+    		});
+
     	let each_value = /*flattenedComments*/ ctx[1];
     	validate_each_argument(each_value);
     	let each_blocks = [];
@@ -64155,43 +65121,45 @@ var app = (function () {
     			t1 = space();
     			h4 = element("h4");
     			h4.textContent = "Inspired by Vijay Bhati - https://github.com/vj98/Frontend-Machine-Coding/tree/main/nested-comments https://youtu.be/a4OA7QbHEho?list=PLBygUld3s6x8sI_H8UYROVMIVcuxUre1e";
-    			t3 = space();
+    			t3 = text("\r\nLLM: ");
+    			create_component(simpleiframe.$$.fragment);
+    			t4 = space();
     			div2 = element("div");
     			div0 = element("div");
     			button0 = element("button");
     			button0.textContent = "Export Comments";
-    			t5 = text("\r\n        | Import Exported Comments \r\n        ");
+    			t6 = text("\r\n        | Import Exported Comments \r\n        ");
     			input0 = element("input");
-    			t6 = text("\r\n        | \r\n        ");
+    			t7 = text("\r\n        | \r\n        ");
     			input1 = element("input");
-    			t7 = space();
+    			t8 = space();
     			button1 = element("button");
     			button1.textContent = "Post Comment";
-    			t9 = space();
-    			br = element("br");
     			t10 = space();
+    			br = element("br");
+    			t11 = space();
     			div1 = element("div");
 
     			for (let i = 0; i < each_blocks.length; i += 1) {
     				each_blocks[i].c();
     			}
 
-    			add_location(h1, file$8, 104, 0, 3512);
-    			add_location(h4, file$8, 105, 0, 3614);
-    			add_location(button0, file$8, 108, 8, 3897);
+    			add_location(h1, file$9, 106, 0, 3964);
+    			add_location(h4, file$9, 107, 0, 4066);
+    			add_location(button0, file$9, 111, 8, 4395);
     			attr_dev(input0, "type", "file");
-    			add_location(input0, file$8, 110, 8, 4000);
+    			add_location(input0, file$9, 113, 8, 4498);
     			attr_dev(input1, "placeholder", "Add a comment...");
-    			add_location(input1, file$8, 112, 8, 4072);
-    			add_location(button1, file$8, 113, 8, 4146);
-    			add_location(div0, file$8, 107, 4, 3882);
-    			add_location(br, file$8, 116, 4, 4225);
+    			add_location(input1, file$9, 115, 8, 4570);
+    			add_location(button1, file$9, 116, 8, 4644);
+    			add_location(div0, file$9, 110, 4, 4380);
+    			add_location(br, file$9, 119, 4, 4723);
     			attr_dev(div1, "id", "comment-container");
-    			add_location(div1, file$8, 117, 4, 4235);
+    			add_location(div1, file$9, 120, 4, 4733);
     			attr_dev(div2, "class", "component-containter svelte-bsj1sx");
     			set_style(div2, "border", "1px solid black");
     			set_style(div2, "padding", "4px");
-    			add_location(div2, file$8, 106, 0, 3795);
+    			add_location(div2, file$9, 109, 0, 4293);
     		},
     		l: function claim(nodes) {
     			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
@@ -64201,19 +65169,21 @@ var app = (function () {
     			insert_dev(target, t1, anchor);
     			insert_dev(target, h4, anchor);
     			insert_dev(target, t3, anchor);
+    			mount_component(simpleiframe, target, anchor);
+    			insert_dev(target, t4, anchor);
     			insert_dev(target, div2, anchor);
     			append_dev(div2, div0);
     			append_dev(div0, button0);
-    			append_dev(div0, t5);
-    			append_dev(div0, input0);
     			append_dev(div0, t6);
+    			append_dev(div0, input0);
+    			append_dev(div0, t7);
     			append_dev(div0, input1);
     			set_input_value(input1, /*newComment*/ ctx[0]);
-    			append_dev(div0, t7);
+    			append_dev(div0, t8);
     			append_dev(div0, button1);
-    			append_dev(div2, t9);
-    			append_dev(div2, br);
     			append_dev(div2, t10);
+    			append_dev(div2, br);
+    			append_dev(div2, t11);
     			append_dev(div2, div1);
 
     			for (let i = 0; i < each_blocks.length; i += 1) {
@@ -64222,12 +65192,14 @@ var app = (function () {
     				}
     			}
 
+    			current = true;
+
     			if (!mounted) {
     				dispose = [
-    					listen_dev(button0, "click", /*exportToJson*/ ctx[7], false, false, false, false),
-    					listen_dev(input0, "change", /*handleFileUpload*/ ctx[8], false, false, false, false),
-    					listen_dev(input1, "input", /*input1_input_handler*/ ctx[9]),
-    					listen_dev(button1, "click", /*addComment*/ ctx[4], false, false, false, false)
+    					listen_dev(button0, "click", /*exportToJson*/ ctx[8], false, false, false, false),
+    					listen_dev(input0, "change", /*handleFileUpload*/ ctx[9], false, false, false, false),
+    					listen_dev(input1, "input", /*input1_input_handler*/ ctx[10]),
+    					listen_dev(button1, "click", /*addComment*/ ctx[5], false, false, false, false)
     				];
 
     				mounted = true;
@@ -64238,7 +65210,7 @@ var app = (function () {
     				set_input_value(input1, /*newComment*/ ctx[0]);
     			}
 
-    			if (dirty & /*flattenedComments, addReply, replyText, toggleReplyInput, showReplyInput*/ 110) {
+    			if (dirty & /*flattenedComments, addReply, replyText, toggleReplyInput, showReplyInput*/ 206) {
     				each_value = /*flattenedComments*/ ctx[1];
     				validate_each_argument(each_value);
     				let i;
@@ -64262,13 +65234,22 @@ var app = (function () {
     				each_blocks.length = each_value.length;
     			}
     		},
-    		i: noop,
-    		o: noop,
+    		i: function intro(local) {
+    			if (current) return;
+    			transition_in(simpleiframe.$$.fragment, local);
+    			current = true;
+    		},
+    		o: function outro(local) {
+    			transition_out(simpleiframe.$$.fragment, local);
+    			current = false;
+    		},
     		d: function destroy(detaching) {
     			if (detaching) detach_dev(h1);
     			if (detaching) detach_dev(t1);
     			if (detaching) detach_dev(h4);
     			if (detaching) detach_dev(t3);
+    			destroy_component(simpleiframe, detaching);
+    			if (detaching) detach_dev(t4);
     			if (detaching) detach_dev(div2);
     			destroy_each(each_blocks, detaching);
     			mounted = false;
@@ -64278,7 +65259,7 @@ var app = (function () {
 
     	dispatch_dev("SvelteRegisterBlock", {
     		block,
-    		id: create_fragment$8.name,
+    		id: create_fragment$9.name,
     		type: "component",
     		source: "",
     		ctx
@@ -64304,9 +65285,25 @@ var app = (function () {
     	return result;
     }
 
-    function instance$8($$self, $$props, $$invalidate) {
+    function instance$9($$self, $$props, $$invalidate) {
     	let { $$slots: slots = {}, $$scope } = $$props;
     	validate_slots('RecursiveNestedCommentsElement', slots, []);
+
+    	let LLMforassit = [
+    		{
+    			name: 'CohereForAI/c4ai-command-r-plus',
+    			url: 'https://cohereforai-c4ai-command-r-plus.hf.space'
+    		},
+    		{
+    			name: 'ysharma/Chat_with_Meta_llama3_8b',
+    			url: 'https://ysharma-chat-with-meta-llama3-8b.hf.space'
+    		},
+    		{
+    			name: 'Qwen/Qwen1.5-110B-Chat-demo',
+    			url: 'https://qwen-qwen1-5-110b-chat-demo.hf.space'
+    		}
+    	]; //List of models with system prompt available //{ name: '', url: '' },
+
     	let comments = [];
     	let newComment = '';
     	let flattenedComments = [];
@@ -64411,6 +65408,8 @@ var app = (function () {
 
     	$$self.$capture_state = () => ({
     		uuidv4: v4,
+    		SimpleIFrame,
+    		LLMforassit,
     		comments,
     		newComment,
     		flattenedComments,
@@ -64425,6 +65424,7 @@ var app = (function () {
     	});
 
     	$$self.$inject_state = $$props => {
+    		if ('LLMforassit' in $$props) $$invalidate(4, LLMforassit = $$props.LLMforassit);
     		if ('comments' in $$props) comments = $$props.comments;
     		if ('newComment' in $$props) $$invalidate(0, newComment = $$props.newComment);
     		if ('flattenedComments' in $$props) $$invalidate(1, flattenedComments = $$props.flattenedComments);
@@ -64441,6 +65441,7 @@ var app = (function () {
     		flattenedComments,
     		replyText,
     		showReplyInput,
+    		LLMforassit,
     		addComment,
     		addReply,
     		toggleReplyInput,
@@ -64456,13 +65457,13 @@ var app = (function () {
     class RecursiveNestedCommentsElement extends SvelteComponentDev {
     	constructor(options) {
     		super(options);
-    		init(this, options, instance$8, create_fragment$8, safe_not_equal, {});
+    		init(this, options, instance$9, create_fragment$9, safe_not_equal, {});
 
     		dispatch_dev("SvelteRegisterComponent", {
     			component: this,
     			tagName: "RecursiveNestedCommentsElement",
     			options,
-    			id: create_fragment$8.name
+    			id: create_fragment$9.name
     		});
     	}
     }
@@ -64470,7 +65471,7 @@ var app = (function () {
     /* src\CopyandRemoveListComponent.svelte generated by Svelte v3.59.2 */
 
     const { console: console_1$3 } = globals;
-    const file$7 = "src\\CopyandRemoveListComponent.svelte";
+    const file$8 = "src\\CopyandRemoveListComponent.svelte";
 
     function get_each_context$5(ctx, list, i) {
     	const child_ctx = ctx.slice();
@@ -64547,7 +65548,7 @@ var app = (function () {
     		c: function create() {
     			p = element("p");
     			p.textContent = "All items have been copied! (or none entered yet)";
-    			add_location(p, file$7, 24, 4, 732);
+    			add_location(p, file$8, 24, 4, 732);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p, anchor);
@@ -64590,7 +65591,7 @@ var app = (function () {
     			t0 = text(t0_value);
     			t1 = space();
     			attr_dev(button, "class", "item svelte-13m3fab");
-    			add_location(button, file$7, 27, 8, 844);
+    			add_location(button, file$8, 27, 8, 844);
     			this.first = button;
     		},
     		m: function mount(target, anchor) {
@@ -64625,7 +65626,7 @@ var app = (function () {
     	return block;
     }
 
-    function create_fragment$7(ctx) {
+    function create_fragment$8(ctx) {
     	let h1;
     	let t1;
     	let textarea;
@@ -64651,10 +65652,10 @@ var app = (function () {
     			t2 = space();
     			if_block.c();
     			if_block_anchor = empty();
-    			add_location(h1, file$7, 19, 0, 537);
+    			add_location(h1, file$8, 19, 0, 537);
     			attr_dev(textarea, "placeholder", "Enter text here...");
     			attr_dev(textarea, "class", "svelte-13m3fab");
-    			add_location(textarea, file$7, 21, 0, 598);
+    			add_location(textarea, file$8, 21, 0, 598);
     		},
     		l: function claim(nodes) {
     			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
@@ -64710,7 +65711,7 @@ var app = (function () {
 
     	dispatch_dev("SvelteRegisterBlock", {
     		block,
-    		id: create_fragment$7.name,
+    		id: create_fragment$8.name,
     		type: "component",
     		source: "",
     		ctx
@@ -64719,7 +65720,7 @@ var app = (function () {
     	return block;
     }
 
-    function instance$7($$self, $$props, $$invalidate) {
+    function instance$8($$self, $$props, $$invalidate) {
     	let { $$slots: slots = {}, $$scope } = $$props;
     	validate_slots('CopyandRemoveListComponent', slots, []);
     	let textInput = '';
@@ -64780,20 +65781,20 @@ var app = (function () {
     class CopyandRemoveListComponent extends SvelteComponentDev {
     	constructor(options) {
     		super(options);
-    		init(this, options, instance$7, create_fragment$7, safe_not_equal, {});
+    		init(this, options, instance$8, create_fragment$8, safe_not_equal, {});
 
     		dispatch_dev("SvelteRegisterComponent", {
     			component: this,
     			tagName: "CopyandRemoveListComponent",
     			options,
-    			id: create_fragment$7.name
+    			id: create_fragment$8.name
     		});
     	}
     }
 
     /* src\ReadingStateCounter.svelte generated by Svelte v3.59.2 */
 
-    const file$6 = "src\\ReadingStateCounter.svelte";
+    const file$7 = "src\\ReadingStateCounter.svelte";
 
     function get_each_context$4(ctx, list, i) {
     	const child_ctx = ctx.slice();
@@ -64829,7 +65830,7 @@ var app = (function () {
     			t3 = text(")\r\n        ");
     			attr_dev(button, "class", "word-button svelte-13vjncp");
     			set_style(button, "background-color", getColor(/*wordObj*/ ctx[8].count));
-    			add_location(button, file$6, 67, 8, 1994);
+    			add_location(button, file$7, 67, 8, 1994);
     			this.first = button;
     		},
     		m: function mount(target, anchor) {
@@ -64871,7 +65872,7 @@ var app = (function () {
     	return block;
     }
 
-    function create_fragment$6(ctx) {
+    function create_fragment$7(ctx) {
     	let div0;
     	let h1;
     	let t1;
@@ -64921,20 +65922,20 @@ var app = (function () {
     				each_blocks[i].c();
     			}
 
-    			add_location(h1, file$6, 57, 4, 1576);
+    			add_location(h1, file$7, 57, 4, 1576);
     			attr_dev(input0, "type", "text");
     			attr_dev(input0, "placeholder", "Enter text here");
     			attr_dev(input0, "class", "svelte-13vjncp");
-    			add_location(input0, file$6, 58, 4, 1617);
+    			add_location(input0, file$7, 58, 4, 1617);
     			attr_dev(button0, "class", "svelte-13vjncp");
-    			add_location(button0, file$6, 59, 4, 1696);
+    			add_location(button0, file$7, 59, 4, 1696);
     			attr_dev(button1, "class", "svelte-13vjncp");
-    			add_location(button1, file$6, 60, 4, 1752);
+    			add_location(button1, file$7, 60, 4, 1752);
     			attr_dev(input1, "type", "file");
     			attr_dev(input1, "class", "svelte-13vjncp");
-    			add_location(input1, file$6, 61, 4, 1813);
-    			add_location(div0, file$6, 56, 0, 1565);
-    			add_location(div1, file$6, 64, 0, 1873);
+    			add_location(input1, file$7, 61, 4, 1813);
+    			add_location(div0, file$7, 56, 0, 1565);
+    			add_location(div1, file$7, 64, 0, 1873);
     		},
     		l: function claim(nodes) {
     			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
@@ -65001,7 +66002,7 @@ var app = (function () {
 
     	dispatch_dev("SvelteRegisterBlock", {
     		block,
-    		id: create_fragment$6.name,
+    		id: create_fragment$7.name,
     		type: "component",
     		source: "",
     		ctx
@@ -65027,7 +66028,7 @@ var app = (function () {
     	return colors[Math.min(Math.floor(count / 10), 9)];
     }
 
-    function instance$6($$self, $$props, $$invalidate) {
+    function instance$7($$self, $$props, $$invalidate) {
     	let { $$slots: slots = {}, $$scope } = $$props;
     	validate_slots('ReadingStateCounter', slots, []);
     	let inputText = "";
@@ -65117,13 +66118,13 @@ var app = (function () {
     class ReadingStateCounter extends SvelteComponentDev {
     	constructor(options) {
     		super(options);
-    		init(this, options, instance$6, create_fragment$6, safe_not_equal, {});
+    		init(this, options, instance$7, create_fragment$7, safe_not_equal, {});
 
     		dispatch_dev("SvelteRegisterComponent", {
     			component: this,
     			tagName: "ReadingStateCounter",
     			options,
-    			id: create_fragment$6.name
+    			id: create_fragment$7.name
     		});
     	}
     }
@@ -65131,7 +66132,7 @@ var app = (function () {
     /* src\DeliberateSubconciousRepititionPractice.svelte generated by Svelte v3.59.2 */
 
     const { Object: Object_1$1, console: console_1$2 } = globals;
-    const file$5 = "src\\DeliberateSubconciousRepititionPractice.svelte";
+    const file$6 = "src\\DeliberateSubconciousRepititionPractice.svelte";
 
     // (156:0) {#if selectedItem}
     function create_if_block_1(ctx) {
@@ -65158,9 +66159,9 @@ var app = (function () {
     			strong1.textContent = "Count:";
     			t5 = space();
     			t6 = text(t6_value);
-    			add_location(strong0, file$5, 157, 8, 5744);
-    			add_location(strong1, file$5, 158, 8, 5805);
-    			add_location(div, file$5, 156, 4, 5729);
+    			add_location(strong0, file$6, 157, 8, 5744);
+    			add_location(strong1, file$6, 158, 8, 5805);
+    			add_location(div, file$6, 156, 4, 5729);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -65201,7 +66202,7 @@ var app = (function () {
     			div = element("div");
     			div.textContent = "All words have reached the count limit.";
     			attr_dev(div, "class", "alert svelte-fb2ql8");
-    			add_location(div, file$5, 163, 4, 5910);
+    			add_location(div, file$6, 163, 4, 5910);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -65222,7 +66223,7 @@ var app = (function () {
     	return block;
     }
 
-    function create_fragment$5(ctx) {
+    function create_fragment$6(ctx) {
     	let h1;
     	let t1;
     	let input0;
@@ -65294,28 +66295,28 @@ var app = (function () {
     			button3.textContent = "Simulate one hour or limit Counts";
     			t19 = space();
     			textarea1 = element("textarea");
-    			add_location(h1, file$5, 141, 0, 5255);
+    			add_location(h1, file$6, 141, 0, 5255);
     			attr_dev(input0, "type", "file");
-    			add_location(input0, file$5, 143, 0, 5317);
-    			add_location(button0, file$5, 144, 0, 5365);
-    			add_location(br, file$5, 145, 0, 5421);
+    			add_location(input0, file$6, 143, 0, 5317);
+    			add_location(button0, file$6, 144, 0, 5365);
+    			add_location(br, file$6, 145, 0, 5421);
     			attr_dev(textarea0, "placeholder", "Enter text here...");
-    			add_location(textarea0, file$5, 146, 0, 5427);
-    			add_location(hr0, file$5, 148, 0, 5531);
+    			add_location(textarea0, file$6, 146, 0, 5427);
+    			add_location(hr0, file$6, 148, 0, 5531);
     			attr_dev(label, "for", "totalCountLimit");
-    			add_location(label, file$5, 151, 4, 5550);
+    			add_location(label, file$6, 151, 4, 5550);
     			attr_dev(input1, "type", "number");
     			attr_dev(input1, "min", "1");
     			attr_dev(input1, "id", "totalCountLimit");
-    			add_location(input1, file$5, 152, 4, 5612);
-    			add_location(div, file$5, 150, 0, 5539);
-    			add_location(button1, file$5, 168, 0, 6001);
-    			add_location(button2, file$5, 169, 0, 6042);
-    			add_location(hr1, file$5, 171, 0, 6083);
-    			add_location(button3, file$5, 173, 0, 6091);
+    			add_location(input1, file$6, 152, 4, 5612);
+    			add_location(div, file$6, 150, 0, 5539);
+    			add_location(button1, file$6, 168, 0, 6001);
+    			add_location(button2, file$6, 169, 0, 6042);
+    			add_location(hr1, file$6, 171, 0, 6083);
+    			add_location(button3, file$6, 173, 0, 6091);
     			textarea1.readOnly = true;
     			attr_dev(textarea1, "placeholder", "Simulation result will be shown here...");
-    			add_location(textarea1, file$5, 174, 0, 6168);
+    			add_location(textarea1, file$6, 174, 0, 6168);
     		},
     		l: function claim(nodes) {
     			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
@@ -65445,7 +66446,7 @@ var app = (function () {
 
     	dispatch_dev("SvelteRegisterBlock", {
     		block,
-    		id: create_fragment$5.name,
+    		id: create_fragment$6.name,
     		type: "component",
     		source: "",
     		ctx
@@ -65454,7 +66455,7 @@ var app = (function () {
     	return block;
     }
 
-    function instance$5($$self, $$props, $$invalidate) {
+    function instance$6($$self, $$props, $$invalidate) {
     	let { $$slots: slots = {}, $$scope } = $$props;
     	validate_slots('DeliberateSubconciousRepititionPractice', slots, []);
     	let textInput = '';
@@ -65681,13 +66682,13 @@ var app = (function () {
     class DeliberateSubconciousRepititionPractice extends SvelteComponentDev {
     	constructor(options) {
     		super(options);
-    		init(this, options, instance$5, create_fragment$5, safe_not_equal, {});
+    		init(this, options, instance$6, create_fragment$6, safe_not_equal, {});
 
     		dispatch_dev("SvelteRegisterComponent", {
     			component: this,
     			tagName: "DeliberateSubconciousRepititionPractice",
     			options,
-    			id: create_fragment$5.name
+    			id: create_fragment$6.name
     		});
     	}
     }
@@ -65695,7 +66696,7 @@ var app = (function () {
     /* src\LLMWorkflowTest.svelte generated by Svelte v3.59.2 */
 
     const { Object: Object_1, console: console_1$1 } = globals;
-    const file$4 = "src\\LLMWorkflowTest.svelte";
+    const file$5 = "src\\LLMWorkflowTest.svelte";
 
     function get_each_context$3(ctx, list, i) {
     	const child_ctx = ctx.slice();
@@ -65723,7 +66724,7 @@ var app = (function () {
     			t = text(t_value);
     			option.__value = /*workflow*/ ctx[13];
     			option.value = option.__value;
-    			add_location(option, file$4, 87, 6, 2693);
+    			add_location(option, file$5, 87, 6, 2693);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, option, anchor);
@@ -65772,10 +66773,10 @@ var app = (function () {
     			t2 = text(">");
     			t3 = space();
     			input = element("input");
-    			add_location(label, file$4, 93, 6, 2828);
+    			add_location(label, file$5, 93, 6, 2828);
     			attr_dev(input, "type", "text");
-    			add_location(input, file$4, 94, 6, 2887);
-    			add_location(div, file$4, 92, 4, 2815);
+    			add_location(input, file$5, 94, 6, 2887);
+    			add_location(div, file$5, 92, 4, 2815);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -65822,7 +66823,7 @@ var app = (function () {
     	return block;
     }
 
-    function create_fragment$4(ctx) {
+    function create_fragment$5(ctx) {
     	let div1;
     	let h1;
     	let t1;
@@ -65873,13 +66874,13 @@ var app = (function () {
     			t4 = space();
     			button = element("button");
     			button.textContent = "Submit";
-    			add_location(h1, file$4, 84, 2, 2523);
+    			add_location(h1, file$5, 84, 2, 2523);
     			if (/*selectedWorkflow*/ ctx[0] === void 0) add_render_callback(() => /*select_change_handler*/ ctx[7].call(select));
-    			add_location(select, file$4, 85, 2, 2566);
+    			add_location(select, file$5, 85, 2, 2566);
     			attr_dev(div0, "id", "input-group");
-    			add_location(div0, file$4, 102, 2, 3039);
-    			add_location(button, file$4, 104, 2, 3073);
-    			add_location(div1, file$4, 83, 0, 2514);
+    			add_location(div0, file$5, 102, 2, 3039);
+    			add_location(button, file$5, 104, 2, 3073);
+    			add_location(div1, file$5, 83, 0, 2514);
     		},
     		l: function claim(nodes) {
     			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
@@ -65986,7 +66987,7 @@ var app = (function () {
 
     	dispatch_dev("SvelteRegisterBlock", {
     		block,
-    		id: create_fragment$4.name,
+    		id: create_fragment$5.name,
     		type: "component",
     		source: "",
     		ctx
@@ -65995,7 +66996,7 @@ var app = (function () {
     	return block;
     }
 
-    function instance$4($$self, $$props, $$invalidate) {
+    function instance$5($$self, $$props, $$invalidate) {
     	let { $$slots: slots = {}, $$scope } = $$props;
     	validate_slots('LLMWorkflowTest', slots, []);
 
@@ -66132,13 +67133,13 @@ var app = (function () {
     class LLMWorkflowTest extends SvelteComponentDev {
     	constructor(options) {
     		super(options);
-    		init(this, options, instance$4, create_fragment$4, safe_not_equal, {});
+    		init(this, options, instance$5, create_fragment$5, safe_not_equal, {});
 
     		dispatch_dev("SvelteRegisterComponent", {
     			component: this,
     			tagName: "LLMWorkflowTest",
     			options,
-    			id: create_fragment$4.name
+    			id: create_fragment$5.name
     		});
     	}
     }
@@ -66178,7 +67179,7 @@ var app = (function () {
 
     const { console: console_1 } = globals;
 
-    const file$3 = "src\\PictureSubtitlesbasedonYTTranscript.svelte";
+    const file$4 = "src\\PictureSubtitlesbasedonYTTranscript.svelte";
 
     function get_each_context$2(ctx, list, i) {
     	const child_ctx = ctx.slice();
@@ -66202,7 +67203,7 @@ var app = (function () {
     			img = element("img");
     			if (!src_url_equal(img.src, img_src_value = /*image*/ ctx[28])) attr_dev(img, "src", img_src_value);
     			attr_dev(img, "alt", "Subtitle Image");
-    			add_location(img, file$3, 168, 8, 5640);
+    			add_location(img, file$4, 168, 8, 5640);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, img, anchor);
@@ -66256,8 +67257,8 @@ var app = (function () {
     			}
 
     			t2 = space();
-    			add_location(p, file$3, 166, 6, 5560);
-    			add_location(div, file$3, 165, 4, 5547);
+    			add_location(p, file$4, 166, 6, 5560);
+    			add_location(div, file$4, 165, 4, 5547);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -66317,7 +67318,7 @@ var app = (function () {
     	return block;
     }
 
-    function create_fragment$3(ctx) {
+    function create_fragment$4(ctx) {
     	let div;
     	let p;
     	let t1;
@@ -66414,27 +67415,27 @@ var app = (function () {
     				each_blocks[i].c();
     			}
 
-    			add_location(p, file$3, 146, 2, 4674);
+    			add_location(p, file$4, 146, 2, 4674);
     			attr_dev(input0, "type", "checkbox");
-    			add_location(input0, file$3, 148, 4, 4775);
-    			add_location(label0, file$3, 147, 2, 4762);
-    			add_location(br0, file$3, 150, 10, 4915);
+    			add_location(input0, file$4, 148, 4, 4775);
+    			add_location(label0, file$4, 147, 2, 4762);
+    			add_location(br0, file$4, 150, 10, 4915);
     			attr_dev(input1, "type", "file");
     			attr_dev(input1, "accept", ".zip");
-    			add_location(input1, file$3, 151, 2, 4923);
-    			add_location(button0, file$3, 152, 2, 5007);
+    			add_location(input1, file$4, 151, 2, 4923);
+    			add_location(button0, file$4, 152, 2, 5007);
     			progress_1.value = /*progress*/ ctx[2];
     			attr_dev(progress_1, "max", "100");
-    			add_location(progress_1, file$3, 153, 2, 5070);
-    			add_location(span, file$3, 154, 2, 5122);
-    			add_location(button1, file$3, 156, 2, 5183);
-    			add_location(button2, file$3, 157, 2, 5251);
+    			add_location(progress_1, file$4, 153, 2, 5070);
+    			add_location(span, file$4, 154, 2, 5122);
+    			add_location(button1, file$4, 156, 2, 5183);
+    			add_location(button2, file$4, 157, 2, 5251);
     			attr_dev(input2, "type", "checkbox");
-    			add_location(input2, file$3, 159, 4, 5309);
-    			add_location(label1, file$3, 158, 2, 5296);
-    			add_location(br1, file$3, 162, 57, 5473);
+    			add_location(input2, file$4, 159, 4, 5309);
+    			add_location(label1, file$4, 158, 2, 5296);
+    			add_location(br1, file$4, 162, 57, 5473);
     			attr_dev(div, "class", "borderdiv svelte-gwzbee");
-    			add_location(div, file$3, 145, 0, 4647);
+    			add_location(div, file$4, 145, 0, 4647);
     		},
     		l: function claim(nodes) {
     			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
@@ -66556,7 +67557,7 @@ var app = (function () {
 
     	dispatch_dev("SvelteRegisterBlock", {
     		block,
-    		id: create_fragment$3.name,
+    		id: create_fragment$4.name,
     		type: "component",
     		source: "",
     		ctx
@@ -66565,7 +67566,7 @@ var app = (function () {
     	return block;
     }
 
-    function instance$3($$self, $$props, $$invalidate) {
+    function instance$4($$self, $$props, $$invalidate) {
     	let $onlyCurrentSubtitle;
     	let $restart;
     	let $paused;
@@ -66812,20 +67813,20 @@ var app = (function () {
     class PictureSubtitlesbasedonYTTranscript extends SvelteComponentDev {
     	constructor(options) {
     		super(options);
-    		init(this, options, instance$3, create_fragment$3, safe_not_equal, {});
+    		init(this, options, instance$4, create_fragment$4, safe_not_equal, {});
 
     		dispatch_dev("SvelteRegisterComponent", {
     			component: this,
     			tagName: "PictureSubtitlesbasedonYTTranscript",
     			options,
-    			id: create_fragment$3.name
+    			id: create_fragment$4.name
     		});
     	}
     }
 
     /* src\PSWSasspellingpractice.svelte generated by Svelte v3.59.2 */
 
-    const file$2 = "src\\PSWSasspellingpractice.svelte";
+    const file$3 = "src\\PSWSasspellingpractice.svelte";
 
     function get_each_context$1(ctx, list, i) {
     	const child_ctx = ctx.slice();
@@ -66872,13 +67873,13 @@ var app = (function () {
     				each_blocks[i].c();
     			}
 
-    			add_location(h4, file$2, 25, 10, 918);
-    			add_location(table, file$2, 27, 12, 1058);
+    			add_location(h4, file$3, 25, 10, 918);
+    			add_location(table, file$3, 27, 12, 1058);
     			set_style(div, "max-height", "275px");
     			set_style(div, "max-width", "97%");
     			set_style(div, "overflow", "auto");
     			set_style(div, "display", "inline-block");
-    			add_location(div, file$2, 26, 10, 957);
+    			add_location(div, file$3, 26, 10, 957);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, h4, anchor);
@@ -66946,7 +67947,7 @@ var app = (function () {
     		c: function create() {
     			td = element("td");
     			t = text(t_value);
-    			add_location(td, file$2, 31, 20, 1203);
+    			add_location(td, file$3, 31, 20, 1203);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, td, anchor);
@@ -66990,7 +67991,7 @@ var app = (function () {
     				each_blocks[i].c();
     			}
 
-    			add_location(tr, file$2, 29, 16, 1138);
+    			add_location(tr, file$3, 29, 16, 1138);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, tr, anchor);
@@ -67070,9 +68071,9 @@ var app = (function () {
     			t4 = text(t4_value);
     			t5 = space();
     			if (if_block) if_block.c();
-    			add_location(h3, file$2, 22, 8, 825);
-    			add_location(p, file$2, 23, 8, 865);
-    			add_location(div, file$2, 21, 6, 810);
+    			add_location(h3, file$3, 22, 8, 825);
+    			add_location(p, file$3, 23, 8, 865);
+    			add_location(div, file$3, 21, 6, 810);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -67119,7 +68120,7 @@ var app = (function () {
     	return block;
     }
 
-    function create_fragment$2(ctx) {
+    function create_fragment$3(ctx) {
     	let div;
     	let h2;
     	let t1;
@@ -67153,13 +68154,13 @@ var app = (function () {
     			t3 = space();
     			p = element("p");
     			p.textContent = "Example rough prompt to claude/gpt 4 to generate image prompt - The output of a random sentence brought R b N C I f L r t n f b r, please try and make a sentence where each letter is used to make a sentence with as many nouns adjectives in it while using as few words as possible";
-    			add_location(h2, file$2, 18, 4, 541);
+    			add_location(h2, file$3, 18, 4, 541);
     			set_style(textarea, "width", "95%");
     			set_style(textarea, "height", "100px");
     			attr_dev(textarea, "placeholder", "Enter sentences separated by full stops, question marks, exclamation marks, or colons");
-    			add_location(textarea, file$2, 19, 4, 581);
-    			add_location(p, file$2, 40, 4, 1379);
-    			add_location(div, file$2, 17, 2, 530);
+    			add_location(textarea, file$3, 19, 4, 581);
+    			add_location(p, file$3, 40, 4, 1379);
+    			add_location(div, file$3, 17, 2, 530);
     		},
     		l: function claim(nodes) {
     			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
@@ -67227,7 +68228,7 @@ var app = (function () {
 
     	dispatch_dev("SvelteRegisterBlock", {
     		block,
-    		id: create_fragment$2.name,
+    		id: create_fragment$3.name,
     		type: "component",
     		source: "",
     		ctx
@@ -67249,7 +68250,7 @@ var app = (function () {
     	return result;
     }
 
-    function instance$2($$self, $$props, $$invalidate) {
+    function instance$3($$self, $$props, $$invalidate) {
     	let sentences;
     	let { $$slots: slots = {}, $$scope } = $$props;
     	validate_slots('PSWSasspellingpractice', slots, []);
@@ -67288,20 +68289,20 @@ var app = (function () {
     class PSWSasspellingpractice extends SvelteComponentDev {
     	constructor(options) {
     		super(options);
-    		init(this, options, instance$2, create_fragment$2, safe_not_equal, {});
+    		init(this, options, instance$3, create_fragment$3, safe_not_equal, {});
 
     		dispatch_dev("SvelteRegisterComponent", {
     			component: this,
     			tagName: "PSWSasspellingpractice",
     			options,
-    			id: create_fragment$2.name
+    			id: create_fragment$3.name
     		});
     	}
     }
 
     /* src\ListeningPracticeandSyllableStudy.svelte generated by Svelte v3.59.2 */
 
-    const file$1 = "src\\ListeningPracticeandSyllableStudy.svelte";
+    const file$2 = "src\\ListeningPracticeandSyllableStudy.svelte";
 
     function get_each_context(ctx, list, i) {
     	const child_ctx = ctx.slice();
@@ -67331,7 +68332,7 @@ var app = (function () {
     			t0 = text(t0_value);
     			t1 = space();
     			set_style(button, "cursor", "pointer");
-    			add_location(button, file$1, 25, 8, 874);
+    			add_location(button, file$2, 25, 8, 874);
     			this.first = button;
     		},
     		m: function mount(target, anchor) {
@@ -67366,7 +68367,7 @@ var app = (function () {
     	return block;
     }
 
-    function create_fragment$1(ctx) {
+    function create_fragment$2(ctx) {
     	let main;
     	let div;
     	let t1;
@@ -67395,8 +68396,8 @@ var app = (function () {
     			}
 
     			attr_dev(div, "class", "svelte-18he4oy");
-    			add_location(div, file$1, 23, 4, 766);
-    			add_location(main, file$1, 22, 0, 754);
+    			add_location(div, file$2, 23, 4, 766);
+    			add_location(main, file$2, 22, 0, 754);
     		},
     		l: function claim(nodes) {
     			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
@@ -67433,7 +68434,7 @@ var app = (function () {
 
     	dispatch_dev("SvelteRegisterBlock", {
     		block,
-    		id: create_fragment$1.name,
+    		id: create_fragment$2.name,
     		type: "component",
     		source: "",
     		ctx
@@ -67442,7 +68443,7 @@ var app = (function () {
     	return block;
     }
 
-    function instance$1($$self, $$props, $$invalidate) {
+    function instance$2($$self, $$props, $$invalidate) {
     	let { $$slots: slots = {}, $$scope } = $$props;
     	validate_slots('ListeningPracticeandSyllableStudy', slots, []);
     	let { syllableLists = [] } = $$props;
@@ -67499,13 +68500,13 @@ var app = (function () {
     class ListeningPracticeandSyllableStudy extends SvelteComponentDev {
     	constructor(options) {
     		super(options);
-    		init(this, options, instance$1, create_fragment$1, safe_not_equal, { syllableLists: 0 });
+    		init(this, options, instance$2, create_fragment$2, safe_not_equal, { syllableLists: 0 });
 
     		dispatch_dev("SvelteRegisterComponent", {
     			component: this,
     			tagName: "ListeningPracticeandSyllableStudy",
     			options,
-    			id: create_fragment$1.name
+    			id: create_fragment$2.name
     		});
     	}
 
@@ -67518,62 +68519,97 @@ var app = (function () {
     	}
     }
 
+    /* src\Testspace.svelte generated by Svelte v3.59.2 */
+
+    const file$1 = "src\\Testspace.svelte";
+
+    function create_fragment$1(ctx) {
+    	let div;
+
+    	const block = {
+    		c: function create() {
+    			div = element("div");
+    			add_location(div, file$1, 0, 0, 0);
+    		},
+    		l: function claim(nodes) {
+    			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
+    		},
+    		m: function mount(target, anchor) {
+    			insert_dev(target, div, anchor);
+    		},
+    		p: noop,
+    		i: noop,
+    		o: noop,
+    		d: function destroy(detaching) {
+    			if (detaching) detach_dev(div);
+    		}
+    	};
+
+    	dispatch_dev("SvelteRegisterBlock", {
+    		block,
+    		id: create_fragment$1.name,
+    		type: "component",
+    		source: "",
+    		ctx
+    	});
+
+    	return block;
+    }
+
+    function instance$1($$self, $$props) {
+    	let { $$slots: slots = {}, $$scope } = $$props;
+    	validate_slots('Testspace', slots, []);
+    	const writable_props = [];
+
+    	Object.keys($$props).forEach(key => {
+    		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console.warn(`<Testspace> was created with unknown prop '${key}'`);
+    	});
+
+    	return [];
+    }
+
+    class Testspace extends SvelteComponentDev {
+    	constructor(options) {
+    		super(options);
+    		init(this, options, instance$1, create_fragment$1, safe_not_equal, {});
+
+    		dispatch_dev("SvelteRegisterComponent", {
+    			component: this,
+    			tagName: "Testspace",
+    			options,
+    			id: create_fragment$1.name
+    		});
+    	}
+    }
+
     /* src\App.svelte generated by Svelte v3.59.2 */
     const file = "src\\App.svelte";
 
-    function create_fragment(ctx) {
-    	let main;
-    	let h10;
-    	let t0;
+    // (46:1) <SimpleCollapsible title='Random Text Idea Tests'>
+    function create_default_slot(ctx) {
+    	let h3;
     	let t1;
-    	let t2;
-    	let t3;
-    	let h20;
-    	let t5;
-    	let p;
-    	let t6;
-    	let a;
-    	let t8;
-    	let t9;
-    	let h11;
-    	let t11;
-    	let h30;
-    	let t13;
     	let div6;
     	let div0;
     	let copyremove;
-    	let t14;
+    	let t2;
     	let div1;
     	let llmwf;
-    	let t15;
+    	let t3;
     	let div2;
     	let subrepprac;
-    	let t16;
+    	let t4;
     	let div3;
     	let readingstatecounter;
-    	let t17;
+    	let t5;
     	let div4;
-    	let t18;
+    	let t6;
     	let br;
-    	let t19;
+    	let t7;
     	let orderaspractice;
-    	let t20;
+    	let t8;
     	let div5;
     	let firstsyllable;
-    	let t21;
-    	let h31;
-    	let t23;
-    	let nestedcommentssvelte;
-    	let t24;
-    	let myyoutube;
-    	let t25;
-    	let ytpicsubs;
-    	let t26;
-    	let h12;
-    	let t28;
-    	let h21;
-    	let t30;
-    	let dotgame;
     	let current;
     	copyremove = new CopyandRemoveListComponent({ $$inline: true });
     	llmwf = new LLMWorkflowTest({ $$inline: true });
@@ -67586,6 +68622,162 @@ var app = (function () {
     			$$inline: true
     		});
 
+    	const block = {
+    		c: function create() {
+    			h3 = element("h3");
+    			h3.textContent = "(Through Gradio and Custom Components)";
+    			t1 = space();
+    			div6 = element("div");
+    			div0 = element("div");
+    			create_component(copyremove.$$.fragment);
+    			t2 = space();
+    			div1 = element("div");
+    			create_component(llmwf.$$.fragment);
+    			t3 = space();
+    			div2 = element("div");
+    			create_component(subrepprac.$$.fragment);
+    			t4 = space();
+    			div3 = element("div");
+    			create_component(readingstatecounter.$$.fragment);
+    			t5 = space();
+    			div4 = element("div");
+    			t6 = text("Works well with this prompt + gemini: (Please seperate the words into a list and have the roman and english in brackets next to each word:) ");
+    			br = element("br");
+    			t7 = text(" Current Practice flow plan User steps:  1) get lyrics (youtube/genius/whisper/other) 2) send to gemini with prompt 3)Enter into new component which starts with scramble spelling with dropdowns then scramble spelling using typing  then moves to  \n\t\t\t\t");
+    			create_component(orderaspractice.$$.fragment);
+    			t8 = space();
+    			div5 = element("div");
+    			create_component(firstsyllable.$$.fragment);
+    			add_location(h3, file, 46, 2, 1835);
+    			attr_dev(div0, "class", "componentborder svelte-192gzri");
+    			add_location(div0, file, 49, 3, 1934);
+    			attr_dev(div1, "class", "componentborder svelte-192gzri");
+    			add_location(div1, file, 50, 3, 1987);
+    			attr_dev(div2, "class", "componentborder svelte-192gzri");
+    			add_location(div2, file, 51, 3, 2035);
+    			attr_dev(div3, "class", "componentborder svelte-192gzri");
+    			add_location(div3, file, 52, 3, 2088);
+    			add_location(br, file, 54, 144, 2324);
+    			attr_dev(div4, "class", "componentborder svelte-192gzri");
+    			add_location(div4, file, 53, 3, 2150);
+    			attr_dev(div5, "class", "componentborder svelte-192gzri");
+    			add_location(div5, file, 57, 3, 2611);
+    			attr_dev(div6, "class", "grid-MultiComponentContainer svelte-192gzri");
+    			add_location(div6, file, 48, 2, 1888);
+    		},
+    		m: function mount(target, anchor) {
+    			insert_dev(target, h3, anchor);
+    			insert_dev(target, t1, anchor);
+    			insert_dev(target, div6, anchor);
+    			append_dev(div6, div0);
+    			mount_component(copyremove, div0, null);
+    			append_dev(div6, t2);
+    			append_dev(div6, div1);
+    			mount_component(llmwf, div1, null);
+    			append_dev(div6, t3);
+    			append_dev(div6, div2);
+    			mount_component(subrepprac, div2, null);
+    			append_dev(div6, t4);
+    			append_dev(div6, div3);
+    			mount_component(readingstatecounter, div3, null);
+    			append_dev(div6, t5);
+    			append_dev(div6, div4);
+    			append_dev(div4, t6);
+    			append_dev(div4, br);
+    			append_dev(div4, t7);
+    			mount_component(orderaspractice, div4, null);
+    			append_dev(div6, t8);
+    			append_dev(div6, div5);
+    			mount_component(firstsyllable, div5, null);
+    			current = true;
+    		},
+    		p: noop,
+    		i: function intro(local) {
+    			if (current) return;
+    			transition_in(copyremove.$$.fragment, local);
+    			transition_in(llmwf.$$.fragment, local);
+    			transition_in(subrepprac.$$.fragment, local);
+    			transition_in(readingstatecounter.$$.fragment, local);
+    			transition_in(orderaspractice.$$.fragment, local);
+    			transition_in(firstsyllable.$$.fragment, local);
+    			current = true;
+    		},
+    		o: function outro(local) {
+    			transition_out(copyremove.$$.fragment, local);
+    			transition_out(llmwf.$$.fragment, local);
+    			transition_out(subrepprac.$$.fragment, local);
+    			transition_out(readingstatecounter.$$.fragment, local);
+    			transition_out(orderaspractice.$$.fragment, local);
+    			transition_out(firstsyllable.$$.fragment, local);
+    			current = false;
+    		},
+    		d: function destroy(detaching) {
+    			if (detaching) detach_dev(h3);
+    			if (detaching) detach_dev(t1);
+    			if (detaching) detach_dev(div6);
+    			destroy_component(copyremove);
+    			destroy_component(llmwf);
+    			destroy_component(subrepprac);
+    			destroy_component(readingstatecounter);
+    			destroy_component(orderaspractice);
+    			destroy_component(firstsyllable);
+    		}
+    	};
+
+    	dispatch_dev("SvelteRegisterBlock", {
+    		block,
+    		id: create_default_slot.name,
+    		type: "slot",
+    		source: "(46:1) <SimpleCollapsible title='Random Text Idea Tests'>",
+    		ctx
+    	});
+
+    	return block;
+    }
+
+    function create_fragment(ctx) {
+    	let main;
+    	let testspace;
+    	let t0;
+    	let h10;
+    	let t1;
+    	let t2;
+    	let t3;
+    	let t4;
+    	let h20;
+    	let t6;
+    	let p;
+    	let t7;
+    	let a;
+    	let t9;
+    	let t10;
+    	let h11;
+    	let t12;
+    	let simplecollapsible;
+    	let t13;
+    	let nestedcommentssvelte;
+    	let t14;
+    	let myyoutube;
+    	let t15;
+    	let ytpicsubs;
+    	let t16;
+    	let h12;
+    	let t18;
+    	let h21;
+    	let t20;
+    	let dotgame;
+    	let current;
+    	testspace = new Testspace({ $$inline: true });
+
+    	simplecollapsible = new SimpleCollapsible({
+    			props: {
+    				title: "Random Text Idea Tests",
+    				$$slots: { default: [create_default_slot] },
+    				$$scope: { ctx }
+    			},
+    			$$inline: true
+    		});
+
     	nestedcommentssvelte = new RecursiveNestedCommentsElement({ $$inline: true });
     	myyoutube = new YoutubeIframeAPICustomInterface({ $$inline: true });
     	ytpicsubs = new PictureSubtitlesbasedonYTTranscript({ $$inline: true });
@@ -67594,164 +68786,104 @@ var app = (function () {
     	const block = {
     		c: function create() {
     			main = element("main");
+    			create_component(testspace.$$.fragment);
+    			t0 = space();
     			h10 = element("h1");
-    			t0 = text("LLM Assisted Hello ");
-    			t1 = text(/*name*/ ctx[0]);
-    			t2 = text("!");
-    			t3 = space();
+    			t1 = text("LLM Assisted Hello ");
+    			t2 = text(/*name*/ ctx[0]);
+    			t3 = text("!");
+    			t4 = space();
     			h20 = element("h2");
     			h20.textContent = "(I forgot to log how many prompts to make the whole page. As most of code is from llms, a planning LLM could have made this in 1 day. Prompts to app should be a benchmark)";
-    			t5 = space();
+    			t6 = space();
     			p = element("p");
-    			t6 = text("Visit the ");
+    			t7 = text("Visit the ");
     			a = element("a");
     			a.textContent = "Svelte tutorial";
-    			t8 = text(" to learn how to build Svelte apps. (or ask Claude / GPT4 for help)");
-    			t9 = space();
+    			t9 = text(" to learn how to build Svelte apps. (or ask Claude / GPT4 for help)");
+    			t10 = space();
     			h11 = element("h1");
     			h11.textContent = "Brainstorm for Educational Interfaces to add LLM and other models into";
-    			t11 = space();
-    			h30 = element("h3");
-    			h30.textContent = "(Through Gradio and Custom Components)";
+    			t12 = space();
+    			create_component(simplecollapsible.$$.fragment);
     			t13 = space();
-    			div6 = element("div");
-    			div0 = element("div");
-    			create_component(copyremove.$$.fragment);
-    			t14 = space();
-    			div1 = element("div");
-    			create_component(llmwf.$$.fragment);
-    			t15 = space();
-    			div2 = element("div");
-    			create_component(subrepprac.$$.fragment);
-    			t16 = space();
-    			div3 = element("div");
-    			create_component(readingstatecounter.$$.fragment);
-    			t17 = space();
-    			div4 = element("div");
-    			t18 = text("Works well with this prompt + gemini: (Please seperate the words into a list and have the roman and english in brackets next to each word:) ");
-    			br = element("br");
-    			t19 = text(" Current Practice flow plan User steps:  1) get lyrics (youtube/genius/whisper/other) 2) send to gemini with prompt 3)Enter into new component which starts with scramble spelling with dropdowns then scramble spelling using typing  then moves to  \n\t\t\t");
-    			create_component(orderaspractice.$$.fragment);
-    			t20 = space();
-    			div5 = element("div");
-    			create_component(firstsyllable.$$.fragment);
-    			t21 = space();
-    			h31 = element("h3");
-    			h31.textContent = "Gradio client Test in another space due to incompatabilitiess with default svelte and @gradio/client";
-    			t23 = space();
     			create_component(nestedcommentssvelte.$$.fragment);
-    			t24 = space();
+    			t14 = space();
     			create_component(myyoutube.$$.fragment);
-    			t25 = space();
+    			t15 = space();
     			create_component(ytpicsubs.$$.fragment);
-    			t26 = space();
+    			t16 = space();
     			h12 = element("h1");
     			h12.textContent = "Themeable Game Brainstorm - Image + Lists - Game as Universal Translator for any subject";
-    			t28 = space();
+    			t18 = space();
     			h21 = element("h2");
     			h21.textContent = "Also bridge to testing on low pc before auto refactor pipeline to unreal engine = truly multiplatform game";
-    			t30 = space();
+    			t20 = space();
     			create_component(dotgame.$$.fragment);
     			attr_dev(h10, "class", "svelte-192gzri");
-    			add_location(h10, file, 36, 1, 1093);
-    			add_location(h20, file, 37, 1, 1130);
+    			add_location(h10, file, 38, 1, 1213);
+    			add_location(h20, file, 39, 1, 1250);
     			attr_dev(a, "href", "https://svelte.dev/tutorial");
-    			add_location(a, file, 38, 14, 1325);
-    			add_location(p, file, 38, 1, 1312);
+    			add_location(a, file, 40, 14, 1445);
+    			add_location(p, file, 40, 1, 1432);
     			attr_dev(h11, "class", "svelte-192gzri");
-    			add_location(h11, file, 40, 1, 1456);
-    			add_location(h30, file, 41, 1, 1539);
-    			attr_dev(div0, "class", "componentborder svelte-192gzri");
-    			add_location(div0, file, 44, 2, 1636);
-    			attr_dev(div1, "class", "componentborder svelte-192gzri");
-    			add_location(div1, file, 45, 2, 1688);
-    			attr_dev(div2, "class", "componentborder svelte-192gzri");
-    			add_location(div2, file, 46, 2, 1735);
-    			attr_dev(div3, "class", "componentborder svelte-192gzri");
-    			add_location(div3, file, 47, 2, 1787);
-    			add_location(br, file, 49, 143, 2021);
-    			attr_dev(div4, "class", "componentborder svelte-192gzri");
-    			add_location(div4, file, 48, 2, 1848);
-    			attr_dev(div5, "class", "componentborder svelte-192gzri");
-    			add_location(div5, file, 52, 2, 2305);
-    			attr_dev(div6, "class", "grid-MultiComponentContainer svelte-192gzri");
-    			add_location(div6, file, 43, 1, 1591);
-    			add_location(h31, file, 55, 1, 2393);
+    			add_location(h11, file, 44, 1, 1699);
     			attr_dev(h12, "class", "svelte-192gzri");
-    			add_location(h12, file, 63, 1, 2613);
-    			add_location(h21, file, 64, 1, 2714);
+    			add_location(h12, file, 67, 1, 2829);
+    			add_location(h21, file, 68, 1, 2930);
     			attr_dev(main, "class", "svelte-192gzri");
-    			add_location(main, file, 34, 0, 1084);
+    			add_location(main, file, 36, 0, 1190);
     		},
     		l: function claim(nodes) {
     			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, main, anchor);
+    			mount_component(testspace, main, null);
+    			append_dev(main, t0);
     			append_dev(main, h10);
-    			append_dev(h10, t0);
     			append_dev(h10, t1);
     			append_dev(h10, t2);
-    			append_dev(main, t3);
+    			append_dev(h10, t3);
+    			append_dev(main, t4);
     			append_dev(main, h20);
-    			append_dev(main, t5);
+    			append_dev(main, t6);
     			append_dev(main, p);
-    			append_dev(p, t6);
+    			append_dev(p, t7);
     			append_dev(p, a);
-    			append_dev(p, t8);
-    			append_dev(main, t9);
+    			append_dev(p, t9);
+    			append_dev(main, t10);
     			append_dev(main, h11);
-    			append_dev(main, t11);
-    			append_dev(main, h30);
+    			append_dev(main, t12);
+    			mount_component(simplecollapsible, main, null);
     			append_dev(main, t13);
-    			append_dev(main, div6);
-    			append_dev(div6, div0);
-    			mount_component(copyremove, div0, null);
-    			append_dev(div6, t14);
-    			append_dev(div6, div1);
-    			mount_component(llmwf, div1, null);
-    			append_dev(div6, t15);
-    			append_dev(div6, div2);
-    			mount_component(subrepprac, div2, null);
-    			append_dev(div6, t16);
-    			append_dev(div6, div3);
-    			mount_component(readingstatecounter, div3, null);
-    			append_dev(div6, t17);
-    			append_dev(div6, div4);
-    			append_dev(div4, t18);
-    			append_dev(div4, br);
-    			append_dev(div4, t19);
-    			mount_component(orderaspractice, div4, null);
-    			append_dev(div6, t20);
-    			append_dev(div6, div5);
-    			mount_component(firstsyllable, div5, null);
-    			append_dev(main, t21);
-    			append_dev(main, h31);
-    			append_dev(main, t23);
     			mount_component(nestedcommentssvelte, main, null);
-    			append_dev(main, t24);
+    			append_dev(main, t14);
     			mount_component(myyoutube, main, null);
-    			append_dev(main, t25);
+    			append_dev(main, t15);
     			mount_component(ytpicsubs, main, null);
-    			append_dev(main, t26);
+    			append_dev(main, t16);
     			append_dev(main, h12);
-    			append_dev(main, t28);
+    			append_dev(main, t18);
     			append_dev(main, h21);
-    			append_dev(main, t30);
+    			append_dev(main, t20);
     			mount_component(dotgame, main, null);
     			current = true;
     		},
     		p: function update(ctx, [dirty]) {
-    			if (!current || dirty & /*name*/ 1) set_data_dev(t1, /*name*/ ctx[0]);
+    			if (!current || dirty & /*name*/ 1) set_data_dev(t2, /*name*/ ctx[0]);
+    			const simplecollapsible_changes = {};
+
+    			if (dirty & /*$$scope*/ 64) {
+    				simplecollapsible_changes.$$scope = { dirty, ctx };
+    			}
+
+    			simplecollapsible.$set(simplecollapsible_changes);
     		},
     		i: function intro(local) {
     			if (current) return;
-    			transition_in(copyremove.$$.fragment, local);
-    			transition_in(llmwf.$$.fragment, local);
-    			transition_in(subrepprac.$$.fragment, local);
-    			transition_in(readingstatecounter.$$.fragment, local);
-    			transition_in(orderaspractice.$$.fragment, local);
-    			transition_in(firstsyllable.$$.fragment, local);
+    			transition_in(testspace.$$.fragment, local);
+    			transition_in(simplecollapsible.$$.fragment, local);
     			transition_in(nestedcommentssvelte.$$.fragment, local);
     			transition_in(myyoutube.$$.fragment, local);
     			transition_in(ytpicsubs.$$.fragment, local);
@@ -67759,12 +68891,8 @@ var app = (function () {
     			current = true;
     		},
     		o: function outro(local) {
-    			transition_out(copyremove.$$.fragment, local);
-    			transition_out(llmwf.$$.fragment, local);
-    			transition_out(subrepprac.$$.fragment, local);
-    			transition_out(readingstatecounter.$$.fragment, local);
-    			transition_out(orderaspractice.$$.fragment, local);
-    			transition_out(firstsyllable.$$.fragment, local);
+    			transition_out(testspace.$$.fragment, local);
+    			transition_out(simplecollapsible.$$.fragment, local);
     			transition_out(nestedcommentssvelte.$$.fragment, local);
     			transition_out(myyoutube.$$.fragment, local);
     			transition_out(ytpicsubs.$$.fragment, local);
@@ -67773,12 +68901,8 @@ var app = (function () {
     		},
     		d: function destroy(detaching) {
     			if (detaching) detach_dev(main);
-    			destroy_component(copyremove);
-    			destroy_component(llmwf);
-    			destroy_component(subrepprac);
-    			destroy_component(readingstatecounter);
-    			destroy_component(orderaspractice);
-    			destroy_component(firstsyllable);
+    			destroy_component(testspace);
+    			destroy_component(simplecollapsible);
     			destroy_component(nestedcommentssvelte);
     			destroy_component(myyoutube);
     			destroy_component(ytpicsubs);
@@ -67848,6 +68972,8 @@ var app = (function () {
     		YTPicSubs: PictureSubtitlesbasedonYTTranscript,
     		OrderasPractice: PSWSasspellingpractice,
     		FirstSyllable: ListeningPracticeandSyllableStudy,
+    		Testspace,
+    		SimpleCollapsible,
     		showModal,
     		openModal,
     		closeModal,