inline-chat-kit 0.56.0 → 0.58.0

package/dist/demo.js

@@ -1,9 +1,10 @@
 "use client";
-import { et as e, n as t, t as n } from "./ChatExperience-DCta8bv3.js";
+import { et as e, n as t, t as n } from "./ChatExperience-CrWU56fi.js";
 import { useCallback as r, useRef as i, useState as a } from "react";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 import { AnimatePresence as c, motion as l } from "motion/react";
-var u = {
+import { PanelBottom as u, PanelBottomClose as d } from "lucide-react";
+var f = {
 	banner: "ick-banner-qe2q",
 	header: "ick-header-v41q",
 	headerIcon: "ick-headerIcon-hWUJ",
@@ -19,18 +20,18 @@ var u = {
 };
 //#endregion
 //#region src/demo/InlineChatBanner.tsx
-function d({ status: e }) {
+function p({ status: e }) {
 	return /* @__PURE__ */ s("div", {
-		className: u.banner,
+		className: f.banner,
 		children: [/* @__PURE__ */ s("div", {
-			className: u.header,
+			className: f.header,
 			children: [/* @__PURE__ */ s("svg", {
 				width: "16",
 				height: "16",
 				viewBox: "0 0 16 16",
 				fill: "none",
 				xmlns: "http://www.w3.org/2000/svg",
-				className: u.headerIcon,
+				className: f.headerIcon,
 				"aria-hidden": !0,
 				children: [
 					/* @__PURE__ */ o("circle", {
@@ -54,27 +55,27 @@ function d({ status: e }) {
 					})
 				]
 			}), /* @__PURE__ */ s("div", {
-				className: u.headerText,
+				className: f.headerText,
 				children: [/* @__PURE__ */ o("span", {
-					className: u.title,
+					className: f.title,
 					children: "Quick heads up"
 				}), /* @__PURE__ */ o("span", {
-					className: u.body,
+					className: f.body,
 					children: "The answers are scripted — there is no model behind this page. Everything else is the real component, so the list below is what you can actually try."
 				})]
 			})]
 		}), /* @__PURE__ */ s("div", {
-			className: u.columns,
+			className: f.columns,
 			children: [
-				/* @__PURE__ */ o(f, {
+				/* @__PURE__ */ o(m, {
 					label: "Works",
 					items: e.works
 				}),
-				/* @__PURE__ */ o(f, {
+				/* @__PURE__ */ o(m, {
 					label: "Not working",
 					items: e.notWorking
 				}),
-				/* @__PURE__ */ o(f, {
+				/* @__PURE__ */ o(m, {
 					label: "Soon",
 					items: e.soon
 				})
@@ -82,16 +83,16 @@ function d({ status: e }) {
 		})]
 	});
 }
-function f({ label: e, items: t }) {
+function m({ label: e, items: t }) {
 	return /* @__PURE__ */ s("div", {
-		className: u.column,
+		className: f.column,
 		children: [/* @__PURE__ */ o("span", {
-			className: u.columnLabel,
+			className: f.columnLabel,
 			children: e
 		}), /* @__PURE__ */ o("div", {
-			className: u.items,
+			className: f.items,
 			children: t.map((e) => /* @__PURE__ */ o("span", {
-				className: u.item,
+				className: f.item,
 				children: e
 			}, e))
 		})]
@@ -99,7 +100,7 @@ function f({ label: e, items: t }) {
 }
 //#endregion
 //#region src/demo/featureStatus.ts
-var p = {
+var h = {
 	works: [
 		"Send, stop, edit",
 		"Multiline input",
@@ -115,16 +116,16 @@ var p = {
 		"Open a plan in a pane",
 		"Reasoning and tools",
 		"Sources and citations",
-		"Light and dark"
+		"Light and dark",
+		"A fixed composer"
 	],
 	notWorking: ["Real model answers", "Real speech to text"],
 	soon: [
 		"Mobile",
-		"A fixed composer",
 		"Queue a message",
 		"Saved conversations"
 	]
-}, m = {
+}, g = {
 	page: "ick-page-FfCm",
 	container: "ick-container-o-mL",
 	infoContainer: "ick-infoContainer-6g-x",
@@ -139,7 +140,7 @@ var p = {
 	bannerWrapper: "ick-bannerWrapper-URah",
 	buttonWrapper: "ick-buttonWrapper-3eYt",
 	fyi: "ick-fyi-9rqo"
-}, h = {
+}, _ = {
 	staggerIn: .07,
 	stiffness: 100,
 	damping: 36,
@@ -150,22 +151,22 @@ var p = {
 	offsetOut: -10,
 	blurOut: 10
 };
-function g({ logo: t, back: n, onStart: r, welcome: i = "Welcome", title: a = "This is inline chat experience", version: c = "v1.0.0", description: u = "Exploration of having the input be the same as response. Or better said input morphing into chat bubble and maintains the continuous experience.", status: f = p, motionConfig: g }) {
-	let _ = {
-		...h,
-		...g
+function v({ logo: t, back: n, onStart: r, welcome: i = "Welcome", title: a = "This is inline chat experience", version: c = "v1.0.0", description: u = "Exploration of having the input be the same as response. Or better said input morphing into chat bubble and maintains the continuous experience.", status: d = h, motionConfig: f }) {
+	let m = {
+		..._,
+		...f
 	}, v = {
 		hidden: {},
-		visible: { transition: { staggerChildren: _.staggerIn } },
+		visible: { transition: { staggerChildren: m.staggerIn } },
 		exit: { transition: {
-			staggerChildren: _.staggerOut,
+			staggerChildren: m.staggerOut,
 			staggerDirection: -1
 		} }
 	}, y = {
 		hidden: {
 			opacity: 0,
-			filter: `blur(${_.blurIn}px)`,
-			y: _.offsetIn
+			filter: `blur(${m.blurIn}px)`,
+			y: m.offsetIn
 		},
 		visible: {
 			opacity: 1,
@@ -173,16 +174,16 @@ function g({ logo: t, back: n, onStart: r, welcome: i = "Welcome", title: a = "T
 			y: 0,
 			transition: {
 				type: "spring",
-				stiffness: _.stiffness,
-				damping: _.damping
+				stiffness: m.stiffness,
+				damping: m.damping
 			}
 		},
 		exit: {
 			opacity: 0,
-			filter: `blur(${_.blurOut}px)`,
-			y: _.offsetOut,
+			filter: `blur(${m.blurOut}px)`,
+			y: m.offsetOut,
 			transition: {
-				duration: _.durationOut,
+				duration: m.durationOut,
 				ease: [
 					.23,
 					1,
@@ -193,40 +194,40 @@ function g({ logo: t, back: n, onStart: r, welcome: i = "Welcome", title: a = "T
 		}
 	};
 	return /* @__PURE__ */ o(l.div, {
-		className: m.page,
+		className: g.page,
 		variants: v,
 		initial: "hidden",
 		animate: "visible",
 		exit: "exit",
 		children: /* @__PURE__ */ s("div", {
-			className: m.container,
+			className: g.container,
 			children: [
 				/* @__PURE__ */ s("div", {
-					className: m.infoContainer,
+					className: g.infoContainer,
 					children: [t && /* @__PURE__ */ o(l.div, {
 						variants: y,
 						children: t
 					}), /* @__PURE__ */ s("div", {
-						className: m.content,
+						className: g.content,
 						children: [/* @__PURE__ */ s("div", {
-							className: m.introContent,
+							className: g.introContent,
 							children: [/* @__PURE__ */ s(l.div, {
-								className: m.nameContent,
+								className: g.nameContent,
 								variants: y,
 								children: [/* @__PURE__ */ o("span", {
-									className: m.welcome,
+									className: g.welcome,
 									children: i
 								}), /* @__PURE__ */ o("span", {
-									className: m.title,
+									className: g.title,
 									children: a
 								})]
 							}), /* @__PURE__ */ o(l.span, {
-								className: m.version,
+								className: g.version,
 								variants: y,
 								children: c
 							})]
 						}), /* @__PURE__ */ o(l.p, {
-							className: m.description,
+							className: g.description,
 							variants: y,
 							children: u
 						})]
@@ -234,8 +235,8 @@ function g({ logo: t, back: n, onStart: r, welcome: i = "Welcome", title: a = "T
 				}),
 				/* @__PURE__ */ o(l.div, {
 					variants: y,
-					className: m.bannerWrapper,
-					children: /* @__PURE__ */ o(d, { status: f })
+					className: g.bannerWrapper,
+					children: /* @__PURE__ */ o(p, { status: d })
 				}),
 				/* @__PURE__ */ o(l.div, {
 					variants: y,
@@ -251,7 +252,7 @@ function g({ logo: t, back: n, onStart: r, welcome: i = "Welcome", title: a = "T
 				}),
 				/* @__PURE__ */ s(l.div, {
 					variants: y,
-					className: m.buttonWrapper,
+					className: g.buttonWrapper,
 					children: [/* @__PURE__ */ o(e, {
 						variant: "glass",
 						size: "m",
@@ -265,20 +266,20 @@ function g({ logo: t, back: n, onStart: r, welcome: i = "Welcome", title: a = "T
 }
 //#endregion
 //#region src/demo/scriptedApi.ts
-var _ = /* @__PURE__ */ new Map(), v = [
+var y = /* @__PURE__ */ new Map(), b = [
 	"Particle physics studies the most fundamental constituents of matter and the forces that act between them.",
 	"The **Standard Model** organises them into three families:",
 	"- twelve fermions — six quarks and six leptons\n- the force-carrying bosons\n- the Higgs, which gives the rest their mass",
 	"The Higgs boson, found at CERN in 2012, completes the picture by giving elementary particles their mass through interaction with the Higgs field."
-], y = [
+], x = [
 	"The Higgs boson is a *point particle* — it has no measurable spatial extent at any scale we can currently probe.",
 	"| property | value |\n| --- | --- |\n| mass | ~125 GeV/c² |\n| charge | 0 |\n| spin | 0 |",
 	"So 'how big is it' has only one honest answer: it has no size, only `mass` and quantum numbers."
-], b = ["Here is what I would do, in order. The first two are cheap and tell us whether the rest is worth doing."], x = [
+], S = ["Here is what I would do, in order. The first two are cheap and tell us whether the rest is worth doing."], C = [
 	"The current combined figure is **125.25 GeV/c²**[^1], from ATLAS and CMS together — separately, neither experiment gets there.",
 	"It is known to about a fifth of a percent[^2], which for a particle discovered in 2012 is a remarkably tight number.",
 	"The uncertainty is now dominated by systematics rather than statistics[^3] — more collisions alone will not sharpen it much further."
-], S = [
+], w = [
 	{
 		id: "atlas-cms",
 		title: "Combined measurement of the Higgs boson mass",
@@ -298,7 +299,7 @@ var _ = /* @__PURE__ */ new Map(), v = [
 		origin: "cms.cern",
 		url: "https://example.com/systematics"
 	}
-], C = [
+], T = [
 	{
 		id: "read",
 		label: "Read what is being asked",
@@ -314,7 +315,7 @@ var _ = /* @__PURE__ */ new Map(), v = [
 		label: "Check which is the limiting one now",
 		body: "Statistics used to dominate. It is systematics now, and that changes what more data would buy."
 	}
-], w = [
+], E = [
 	{
 		id: "setup",
 		type: "inputs",
@@ -387,28 +388,28 @@ var _ = /* @__PURE__ */ new Map(), v = [
 			}
 		]
 	}
-], T = (e) => new Promise((t) => setTimeout(t, e));
-async function* E(e) {
-	for (let t of e.join("\n\n").split(/(\s+)/)) await T(24), yield t;
+], D = (e) => new Promise((t) => setTimeout(t, e));
+async function* O(e) {
+	for (let t of e.join("\n\n").split(/(\s+)/)) await D(24), yield t;
 }
-async function* D(e, t) {
+async function* k(e, t) {
 	let n = "";
 	for (let r of t) n += (n ? "\n\n" : "") + r, yield {
 		kind: "reasoning",
 		id: e,
 		text: n,
 		state: "thinking"
-	}, await T(420);
+	}, await D(420);
 	yield {
 		kind: "reasoning",
 		id: e,
 		state: "done"
 	};
 }
-var O = {
+var A = {
 	query: "higgs boson mass measurement",
 	limit: 3
-}, k = {
+}, j = {
 	results: [{
 		title: "ATLAS and CMS combined measurement",
 		url: "https://example.com/atlas-cms",
@@ -420,25 +421,25 @@ var O = {
 	}],
 	took_ms: 412
 };
-async function* A(e) {
+async function* M(e) {
 	yield {
 		kind: "tool",
 		id: e,
 		name: "search_web",
 		state: "running",
 		summary: "Searching the web",
-		input: O
-	}, await T(900), yield {
+		input: A
+	}, await D(900), yield {
 		kind: "tool",
 		id: e,
 		name: "search_web",
 		state: "done",
 		summary: "2 results",
-		output: k,
+		output: j,
 		duration: 412
 	};
 }
-var j = [
+var N = [
 	{
 		id: "read",
 		label: "Read the care plan"
@@ -456,42 +457,42 @@ var j = [
 		label: "Draft the questions for the family"
 	}
 ];
-async function* M(e) {
-	for (let t = 0; t <= j.length; t++) yield {
+async function* P(e) {
+	for (let t = 0; t <= N.length; t++) yield {
 		kind: "tasks",
 		id: e,
 		title: "Plan",
 		collapsible: !0,
-		tasks: j.map((e, n) => ({
+		tasks: N.map((e, n) => ({
 			...e,
 			state: n < t ? "done" : n === t ? "running" : "pending"
 		}))
-	}, await T(800);
+	}, await D(800);
 }
-async function* N(e) {
-	for (let t = 0; t < C.length; t++) yield {
+async function* F(e) {
+	for (let t = 0; t < T.length; t++) yield {
 		kind: "chain",
 		id: e,
 		state: "thinking",
-		steps: C.slice(0, t + 1).map((e, n) => ({
+		steps: T.slice(0, t + 1).map((e, n) => ({
 			...e,
 			state: n < t ? "done" : "running"
 		}))
-	}, await T(700);
+	}, await D(700);
 	yield {
 		kind: "chain",
 		id: e,
 		state: "done",
-		steps: C.map((e) => ({
+		steps: T.map((e) => ({
 			...e,
 			state: "done"
 		}))
 	};
 }
-var P = (e, ...t) => {
+var I = (e, ...t) => {
 	let n = e.toLowerCase();
 	return t.some((e) => n.includes(e));
-}, F = ["I can see it. Whatever you send along with a message arrives here the same way the text does — one `attachments` array on the turn, and the composer that held it is the same one that shows it afterwards.", "This demo does not read the picture; there is no model behind it. A real one would get the file and the sentence in the same request."], I = [[
+}, L = ["I can see it. Whatever you send along with a message arrives here the same way the text does — one `attachments` array on the turn, and the composer that held it is the same one that shows it afterwards.", "This demo does not read the picture; there is no model behind it. A real one would get the file and the sentence in the same request."], R = [[
 	"Another way to put it: particle physics is the study of what is left when you stop dividing.",
 	"Everything in the Standard Model is there because dividing it further stopped producing anything smaller — twelve fermions, the bosons that carry the forces between them, and the Higgs.",
 	"The interesting part is not the list. It is that the list is *short*, and that nothing found since 1973 has needed adding to it."
@@ -499,41 +500,41 @@ var P = (e, ...t) => {
 	"Once more, from the other end. Start with the four forces and ask what carries each one.",
 	"Electromagnetism has the photon. The strong force has gluons. The weak force has the W and Z. Gravity has no entry here at all — which is the honest shape of the field's biggest open problem.",
 	"Matter is what those forces act on: quarks, which feel the strong force, and leptons, which do not."
-]], L = "Week 1 — base\nMon   rest\nTue   4 km easy, conversational pace\nWed   cross-train, 30 min\nThu   5 × 400 m at 5k effort, 90 s jog between\nFri   rest\nSat   6 km easy\nSun   20 min walk\n\nWeek 2 — base\nMon   rest\nTue   5 km easy\nWed   cross-train, 35 min\nThu   6 × 400 m, 90 s jog between\nFri   rest\nSat   7 km easy, last kilometre at pace\nSun   20 min walk\n\nWeek 3 — build\nMon   rest\nTue   5 km easy\nWed   cross-train, 35 min\nThu   4 × 800 m at 5k effort, 2 min jog between\nFri   rest\nSat   8 km easy\nSun   20 min walk\n\nWeek 4 — cut back\nMon   rest\nTue   4 km easy\nWed   cross-train, 30 min\nThu   5 × 400 m, 90 s jog between\nFri   rest\nSat   5 km easy\nSun   rest\n\nWeek 5 — build\nMon   rest\nTue   6 km easy\nWed   cross-train, 40 min\nThu   5 × 800 m, 2 min jog between\nFri   rest\nSat   9 km easy\nSun   20 min walk\n\nWeek 6 — sharpen\nMon   rest\nTue   6 km with 3 km at target pace\nWed   cross-train, 30 min\nThu   8 × 400 m, 60 s jog between\nFri   rest\nSat   8 km easy\nSun   20 min walk\n\nWeek 7 — sharpen\nMon   rest\nTue   5 km with 4 km at target pace\nWed   cross-train, 30 min\nThu   6 × 400 m, 60 s jog between\nFri   rest\nSat   6 km easy\nSun   rest\n\nWeek 8 — taper and race\nMon   rest\nTue   4 km easy with 4 × 100 m strides\nWed   rest\nThu   3 km easy\nFri   rest\nSat   race, 5 km\nSun   20 min walk\n\nNotes\nEasy means you can hold a conversation. If you cannot, it is not easy.\nEvery hard day is followed by a rest day; that is where the fitness is made.\nMiss a week and repeat it rather than skipping ahead to catch up.";
-async function* R(e, { attachments: t, turnId: n }) {
+]], z = "Week 1 — base\nMon   rest\nTue   4 km easy, conversational pace\nWed   cross-train, 30 min\nThu   5 × 400 m at 5k effort, 90 s jog between\nFri   rest\nSat   6 km easy\nSun   20 min walk\n\nWeek 2 — base\nMon   rest\nTue   5 km easy\nWed   cross-train, 35 min\nThu   6 × 400 m, 90 s jog between\nFri   rest\nSat   7 km easy, last kilometre at pace\nSun   20 min walk\n\nWeek 3 — build\nMon   rest\nTue   5 km easy\nWed   cross-train, 35 min\nThu   4 × 800 m at 5k effort, 2 min jog between\nFri   rest\nSat   8 km easy\nSun   20 min walk\n\nWeek 4 — cut back\nMon   rest\nTue   4 km easy\nWed   cross-train, 30 min\nThu   5 × 400 m, 90 s jog between\nFri   rest\nSat   5 km easy\nSun   rest\n\nWeek 5 — build\nMon   rest\nTue   6 km easy\nWed   cross-train, 40 min\nThu   5 × 800 m, 2 min jog between\nFri   rest\nSat   9 km easy\nSun   20 min walk\n\nWeek 6 — sharpen\nMon   rest\nTue   6 km with 3 km at target pace\nWed   cross-train, 30 min\nThu   8 × 400 m, 60 s jog between\nFri   rest\nSat   8 km easy\nSun   20 min walk\n\nWeek 7 — sharpen\nMon   rest\nTue   5 km with 4 km at target pace\nWed   cross-train, 30 min\nThu   6 × 400 m, 60 s jog between\nFri   rest\nSat   6 km easy\nSun   rest\n\nWeek 8 — taper and race\nMon   rest\nTue   4 km easy with 4 × 100 m strides\nWed   rest\nThu   3 km easy\nFri   rest\nSat   race, 5 km\nSun   20 min walk\n\nNotes\nEasy means you can hold a conversation. If you cannot, it is not easy.\nEvery hard day is followed by a rest day; that is where the fitness is made.\nMiss a week and repeat it rather than skipping ahead to catch up.";
+async function* B(e, { attachments: t, turnId: n }) {
 	if (t.length > 0) {
-		yield* D("r", [`${t.length === 1 ? "A file" : `${t.length} files`} came with this.`, "Say what arrived, and be honest that nothing here is looking at it."]), yield* E(F);
+		yield* k("r", [`${t.length === 1 ? "A file" : `${t.length} files`} came with this.`, "Say what arrived, and be honest that nothing here is looking at it."]), yield* O(L);
 		return;
 	}
-	if (P(e, "plan", "training", "5k", "run ", "running", "trening", "trčanj", "trcanj")) {
-		yield* D("r", ["Eight weeks is the shortest honest 5k build for somebody starting from a base.", "The plan is long. Put it behind a card rather than into the answer — an answer nobody can read past is not an answer."]), yield {
+	if (I(e, "plan", "training", "5k", "run ", "running", "trening", "trčanj", "trcanj")) {
+		yield* k("r", ["Eight weeks is the shortest honest 5k build for somebody starting from a base.", "The plan is long. Put it behind a card rather than into the answer — an answer nobody can read past is not an answer."]), yield {
 			kind: "artifact",
 			id: "plan",
 			title: "5k training plan",
 			state: "writing"
-		}, yield "Here is an eight-week plan. Four sessions a week, one of them hard, and a cut-back week in the middle so the fourth week does not become the one you quit in.", await T(900), yield {
+		}, yield "Here is an eight-week plan. Four sessions a week, one of them hard, and a cut-back week in the middle so the fourth week does not become the one you quit in.", await D(900), yield {
 			kind: "artifact",
 			id: "plan",
 			meta: "8 weeks · 4 sessions a week",
 			preview: "text",
-			content: L,
+			content: z,
 			state: "done"
 		}, yield " Open it to see the weeks.";
 		return;
 	}
-	if (P(e, "question", "ask me", "set up", "double-slit", "experiment", "pitanj")) {
-		yield* D("r", ["They want to be asked rather than to specify the whole thing up front.", "Three is the most anybody answers in one sitting: the geometry, then where the detector goes — which is the only choice that changes the physics — then what to plot."]), yield {
+	if (I(e, "question", "ask me", "set up", "double-slit", "experiment", "pitanj")) {
+		yield* k("r", ["They want to be asked rather than to specify the whole thing up front.", "Three is the most anybody answers in one sitting: the geometry, then where the detector goes — which is the only choice that changes the physics — then what to plot."]), yield {
 			kind: "question",
 			id: "q",
 			title: "Setting up the run",
-			questions: w,
+			questions: E,
 			answers: {},
 			activeIndex: 0
 		};
 		return;
 	}
-	if (P(e, "delete", "run ", "send an email", "permission", "approve")) {
-		yield* D("r", ["This one changes something outside the conversation, so it is not mine to decide.", "Show what it would run, and wait."]), yield {
+	if (I(e, "delete", "run ", "send an email", "permission", "approve")) {
+		yield* k("r", ["This one changes something outside the conversation, so it is not mine to decide.", "Show what it would run, and wait."]), yield {
 			kind: "approval",
 			id: "ask",
 			title: "Run a command in your shell",
@@ -548,71 +549,71 @@ async function* R(e, { attachments: t, turnId: n }) {
 		};
 		return;
 	}
-	if (P(e, "plan", "todo", "steps", "what would you do")) {
-		yield* D("r", ["This is a sequence, not a single answer, so the plan is the answer.", "Order it so the cheap checks come first — if the medication list already matches, the rest is much smaller."]), yield* M("p"), yield* E(b);
+	if (I(e, "plan", "todo", "steps", "what would you do")) {
+		yield* k("r", ["This is a sequence, not a single answer, so the plan is the answer.", "Order it so the cheap checks come first — if the medication list already matches, the rest is much smaller."]), yield* P("p"), yield* O(S);
 		return;
 	}
-	if (P(e, "sources", "cite", "how do you know", "izvor")) {
-		yield* N("c"), yield {
+	if (I(e, "sources", "cite", "how do you know", "izvor")) {
+		yield* F("c"), yield {
 			kind: "sources",
 			id: "s",
-			sources: S,
+			sources: w,
 			title: "Sources",
 			collapsible: !0
-		}, yield* E(x);
+		}, yield* O(C);
 		return;
 	}
-	if (P(e, "how big", "mass", "size", "weigh")) {
-		yield* D("r", ["The question is about the Higgs boson's size, and the honest answer is that it does not have one.", "Better to give the mass instead, and say why size is the wrong question — but check the current figure first."]), yield* A("t"), yield* E(y);
+	if (I(e, "how big", "mass", "size", "weigh")) {
+		yield* k("r", ["The question is about the Higgs boson's size, and the honest answer is that it does not have one.", "Better to give the mass instead, and say why size is the wrong question — but check the current figure first."]), yield* M("t"), yield* O(x);
 		return;
 	}
-	let r = (_.get(n) ?? 0) % (I.length + 1);
-	if (_.set(n, r + 1), r > 0) {
-		yield* D("r", ["Asked again, so the first answer did not land.", "Same physics, different way in — repeating it in other words is not answering it again."]), yield* E(I[r - 1]);
+	let r = (y.get(n) ?? 0) % (R.length + 1);
+	if (y.set(n, r + 1), r > 0) {
+		yield* k("r", ["Asked again, so the first answer did not land.", "Same physics, different way in — repeating it in other words is not answering it again."]), yield* O(R[r - 1]);
 		return;
 	}
-	yield* D("r", ["A general question, so the answer should start from what the field is for rather than from a definition.", "Three families is the useful shape: fermions, bosons, and the Higgs."]), yield* E(v);
+	yield* k("r", ["A general question, so the answer should start from what the field is for rather than from a definition.", "Three families is the useful shape: fermions, bosons, and the Higgs."]), yield* O(b);
 }
-async function* z() {
-	yield* E(["Marking a passage and asking about it keeps the question attached to what it is about — so the answer can be short.", "That is the whole of the thread: the quote, one question, one answer."]);
+async function* V() {
+	yield* O(["Marking a passage and asking about it keeps the question attached to what it is about — so the answer can be short.", "That is the whole of the thread: the quote, one question, one answer."]);
 }
-async function* B(e, { signal: t }) {
+async function* H(e, { signal: t }) {
 	let n = `this is a scripted transcript standing in for about ${Math.max(1, Math.round(e.size / 12e3))} seconds of speech`.split(" ");
 	for (let e of n) {
 		if (await new Promise((e) => setTimeout(e, 90)), t.aborted) return;
 		yield `${e} `;
 	}
 }
-var V = { plan: "ick-plan-nXLe" }, H = 8e3, U = 900;
-function W({ logo: e, back: s, backHref: l = "/", backLabel: u = "Back to home", skipIntro: d = !1, theme: f, onThemeChange: p, cursor: m = !0, animationConfig: h, foldMotion: _, feedDelay: v, introMotion: y }) {
-	let [b, x] = a(d);
-	t(f === void 0 ? void 0 : f);
-	let S = i({}), C = r((e, t, n, r, i) => {
+var U = { plan: "ick-plan-nXLe" }, W = 8e3, G = 900;
+function K({ logo: e, back: s, backHref: l = "/", backLabel: f = "Back to home", skipIntro: p = !1, theme: m, onThemeChange: h, cursor: g = !0, animationConfig: _, foldMotion: y, feedDelay: b, introMotion: x, composer: S = "inline" }) {
+	let [C, w] = a(p), [T, D] = a(S), O = T === "docked";
+	t(m === void 0 ? void 0 : m);
+	let k = i({}), A = r((e, t, n, r, i) => {
 		let a = {
-			...S.current[n] ?? {},
+			...k.current[n] ?? {},
 			[r]: i
 		};
-		S.current[n] = a;
-		let o = w.findIndex((e) => e.id === r) + 1, s = o >= w.length;
+		k.current[n] = a;
+		let o = E.findIndex((e) => e.id === r) + 1, s = o >= E.length;
 		e(t, {
 			kind: "question",
 			id: n,
 			title: "Setting up the run",
-			questions: w,
+			questions: E,
 			answers: a,
 			activeIndex: s ? null : o,
 			collapsible: s
 		});
-	}, []), T = r((e, t, n, r) => {
+	}, []), j = r((e, t, n, r) => {
 		e(t, {
 			kind: "question",
 			id: n,
-			questions: w,
-			answers: S.current[n] ?? {},
+			questions: E,
+			answers: k.current[n] ?? {},
 			activeIndex: r,
 			collapsible: !1
 		});
-	}, []), E = r((e, t, n, r) => {
+	}, []), M = r((e, t, n, r) => {
 		e(t, {
 			kind: "approval",
 			id: n,
@@ -638,13 +639,24 @@ function W({ logo: e, back: s, backHref: l = "/", backLabel: u = "Back to home",
 	}, []);
 	return /* @__PURE__ */ o(c, {
 		mode: "wait",
-		children: b ? /* @__PURE__ */ o(n, {
-			onSend: R,
-			onTranscribe: B,
-			onThreadReply: z,
+		children: C ? /* @__PURE__ */ o(n, {
+			onSend: B,
+			onTranscribe: H,
+			onThreadReply: V,
+			composer: T,
+			actions: [{
+				id: "composer",
+				label: O ? "Composer in the conversation" : "Composer at the bottom",
+				icon: o(O ? d : u, {
+					size: 16,
+					"aria-hidden": !0
+				}),
+				active: O,
+				onClick: () => D(O ? "inline" : "docked")
+			}],
 			title: "inline chat experience",
 			backHref: l,
-			backLabel: u,
+			backLabel: f,
 			placeholder: "Ask me about particle physics…",
 			empty: {
 				title: "Ask me about particle physics",
@@ -659,35 +671,35 @@ function W({ logo: e, back: s, backHref: l = "/", backLabel: u = "Back to home",
 					"Delete the screenshots"
 				]
 			},
-			contextTotal: H,
-			contextBase: U,
+			contextTotal: W,
+			contextBase: G,
 			artifact: () => ({
 				title: "5k training plan",
 				meta: "8 weeks · 4 sessions a week",
 				children: /* @__PURE__ */ o("pre", {
-					className: V.plan,
-					children: L
+					className: U.plan,
+					children: z
 				})
 			}),
-			theme: f,
-			onThemeChange: p,
-			cursor: m,
+			theme: m,
+			onThemeChange: h,
+			cursor: g,
 			selectionToggle: !0,
-			animationConfig: h,
-			foldMotion: _,
-			feedDelay: v,
-			onAnswerQuestion: C,
-			onEditQuestion: T,
-			onDecideApproval: E
-		}, "chat") : /* @__PURE__ */ o(g, {
+			animationConfig: _,
+			foldMotion: y,
+			feedDelay: b,
+			onAnswerQuestion: A,
+			onEditQuestion: j,
+			onDecideApproval: M
+		}, "chat") : /* @__PURE__ */ o(v, {
 			logo: e,
 			back: s,
-			onStart: () => x(!0),
-			motionConfig: y
+			onStart: () => w(!0),
+			motionConfig: x
 		}, "intro")
 	});
 }
 //#endregion
-export { W as ChatExperienceDemo, p as INLINE_CHAT_FEATURE_STATUS, d as InlineChatBanner, g as IntroLanding, w as QUESTIONS, L as RUNNING_PLAN, R as scriptedApi, B as scriptedTranscript, z as threadReply };
+export { K as ChatExperienceDemo, h as INLINE_CHAT_FEATURE_STATUS, p as InlineChatBanner, v as IntroLanding, E as QUESTIONS, z as RUNNING_PLAN, B as scriptedApi, H as scriptedTranscript, V as threadReply };
 
 //# sourceMappingURL=demo.js.map