update the chatbot.csv

.zeno_cache/view.mjs

@@ -17,6 +17,9 @@ function safe_not_equal(a, b) {
 function is_empty(obj) {
     return Object.keys(obj).length === 0;
 }
+function null_to_empty(value) {
+    return value == null ? '' : value;
+}
 
 // Track which nodes are claimed during hydration. Unclaimed nodes can then be removed from the DOM
 // at the end of hydration without touching the remaining nodes.
@@ -400,12 +403,51 @@ function update($$) {
     }
 }
 const outroing = new Set();
+let outros;
+function group_outros() {
+    outros = {
+        r: 0,
+        c: [],
+        p: outros // parent group
+    };
+}
+function check_outros() {
+    if (!outros.r) {
+        run_all(outros.c);
+    }
+    outros = outros.p;
+}
 function transition_in(block, local) {
     if (block && block.i) {
         outroing.delete(block);
         block.i(local);
     }
 }
+function transition_out(block, local, detach, callback) {
+    if (block && block.o) {
+        if (outroing.has(block))
+            return;
+        outroing.add(block);
+        outros.c.push(() => {
+            outroing.delete(block);
+            if (callback) {
+                if (detach)
+                    block.d(1);
+                callback();
+            }
+        });
+        block.o(local);
+    }
+    else if (callback) {
+        callback();
+    }
+}
+function create_component(block) {
+    block && block.c();
+}
+function claim_component(block, parent_nodes) {
+    block && block.l(parent_nodes);
+}
 function mount_component(component, target, anchor, customElement) {
     const { fragment, after_update } = component.$$;
     fragment && fragment.m(target, anchor);
@@ -540,21 +582,21 @@ class SvelteComponent {
     }
 }
 
-/* src/InstanceView.svelte generated by Svelte v3.55.1 */
+/* src/AssistantBlock.svelte generated by Svelte v3.55.1 */
 
-function add_css(target) {
-	append_styles(target, "svelte-1tmeyfg", "#container.svelte-1tmeyfg.svelte-1tmeyfg{border:0.5px solid rgb(224, 224, 224);border-radius:2px;max-width:350px;padding:10px}.box.svelte-1tmeyfg.svelte-1tmeyfg{display:flex;flex-direction:row;align-items:center}.box-reverse.svelte-1tmeyfg.svelte-1tmeyfg{display:flex;flex-direction:row-reverse}.chat.svelte-1tmeyfg.svelte-1tmeyfg{padding:10px;border:1px solid #6a1a9a;border-radius:5px}.label.svelte-1tmeyfg.svelte-1tmeyfg{margin-right:5px;font-size:10px;color:rgba(0, 0, 0, 0.5);font-variant:small-caps}p.svelte-1tmeyfg.svelte-1tmeyfg{margin:5px;overflow-wrap:anywhere}.box.svelte-1tmeyfg svg.svelte-1tmeyfg{min-width:24px;width:24px;margin-right:10px;fill:#6a1a9a}.box-reverse.svelte-1tmeyfg svg.svelte-1tmeyfg{min-width:30px;width:30px;margin-left:10px;fill:#6a1a9a}");
+function add_css$2(target) {
+	append_styles(target, "svelte-1e3mbn4", ".model.svelte-1e3mbn4.svelte-1e3mbn4{fill:var(--logo)}.no-model.svelte-1e3mbn4.svelte-1e3mbn4{fill:var(--G3)}.model-border.svelte-1e3mbn4.svelte-1e3mbn4{border:1px solid var(--logo)}.no-model-border.svelte-1e3mbn4.svelte-1e3mbn4{border:1px solid rgba(224, 224, 224, 1)}.box.svelte-1e3mbn4.svelte-1e3mbn4{margin-top:10px;margin-bottom:10px;display:flex;align-items:start}.box.svelte-1e3mbn4 svg.svelte-1e3mbn4{min-width:24px;width:24px;margin-right:10px;margin-top:7px}.chat.svelte-1e3mbn4.svelte-1e3mbn4{border-radius:5px;margin:0px;padding:10px;overflow-wrap:anywhere}");
 }
 
-// (25:2) {#if entry[modelColumn]}
-function create_if_block(ctx) {
+function create_fragment$2(ctx) {
 	let div;
 	let svg;
 	let path;
+	let svg_class_value;
 	let t0;
 	let p;
-	let t1_value = /*entry*/ ctx[0][/*modelColumn*/ ctx[1]] + "";
 	let t1;
+	let p_class_value;
 
 	return {
 		c() {
@@ -563,7 +605,7 @@ function create_if_block(ctx) {
 			path = svg_element("path");
 			t0 = space();
 			p = element("p");
-			t1 = text(t1_value);
+			t1 = text(/*input*/ ctx[0]);
 			this.h();
 		},
 		l(nodes) {
@@ -577,7 +619,7 @@ function create_if_block(ctx) {
 			t0 = claim_space(div_nodes);
 			p = claim_element(div_nodes, "P", { class: true });
 			var p_nodes = children(p);
-			t1 = claim_text(p_nodes, t1_value);
+			t1 = claim_text(p_nodes, /*input*/ ctx[0]);
 			p_nodes.forEach(detach);
 			div_nodes.forEach(detach);
 			this.h();
@@ -586,9 +628,9 @@ function create_if_block(ctx) {
 			attr(path, "d", "M320 0c17.7 0 32 14.3 32 32V96H472c39.8 0 72 32.2 72 72V440c0 39.8-32.2 72-72 72H168c-39.8 0-72-32.2-72-72V168c0-39.8 32.2-72 72-72H288V32c0-17.7 14.3-32 32-32zM208 384c-8.8 0-16 7.2-16 16s7.2 16 16 16h32c8.8 0 16-7.2 16-16s-7.2-16-16-16H208zm96 0c-8.8 0-16 7.2-16 16s7.2 16 16 16h32c8.8 0 16-7.2 16-16s-7.2-16-16-16H304zm96 0c-8.8 0-16 7.2-16 16s7.2 16 16 16h32c8.8 0 16-7.2 16-16s-7.2-16-16-16H400zM264 256a40 40 0 1 0 -80 0 40 40 0 1 0 80 0zm152 40a40 40 0 1 0 0-80 40 40 0 1 0 0 80zM48 224H64V416H48c-26.5 0-48-21.5-48-48V272c0-26.5 21.5-48 48-48zm544 0c26.5 0 48 21.5 48 48v96c0 26.5-21.5 48-48 48H576V224h16z");
 			attr(svg, "xmlns", "http://www.w3.org/2000/svg");
 			attr(svg, "viewBox", "0 0 640 512");
-			attr(svg, "class", "svelte-1tmeyfg");
-			attr(p, "class", "chat svelte-1tmeyfg");
-			attr(div, "class", "box-reverse svelte-1tmeyfg");
+			attr(svg, "class", svg_class_value = "" + (null_to_empty(/*output*/ ctx[1] ? "model" : "no-model") + " svelte-1e3mbn4"));
+			attr(p, "class", p_class_value = "chat " + (/*output*/ ctx[1] ? 'model-border' : 'no-model-border') + " svelte-1e3mbn4");
+			attr(div, "class", "box svelte-1e3mbn4");
 		},
 		m(target, anchor) {
 			insert_hydration(target, div, anchor);
@@ -598,143 +640,388 @@ function create_if_block(ctx) {
 			append_hydration(div, p);
 			append_hydration(p, t1);
 		},
-		p(ctx, dirty) {
-			if (dirty & /*entry, modelColumn*/ 3 && t1_value !== (t1_value = /*entry*/ ctx[0][/*modelColumn*/ ctx[1]] + "")) set_data(t1, t1_value);
+		p(ctx, [dirty]) {
+			if (dirty & /*output*/ 2 && svg_class_value !== (svg_class_value = "" + (null_to_empty(/*output*/ ctx[1] ? "model" : "no-model") + " svelte-1e3mbn4"))) {
+				attr(svg, "class", svg_class_value);
+			}
+
+			if (dirty & /*input*/ 1) set_data(t1, /*input*/ ctx[0]);
+
+			if (dirty & /*output*/ 2 && p_class_value !== (p_class_value = "chat " + (/*output*/ ctx[1] ? 'model-border' : 'no-model-border') + " svelte-1e3mbn4")) {
+				attr(p, "class", p_class_value);
+			}
 		},
+		i: noop,
+		o: noop,
 		d(detaching) {
 			if (detaching) detach(div);
 		}
 	};
 }
 
-function create_fragment(ctx) {
-	let div2;
-	let div0;
+function instance$2($$self, $$props, $$invalidate) {
+	let { input } = $$props;
+	let { output = false } = $$props;
+
+	$$self.$$set = $$props => {
+		if ('input' in $$props) $$invalidate(0, input = $$props.input);
+		if ('output' in $$props) $$invalidate(1, output = $$props.output);
+	};
+
+	return [input, output];
+}
+
+class AssistantBlock extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance$2, create_fragment$2, safe_not_equal, { input: 0, output: 1 }, add_css$2);
+	}
+}
+
+/* src/UserBlock.svelte generated by Svelte v3.55.1 */
+
+function add_css$1(target) {
+	append_styles(target, "svelte-1lys9p1", ".box.svelte-1lys9p1.svelte-1lys9p1{margin-top:10px;margin-bottom:10px;display:flex;align-items:start}.box.svelte-1lys9p1 svg.svelte-1lys9p1{min-width:24px;width:24px;margin-right:10px;margin-top:7px;fill:var(--G3)}.chat.svelte-1lys9p1.svelte-1lys9p1{border:1px solid rgba(224, 224, 224, 1);border-radius:5px;margin:0px;padding:10px;overflow-wrap:anywhere}");
+}
+
+function create_fragment$1(ctx) {
+	let div;
 	let svg;
 	let path;
 	let t0;
-	let p0;
-	let t1_value = /*entry*/ ctx[0][/*dataColumn*/ ctx[3]] + "";
+	let p;
 	let t1;
-	let t2;
-	let t3;
-	let div1;
-	let span;
-	let t4;
-	let t5;
-	let p1;
-	let t6_value = /*entry*/ ctx[0][/*labelColumn*/ ctx[2]] + "";
-	let t6;
-	let if_block = /*entry*/ ctx[0][/*modelColumn*/ ctx[1]] && create_if_block(ctx);
 
 	return {
 		c() {
-			div2 = element("div");
-			div0 = element("div");
+			div = element("div");
 			svg = svg_element("svg");
 			path = svg_element("path");
 			t0 = space();
-			p0 = element("p");
-			t1 = text(t1_value);
-			t2 = space();
-			if (if_block) if_block.c();
-			t3 = space();
-			div1 = element("div");
-			span = element("span");
-			t4 = text("label:");
-			t5 = space();
-			p1 = element("p");
-			t6 = text(t6_value);
+			p = element("p");
+			t1 = text(/*input*/ ctx[0]);
 			this.h();
 		},
 		l(nodes) {
-			div2 = claim_element(nodes, "DIV", { id: true, class: true });
-			var div2_nodes = children(div2);
-			div0 = claim_element(div2_nodes, "DIV", { class: true });
-			var div0_nodes = children(div0);
-			svg = claim_svg_element(div0_nodes, "svg", { xmlns: true, viewBox: true, class: true });
+			div = claim_element(nodes, "DIV", { class: true });
+			var div_nodes = children(div);
+			svg = claim_svg_element(div_nodes, "svg", { xmlns: true, viewBox: true, class: true });
 			var svg_nodes = children(svg);
 			path = claim_svg_element(svg_nodes, "path", { d: true });
 			children(path).forEach(detach);
 			svg_nodes.forEach(detach);
-			t0 = claim_space(div0_nodes);
-			p0 = claim_element(div0_nodes, "P", { class: true });
-			var p0_nodes = children(p0);
-			t1 = claim_text(p0_nodes, t1_value);
-			p0_nodes.forEach(detach);
-			div0_nodes.forEach(detach);
-			t2 = claim_space(div2_nodes);
-			if (if_block) if_block.l(div2_nodes);
-			t3 = claim_space(div2_nodes);
-			div1 = claim_element(div2_nodes, "DIV", { class: true });
-			var div1_nodes = children(div1);
-			span = claim_element(div1_nodes, "SPAN", { class: true });
-			var span_nodes = children(span);
-			t4 = claim_text(span_nodes, "label:");
-			span_nodes.forEach(detach);
-			t5 = claim_space(div1_nodes);
-			p1 = claim_element(div1_nodes, "P", { class: true });
-			var p1_nodes = children(p1);
-			t6 = claim_text(p1_nodes, t6_value);
-			p1_nodes.forEach(detach);
-			div1_nodes.forEach(detach);
-			div2_nodes.forEach(detach);
+			t0 = claim_space(div_nodes);
+			p = claim_element(div_nodes, "P", { class: true });
+			var p_nodes = children(p);
+			t1 = claim_text(p_nodes, /*input*/ ctx[0]);
+			p_nodes.forEach(detach);
+			div_nodes.forEach(detach);
 			this.h();
 		},
 		h() {
 			attr(path, "d", "M224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512H418.3c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304H178.3z");
 			attr(svg, "xmlns", "http://www.w3.org/2000/svg");
 			attr(svg, "viewBox", "0 0 448 512");
-			attr(svg, "class", "svelte-1tmeyfg");
-			attr(p0, "class", "chat svelte-1tmeyfg");
-			attr(div0, "class", "box svelte-1tmeyfg");
-			attr(span, "class", "label svelte-1tmeyfg");
-			attr(p1, "class", "svelte-1tmeyfg");
-			attr(div1, "class", "box svelte-1tmeyfg");
-			attr(div2, "id", "container");
-			attr(div2, "class", "svelte-1tmeyfg");
+			attr(svg, "class", "svelte-1lys9p1");
+			attr(p, "class", "chat svelte-1lys9p1");
+			attr(div, "class", "box svelte-1lys9p1");
 		},
 		m(target, anchor) {
-			insert_hydration(target, div2, anchor);
-			append_hydration(div2, div0);
-			append_hydration(div0, svg);
+			insert_hydration(target, div, anchor);
+			append_hydration(div, svg);
 			append_hydration(svg, path);
-			append_hydration(div0, t0);
-			append_hydration(div0, p0);
-			append_hydration(p0, t1);
-			append_hydration(div2, t2);
-			if (if_block) if_block.m(div2, null);
-			append_hydration(div2, t3);
-			append_hydration(div2, div1);
-			append_hydration(div1, span);
-			append_hydration(span, t4);
-			append_hydration(div1, t5);
-			append_hydration(div1, p1);
-			append_hydration(p1, t6);
+			append_hydration(div, t0);
+			append_hydration(div, p);
+			append_hydration(p, t1);
 		},
 		p(ctx, [dirty]) {
-			if (dirty & /*entry, dataColumn*/ 9 && t1_value !== (t1_value = /*entry*/ ctx[0][/*dataColumn*/ ctx[3]] + "")) set_data(t1, t1_value);
+			if (dirty & /*input*/ 1) set_data(t1, /*input*/ ctx[0]);
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(div);
+		}
+	};
+}
+
+function instance$1($$self, $$props, $$invalidate) {
+	let { input } = $$props;
+
+	$$self.$$set = $$props => {
+		if ('input' in $$props) $$invalidate(0, input = $$props.input);
+	};
+
+	return [input];
+}
+
+class UserBlock extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance$1, create_fragment$1, safe_not_equal, { input: 0 }, add_css$1);
+	}
+}
+
+/* src/InstanceView.svelte generated by Svelte v3.55.1 */
+
+function add_css(target) {
+	append_styles(target, "svelte-eoma5v", "#container.svelte-eoma5v{border:0.5px solid rgb(224, 224, 224);min-width:350px;border-radius:2px;padding:10px}.label.svelte-eoma5v{margin-right:5px;font-weight:700}p.svelte-eoma5v{margin:5px;overflow-wrap:anywhere}");
+}
+
+// (20:2) {#if entry[dataColumn]}
+function create_if_block_2(ctx) {
+	let userblock;
+	let current;
+
+	userblock = new UserBlock({
+			props: {
+				input: /*entry*/ ctx[0][/*dataColumn*/ ctx[3]]
+			}
+		});
+
+	return {
+		c() {
+			create_component(userblock.$$.fragment);
+		},
+		l(nodes) {
+			claim_component(userblock.$$.fragment, nodes);
+		},
+		m(target, anchor) {
+			mount_component(userblock, target, anchor);
+			current = true;
+		},
+		p(ctx, dirty) {
+			const userblock_changes = {};
+			if (dirty & /*entry, dataColumn*/ 9) userblock_changes.input = /*entry*/ ctx[0][/*dataColumn*/ ctx[3]];
+			userblock.$set(userblock_changes);
+		},
+		i(local) {
+			if (current) return;
+			transition_in(userblock.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(userblock.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			destroy_component(userblock, detaching);
+		}
+	};
+}
+
+// (23:2) {#if entry[modelColumn]}
+function create_if_block_1(ctx) {
+	let assistantblock;
+	let current;
+
+	assistantblock = new AssistantBlock({
+			props: {
+				input: /*entry*/ ctx[0][/*modelColumn*/ ctx[1]],
+				output: true
+			}
+		});
+
+	return {
+		c() {
+			create_component(assistantblock.$$.fragment);
+		},
+		l(nodes) {
+			claim_component(assistantblock.$$.fragment, nodes);
+		},
+		m(target, anchor) {
+			mount_component(assistantblock, target, anchor);
+			current = true;
+		},
+		p(ctx, dirty) {
+			const assistantblock_changes = {};
+			if (dirty & /*entry, modelColumn*/ 3) assistantblock_changes.input = /*entry*/ ctx[0][/*modelColumn*/ ctx[1]];
+			assistantblock.$set(assistantblock_changes);
+		},
+		i(local) {
+			if (current) return;
+			transition_in(assistantblock.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(assistantblock.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			destroy_component(assistantblock, detaching);
+		}
+	};
+}
+
+// (26:2) {#if entry[labelColumn]}
+function create_if_block(ctx) {
+	let p;
+	let span;
+	let t0;
+	let t1;
+	let t2_value = /*entry*/ ctx[0][/*labelColumn*/ ctx[2]] + "";
+	let t2;
+
+	return {
+		c() {
+			p = element("p");
+			span = element("span");
+			t0 = text("ideal:");
+			t1 = space();
+			t2 = text(t2_value);
+			this.h();
+		},
+		l(nodes) {
+			p = claim_element(nodes, "P", { class: true });
+			var p_nodes = children(p);
+			span = claim_element(p_nodes, "SPAN", { class: true });
+			var span_nodes = children(span);
+			t0 = claim_text(span_nodes, "ideal:");
+			span_nodes.forEach(detach);
+			t1 = claim_space(p_nodes);
+			t2 = claim_text(p_nodes, t2_value);
+			p_nodes.forEach(detach);
+			this.h();
+		},
+		h() {
+			attr(span, "class", "label svelte-eoma5v");
+			attr(p, "class", "svelte-eoma5v");
+		},
+		m(target, anchor) {
+			insert_hydration(target, p, anchor);
+			append_hydration(p, span);
+			append_hydration(span, t0);
+			append_hydration(p, t1);
+			append_hydration(p, t2);
+		},
+		p(ctx, dirty) {
+			if (dirty & /*entry, labelColumn*/ 5 && t2_value !== (t2_value = /*entry*/ ctx[0][/*labelColumn*/ ctx[2]] + "")) set_data(t2, t2_value);
+		},
+		d(detaching) {
+			if (detaching) detach(p);
+		}
+	};
+}
+
+function create_fragment(ctx) {
+	let div;
+	let t0;
+	let t1;
+	let current;
+	let if_block0 = /*entry*/ ctx[0][/*dataColumn*/ ctx[3]] && create_if_block_2(ctx);
+	let if_block1 = /*entry*/ ctx[0][/*modelColumn*/ ctx[1]] && create_if_block_1(ctx);
+	let if_block2 = /*entry*/ ctx[0][/*labelColumn*/ ctx[2]] && create_if_block(ctx);
+
+	return {
+		c() {
+			div = element("div");
+			if (if_block0) if_block0.c();
+			t0 = space();
+			if (if_block1) if_block1.c();
+			t1 = space();
+			if (if_block2) if_block2.c();
+			this.h();
+		},
+		l(nodes) {
+			div = claim_element(nodes, "DIV", { id: true, class: true });
+			var div_nodes = children(div);
+			if (if_block0) if_block0.l(div_nodes);
+			t0 = claim_space(div_nodes);
+			if (if_block1) if_block1.l(div_nodes);
+			t1 = claim_space(div_nodes);
+			if (if_block2) if_block2.l(div_nodes);
+			div_nodes.forEach(detach);
+			this.h();
+		},
+		h() {
+			attr(div, "id", "container");
+			attr(div, "class", "svelte-eoma5v");
+		},
+		m(target, anchor) {
+			insert_hydration(target, div, anchor);
+			if (if_block0) if_block0.m(div, null);
+			append_hydration(div, t0);
+			if (if_block1) if_block1.m(div, null);
+			append_hydration(div, t1);
+			if (if_block2) if_block2.m(div, null);
+			current = true;
+		},
+		p(ctx, [dirty]) {
+			if (/*entry*/ ctx[0][/*dataColumn*/ ctx[3]]) {
+				if (if_block0) {
+					if_block0.p(ctx, dirty);
+
+					if (dirty & /*entry, dataColumn*/ 9) {
+						transition_in(if_block0, 1);
+					}
+				} else {
+					if_block0 = create_if_block_2(ctx);
+					if_block0.c();
+					transition_in(if_block0, 1);
+					if_block0.m(div, t0);
+				}
+			} else if (if_block0) {
+				group_outros();
+
+				transition_out(if_block0, 1, 1, () => {
+					if_block0 = null;
+				});
+
+				check_outros();
+			}
 
 			if (/*entry*/ ctx[0][/*modelColumn*/ ctx[1]]) {
-				if (if_block) {
-					if_block.p(ctx, dirty);
+				if (if_block1) {
+					if_block1.p(ctx, dirty);
+
+					if (dirty & /*entry, modelColumn*/ 3) {
+						transition_in(if_block1, 1);
+					}
 				} else {
-					if_block = create_if_block(ctx);
-					if_block.c();
-					if_block.m(div2, t3);
+					if_block1 = create_if_block_1(ctx);
+					if_block1.c();
+					transition_in(if_block1, 1);
+					if_block1.m(div, t1);
 				}
-			} else if (if_block) {
-				if_block.d(1);
-				if_block = null;
+			} else if (if_block1) {
+				group_outros();
+
+				transition_out(if_block1, 1, 1, () => {
+					if_block1 = null;
+				});
+
+				check_outros();
 			}
 
-			if (dirty & /*entry, labelColumn*/ 5 && t6_value !== (t6_value = /*entry*/ ctx[0][/*labelColumn*/ ctx[2]] + "")) set_data(t6, t6_value);
+			if (/*entry*/ ctx[0][/*labelColumn*/ ctx[2]]) {
+				if (if_block2) {
+					if_block2.p(ctx, dirty);
+				} else {
+					if_block2 = create_if_block(ctx);
+					if_block2.c();
+					if_block2.m(div, null);
+				}
+			} else if (if_block2) {
+				if_block2.d(1);
+				if_block2 = null;
+			}
+		},
+		i(local) {
+			if (current) return;
+			transition_in(if_block0);
+			transition_in(if_block1);
+			current = true;
+		},
+		o(local) {
+			transition_out(if_block0);
+			transition_out(if_block1);
+			current = false;
 		},
-		i: noop,
-		o: noop,
 		d(detaching) {
-			if (detaching) detach(div2);
-			if (if_block) if_block.d();
+			if (detaching) detach(div);
+			if (if_block0) if_block0.d();
+			if (if_block1) if_block1.d();
+			if (if_block2) if_block2.d();
 		}
 	};
 }