@jboltai/tokui 0.2.2 → 0.2.4

package/dist/tokui.mjs

@@ -135,6 +135,14 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			"agent.thinking": "思考",
 			"agent.generating": "生成",
 			"agent.total": "总计",
+			"agent.defaultName": "智能体",
+			"terminal.title": "终端",
+			"sandbox.title": "预览",
+			"canvas.title": "画布",
+			"toolCall.defaultName": "工具",
+			"artifact.codeTab": "代码",
+			"artifact.previewTab": "预览",
+			"testResult.total": "总计：{n}",
 			"picker.noMatch": "无匹配项",
 			"rate.defaultLabel": "评分",
 			"select.placeholder": "请选择",
@@ -290,6 +298,14 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			"agent.thinking": "Thinking",
 			"agent.generating": "Generating",
 			"agent.total": "Total",
+			"agent.defaultName": "Agent",
+			"terminal.title": "Terminal",
+			"sandbox.title": "Preview",
+			"canvas.title": "Canvas",
+			"toolCall.defaultName": "tool",
+			"artifact.codeTab": "Code",
+			"artifact.previewTab": "Preview",
+			"testResult.total": "Total: {n}",
 			"bubble.you": "You",
 			"bubble.ai": "AI",
 			"bubble.system": "System",
@@ -602,16 +618,20 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 })), m = /* @__PURE__ */ o(((e, t) => {
 	function n(e) {
 		let t = !1;
-		for (let n = 0; n < e.length; n++) if (e[n] === "\"") t = !t;
-		else if (e[n] === "]" && !t) return n;
+		for (let n = 0; n < e.length; n++) if (e[n] === "\"") {
+			if (!t && e[n + 1] === "]") continue;
+			t = !t;
+		} else if (e[n] === "]" && !t) return n;
 		return -1;
 	}
 	function r(e) {
 		let t = !1, n = 0;
 		for (let r = 0; r < e.length; r++) {
 			let i = e[r];
-			if (i === "\"") t = !t;
-			else if (!t) {
+			if (i === "\"") {
+				if (!t && e[r + 1] === "]") continue;
+				t = !t;
+			} else if (!t) {
 				if (i === "[") n++;
 				else if (i === "]") {
 					if (n === 0) return r;
@@ -621,7 +641,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		}
 		return -1;
 	}
-	var i = new Set(/* @__PURE__ */ "form.table.thead.tbody.card.ft.row.col.list.select.radio.checkbox.code.imgs.md.textarea.tabs.tab.accordion.collapse.dialog.btngroup.picker.timeline.steps.drawer.ol.ul.i.item.think.think-chain.think-step.bubble.toolbar.badge-box.dropdown.transfer.callout.cascader.tree.tn.desc.carousel.popover.input-tag.watermark.menu.print-area.chat-input.msg-actions.tool-call.diff.quick-reply.plan.file-tree.ft-folder.terminal.sandbox.test-result.quote.toggle-group.conversations.welcome.welcome-feature.suggestions.attachments.artifact.artifact-code.artifact-preview.scroll-area.sidebar.sidebar-content.sidebar-footer.command.command-group.hover-card.hover-trigger.hover-content.resizable.canvas.canvas-content.chart.ins.katex.mermaid.p.tour.affix.preview-group.segmented.anchor.float-button.masonry".split("."));
+	var i = new Set(/* @__PURE__ */ "form.table.thead.tbody.card.ft.row.col.list.grid.cell.select.radio.checkbox.code.imgs.md.textarea.tabs.tab.accordion.collapse.dialog.btngroup.picker.timeline.steps.drawer.ol.ul.i.item.think.think-chain.think-step.bubble.toolbar.badge-box.dropdown.transfer.callout.cascader.tree.tn.desc.carousel.popover.input-tag.watermark.menu.print-area.chat-input.msg-actions.tool-call.diff.quick-reply.plan.file-tree.ft-folder.terminal.sandbox.test-result.quote.toggle-group.conversations.welcome.welcome-feature.suggestions.attachments.artifact.artifact-code.artifact-preview.scroll-area.sidebar.sidebar-content.sidebar-footer.command.command-group.hover-card.hover-trigger.hover-content.resizable.canvas.canvas-content.chart.ins.katex.mermaid.p.tour.affix.preview-group.segmented.anchor.float-button.masonry".split("."));
 	function a(e) {
 		if (!e || e.type !== "chart") return !1;
 		var t = e.attrs || {};
@@ -658,7 +678,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		"sub",
 		"sup",
 		"kbd"
-	]), d = new Set(/* @__PURE__ */ "stripe.dis.ro.req.chk.multi.disabled.readonly.required.checked.multiple.striped.auto.plain.round.closable.bordered.open.pill.dot.leaf.inline.rounded.container.copy.regenerate.like.dislike.visible.delete.controls.active.collapsible.toggle.search.thumb.reset.print.show-total.live.approval.streaming.range.half.sortable.filter.virtual.lazy.pagination.mask".split(".")), f = null;
+	]), d = new Set(/* @__PURE__ */ "stripe.dis.ro.req.chk.multi.disabled.readonly.required.checked.multiple.striped.auto.plain.round.closable.bordered.open.pill.dot.leaf.inline.rounded.container.copy.regenerate.like.dislike.visible.delete.controls.active.collapsible.collapsed.toggle.search.thumb.reset.print.show-total.live.approval.streaming.range.half.sortable.filter.virtual.lazy.pagination.mask".split(".")), f = null;
 	function p(e) {
 		f = e;
 	}
@@ -730,6 +750,20 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}
 		}
 		t.content = i.join(" ");
+		for (let e = 0; e < 4; e++) {
+			let e = !1;
+			for (let n of Object.keys(t.attrs)) {
+				let r = t.attrs[n];
+				if (typeof r != "string") continue;
+				let i = r.match(/^([\s\S]*?)\s+([a-zA-Z][a-zA-Z0-9]{0,6}):([\s\S]*)$/);
+				if (!i || !i[1] || !h.has(i[2]) || t.attrs[i[2]] !== void 0) continue;
+				t.attrs[n] = i[1];
+				let a = i[3];
+				!a && t.content && (a = t.content, t.content = ""), t.attrs[i[2]] = a.replace(/^"|"$/g, ""), t._lastRepairKey = i[2], e = !0;
+			}
+			if (!e) break;
+		}
+		t._lastRepairKey && t.content && t.content.endsWith("\"") && (t.attrs[t._lastRepairKey] += " " + t.content.slice(0, -1), t.content = ""), delete t._lastRepairKey;
 		let a = {
 			ol: "list",
 			ul: "list",
@@ -820,7 +854,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			this.reset(), this._dslText = e, this.buffer = e, this._tryParse(), this._flush();
 		}
 		_flush() {
-			if (this.buffer.trim() && this._tryParse(), this.buffer.trim()) {
+			if (this._flushing = !0, this.buffer.trim() && this._tryParse(), this._flushing = !1, this.buffer.trim()) {
 				let e;
 				if (this._isRawContent()) {
 					let t = this.stack[this.stack.length - 1], n = this.streaming && t && t._rawEmittedLen ? t._rawEmittedLen : 0;
@@ -932,7 +966,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 						continue;
 					}
 					let e = /^tr\b/.test(this.buffer) ? r(this.buffer) : n(this.buffer);
-					if (e === -1) break;
+					if (e === -1 && this._flushing && (e = this.buffer.indexOf("]")), e === -1) break;
 					let t = e, a = !0, o = this.buffer.slice(0, e), s = -1;
 					{
 						let e = !1;
@@ -1014,7 +1048,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				"input-tag",
 				"watermark",
 				"badge-box"
-			]), r = i.has(e.type) && !n.has(e.type) && e.attrs.tx, l = e.type === "tn" && e.attrs.leaf !== void 0, d = e.type === "input-tag" && e.attrs.tags, f = e.type === "katex" && !!e.attrs.f, p = r || l || d || f || o(e) || s(e), m = e.attrs.cols && e.type !== "desc" && e.type !== "suggestions" && e.type !== "chart" && e.type !== "masonry", h = a(e);
+			]), r = i.has(e.type) && !n.has(e.type) && e.attrs.tx, l = e.type === "tn" && e.attrs.leaf !== void 0, d = e.type === "input-tag" && e.attrs.tags, f = e.type === "katex" && !!e.attrs.f, p = r || l || d || f || o(e) || s(e), m = e.attrs.cols && e.type !== "desc" && e.type !== "suggestions" && e.type !== "chart" && e.type !== "masonry" && e.type !== "grid", h = a(e);
 			h && (e._previewKey = e._dslStart), i.has(e.type) && !m && !p && !h ? this.stack.length >= this.maxDepth ? (console.warn("TokUI Parser: 嵌套深度超过 maxDepth (" + this.maxDepth + ")，按自闭合处理"), this.stack.length > 0 && this.stack[this.stack.length - 1].children.push(e), this.onNode(e)) : (e._stream = "open", this.stack.push(e), this.onNode(e)) : (this.stack.length > 0 && this.stack[this.stack.length - 1].children.push(e), this.onNode(e));
 		}
 		_emitBuffered(e) {
@@ -1033,7 +1067,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				"input-tag",
 				"watermark",
 				"badge-box"
-			]), r = i.has(e.type) && !n.has(e.type) && e.attrs.tx, c = e.type === "tn" && e.attrs.leaf !== void 0, l = e.type === "input-tag" && e.attrs.tags, d = e.type === "katex" && !!e.attrs.f, f = r || c || l || d || o(e) || s(e), p = e.attrs.cols && e.type !== "desc" && e.type !== "suggestions" && e.type !== "chart" && e.type !== "masonry", m = a(e);
+			]), r = i.has(e.type) && !n.has(e.type) && e.attrs.tx, c = e.type === "tn" && e.attrs.leaf !== void 0, l = e.type === "input-tag" && e.attrs.tags, d = e.type === "katex" && !!e.attrs.f, f = r || c || l || d || o(e) || s(e), p = e.attrs.cols && e.type !== "desc" && e.type !== "suggestions" && e.type !== "chart" && e.type !== "masonry" && e.type !== "grid", m = a(e);
 			m && (e._previewKey = e._dslStart), i.has(e.type) && !p && !f && !m ? this.stack.length >= this.maxDepth ? (console.warn("TokUI Parser: 嵌套深度超过 maxDepth (" + this.maxDepth + ")，按自闭合处理"), this.stack.length > 0 ? this.stack[this.stack.length - 1].children.push(e) : this.onNode(e)) : this.stack.push(e) : this.stack.length > 0 ? this.stack[this.stack.length - 1].children.push(e) : this.onNode(e);
 		}
 		startStream() {
@@ -1317,6 +1351,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			"right",
 			"inline"
 		]),
+		grid: new Set(["dense", "flush"]),
 		dv: new Set([
 			"dashed",
 			"dotted",
@@ -1366,7 +1401,10 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		kbd: new Set(["sm", "lg"])
 	}, m = class {
 		constructor(e) {
-			this.registry = {}, this.eventBus = e, this.slotStack = [], this._boundElements = [], this._onError = null, this._onComponentEvent = null;
+			this.registry = {}, this.eventBus = e, this.slotStack = [], this._boundElements = [], this._cleanupElements = [], this._onError = null, this._onComponentEvent = null, this.streamAnimation = !0;
+		}
+		_streamFadeIn(e) {
+			this.streamAnimation && (!e || e.nodeType !== 1 || this.slotStack.length > 0 || e.classList.add("tokui-fade-in"));
 		}
 		createReporter(e, t, n) {
 			var r = this, i = c(t && t.on), a = t && t.id != null && t.id !== "" ? String(t.id) : null;
@@ -1431,7 +1469,12 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				var f = s("div", { class: "tokui-error__detail" });
 				f.textContent = String(t.message || t), u.appendChild(f), l = u;
 			}
-			return this._applyVariants(l, e), l && l.nodeType === 1 && e.type && e.type !== "_text" && l.setAttribute("data-tokui-tag", e.type), l;
+			if (this._applyVariants(l, e), l && l.nodeType === 1 && e.type && e.type !== "_text") {
+				l.setAttribute("data-tokui-tag", e.type), l._tokuiType ||= e.type;
+				var p = e.attrs && e.attrs.id != null && e.attrs.id !== "" ? String(e.attrs.id) : null;
+				p && !l.getAttribute("id") && !(typeof l.querySelector == "function" && l.querySelector("[id=\"" + p.replace(/"/g, "\\\"") + "\"]")) && l.setAttribute("id", p);
+			}
+			return l;
 		}
 		_applyVariants(e, t) {
 			var n = t.attrs && t.attrs.v;
@@ -1450,7 +1493,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		mount(e, t) {
 			this._mountRoot = t;
 			let n = this.render(e);
-			return n.nodeType === 1 && n.classList.add("tokui-fade-in"), t.appendChild(n), this.bindEvents(n), n._streamCloseHook && n._streamCloseHook(), n;
+			return !n || !n.nodeType ? null : (n.nodeType === 1 && n.classList.add("tokui-fade-in"), t.appendChild(n), this.bindEvents(n), n._streamCloseHook && n._streamCloseHook(), n);
 		}
 		mountStreaming(e, t) {
 			return this._mountRoot = t, e._stream === "skeleton-pending" ? this._streamSkeletonPending(e, t) : e._stream === "skeleton-finalize" ? this._streamSkeletonFinalize(e, t) : e._streamPreview ? this._streamChartPreview(e, t) : e.type === "tr" && e._stream === "open" ? this._streamTrOpen(e, t) : e.type === "tr" && e._stream === "preview" ? this._streamTrPreview(e) : e.type === "tr" && e._stream === "finalize" ? this._streamTrFinalize(e, t) : e._stream === "open" ? this._streamOpen(e, t) : e._stream === "close" ? this._streamClose(e) : e.type === "chart" && e._previewKey !== void 0 ? this._streamChartFinalize(e, t) : this._streamChild(e, t);
@@ -1460,7 +1503,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			let n = e._previewKey, r = this._pendingCharts[n];
 			if (r) return r._tokuiChartUpdate && r._tokuiChartUpdate(e.attrs), r;
 			let i = this.render(e), a = this.slotStack.length > 0 ? this.slotStack[this.slotStack.length - 1] : null, o = a ? a.slot : t;
-			return i.nodeType === 1 && i.classList.add("tokui-fade-in"), o.appendChild(i), this._pendingCharts[n] = i, i;
+			return this._streamFadeIn(i), o.appendChild(i), this._pendingCharts[n] = i, i;
 		}
 		_streamChartFinalize(e, t) {
 			this._pendingCharts = this._pendingCharts || {};
@@ -1471,7 +1514,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			var n = this.slotStack.length > 0 ? this.slotStack[this.slotStack.length - 1] : null;
 			n && n.el && (e._tbodyEl = n.el);
 			var r = this.render(e, n ? n.containerType : void 0);
-			return r && r.nodeType === 1 && r.classList.add("tokui-fade-in"), (n ? n.slot : t).appendChild(r), this._trRegistry = this._trRegistry || {}, this._trRegistry[e._trKey] = r, r;
+			return this._streamFadeIn(r), (n ? n.slot : t).appendChild(r), this._trRegistry = this._trRegistry || {}, this._trRegistry[e._trKey] = r, r;
 		}
 		_streamTrPreview(e) {
 			this._trRegistry = this._trRegistry || {};
@@ -1486,7 +1529,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		_streamSkeletonPending(e, t) {
 			this._pendingSkeletons = this._pendingSkeletons || {};
 			var n = this.slotStack.length > 0 ? this.slotStack[this.slotStack.length - 1] : null, r = n ? n.slot : t, i = this._buildSkeleton(e.type);
-			return i && i.nodeType === 1 && i.classList.add("tokui-fade-in"), r && r.appendChild(i), this._pendingSkeletons[e._skelKey] = i, i;
+			return this._streamFadeIn(i), r && r.appendChild(i), this._pendingSkeletons[e._skelKey] = i, i;
 		}
 		_streamSkeletonFinalize(e, t) {
 			this._pendingSkeletons = this._pendingSkeletons || {};
@@ -1509,7 +1552,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		}
 		_streamOpen(e, t) {
 			let n = this.slotStack.length > 0 ? this.slotStack[this.slotStack.length - 1] : null, r = this.render(e, n ? n.containerType : void 0);
-			r && r.nodeType === 1 && (r._tokuiStreamActive = !0), r.nodeType === 1 && !r.classList.contains("tokui-hover-card__content-temp") && r.classList.add("tokui-fade-in");
+			r && r.nodeType === 1 && (r._tokuiStreamActive = !0), r.nodeType === 1 && !r.classList.contains("tokui-hover-card__content-temp") && this._streamFadeIn(r);
 			let i = this.slotStack.length > 0 ? this.slotStack[this.slotStack.length - 1].slot : t;
 			if (e.type === "ft" && this.slotStack.length > 0) {
 				let e = this.slotStack[this.slotStack.length - 1];
@@ -1547,7 +1590,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				let t = this.slotStack.pop();
 				if (this.bindEvents(t.el), t.el._streamCloseHook && t.el._streamCloseHook(), t.el._tokuiType === e.type || this._getNodeType(t.el) === e.type) break;
 			}
-			return null;
+			return this._flushPendingDels && this._flushPendingDels(), null;
 		}
 		_streamChild(e, t) {
 			var n = this.slotStack.length > 0 ? this.slotStack[this.slotStack.length - 1] : null, r = n ? n.containerType : void 0, i = n ? n.slot : t;
@@ -1558,7 +1601,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					var s = o.querySelector("input[type=radio]");
 					s && (s.name = a);
 				}
-				return o.nodeType === 1 && o.classList.add("tokui-fade-in"), i.appendChild(o), o;
+				return this._streamFadeIn(o), i.appendChild(o), o;
 			}
 			if (e.type === "opt" && n && n.el._slot && n.el._slot._checkboxName) {
 				var c = n.el._slot._checkboxName, l = this.render(e, "checkbox");
@@ -1566,7 +1609,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					var u = l.querySelector("input[type=checkbox]");
 					u && (u.name = c);
 				}
-				return l.nodeType === 1 && l.classList.add("tokui-fade-in"), i.appendChild(l), l;
+				return this._streamFadeIn(l), i.appendChild(l), l;
 			}
 			if (e.type === "opt" && n && n.el._slot && n.el._slot._segmentedName) {
 				var d = n.el._slot._segmentedName, f = this.render(e, "segmented");
@@ -1574,24 +1617,28 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					var p = f.querySelector("input[type=radio]");
 					p && (p.name = d);
 				}
-				return f.nodeType === 1 && f.classList.add("tokui-fade-in"), i.appendChild(f), f;
+				return this._streamFadeIn(f), i.appendChild(f), f;
 			}
 			if (e.type === "opt" && n && n.containerType === "picker") {
 				var m = n.slot, h = this.render(e, "picker");
-				h.nodeType === 1 && h.classList.add("tokui-fade-in");
+				this._streamFadeIn(h);
 				var g = m.querySelector(".tokui-picker-empty");
 				return g ? m.insertBefore(h, g) : m.appendChild(h), h;
 			}
 			if (e.type === "opt" && n && n.containerType === "transfer" && n.el._tokuiTransferAppend) {
 				var _ = n.el._tokuiTransferAppend(e);
-				return _ && _.nodeType === 1 && _.classList.add("tokui-fade-in"), null;
+				return this._streamFadeIn(_), null;
 			}
 			if (e.type === "conv" && n && n.el && typeof n.el._renderConvChild == "function") {
 				var v = n.el._renderConvChild(e);
-				return v && v.nodeType === 1 && v.classList.add("tokui-fade-in"), i.appendChild(v), v;
+				return this._streamFadeIn(v), i.appendChild(v), v;
+			}
+			if (e.type === "_text") {
+				var y = i.childNodes, b = y && y.length ? y[y.length - 1] : null, x;
+				return b && b.nodeType === 3 ? (b.textContent += e.content, x = b) : (x = document.createTextNode(e.content), i.appendChild(x)), n && n.el && n.el._streamAppendHook && n.el._streamAppendHook(e), x;
 			}
-			var y = this.render(e, r);
-			return y.nodeType === 1 && y.classList.add("tokui-fade-in"), i.appendChild(y), n && n.el && n.el._streamAppendHook && n.el._streamAppendHook(e), this.slotStack.length === 0 && this.bindEvents(y), y;
+			var S = this.render(e, r);
+			return this._streamFadeIn(S), i.appendChild(S), n && n.el && n.el._streamAppendHook && n.el._streamAppendHook(e), this.slotStack.length === 0 && this.bindEvents(S), S;
 		}
 		_collectFormData(e) {
 			let t = {};
@@ -1622,18 +1669,30 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			let t = e.className && e.className.match && e.className.match(/tokui-(\w+)/);
 			return t ? t[1] : "";
 		}
+		_registerCleanup(e, t) {
+			!e || typeof t != "function" || (e._tokuiCleanupFns || (e._tokuiCleanupFns = [], this._cleanupElements.push(e)), e._tokuiCleanupFns.push(t));
+		}
 		destroy() {
-			this._boundElements.forEach(function(e) {
+			this._cleanupElements.forEach(function(e) {
+				(e._tokuiCleanupFns || []).forEach(function(e) {
+					try {
+						e();
+					} catch {}
+				}), delete e._tokuiCleanupFns;
+			}), this._cleanupElements = [], this._boundElements.forEach(function(e) {
 				e.listeners.forEach(function(t) {
 					e.element.removeEventListener(t.type, t.fn);
 				}), delete e.element._tokuiBound, delete e.element._tokuiClickBound;
-			}), this._boundElements = [], this.slotStack = [];
+			}), this._boundElements = [], this.slotStack = [], (this._delTimers || []).forEach(function(e) {
+				clearTimeout(e);
+			}), this._delTimers = [], this._pendingDels = [];
 		}
 		resetSlotStack() {
 			for (; this.slotStack.length > 0;) {
 				let e = this.slotStack.pop();
 				this.bindEvents(e.el);
 			}
+			this._flushPendingDels && this._flushPendingDels();
 		}
 		bindEvents(e) {
 			if (!this.eventBus || e.nodeType !== 1 || e._tokuiBound) return;
@@ -5651,7 +5710,10 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		sort: "<path d=\"M11 5h10\"/><path d=\"M11 9h7\"/><path d=\"M11 13h4\"/><path d=\"m3 17 3 3 3-3\"/><path d=\"M6 18V4\"/>",
 		star: "<polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"/>",
 		link: "<path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"/><path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"/>",
-		menu: "<line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\"/><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"/><line x1=\"3\" y1=\"18\" x2=\"21\" y2=\"18\"/>"
+		menu: "<line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\"/><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"/><line x1=\"3\" y1=\"18\" x2=\"21\" y2=\"18\"/>",
+		sparkles: "<path d=\"M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .962 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.962 0z\"/><path d=\"M20 3v4\"/><path d=\"M22 5h-4\"/><path d=\"M4 17v2\"/><path d=\"M5 18H3\"/>",
+		lightbulb: "<path d=\"M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5\"/><path d=\"M9 18h6\"/><path d=\"M10 22h4\"/>",
+		"chevron-right": "<path d=\"m9 18 6-6-6-6\"/>"
 	};
 	function r(e, t) {
 		var r = n[e];
@@ -7927,7 +7989,16 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 	var n = typeof l == "function" ? u().t : window.TokUI && window.TokUI._internal && window.TokUI._internal.t || function(e) {
 		return e;
 	};
-	function r(e) {
+	function r(e, t) {
+		if (typeof l == "function") try {
+			return v().iconSvg(e, t);
+		} catch {
+			return "";
+		}
+		var n = typeof window < "u" && window.TokUI && window.TokUI._internal;
+		return n && n.iconSvg ? n.iconSvg(e, t) : "";
+	}
+	function i(e) {
 		if (!e) return null;
 		let t = {
 			primary: "var(--tokui-primary)",
@@ -7940,7 +8011,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		};
 		return t[e] ? t[e] : /^[0-9a-fA-F]{6}$/.test(e) ? "#" + e : null;
 	}
-	var i = {
+	var a = {
 		js: {
 			keywords: /\b(abstract|arguments|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|eval|export|extends|finally|for|from|function|if|implements|import|in|instanceof|interface|let|new|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|var|void|while|with|yield)\b/g,
 			types: /\b(Array|Boolean|Date|Error|Function|Infinity|JSON|Map|Math|NaN|Number|Object|Promise|RegExp|Set|String|Symbol|WeakMap|WeakSet|console|document|window|undefined|null|true|false|parseInt|parseFloat|isNaN|isFinite|require|module|exports|process|Buffer)\b/g
@@ -7994,8 +8065,8 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		shell: null,
 		zsh: null
 	};
-	Object.keys(i).forEach(function(e) {
-		if (i[e] === null) {
+	Object.keys(a).forEach(function(e) {
+		if (a[e] === null) {
 			var t = {
 				javascript: "js",
 				jsx: "js",
@@ -8006,24 +8077,24 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				shell: "bash",
 				zsh: "bash"
 			}[e];
-			t && i[t] && (i[e] = i[t]);
+			t && a[t] && (a[e] = a[t]);
 		}
 	});
-	function a(e, t) {
+	function o(e, t) {
 		if (!e) return "";
-		var n = String(e), r = i[t];
+		var n = String(e), r = a[t];
 		if (!r) return n.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
-		var a = [], o = "\0PH_", s = "\0", c = /\x00PH_(\d+)\x00/g;
+		var i = [], o = "\0PH_", s = "\0", c = /\x00PH_(\d+)\x00/g;
 		function l() {
-			return o + String(a.length).padStart(5, "0") + s;
+			return o + String(i.length).padStart(5, "0") + s;
 		}
 		function u(e, t) {
 			var n = l(), r = e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
-			return a.push("<span class=\"tok-" + t + "\">" + r + "</span>"), n;
+			return i.push("<span class=\"tok-" + t + "\">" + r + "</span>"), n;
 		}
 		function d(e, t) {
 			var n = l();
-			return a.push("<span class=\"tok-" + t + "\">" + e + "</span>"), n;
+			return i.push("<span class=\"tok-" + t + "\">" + e + "</span>"), n;
 		}
 		t === "json" && (n = n.replace(/(["'])(?:(?!\1|\\).|\\.)*\1(?=\s*:)/g, function(e) {
 			return u(e, "type");
@@ -8040,7 +8111,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		})), n = n.replace(/\/\*[\s\S]*?\*\//g, function(e) {
 			return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").split("\n").map(function(e) {
 				var t = l();
-				return a.push("<span class=\"tok-cmt\">" + e + "</span>"), t;
+				return i.push("<span class=\"tok-cmt\">" + e + "</span>"), t;
 			}).join("\n");
 		});
 		var f = n.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
@@ -8055,10 +8126,10 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		}), f = f.replace(/(&amp;&amp;|\|\||===|!==|=&gt;|\.\.\.|\+\+|--|[+\-*/%=!|^~?:]+)/g, function(e) {
 			return d(e, "op");
 		}), f = f.replace(c, function(e, t) {
-			return a[parseInt(t)];
+			return i[parseInt(t)];
 		}), f;
 	}
-	function o(e) {
+	function s(e) {
 		var t = e === "sql", n = e !== "css" && e !== "html", r = {
 			mode: "default",
 			returnTo: "default"
@@ -8134,9 +8205,9 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			feed: a
 		};
 	}
-	function s(e) {
+	function c(e) {
 		let { el: t } = typeof l == "function" ? h() : window.TokUI._internal;
-		function s(e, t) {
+		function c(e, t) {
 			return t && typeof e.offsetLeft == "number" ? {
 				kx: t.left - e.offsetLeft,
 				ky: t.top - e.offsetTop
@@ -8154,10 +8225,10 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			"h6"
 		].forEach((n) => {
 			e.register(n, (e) => {
-				let i = t(n, { class: `tokui-${n}` }, e.content || e.attrs && e.attrs.tx);
-				e.attrs && e.attrs.id && (i.id = e.attrs.id);
-				let a = r(e.attrs.bg), o = r(e.attrs.fc), s = e.attrs.v || "";
-				return a && (s.includes("underline") || s.includes("ribbon") || s.includes("badge") || s.includes("pill") ? i.style.setProperty("--tokui-title-bg", a) : i.style.background = a), o && (i.style.color = o), i;
+				let r = t(n, { class: `tokui-${n}` }, e.content || e.attrs && e.attrs.tx);
+				e.attrs && e.attrs.id && (r.id = e.attrs.id);
+				let a = i(e.attrs.bg), o = i(e.attrs.fc), s = e.attrs.v || "";
+				return a && (s.includes("underline") || s.includes("ribbon") || s.includes("badge") || s.includes("pill") ? r.style.setProperty("--tokui-title-bg", a) : r.style.background = a), o && (r.style.color = o), r;
 			});
 		}), e.register("p", (e, n) => {
 			var r = { class: "tokui-p" };
@@ -8209,14 +8280,14 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				}), a;
 			});
 		}), e.register("tag", (e) => {
-			let i = e.attrs || {}, a = i.tx || e.content || "", o = ["tokui-tag"], s = i.t || "";
+			let r = e.attrs || {}, a = r.tx || e.content || "", o = ["tokui-tag"], s = r.t || "";
 			s && s !== "default" && o.push("tokui-tag--" + s);
-			let c = i.s || "";
-			c && c !== "medium" && o.push("tokui-tag--" + c), i.round !== void 0 && o.push("tokui-tag--round"), i.bordered !== void 0 && o.push("tokui-tag--bordered"), i.dis !== void 0 && o.push("tokui-tag--disabled");
-			let l = t("span", { class: o.join(" ") }), u = r(i.bg), d = r(i.fc);
+			let c = r.s || "";
+			c && c !== "medium" && o.push("tokui-tag--" + c), r.round !== void 0 && o.push("tokui-tag--round"), r.bordered !== void 0 && o.push("tokui-tag--bordered"), r.dis !== void 0 && o.push("tokui-tag--disabled");
+			let l = t("span", { class: o.join(" ") }), u = i(r.bg), d = i(r.fc);
 			u && (l.style.background = u), d && (l.style.color = d);
 			let f = t("span", { class: "tokui-tag__content" });
-			if (f.textContent = a, l.appendChild(f), i.closable !== void 0) {
+			if (f.textContent = a, l.appendChild(f), r.closable !== void 0) {
 				o.push("tokui-tag--closable"), l.className = o.join(" ");
 				let e = t("span", {
 					class: "tokui-tag__close",
@@ -8341,18 +8412,18 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				}), n || (t.setAttribute("aria-checked", "true"), t.classList.add("tokui-toggle--pressed"));
 			}), c._slot = c, c._tokuiType = "toggle-group", c;
 		}), e.register("dv", (e) => {
-			let n = e.attrs || {}, i = n.tx || e.content || "", a = n.vert !== void 0, o = a ? "span" : "div", s = ["tokui-dv"];
+			let n = e.attrs || {}, r = n.tx || e.content || "", a = n.vert !== void 0, o = a ? "span" : "div", s = ["tokui-dv"];
 			if (n.v && s.push("tokui-dv--" + n.v), n.size && s.push("tokui-dv--" + n.size), a && s.push("tokui-dv--vert"), n.plain !== void 0 && s.push("tokui-dv--plain"), a) return t(o, { class: s.join(" ") });
-			if (i) {
+			if (r) {
 				s.push("tokui-dv--text");
 				let e = n.align || "center";
 				e !== "center" && s.push("tokui-dv--" + e);
-				let a = t(o, { class: s.join(" ") }), c = {}, l = r(n.bg);
+				let a = t(o, { class: s.join(" ") }), c = {}, l = i(n.bg);
 				l && (c.borderColor = l), n.th && (c.borderWidth = n.th), Object.keys(c).length && (c.borderColor && (a.style.borderColor = c.borderColor), c.borderWidth && (a.style.borderWidth = c.borderWidth));
 				let u = t("span", { class: "tokui-dv-text" });
-				return u.textContent = i, a.appendChild(u), a;
+				return u.textContent = r, a.appendChild(u), a;
 			}
-			let c = t(o, { class: s.join(" ") }), l = {}, u = r(n.bg);
+			let c = t(o, { class: s.join(" ") }), l = {}, u = i(n.bg);
 			return u && (l.borderColor = u), n.th && (l.borderWidth = n.th), Object.keys(l).length && (l.borderColor && (c.style.borderColor = l.borderColor), l.borderWidth && (c.style.borderWidth = l.borderWidth)), c;
 		}), e.register("progress", (e) => {
 			let n = e.attrs || {}, r = Math.min(100, Math.max(0, parseInt(n.v) || 0)), i = n.l || "", a = n.t || "line", o = n.s || "", s = n.status || "", c = n.stripe !== void 0, l = "";
@@ -8406,15 +8477,15 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				e.status !== void 0 && (d.classList.remove("tokui-progress--success", "tokui-progress--error"), e.status === "success" ? d.classList.add("tokui-progress--success") : e.status === "error" && d.classList.add("tokui-progress--error"));
 			}, d;
 		});
-		function y(t) {
+		function v(t) {
 			var n = null, r = e._mountRoot;
 			return r && typeof r.querySelector == "function" && (n = r.querySelector("[id=\"" + String(t).replace(/"/g, "\\\"") + "\"]")), n ||= document.getElementById(t), n;
 		}
-		function b(t) {
+		function x(t) {
 			for (var n = t, r = e._mountRoot || null; n && !n._tokuiType && n.parentElement && n.parentElement !== r;) n = n.parentElement;
 			return n || t;
 		}
-		function x(t, n, r) {
+		function S(t, n, r) {
 			if (e._onComponentEvent) try {
 				e._onComponentEvent({
 					type: t,
@@ -8431,26 +8502,53 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					return e.trim();
 				}).filter(Boolean), i = 0;
 				r.forEach(function(e) {
-					for (var n = y(e); n && typeof n._update != "function";) n = n.parentElement;
+					for (var n = v(e); n && typeof n._update != "function";) n = n.parentElement;
 					n && typeof n._update == "function" && (n._update(t), i++);
-				}), x("upd", String(n), {
+				}), S("upd", String(n), {
 					applied: i > 0,
 					targets: r.length,
 					hits: i
 				});
 			}
 			return document.createTextNode("");
-		}), e.register("del", (t) => {
-			var n = (t.attrs || {}).id;
-			if (n && typeof document < "u") {
-				var r = !1, i = y(n);
-				if (i) {
-					var a = b(i);
-					(e.slotStack || []).some(function(e) {
-						return e.el === a || typeof a.contains == "function" && a.contains(e.el);
-					}) ? console.warn("TokUI: del 目标 \"" + n + "\" 正在流式输出中（未闭合），已跳过；请在容器闭合后再发 del") : a.parentNode && (a.parentNode.removeChild(a), r = !0);
-				}
-				x("del", String(n), { removed: r });
+		});
+		function C(t) {
+			var n = !1, r = v(t);
+			if (!r) {
+				console.warn("TokUI: del 目标 \"" + t + "\" 不存在（组件未渲染或 id 拼写有误），已跳过"), S("del", t, { removed: !1 });
+				return;
+			}
+			var i = x(r);
+			if ((e.slotStack || []).some(function(e) {
+				return e.el === i || typeof i.contains == "function" && i.contains(e.el);
+			})) {
+				e._pendingDels = e._pendingDels || [], e._pendingDels.indexOf(t) === -1 && (e._pendingDels.push(t), console.warn("TokUI: del 目标 \"" + t + "\" 正在流式输出中（未闭合），已排队，容器闭合后自动执行")), S("del", t, {
+					removed: !1,
+					queued: !0
+				});
+				return;
+			}
+			i.parentNode && (i.parentNode.removeChild(i), n = !0), S("del", t, { removed: n });
+		}
+		e._flushPendingDels = function() {
+			var t = e._pendingDels;
+			!t || !t.length || (e._pendingDels = [], t.forEach(function(e) {
+				C(e);
+			}));
+		}, e.register("del", (t) => {
+			var n = t.attrs || {}, r = n.id;
+			if (r && typeof document < "u") {
+				var i = String(r), a = parseInt(n.delay, 10);
+				if (a > 0) {
+					var o = setTimeout(function() {
+						var t = e._delTimers || [], n = t.indexOf(o);
+						n !== -1 && t.splice(n, 1), C(i);
+					}, a);
+					e._delTimers = e._delTimers || [], e._delTimers.push(o), S("del", i, {
+						removed: !1,
+						delayed: a
+					});
+				} else C(i);
 			}
 			return document.createTextNode("");
 		}), e.register("ins", (n, r) => {
@@ -8489,9 +8587,9 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					o = !0;
 					var t = i.after || i.before || i.into, n = 0;
 					if (t) {
-						var r = y(t);
+						var r = v(t);
 						if (r) {
-							var l = b(r), u, d;
+							var l = x(r), u, d;
 							if (i.into) {
 								var f = l._tokuiType || "";
 								c[f] ? console.warn("TokUI: ins into 不支持结构性容器 \"" + f + "\"（子节点有专用挂载协议），已跳过") : (u = l._slot || l, d = null);
@@ -8504,7 +8602,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 							}
 						}
 					}
-					x("ins", String(t || ""), { moved: n });
+					S("ins", String(t || ""), { moved: n });
 				}
 			}
 			var u = t("span", {
@@ -8516,8 +8614,8 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				l(), u.parentNode && u.parentNode.removeChild(u);
 			}, n.children && n.children.length && l(), u;
 		});
-		function S(e, t) {
-			var n = m("mermaid");
+		function w(e, t) {
+			var n = _("mermaid");
 			if (!(!n || !e) && (typeof t == "string" ? /```mermaid\n/.test(t) || typeof e.querySelector == "function" && e.querySelector(".tokui-md__mermaid") : String(e.innerHTML || "").indexOf("tokui-md__mermaid") !== -1 || typeof e.querySelector == "function" && e.querySelector(".tokui-md__mermaid"))) {
 				var r = typeof e.querySelectorAll == "function" ? Array.prototype.slice.call(e.querySelectorAll(".tokui-md__mermaid")) : [], i = [];
 				if (r.forEach(function(e) {
@@ -8534,12 +8632,12 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				} catch {}
 			}
 		}
-		typeof window < "u" && window.TokUI && window.TokUI._internal && (window.TokUI._internal.runMdMermaid = S, window.TokUI._internal.simpleMarkdown = v, window.TokUI._internal.renderKatexHtml = _), e.register("md", (e) => {
+		typeof window < "u" && window.TokUI && window.TokUI._internal && (window.TokUI._internal.runMdMermaid = w, window.TokUI._internal.simpleMarkdown = b, window.TokUI._internal.renderKatexHtml = y), e.register("md", (e) => {
 			let n = t("div", { class: "tokui-md" }), r = "";
-			return r = e.children && e.children.length > 0 ? e.children.map((e) => e.content || "").join("") : e.content || "", r && (n._rawMd = r, n.innerHTML = v(r), p(n), S(n, r)), n._streamCloseHook = function() {
+			return r = e.children && e.children.length > 0 ? e.children.map((e) => e.content || "").join("") : e.content || "", r && (n._rawMd = r, n.innerHTML = b(r), m(n), w(n, r)), n._streamCloseHook = function() {
 				let e = "";
 				for (let t of Array.from(n.childNodes)) t.nodeType === 3 && (e += t.textContent);
-				e && (n._rawMd = e, n.innerHTML = v(e), p(n), S(n, e));
+				e && (n._rawMd = e, n.innerHTML = b(e), m(n), w(n, e));
 			}, n._tokuiType = "md", n;
 		}), e.register("katex", (e) => {
 			var n = e.attrs && e.attrs.f, r = !n, i = t("div", { class: "tokui-katex" + (r ? " tokui-katex--block" : " tokui-katex--inline") }), a = function() {
@@ -8547,10 +8645,10 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					return e.content || "";
 				}).join("") : e.content || "");
 			}();
-			return a && (i._rawMd = a, i.innerHTML = _(a, r)), i._streamCloseHook = function() {
+			return a && (i._rawMd = a, i.innerHTML = y(a, r)), i._streamCloseHook = function() {
 				var e = "";
 				for (let t of Array.from(i.childNodes)) t.nodeType === 3 && (e += t.textContent);
-				e && (i._rawMd = e, i.innerHTML = _(e, !0));
+				e && (i._rawMd = e, i.innerHTML = y(e, !0));
 			}, i._slot = i, i._tokuiType = "katex", i;
 		}), e.register("mermaid", (e) => {
 			var n = t("div", { class: "tokui-mermaid" }), r = function() {
@@ -8560,7 +8658,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}, i = function(e) {
 				n.innerHTML = "";
 				var r = t("div", { class: "tokui-md__mermaid" }), i = t("pre", { class: "tokui-code" }), a = t("code", { class: "language-mermaid" }, e);
-				i.appendChild(a), r.appendChild(i), n.appendChild(r), n._rawMd = e, S(n);
+				i.appendChild(a), r.appendChild(i), n.appendChild(r), n._rawMd = e, w(n);
 			}, a = r();
 			return a && i(a), n._streamCloseHook = function() {
 				var e = "";
@@ -8568,65 +8666,65 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				e && i(e);
 			}, n._slot = n, n._tokuiType = "mermaid", n;
 		});
-		function C(e) {
+		function T(e) {
 			return String(e).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
 		}
-		function w(e) {
+		function E(e) {
 			return e.split("\n").map(function(e) {
 				return "<span class=\"code-line\">" + (e || " ") + "</span>";
 			}).join("");
 		}
-		e.register("code", (e) => {
-			let r = t("pre", { class: "tokui-code" }), s = e.attrs.lang || "text", c = t("code", { class: `language-${s}` });
-			var l = "";
-			l = e.children && e.children.length > 0 ? e.children.map((e) => e.content || "").join("") : e.content || "";
-			var u = s !== "text" && i[s];
-			function d() {
-				c.innerHTML = w(u ? a(l, s) : C(l)), c._codeLineEls = null;
+		e.register("code", (r) => {
+			let i = t("pre", { class: "tokui-code" }), c = r.attrs.lang || "text", l = t("code", { class: `language-${c}` });
+			var u = "";
+			u = r.children && r.children.length > 0 ? r.children.map((e) => e.content || "").join("") : r.content || "";
+			var d = c !== "text" && a[c];
+			function f() {
+				l.innerHTML = E(d ? o(u, c) : T(u)), l._codeLineEls = null;
 			}
-			d(), r.appendChild(c), r._slot = c, r._tokuiType = "code";
-			var f = o(s), p = 0, m = 0, h = !1;
-			function g() {
-				if (h) {
-					d();
+			f(), i.appendChild(l), i._slot = l, i._tokuiType = "code";
+			var p = s(c), m = 0, h = 0, g = !1;
+			function _() {
+				if (g) {
+					f();
 					return;
 				}
-				for (var e = l.split("\n"), n = e.length - 1, r = m; p < n;) f.feed(e[p]), p++, f.st.mode === "default" && (m = p);
-				var i = e.slice(r).join("\n"), o = (u ? a(i, s) : C(i)).split("\n");
-				if (o.length !== e.length - r) {
-					h = !0, d();
+				for (var e = u.split("\n"), n = e.length - 1, r = h; m < n;) p.feed(e[m]), m++, p.st.mode === "default" && (h = m);
+				var i = e.slice(r).join("\n"), a = (d ? o(i, c) : T(i)).split("\n");
+				if (a.length !== e.length - r) {
+					g = !0, f();
 					return;
 				}
-				for (var g = 0; g < o.length; g++) if (o[g].split("<span").length - 1 != o[g].split("</span>").length - 1) {
-					h = !0, d();
+				for (var s = 0; s < a.length; s++) if (a[s].split("<span").length - 1 != a[s].split("</span>").length - 1) {
+					g = !0, f();
 					return;
 				}
-				c._codeLineEls ||= (c.innerHTML = "", []);
-				for (var _ = c.childNodes; _.length > 0;) {
+				l._codeLineEls ||= (l.innerHTML = "", []);
+				for (var _ = l.childNodes; _.length > 0;) {
 					var v = _[_.length - 1];
 					if (!v || v.nodeType !== 3) break;
-					c.removeChild(v);
+					l.removeChild(v);
 				}
-				for (var y = c._codeLineEls; y.length < e.length;) {
+				for (var y = l._codeLineEls; y.length < e.length;) {
 					var b = t("span", { class: "code-line" });
-					y.push(b), c.appendChild(b);
+					y.push(b), l.appendChild(b);
 				}
 				for (var x = r; x < e.length; x++) {
-					var S = o[x - r];
+					var S = a[x - r];
 					y[x].innerHTML = S === "" ? " " : S;
 				}
 			}
-			var _ = t("button", {
+			var v = e.createReporter("code", r.attrs || {}, i), y = t("button", {
 				class: "tokui-code__copy",
 				type: "button"
 			});
-			return _.textContent = n("common.copy"), _.addEventListener("click", function() {
-				l && navigator.clipboard && navigator.clipboard.writeText(l), _.textContent = n("common.copied"), _.classList.add("tokui-code__copy--done"), setTimeout(function() {
-					_.textContent = n("common.copy"), _.classList.remove("tokui-code__copy--done");
+			return y.textContent = n("common.copy"), y.addEventListener("click", function() {
+				u && navigator.clipboard && navigator.clipboard.writeText(u), y.textContent = n("common.copied"), y.classList.add("tokui-code__copy--done"), v("copy", {}), setTimeout(function() {
+					y.textContent = n("common.copy"), y.classList.remove("tokui-code__copy--done");
 				}, 2e3);
-			}), r.appendChild(_), r._streamAppendHook = function(e) {
-				e && e.type === "_text" && e.content && (l += e.content, g());
-			}, r._streamCloseHook = d, r;
+			}), i.appendChild(y), i._streamAppendHook = function(e) {
+				e && e.type === "_text" && e.content && (u += e.content, _());
+			}, i._streamCloseHook = f, i;
 		}), e.register("callout", (e, n) => {
 			var r = e.attrs || {}, i = r.t || "info", a = r.tt || "", o = {
 				info: "ℹ",
@@ -8650,44 +8748,76 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			var d = t("div", { class: "tokui-callout__content" }), f = e.children && e.children.length, p = r.tx || e.content || "";
 			return f ? n(e.children).forEach(function(e) {
 				e && e.nodeType && d.appendChild(e);
-			}) : p && (d.textContent = p), l.appendChild(d), s.appendChild(l), s._slot = d, s;
-		}), e.register("think", (e, r) => {
-			var i = e.attrs || {}, a = i.tt || n("think.title"), o = t("details", { class: "tokui-think" });
-			i.open !== void 0 && o.setAttribute("open", "");
-			var s = t("summary", { class: "tokui-think__summary" }), c = t("span", { class: "tokui-think__icon" });
-			c.textContent = "💭", s.appendChild(c);
-			var l = t("span", { class: "tokui-think__title" });
-			l.textContent = a, s.appendChild(l), o.appendChild(s);
-			var u = t("div", { class: "tokui-think__body" });
-			return e.content && (u.textContent = e.content), r(e.children || []).forEach(function(e) {
-				e && e.nodeType && u.appendChild(e);
-			}), o.appendChild(u), o._slot = u, o._tokuiType = "think", o;
-		}), e.register("think-chain", (e, r) => {
-			var i = e.attrs || {}, a = i.tt || n("thinkChain.title"), o = i.status || "", s = ["tokui-think-chain"];
-			o && s.push("tokui-think-chain--" + o);
-			var c = t("details", { class: s.join(" ") });
-			i.open !== void 0 && c.setAttribute("open", "");
-			var l = t("summary", { class: "tokui-think-chain__summary" }), u = t("span", { class: "tokui-think-chain__icon" });
-			u.textContent = "🧠", l.appendChild(u);
-			var d = t("span", { class: "tokui-think-chain__title" });
-			d.textContent = a, l.appendChild(d), c.appendChild(l);
-			var f = t("div", { class: "tokui-think-chain__steps" });
-			return r(e.children || []).forEach(function(e) {
-				e && e.nodeType && f.appendChild(e);
-			}), c.appendChild(f), c._slot = f, c._tokuiType = "think-chain", c;
+			}) : p && (d.textContent = p), l.appendChild(d), s.appendChild(l), d._tokuiType = "callout", s._slot = d, s._tokuiType = "callout", s;
+		}), e.register("think", (e, i) => {
+			var a = e.attrs || {}, o = a.tt || n("think.title"), s = { class: "tokui-think" };
+			a.id && (s.id = a.id);
+			var c = t("details", s);
+			a.open !== void 0 && c.setAttribute("open", "");
+			var l = t("summary", { class: "tokui-think__summary" }), u = t("span", {
+				class: "tokui-think__icon",
+				"aria-hidden": "true"
+			});
+			u.innerHTML = r("lightbulb", 15), l.appendChild(u);
+			var d = t("span", { class: "tokui-think__title" });
+			d.textContent = o, l.appendChild(d);
+			var f = t("span", {
+				class: "tokui-think__chevron",
+				"aria-hidden": "true"
+			});
+			f.innerHTML = r("chevron-right", 16), l.appendChild(f), c.appendChild(l);
+			var p = t("div", { class: "tokui-think__body" });
+			return e.content && (p.textContent = e.content), i(e.children || []).forEach(function(e) {
+				e && e.nodeType && p.appendChild(e);
+			}), c.appendChild(p), c._slot = p, c._tokuiType = "think", c;
+		}), e.register("think-chain", (e, i) => {
+			var a = e.attrs || {}, o = a.tt || n("thinkChain.title"), s = a.status || "", c = ["tokui-think-chain"];
+			s && c.push("tokui-think-chain--" + s);
+			var l = { class: c.join(" ") };
+			a.id && (l.id = a.id);
+			var u = t("details", l);
+			a.open !== void 0 && u.setAttribute("open", "");
+			var d = t("summary", { class: "tokui-think-chain__summary" }), f = t("span", {
+				class: "tokui-think-chain__icon",
+				"aria-hidden": "true"
+			});
+			f.innerHTML = r("sparkles", 15), d.appendChild(f);
+			var p = t("span", { class: "tokui-think-chain__title" });
+			p.textContent = o, d.appendChild(p);
+			var m = t("span", {
+				class: "tokui-think-chain__chevron",
+				"aria-hidden": "true"
+			});
+			m.innerHTML = r("chevron-right", 16), d.appendChild(m), u.appendChild(d);
+			var h = t("div", { class: "tokui-think-chain__steps" });
+			return i(e.children || []).forEach(function(e) {
+				e && e.nodeType && h.appendChild(e);
+			}), u.appendChild(h), u._slot = h, u._tokuiType = "think-chain", u;
 		}), e.register("think-step", (e, n) => {
 			var r = e.attrs || {}, i = r.status || "pending", a = r.tt || "", o = r.dur || "", s = t("div", { class: ["tokui-think-step", "tokui-think-step--" + i].join(" ") }), c = t("div", { class: "tokui-think-step__header" });
 			if (i === "done") {
-				var l = t("span", { class: "tokui-think-step__icon" });
-				l.textContent = "✓", c.appendChild(l);
+				var l = t("span", {
+					class: "tokui-think-step__icon",
+					"aria-hidden": "true"
+				});
+				l.innerHTML = "<svg viewBox=\"0 0 24 24\" width=\"13\" height=\"13\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6L9 17l-5-5\"/></svg>", c.appendChild(l);
 			} else if (i === "running") {
-				var u = t("span", { class: "tokui-think-step__spinner" });
+				var u = t("span", {
+					class: "tokui-think-step__spinner",
+					"aria-hidden": "true"
+				});
 				c.appendChild(u);
-			} else if (i === "error") {
-				var d = t("span", { class: "tokui-think-step__icon tokui-think-step__icon--error" });
-				d.textContent = "✗", c.appendChild(d);
+			} else if (i === "error" || i === "danger") {
+				var d = t("span", {
+					class: "tokui-think-step__icon tokui-think-step__icon--" + i,
+					"aria-hidden": "true"
+				});
+				d.innerHTML = "<svg viewBox=\"0 0 24 24\" width=\"13\" height=\"13\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 6L6 18\"/><path d=\"M6 6l12 12\"/></svg>", c.appendChild(d);
 			} else {
-				var f = t("span", { class: "tokui-think-step__dot" });
+				var f = t("span", {
+					class: "tokui-think-step__dot",
+					"aria-hidden": "true"
+				});
 				c.appendChild(f);
 			}
 			if (a) {
@@ -8705,21 +8835,23 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}), s.appendChild(h);
 			var g = t("div", { class: "tokui-think-step__line" });
 			return s.appendChild(g), s._slot = h, s._tokuiType = "think-step", s;
-		}), e.register("copy", (e) => {
-			var r = e.attrs || {}, i = r.tx || n("common.copy"), a = r.tt || n("common.copied"), o = t("button", {
+		}), e.register("copy", (r) => {
+			var i = r.attrs || {}, a = i.tx || n("common.copy"), o = i.tt || n("common.copied"), s = t("button", {
 				class: "tokui-copy",
 				type: "button"
 			});
-			return o.textContent = i, o.addEventListener("click", function() {
+			s.textContent = a;
+			var c = e.createReporter("copy", {}, s);
+			return s.addEventListener("click", function() {
 				var e = "";
-				if (r.id && typeof document < "u") {
-					var t = document.getElementById(r.id);
+				if (i.id && typeof document < "u") {
+					var t = document.getElementById(i.id);
 					t && (e = t.textContent || "");
 				}
-				navigator.clipboard && e && navigator.clipboard.writeText(e), o.textContent = a, o.classList.add("tokui-copy--done"), setTimeout(function() {
-					o.textContent = i, o.classList.remove("tokui-copy--done");
+				navigator.clipboard && e && navigator.clipboard.writeText(e), s.textContent = o, s.classList.add("tokui-copy--done"), c("copy", {}), setTimeout(function() {
+					s.textContent = a, s.classList.remove("tokui-copy--done");
 				}, 2e3);
-			}), o;
+			}), s;
 		}), e.register("spin", (e) => {
 			var n = e.attrs || {}, r = n.t || "spinner", i = n.s || "", a = n.tx || "", o = ["tokui-spin", "tokui-spin--" + r];
 			i === "sm" || i === "small" ? o.push("tokui-spin--sm") : (i === "lg" || i === "large") && o.push("tokui-spin--lg");
@@ -8733,24 +8865,23 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				l.textContent = a, s.appendChild(l);
 			}
 			return s;
-		}), e.register("thumb", (e) => {
-			var r = e.attrs || {}, i = r.t || "up", a = r.v === "active", o = r.s || "", s = "";
-			o === "sm" || o === "small" ? s = " tokui-thumb--sm" : (o === "lg" || o === "large") && (s = " tokui-thumb--lg");
-			var c = t("button", {
-				class: "tokui-thumb tokui-thumb--" + i + (a ? " tokui-thumb--active" : "") + s,
+		}), e.register("thumb", (r) => {
+			var i = r.attrs || {}, a = i.t || "up", o = i.v === "active", s = i.s || "", c = "";
+			s === "sm" || s === "small" ? c = " tokui-thumb--sm" : (s === "lg" || s === "large") && (c = " tokui-thumb--lg");
+			var l = t("button", {
+				class: "tokui-thumb tokui-thumb--" + a + (o ? " tokui-thumb--active" : "") + c,
 				type: "button",
-				"aria-label": n(i === "up" ? "like.up" : "like.down"),
-				"aria-pressed": String(a)
-			}), l = o === "lg" || o === "large" ? 22 : o === "sm" || o === "small" ? 14 : 18, u = i === "up" ? "<svg viewBox=\"0 0 24 24\" width=\"" + l + "\" height=\"" + l + "\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3\"/></svg>" : "<svg viewBox=\"0 0 24 24\" width=\"" + l + "\" height=\"" + l + "\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M10 15v4a3 3 0 0 0 3 3l4-9V2H5.72a2 2 0 0 0-2 1.7l-1.38 9a2 2 0 0 0 2 2.3zm7-13h2.67A2.31 2.31 0 0 1 22 4v7a2.31 2.31 0 0 1-2.33 2H17\"/></svg>", d = t("span", { class: "tokui-thumb__icon" });
-			return d.innerHTML = u, c.appendChild(d), c.addEventListener("click", function() {
-				if (c.classList.toggle("tokui-thumb--active"), c.setAttribute("aria-pressed", String(c.classList.contains("tokui-thumb--active"))), r.clk) {
-					var e = typeof window < "u" && window.TokUI && window.TokUI._internal ? window.TokUI._internal.eventBus : null;
-					e && typeof e.emit == "function" && e.emit(r.clk, {
-						direction: i,
-						active: c.classList.contains("tokui-thumb--active")
-					});
-				}
-			}), c;
+				"aria-label": n(a === "up" ? "like.up" : "like.down"),
+				"aria-pressed": String(o)
+			}), u = s === "lg" || s === "large" ? 22 : s === "sm" || s === "small" ? 14 : 18, d = a === "up" ? "<svg viewBox=\"0 0 24 24\" width=\"" + u + "\" height=\"" + u + "\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3\"/></svg>" : "<svg viewBox=\"0 0 24 24\" width=\"" + u + "\" height=\"" + u + "\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M10 15v4a3 3 0 0 0 3 3l4-9V2H5.72a2 2 0 0 0-2 1.7l-1.38 9a2 2 0 0 0 2 2.3zm7-13h2.67A2.31 2.31 0 0 1 22 4v7a2.31 2.31 0 0 1-2.33 2H17\"/></svg>", f = t("span", { class: "tokui-thumb__icon" });
+			f.innerHTML = d, l.appendChild(f);
+			var p = e.createReporter("thumb", i, l);
+			return l.addEventListener("click", function() {
+				l.classList.toggle("tokui-thumb--active"), l.setAttribute("aria-pressed", String(l.classList.contains("tokui-thumb--active"))), i.clk && e.eventBus && typeof e.eventBus.emit == "function" && e.eventBus.emit(i.clk, {
+					direction: a,
+					active: l.classList.contains("tokui-thumb--active")
+				}), p("like", { value: a });
+			}), l;
 		}), e.register("file", (e) => {
 			var r = e.attrs || {}, i = r.n || n("file.unnamed"), a = r.s || "", o = r.t || "default", s = r.u || "", c = r.tt || "", l = {
 				pdf: {
@@ -8824,22 +8955,24 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}
 			return d;
 		}), e.register("bubble", (e, r) => {
-			var i = e.attrs || {}, a = i.role || "ai", o = i.model || "", s = i.time || "", c = t("div", { class: "tokui-bubble tokui-bubble--" + a }), l = t("div", { class: "tokui-bubble__row" }), u = t("span", { class: "tokui-bubble__avatar" });
-			u.textContent = n(a === "user" ? "bubble.you" : "bubble.ai"), l.appendChild(u);
-			var d = t("div", { class: "tokui-bubble__content" }), f = t("div", { class: "tokui-bubble__header" }), p = t("span", {});
-			if (p.textContent = n(a === "user" ? "bubble.you" : a === "system" ? "bubble.system" : "bubble.assistant"), f.appendChild(p), o) {
-				var m = t("span", { class: "tokui-badge tokui-badge--info tokui-badge--pill" });
-				m.textContent = o, f.appendChild(m);
+			var i = e.attrs || {}, a = i.role || "ai", o = i.model || "", s = i.time || "", c = { class: "tokui-bubble tokui-bubble--" + a };
+			i.id && (c.id = i.id);
+			var l = t("div", c), u = t("div", { class: "tokui-bubble__row" }), d = t("span", { class: "tokui-bubble__avatar" });
+			d.textContent = n(a === "user" ? "bubble.you" : "bubble.ai"), u.appendChild(d);
+			var f = t("div", { class: "tokui-bubble__content" }), p = t("div", { class: "tokui-bubble__header" }), m = t("span", {});
+			if (m.textContent = n(a === "user" ? "bubble.you" : a === "system" ? "bubble.system" : "bubble.assistant"), p.appendChild(m), o) {
+				var h = t("span", { class: "tokui-badge tokui-badge--info tokui-badge--pill" });
+				h.textContent = o, p.appendChild(h);
 			}
-			d.appendChild(f);
-			var h = t("div", { class: "tokui-bubble__body" });
+			f.appendChild(p);
+			var g = t("div", { class: "tokui-bubble__body" });
 			if (r(e.children || []).forEach(function(e) {
-				e && e.nodeType && h.appendChild(e);
-			}), d.appendChild(h), s) {
-				var g = t("div", { class: "tokui-bubble__time" });
-				g.textContent = s, d.appendChild(g);
+				e && e.nodeType && g.appendChild(e);
+			}), f.appendChild(g), s) {
+				var _ = t("div", { class: "tokui-bubble__time" });
+				_.textContent = s, f.appendChild(_);
 			}
-			return l.appendChild(d), c.appendChild(l), h._slot = h, h._tokuiType = "bubble", c._slot = h, c._tokuiType = "bubble", c;
+			return u.appendChild(f), l.appendChild(u), g._slot = g, g._tokuiType = "bubble", l._slot = g, l._tokuiType = "bubble", l;
 		}), e.register("toolbar", (e, n) => {
 			var r = e.attrs || {}, i = r.pos || "bottom", a = r.align || "right", o = t("div", { class: "tokui-toolbar tokui-toolbar--" + i + " tokui-toolbar--" + a });
 			return n(e.children || []).forEach(function(e) {
@@ -8915,11 +9048,11 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}
 			return s;
 		});
-		var T = null;
+		var D = null;
 		e.register("toast", (e) => {
 			var n = e.attrs || {}, r = n.id || "", i = n.t || "info", a = n.tx || "", o = parseInt(n.duration, 10) || 2e3, s = n.pos || "top";
-			(!T || !T.parentNode) && (T = document.querySelector(".tokui-toast-container"), T || (T = t("div", { class: "tokui-toast-container" }), document.body.appendChild(T)));
-			var c = T, l = t("div", {
+			(!D || !D.parentNode) && (D = document.querySelector(".tokui-toast-container"), D || (D = t("div", { class: "tokui-toast-container" }), document.body.appendChild(D)));
+			var c = D, l = t("div", {
 				class: "tokui-toast tokui-toast--" + i + (s === "bottom" ? " tokui-toast--bottom" : ""),
 				role: "alert",
 				"aria-live": "polite"
@@ -8959,11 +9092,11 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}
 			return s;
 		}), e.register("avatar", (e) => {
-			var n = e.attrs || {}, i = n.s || "", a = n.tx || "", o = n.size || "md", s = ["tokui-avatar"];
-			if (i) {
+			var n = e.attrs || {}, r = n.s || "", a = n.tx || "", o = n.size || "md", s = ["tokui-avatar"];
+			if (r) {
 				var c = t("img", {
 					class: s.join(" "),
-					src: i,
+					src: r,
 					alt: a
 				});
 				return c.classList.add("tokui-avatar--" + o), c;
@@ -8973,7 +9106,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			l.textContent = a.slice(0, 2);
 			var u = n.bg;
 			if (u) {
-				var d = r(u);
+				var d = i(u);
 				d && (l.style.backgroundColor = d);
 			} else if (a) {
 				for (var f = [
@@ -8990,7 +9123,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}
 			var h = n.fc;
 			if (h) {
-				var g = r(h);
+				var g = i(h);
 				g && (l.style.color = g);
 			}
 			return l;
@@ -9000,16 +9133,16 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				tabindex: "0"
 			});
 			o.textContent = a;
-			function c() {
+			function s() {
 				if (r && !o._tooltipEl) {
 					var e = document.createElement("div");
 					e.className = "tokui-tooltip__popup tokui-tooltip__popup--" + i, e.setAttribute("role", "tooltip");
 					var t = "tokui-tip-" + Math.random().toString(36).slice(2, 8);
 					e.id = t, o.setAttribute("aria-describedby", t), e.textContent = r, document.body.appendChild(e);
-					var n = o.getBoundingClientRect(), a = e.getBoundingClientRect(), c = 8, l, u;
-					i === "top" ? (l = n.left + n.width / 2 - a.width / 2, u = n.top - a.height - c) : i === "bottom" ? (l = n.left + n.width / 2 - a.width / 2, u = n.bottom + c) : i === "left" ? (l = n.left - a.width - c, u = n.top + n.height / 2 - a.height / 2) : i === "right" && (l = n.right + c, u = n.top + n.height / 2 - a.height / 2);
-					var d = s(e, a);
-					l + d.kx < 4 && (l = 4), l + d.kx + a.width > window.innerWidth - 4 && (l = window.innerWidth - a.width - 4), u + d.ky < 4 && (u = n.bottom + c), e.style.left = l + "px", e.style.top = u + "px", e.classList.add("tokui-tooltip__popup--visible"), o._tooltipEl = e;
+					var n = o.getBoundingClientRect(), a = e.getBoundingClientRect(), s = 8, l, u;
+					i === "top" ? (l = n.left + n.width / 2 - a.width / 2, u = n.top - a.height - s) : i === "bottom" ? (l = n.left + n.width / 2 - a.width / 2, u = n.bottom + s) : i === "left" ? (l = n.left - a.width - s, u = n.top + n.height / 2 - a.height / 2) : i === "right" && (l = n.right + s, u = n.top + n.height / 2 - a.height / 2);
+					var d = c(e, a);
+					l + d.kx < 4 && (l = 4), l + d.kx + a.width > window.innerWidth - 4 && (l = window.innerWidth - a.width - 4), u + d.ky < 4 && (u = n.bottom + s), e.style.left = l + "px", e.style.top = u + "px", e.classList.add("tokui-tooltip__popup--visible"), o._tooltipEl = e;
 				}
 			}
 			function l() {
@@ -9021,14 +9154,14 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					}, 150), o._tooltipEl = null, o.removeAttribute("aria-describedby");
 				}
 			}
-			return o.addEventListener("mouseenter", c), o.addEventListener("focus", c), o.addEventListener("mouseleave", l), o.addEventListener("blur", l), o.addEventListener("keydown", function(e) {
+			return o.addEventListener("mouseenter", s), o.addEventListener("focus", s), o.addEventListener("mouseleave", l), o.addEventListener("blur", l), o.addEventListener("keydown", function(e) {
 				e.key === "Escape" && l();
 			}), o;
 		}), e.register("pagination", (r) => {
-			var i = r.attrs || {}, a = parseInt(i.total, 10) || 1, o = i.clk || "", s = i.s || "", c = i["show-total"] !== void 0, l = i.count || "", u = parseInt(i.page, 10) || 1, f = ["tokui-pagination"];
-			s === "sm" ? f.push("tokui-pagination--sm") : s === "lg" && f.push("tokui-pagination--lg");
+			var i = r.attrs || {}, a = parseInt(i.total, 10) || 1, o = i.clk || "", s = i.s || "", c = i["show-total"] !== void 0, l = i.count || "", u = parseInt(i.page, 10) || 1, d = ["tokui-pagination"];
+			s === "sm" ? d.push("tokui-pagination--sm") : s === "lg" && d.push("tokui-pagination--lg");
 			var p = t("nav", {
-				class: f.join(" "),
+				class: d.join(" "),
 				role: "navigation",
 				"aria-label": n("pagination.aria")
 			});
@@ -9052,7 +9185,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					"aria-label": n("pagination.prev"),
 					disabled: e <= 1
 				});
-				o.textContent = "‹", h.appendChild(o), d(e, a).forEach(function(n) {
+				o.textContent = "‹", h.appendChild(o), f(e, a).forEach(function(n) {
 					if (n === "...") {
 						var r = t("span", { class: "tokui-pagination__ellipsis" });
 						r.textContent = "...", h.appendChild(r);
@@ -9137,7 +9270,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}), s.appendChild(u), l.addEventListener("click", function(e) {
 				e.stopPropagation();
 				var t = u.classList.contains("tokui-dropdown__panel--open");
-				if (f(), !t) {
+				if (p(), !t) {
 					var n = l.getBoundingClientRect();
 					u.style.top = n.bottom + 4 + "px", u.style.left = n.left + "px", u.classList.add("tokui-dropdown__panel--open"), l.setAttribute("aria-expanded", "true");
 				}
@@ -9146,7 +9279,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				t && !t.classList.contains("tokui-dropdown__item--disabled") && (u.classList.remove("tokui-dropdown__panel--open"), l.setAttribute("aria-expanded", "false"));
 			}), s._slot = u, s._tokuiType = "dropdown", l.addEventListener("keydown", function(e) {
 				if (e.key === "ArrowDown" || e.key === "Enter") {
-					e.preventDefault(), u.classList.contains("tokui-dropdown__panel--open") || (f(), u.classList.add("tokui-dropdown__panel--open"), l.setAttribute("aria-expanded", "true"));
+					e.preventDefault(), u.classList.contains("tokui-dropdown__panel--open") || (p(), u.classList.add("tokui-dropdown__panel--open"), l.setAttribute("aria-expanded", "true"));
 					var t = u.querySelectorAll(".tokui-dropdown__item:not(.tokui-dropdown__item--disabled)");
 					t.length > 0 && t[0].focus();
 				}
@@ -9233,7 +9366,11 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					requestAnimationFrame(e);
 				} else m.textContent = i;
 			} else m.textContent = i;
-			return u.appendChild(f), u._update = function(e) {
+			if (u.appendChild(f), n.l) {
+				var x = t("div", { class: "tokui-stat__label" });
+				x.textContent = n.l, u.appendChild(x);
+			}
+			return u._update = function(e) {
 				if (e.v !== void 0) {
 					var t = u.querySelector(".tokui-stat__number");
 					t && (t.textContent = e.v);
@@ -9255,7 +9392,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			var o = t("div", a);
 			return o.textContent = r, o;
 		}), e.register("popover", (e, r) => {
-			var i = e.attrs || {}, a = i.tx || n("trigger.default"), o = i.pos || "top", c = i.tt || "", l = i.w || "", u = i.trig || "click", d = t("span", { class: "tokui-popover" }), f = t("span", {
+			var i = e.attrs || {}, a = i.tx || n("trigger.default"), o = i.pos || "top", s = i.tt || "", l = i.w || "", u = i.trig || "click", d = t("span", { class: "tokui-popover" }), f = t("span", {
 				class: "tokui-popover__trigger",
 				tabindex: "0",
 				role: "button",
@@ -9269,9 +9406,9 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			});
 			l && (p.style.width = l);
 			var m = t("div", { class: "tokui-popover__arrow" });
-			if (p.appendChild(m), c) {
+			if (p.appendChild(m), s) {
 				var h = t("div", { class: "tokui-popover__title" });
-				h.textContent = c, p.appendChild(h);
+				h.textContent = s, p.appendChild(h);
 			}
 			var g = t("div", { class: "tokui-popover__body" });
 			r(e.children || []).forEach(function(e) {
@@ -9280,7 +9417,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			function _() {
 				var e = f.getBoundingClientRect(), t = p.getBoundingClientRect(), n = 10, r, i;
 				o === "top" ? (r = e.left + e.width / 2 - t.width / 2, i = e.top - t.height - n) : o === "bottom" ? (r = e.left + e.width / 2 - t.width / 2, i = e.bottom + n) : o === "left" ? (r = e.left - t.width - n, i = e.top + e.height / 2 - t.height / 2) : o === "right" && (r = e.right + n, i = e.top + e.height / 2 - t.height / 2);
-				var a = s(p, t);
+				var a = c(p, t);
 				r + a.kx < 4 && (r = 4), r + a.kx + t.width > window.innerWidth - 4 && (r = window.innerWidth - t.width - 4), i + a.ky < 4 && (i = e.bottom + n), p.style.left = r + "px", p.style.top = i + "px";
 			}
 			function v() {
@@ -9306,7 +9443,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				e.key === "Escape" && (y(), typeof f.focus == "function" && f.focus());
 			})), typeof window < "u" && window.addEventListener("scroll", y, !0), d._slot = g, d._tokuiType = "popover", d;
 		}), e.register("hover-card", (e, n) => {
-			var r = e.attrs || {}, i = r.pos || "bottom", a = r.w || "", o = parseInt(r.delay) || 300, c = t("span", {
+			var r = e.attrs || {}, i = r.pos || "bottom", a = r.w || "", o = parseInt(r.delay) || 300, s = t("span", {
 				class: "tokui-hover-card tokui-hover-card--" + i,
 				"data-delay": String(o)
 			}), l = null, u = null;
@@ -9331,65 +9468,65 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				}), n([e]).forEach(function(e) {
 					if (e && e.nodeType) if (e._tokuiType === "hover-trigger") for (; e.firstChild;) l.appendChild(e.firstChild);
 					else l.appendChild(e);
-				}), c.appendChild(l);
+				}), s.appendChild(l);
 				else if (e.type === "hover-content") {
 					var r = d();
 					u = r.panel, n([e]).forEach(function(e) {
 						if (e && e.nodeType) if (e._tokuiType === "hover-content") for (; e.firstChild;) r.body.appendChild(e.firstChild);
 						else r.body.appendChild(e);
-					}), c.appendChild(u);
+					}), s.appendChild(u);
 				} else n([e]).forEach(function(e) {
-					e && e.nodeType && c.appendChild(e);
+					e && e.nodeType && s.appendChild(e);
 				});
 			});
 			function f(e) {
-				var t = c.querySelector(".tokui-hover-card__trigger");
+				var t = s.querySelector(".tokui-hover-card__trigger");
 				if (t) {
 					var n = t.getBoundingClientRect(), r = e.getBoundingClientRect(), a = 8, o, l;
 					i === "bottom" ? (o = n.left + n.width / 2 - r.width / 2, l = n.bottom + a) : i === "top" ? (o = n.left + n.width / 2 - r.width / 2, l = n.top - r.height - a) : i === "left" ? (o = n.left - r.width - a, l = n.top + n.height / 2 - r.height / 2) : i === "right" && (o = n.right + a, l = n.top + n.height / 2 - r.height / 2);
-					var u = s(e, r);
+					var u = c(e, r);
 					o + u.kx < 4 && (o = 4), o + u.kx + r.width > window.innerWidth - 4 && (o = window.innerWidth - r.width - 4), l + u.ky < 4 && (l = n.bottom + a), e.style.left = o + "px", e.style.top = l + "px";
 				}
 			}
 			var p = null, m = null;
 			function h() {
 				clearTimeout(m), p = setTimeout(function() {
-					var e = c.querySelector(".tokui-hover-card__content");
+					var e = s.querySelector(".tokui-hover-card__content");
 					e && (f(e), e.classList.add("tokui-hover-card__content--visible"));
 				}, o);
 			}
 			function g() {
 				clearTimeout(p), m = setTimeout(function() {
-					var e = c.querySelector(".tokui-hover-card__content");
+					var e = s.querySelector(".tokui-hover-card__content");
 					e && e.classList.remove("tokui-hover-card__content--visible");
 				}, 150);
 			}
-			return c.addEventListener("mouseenter", h), c.addEventListener("mouseleave", g), c.addEventListener("focusin", h), c.addEventListener("focusout", g), c.addEventListener("keydown", function(e) {
+			return s.addEventListener("mouseenter", h), s.addEventListener("mouseleave", g), s.addEventListener("focusin", h), s.addEventListener("focusout", g), s.addEventListener("keydown", function(e) {
 				if (e.key === "Escape") {
 					clearTimeout(p), clearTimeout(m);
-					var t = c.querySelector(".tokui-hover-card__content");
+					var t = s.querySelector(".tokui-hover-card__content");
 					t && t.classList.remove("tokui-hover-card__content--visible");
 				}
-			}), typeof window < "u" && window.addEventListener && window.addEventListener("scroll", g, !0), c._slot = c, c._tokuiType = "hover-card", c._streamCloseHook = function() {
-				for (var e = null, n = null, r = [], i = 0; i < c.children.length; i++) {
-					var a = c.children[i];
+			}), typeof window < "u" && window.addEventListener && window.addEventListener("scroll", g, !0), s._slot = s, s._tokuiType = "hover-card", s._streamCloseHook = function() {
+				for (var e = null, n = null, r = [], i = 0; i < s.children.length; i++) {
+					var a = s.children[i];
 					a._tokuiType === "hover-trigger" ? e = a : a._tokuiType === "hover-content" ? n = a : r.push(a);
 				}
 				if (!(!e && !n)) {
-					for (; c.firstChild;) c.removeChild(c.firstChild);
+					for (; s.firstChild;) s.removeChild(s.firstChild);
 					var o = t("span", {
 						class: "tokui-hover-card__trigger",
 						tabindex: "0"
 					});
 					if (e) for (; e.firstChild;) o.appendChild(e.firstChild);
-					c.appendChild(o);
-					var s = d();
-					if (n) for (; n.firstChild;) s.body.appendChild(n.firstChild);
-					c.appendChild(s.panel), r.forEach(function(e) {
-						c.appendChild(e);
+					s.appendChild(o);
+					var c = d();
+					if (n) for (; n.firstChild;) c.body.appendChild(n.firstChild);
+					s.appendChild(c.panel), r.forEach(function(e) {
+						s.appendChild(e);
 					});
 				}
-			}, c;
+			}, s;
 		}), e.register("hover-trigger", (e, n) => {
 			var r = t("span");
 			return e.children && e.children.length > 0 && n(e.children).forEach(function(e) {
@@ -9561,7 +9698,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			var w = setInterval(C, 1e3);
 			return m._countdownTimer = w, m._tokuiType = "countdown", m;
 		}), e.register("popconfirm", (e) => {
-			var r = e.attrs || {}, i = r.tt || "", a = r.clk || "", o = r.t || "primary", c = r.pos || "top", l = r["ok-text"] || n("common.ok"), u = r["cancel-text"] || n("common.cancel"), d = e.content || r.tx || n("popconfirm.trigger"), f = t("span", { class: "tokui-popconfirm" }), p = t("button", {
+			var r = e.attrs || {}, i = r.tt || "", a = r.clk || "", o = r.t || "primary", s = r.pos || "top", l = r["ok-text"] || n("common.ok"), u = r["cancel-text"] || n("common.cancel"), d = e.content || r.tx || n("popconfirm.trigger"), f = t("span", { class: "tokui-popconfirm" }), p = t("button", {
 				class: "tokui-popconfirm__trigger",
 				type: "button",
 				tabindex: "0",
@@ -9581,7 +9718,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			function h() {
 				m();
 				var e = t("div", {
-					class: "tokui-popconfirm__popup tokui-popconfirm__popup--" + c,
+					class: "tokui-popconfirm__popup tokui-popconfirm__popup--" + s,
 					role: "dialog",
 					"aria-label": i || n("popconfirm.aria")
 				}), r = t("div", { class: "tokui-popconfirm__arrow" });
@@ -9612,8 +9749,8 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				function v() {
 					if (p.getBoundingClientRect) {
 						var t = p.getBoundingClientRect(), n = e.getBoundingClientRect(), r = 8, i, a;
-						c === "top" ? (i = t.left + t.width / 2 - n.width / 2, a = t.top - n.height - r) : c === "bottom" ? (i = t.left + t.width / 2 - n.width / 2, a = t.bottom + r) : c === "left" ? (i = t.left - n.width - r, a = t.top + t.height / 2 - n.height / 2) : c === "right" && (i = t.right + r, a = t.top + t.height / 2 - n.height / 2);
-						var o = s(e, n);
+						s === "top" ? (i = t.left + t.width / 2 - n.width / 2, a = t.top - n.height - r) : s === "bottom" ? (i = t.left + t.width / 2 - n.width / 2, a = t.bottom + r) : s === "left" ? (i = t.left - n.width - r, a = t.top + t.height / 2 - n.height / 2) : s === "right" && (i = t.right + r, a = t.top + t.height / 2 - n.height / 2);
+						var o = c(e, n);
 						i + o.kx < 4 && (i = 4), i + o.kx + n.width > window.innerWidth - 4 && (i = window.innerWidth - n.width - 4), a + o.ky < 4 && (a = t.bottom + r), e.style.left = i + "px", e.style.top = a + "px";
 					}
 					e.classList.add("tokui-popconfirm__popup--visible");
@@ -9626,7 +9763,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				f._popconfirmPopup && !f._popconfirmPopup.contains(e.target) && !f.contains(e.target) && m();
 			}), f.addEventListener("keydown", function(e) {
 				e.key === "Escape" && m(!0);
-			}), typeof window < "u" && typeof window.addEventListener == "function" && window.addEventListener("scroll", m, !0), f._tokuiPopconfirmPos = c, f._tokuiType = "popconfirm", f;
+			}), typeof window < "u" && typeof window.addEventListener == "function" && window.addEventListener("scroll", m, !0), f._tokuiPopconfirmPos = s, f._tokuiType = "popconfirm", f;
 		}), e.register("watermark", (e, n) => {
 			var r = e.attrs || {}, i = r.tx || "TokUI", a = r.font || (r.s === "sm" ? "12" : r.s === "lg" ? "20" : "16"), o = r.gap || "40", s = r.ro || "-22", c = r.c || "rgba(0,0,0,0.2)", l = t("div", { class: "tokui-watermark" });
 			l.style.overflow = "hidden", l.style.borderRadius = "8px";
@@ -9646,56 +9783,56 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			l.appendChild(_);
 			var y = t("div", { class: "tokui-watermark__overlay" });
 			return y.style.backgroundImage = "url(" + u.toDataURL() + ")", y.style.backgroundRepeat = "repeat", y.style.borderRadius = "8px", l.appendChild(y), l._slot = _, l._tokuiType = "watermark", l;
-		}), e.register("backtop", (e) => {
-			var r = e.attrs || {}, i = parseInt(r.t) || 200, a = r.v || "circle", o = r.tx || "↑", s = r.s || "", c = r.bottom || "40", l = r.right || "40", u = r.container !== void 0, d = ["tokui-backtop"];
-			a === "round" ? d.push("tokui-backtop--round") : a === "square" && d.push("tokui-backtop--square"), s === "sm" ? d.push("tokui-backtop--sm") : s === "lg" && d.push("tokui-backtop--lg"), u && d.push("tokui-backtop--container");
-			var f = t("div", {
-				class: d.join(" "),
+		}), e.register("backtop", (r) => {
+			var i = r.attrs || {}, a = parseInt(i.t) || 200, o = i.v || "circle", s = i.tx || "↑", c = i.s || "", l = i.bottom || "40", u = i.right || "40", d = i.container !== void 0, f = ["tokui-backtop"];
+			o === "round" ? f.push("tokui-backtop--round") : o === "square" && f.push("tokui-backtop--square"), c === "sm" ? f.push("tokui-backtop--sm") : c === "lg" && f.push("tokui-backtop--lg"), d && f.push("tokui-backtop--container");
+			var p = t("div", {
+				class: f.join(" "),
 				role: "button",
 				"aria-label": n("backToTop.aria"),
 				tabindex: "0"
 			});
-			return u ? f.style.bottom = c + "px" : (f.style.bottom = c + "px", f.style.right = l + "px"), f.textContent = o, typeof window < "u" && requestAnimationFrame(function() {
-				for (var e = window, t = f.parentElement; t;) {
-					var n = getComputedStyle(t);
-					if ((n.overflowY === "auto" || n.overflowY === "scroll") && t.scrollHeight > t.clientHeight) {
-						e = t;
+			return d ? p.style.bottom = l + "px" : (p.style.bottom = l + "px", p.style.right = u + "px"), p.textContent = s, typeof window < "u" && requestAnimationFrame(function() {
+				for (var t = window, n = p.parentElement; n;) {
+					var r = getComputedStyle(n);
+					if ((r.overflowY === "auto" || r.overflowY === "scroll") && n.scrollHeight > n.clientHeight) {
+						t = n;
 						break;
 					}
-					t = t.parentElement;
+					n = n.parentElement;
 				}
-				f.addEventListener("click", function() {
-					e === window ? window.scrollTo({
+				p.addEventListener("click", function() {
+					t === window ? window.scrollTo({
 						top: 0,
 						behavior: "smooth"
-					}) : e.scrollTo({
+					}) : t.scrollTo({
 						top: 0,
 						behavior: "smooth"
 					});
-				}), f.addEventListener("keydown", function(t) {
-					(t.key === "Enter" || t.key === " ") && (t.preventDefault(), e === window ? window.scrollTo({
+				}), p.addEventListener("keydown", function(e) {
+					(e.key === "Enter" || e.key === " ") && (e.preventDefault(), t === window ? window.scrollTo({
 						top: 0,
 						behavior: "smooth"
-					}) : e.scrollTo({
+					}) : t.scrollTo({
 						top: 0,
 						behavior: "smooth"
 					}));
 				});
-				var r = function() {
-					(e === window ? window.pageYOffset : e.scrollTop) > i ? f.classList.add("tokui-backtop--visible") : f.classList.remove("tokui-backtop--visible");
-				}, a = !1, o = function() {
-					a || (a = !0, (typeof window < "u" && window.requestAnimationFrame ? function(e) {
+				var i = function() {
+					(t === window ? window.pageYOffset : t.scrollTop) > a ? p.classList.add("tokui-backtop--visible") : p.classList.remove("tokui-backtop--visible");
+				}, o = !1, s = function() {
+					o || (o = !0, (typeof window < "u" && window.requestAnimationFrame ? function(e) {
 						window.requestAnimationFrame(e);
 					} : function(e) {
 						e();
 					})(function() {
-						a = !1, r();
+						o = !1, i();
 					}));
 				};
-				e.addEventListener("scroll", o, { passive: !0 }), r(), f._backtopCleanup = function() {
-					e.removeEventListener("scroll", o);
-				};
-			}), f;
+				t.addEventListener("scroll", s, { passive: !0 }), i(), p._backtopCleanup = function() {
+					t.removeEventListener("scroll", s);
+				}, e._registerCleanup(p, p._backtopCleanup);
+			}), p;
 		}), e.register("affix", (n, r) => {
 			var i = n.attrs || {}, a = i.top === void 0 ? null : parseInt(i.top) || 0, o = i.bottom === void 0 ? null : parseInt(i.bottom) || 0;
 			a === null && o === null && (a = 0);
@@ -9709,8 +9846,8 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					return e();
 				};
 				u(function() {
-					var e = null;
-					function n() {
+					var n = null;
+					function r() {
 						if (s && typeof document < "u" && typeof document.querySelector == "function") {
 							var e = document.querySelector(s);
 							if (e) return e;
@@ -9724,13 +9861,13 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 						}
 						return null;
 					}
-					var r = !1, i = null;
-					function d() {
-						if (e) {
-							var t = e.getBoundingClientRect();
+					var i = !1, d = null;
+					function f() {
+						if (n) {
+							var e = n.getBoundingClientRect();
 							return {
-								top: t.top,
-								bottom: t.bottom
+								top: e.top,
+								bottom: e.bottom
 							};
 						}
 						return {
@@ -9738,30 +9875,30 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 							bottom: window.innerHeight || 768
 						};
 					}
-					var f = function() {
+					var p = function() {
 						if (typeof c.getBoundingClientRect == "function") {
-							(!s || !e) && (e = n());
-							var u = r && i ? i : c;
-							if (typeof u.getBoundingClientRect == "function") {
-								var f = u.getBoundingClientRect(), p = d(), m = a === null ? f.top > p.bottom - o - f.height : f.top - p.top < a;
-								if (m && !r) {
-									r = !0;
+							(!s || !n) && (n = r());
+							var e = i && d ? d : c;
+							if (typeof e.getBoundingClientRect == "function") {
+								var u = e.getBoundingClientRect(), p = f(), m = a === null ? u.top > p.bottom - o - u.height : u.top - p.top < a;
+								if (m && !i) {
+									i = !0;
 									var h = c.getBoundingClientRect();
-									i = t("div", { class: "tokui-affix__placeholder" }), i.style.height = h.height + "px", i.style.width = h.width + "px", c.parentNode && c.parentNode.insertBefore(i, c), c.style.width = h.width + "px", c.style.top = a === null ? p.bottom - o - h.height + "px" : p.top + a + "px", c.classList.add("tokui-affix--fixed"), l("change", { fixed: !0 });
-								} else !m && r && (r = !1, c.classList.remove("tokui-affix--fixed"), c.style.top = "", c.style.width = "", i && i.parentNode && i.parentNode.removeChild(i), i = null, l("change", { fixed: !1 }));
+									d = t("div", { class: "tokui-affix__placeholder" }), d.style.height = h.height + "px", d.style.width = h.width + "px", c.parentNode && c.parentNode.insertBefore(d, c), c.style.width = h.width + "px", c.style.top = a === null ? p.bottom - o - h.height + "px" : p.top + a + "px", c.classList.add("tokui-affix--fixed"), l("change", { fixed: !0 });
+								} else !m && i && (i = !1, c.classList.remove("tokui-affix--fixed"), c.style.top = "", c.style.width = "", d && d.parentNode && d.parentNode.removeChild(d), d = null, l("change", { fixed: !1 }));
 							}
 						}
-					}, p = !1, m = function() {
-						p || (p = !0, u(function() {
-							p = !1, f();
+					}, m = !1, h = function() {
+						m || (m = !0, u(function() {
+							m = !1, p();
 						}));
 					};
-					window.addEventListener && window.addEventListener("scroll", m, {
+					window.addEventListener && window.addEventListener("scroll", h, {
 						capture: !0,
 						passive: !0
-					}), window.addEventListener && window.addEventListener("resize", m, { passive: !0 }), f(), c._streamCloseHook = f, c._affixCleanup = function() {
-						window.removeEventListener && (window.removeEventListener("scroll", m, { capture: !0 }), window.removeEventListener("resize", m));
-					};
+					}), window.addEventListener && window.addEventListener("resize", h, { passive: !0 }), p(), c._streamCloseHook = p, c._affixCleanup = function() {
+						window.removeEventListener && (window.removeEventListener("scroll", h, { capture: !0 }), window.removeEventListener("resize", h));
+					}, e._registerCleanup(c, c._affixCleanup);
 				});
 			}
 			return c;
@@ -9936,176 +10073,180 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}
 			return f._notifDuration = c, f;
 		}), e.register("chat-input", (r, i) => {
-			var a = r.attrs || {}, o = a.ph || "", s = a.clk || "", c = a.dis !== void 0, l = parseInt(a.max) || 0, u = a.auto !== void 0, d = parseInt(a.rows) || 2, f = t("div", { class: "tokui-chat-input" }), p = t("textarea", {
+			var a = r.attrs || {}, o = a.ph || "", s = a.clk || "", c = a.dis !== void 0, l = parseInt(a.max) || 0, u = a.auto !== void 0, d = parseInt(a.rows) || 2, f = { class: "tokui-chat-input" };
+			a.id && (f.id = a.id);
+			var p = t("div", f), m = t("textarea", {
 				class: "tokui-chat-input__textarea",
 				rows: String(d),
 				placeholder: o
 			});
-			c && (p.setAttribute("disabled", ""), p.classList.add("tokui-chat-input__textarea--disabled")), u && p.classList.add("tokui-chat-input__textarea--auto"), f.appendChild(p);
-			var m = t("div", { class: "tokui-chat-input__actions" });
+			c && (m.setAttribute("disabled", ""), m.classList.add("tokui-chat-input__textarea--disabled")), u && m.classList.add("tokui-chat-input__textarea--auto"), p.appendChild(m);
+			var h = t("div", { class: "tokui-chat-input__actions" });
 			r.children && r.children.length > 0 && i(r.children).forEach(function(e) {
-				e && e.nodeType && m.appendChild(e);
+				e && e.nodeType && h.appendChild(e);
 			});
-			var h = t("button", {
+			var g = t("button", {
 				class: "tokui-chat-input__send",
 				type: "button",
 				"aria-label": n("common.send")
 			});
-			h.innerHTML = "<svg viewBox=\"0 0 20 20\" width=\"18\" height=\"18\" fill=\"currentColor\"><path d=\"M10 3a1 1 0 0 1 .7.3l5 5a1 1 0 0 1-1.4 1.4L11 6.4V16a1 1 0 1 1-2 0V6.4l-3.3 3.3a1 1 0 0 1-1.4-1.4l5-5A1 1 0 0 1 10 3z\"/></svg>", c && (h.setAttribute("disabled", ""), h.classList.add("tokui-chat-input__send--disabled")), m.appendChild(h);
-			var g = e.createReporter("chat-input", a, f), _ = t("button", {
+			g.innerHTML = "<svg viewBox=\"0 0 20 20\" width=\"18\" height=\"18\" fill=\"currentColor\"><path d=\"M10 3a1 1 0 0 1 .7.3l5 5a1 1 0 0 1-1.4 1.4L11 6.4V16a1 1 0 1 1-2 0V6.4l-3.3 3.3a1 1 0 0 1-1.4-1.4l5-5A1 1 0 0 1 10 3z\"/></svg>", c && (g.setAttribute("disabled", ""), g.classList.add("tokui-chat-input__send--disabled")), h.appendChild(g);
+			var _ = e.createReporter("chat-input", a, p), v = t("button", {
 				class: "tokui-chat-input__stop",
 				type: "button",
 				"aria-label": n("common.stop")
 			});
-			if (_.innerHTML = "<svg viewBox=\"0 0 20 20\" width=\"18\" height=\"18\" fill=\"currentColor\"><rect x=\"5\" y=\"5\" width=\"10\" height=\"10\" rx=\"1.5\"/></svg>", _.addEventListener("click", function() {
-				if (g("stop", {}), f.classList.remove("tokui-chat-input--streaming"), !String(a.on || "").split(",").some(function(e) {
+			if (v.innerHTML = "<svg viewBox=\"0 0 20 20\" width=\"18\" height=\"18\" fill=\"currentColor\"><rect x=\"5\" y=\"5\" width=\"10\" height=\"10\" rx=\"1.5\"/></svg>", v.addEventListener("click", function() {
+				if (_("stop", {}), p.classList.remove("tokui-chat-input--streaming"), !String(a.on || "").split(",").some(function(e) {
 					return e.trim().indexOf("stop:") === 0;
 				})) {
 					var t = e._tokuiInstance || typeof window < "u" && window.TokUI && window.TokUI._instance;
 					t && typeof t.disconnect == "function" && t.disconnect();
 				}
-			}), m.appendChild(_), a.streaming !== void 0 && f.classList.add("tokui-chat-input--streaming"), f.appendChild(m), l > 0) {
-				var v = t("span", { class: "tokui-chat-input__counter" });
-				v.textContent = "0/" + l, f.appendChild(v), p.addEventListener("input", function() {
-					var e = (p.value || "").length;
-					v.textContent = e + "/" + l, e > l ? v.classList.add("tokui-chat-input__counter--over") : v.classList.remove("tokui-chat-input__counter--over");
+			}), h.appendChild(v), a.streaming !== void 0 && p.classList.add("tokui-chat-input--streaming"), p.appendChild(h), l > 0) {
+				var y = t("span", { class: "tokui-chat-input__counter" });
+				y.textContent = "0/" + l, p.appendChild(y), m.addEventListener("input", function() {
+					var e = (m.value || "").length;
+					y.textContent = e + "/" + l, e > l ? y.classList.add("tokui-chat-input__counter--over") : y.classList.remove("tokui-chat-input__counter--over");
 				});
 			}
-			u && p.addEventListener("input", function() {
-				p.style.height = "auto", p.style.height = p.scrollHeight + "px";
+			u && m.addEventListener("input", function() {
+				m.style.height = "auto", m.style.height = m.scrollHeight + "px";
 			});
-			var y = a.mention || "";
-			if (y) {
-				p.setAttribute("role", "combobox"), p.setAttribute("aria-expanded", "false");
-				var b = t("div", {
+			var b = a.mention || "";
+			if (b) {
+				m.setAttribute("role", "combobox"), m.setAttribute("aria-expanded", "false");
+				var x = t("div", {
 					class: "tokui-chat-input__mention",
 					role: "listbox"
 				});
-				b.style.display = "none", f.appendChild(b);
-				var x = [], S = -1, C = null, w = function() {
-					b.style.display = "none", x = [], S = -1, C = null, p.setAttribute("aria-expanded", "false");
-				}, T = function() {
-					var e = p.selectionStart == null ? (p.value || "").length : p.selectionStart, t = (p.value || "").slice(0, e).match(/(^|\s)@([^\s@]*)$/);
+				x.style.display = "none", p.appendChild(x);
+				var S = [], C = -1, w = null, T = function() {
+					x.style.display = "none", S = [], C = -1, w = null, m.setAttribute("aria-expanded", "false");
+				}, E = function() {
+					var e = m.selectionStart == null ? (m.value || "").length : m.selectionStart, t = (m.value || "").slice(0, e).match(/(^|\s)@([^\s@]*)$/);
 					return t ? {
 						query: t[2],
 						start: e - t[2].length - 1,
 						end: e
 					} : null;
-				}, E = function(e) {
-					var t = x[e];
-					if (!(!t || !C)) {
-						var n = typeof t == "string" ? t : t.v == null ? t.tx : t.v, r = typeof t == "string" ? t : t.tx == null ? t.v : t.tx, i = p.value || "";
-						p.value = i.slice(0, C.start) + "@" + r + " " + i.slice(C.end);
-						var o = C.start + String(r).length + 2;
-						typeof p.setSelectionRange == "function" && p.setSelectionRange(o, o), g("mention", {
+				}, D = function(e) {
+					var t = S[e];
+					if (!(!t || !w)) {
+						var n = typeof t == "string" ? t : t.v == null ? t.tx : t.v, r = typeof t == "string" ? t : t.tx == null ? t.v : t.tx, i = m.value || "";
+						m.value = i.slice(0, w.start) + "@" + r + " " + i.slice(w.end);
+						var o = w.start + String(r).length + 2;
+						typeof m.setSelectionRange == "function" && m.setSelectionRange(o, o), _("mention", {
 							value: n,
 							name: a.n || void 0
-						}), w(), typeof p.focus == "function" && p.focus();
+						}), T(), typeof m.focus == "function" && m.focus();
 					}
-				}, D = function(e) {
-					if (b.innerHTML = "", x = e.slice(0, 8), !x.length) {
-						w();
+				}, O = function(e) {
+					if (x.innerHTML = "", S = e.slice(0, 8), !S.length) {
+						T();
 						return;
 					}
-					S = 0, x.forEach(function(e, n) {
+					C = 0, S.forEach(function(e, n) {
 						var r = typeof e == "string" ? e : e.tx == null ? e.v : e.tx, i = t("div", {
 							class: "tokui-chat-input__mention-item" + (n === 0 ? " tokui-chat-input__mention-item--active" : ""),
 							role: "option",
 							"aria-selected": n === 0 ? "true" : "false"
 						}, r);
 						i.addEventListener("mousedown", function(e) {
-							e && e.preventDefault && e.preventDefault(), E(n);
-						}), b.appendChild(i);
-					}), b.style.display = "", p.setAttribute("aria-expanded", "true");
+							e && e.preventDefault && e.preventDefault(), D(n);
+						}), x.appendChild(i);
+					}), x.style.display = "", m.setAttribute("aria-expanded", "true");
 				};
-				p.addEventListener("keydown", function(e) {
-					if (b.style.display !== "none") if (e.key === "ArrowDown" || e.key === "ArrowUp") {
-						e.preventDefault && e.preventDefault(), e._tokuiMentionHandled = !0, S = (S + (e.key === "ArrowDown" ? 1 : -1) + x.length) % x.length;
-						for (var t = 0; t < b.childNodes.length; t++) {
-							var n = b.childNodes[t];
-							n.classList && (t === S ? (n.classList.add("tokui-chat-input__mention-item--active"), n.setAttribute("aria-selected", "true")) : (n.classList.remove("tokui-chat-input__mention-item--active"), n.setAttribute("aria-selected", "false")));
+				m.addEventListener("keydown", function(e) {
+					if (x.style.display !== "none") if (e.key === "ArrowDown" || e.key === "ArrowUp") {
+						e.preventDefault && e.preventDefault(), e._tokuiMentionHandled = !0, C = (C + (e.key === "ArrowDown" ? 1 : -1) + S.length) % S.length;
+						for (var t = 0; t < x.childNodes.length; t++) {
+							var n = x.childNodes[t];
+							n.classList && (t === C ? (n.classList.add("tokui-chat-input__mention-item--active"), n.setAttribute("aria-selected", "true")) : (n.classList.remove("tokui-chat-input__mention-item--active"), n.setAttribute("aria-selected", "false")));
 						}
-					} else e.key === "Enter" || e.key === "Tab" ? (e.preventDefault && e.preventDefault(), e._tokuiMentionHandled = !0, E(S)) : e.key === "Escape" && (e._tokuiMentionHandled = !0, w());
-				}), p.addEventListener("input", function() {
-					var t = T();
+					} else e.key === "Enter" || e.key === "Tab" ? (e.preventDefault && e.preventDefault(), e._tokuiMentionHandled = !0, D(C)) : e.key === "Escape" && (e._tokuiMentionHandled = !0, T());
+				}), m.addEventListener("input", function() {
+					var t = E();
 					if (!t) {
-						w();
+						T();
 						return;
 					}
 					if (e.eventBus) {
-						var n = e.eventBus.getHandler(y);
+						var n = e.eventBus.getHandler(b);
 						if (!n) {
-							e._warnMissingHandler(y), w();
+							e._warnMissingHandler(b), T();
 							return;
 						}
-						C = t;
+						w = t;
 						var r;
 						try {
 							r = n({ value: t.query });
 						} catch (e) {
-							console.warn("TokUI: mention 数据源异常", e), w();
+							console.warn("TokUI: mention 数据源异常", e), T();
 							return;
 						}
 						r && typeof r.then == "function" ? r.then(function(e) {
-							C && C.query === t.query && Array.isArray(e) && D(e);
+							w && w.query === t.query && Array.isArray(e) && O(e);
 						}).catch(function() {
-							w();
-						}) : Array.isArray(r) ? D(r) : w();
+							T();
+						}) : Array.isArray(r) ? O(r) : T();
 					}
-				}), p.addEventListener("blur", function() {
-					setTimeout(w, 150);
+				}), m.addEventListener("blur", function() {
+					setTimeout(T, 150);
 				});
 			}
-			function O() {
+			function k() {
 				if (!c) {
-					var t = p.value || "";
+					var t = m.value || "";
 					if (t.trim()) {
-						if (s && (f.setAttribute("data-tokui-clk-value", t), e.eventBus)) {
+						if (s && (p.setAttribute("data-tokui-clk-value", t), e.eventBus)) {
 							var n = e.eventBus.getHandler(s);
-							n ? n({ value: t }, null, f) : e._warnMissingHandler(s);
+							n ? n({ value: t }, null, p) : e._warnMissingHandler(s);
 						}
-						g("send", { value: t }), p.value = "", l > 0 && (v.textContent = "0/" + l, v.classList.remove("tokui-chat-input__counter--over")), u && (p.style.height = "auto");
+						_("send", { value: t }), m.value = "", l > 0 && (y.textContent = "0/" + l, y.classList.remove("tokui-chat-input__counter--over")), u && (m.style.height = "auto");
 					}
 				}
 			}
-			return p.addEventListener("keydown", function(e) {
-				e._tokuiMentionHandled || e.key === "Enter" && !e.shiftKey && (e.preventDefault(), O());
-			}), h.addEventListener("click", function() {
-				O();
-			}), f._update = function(e) {
-				e.dis !== void 0 && (c = !!e.dis, c ? (p.setAttribute("disabled", ""), p.classList.add("tokui-chat-input__textarea--disabled"), h.setAttribute("disabled", ""), h.classList.add("tokui-chat-input__send--disabled")) : (p.removeAttribute("disabled"), p.classList.remove("tokui-chat-input__textarea--disabled"), h.removeAttribute("disabled"), h.classList.remove("tokui-chat-input__send--disabled"))), e.streaming !== void 0 && (e.streaming !== "false" && e.streaming !== !1 ? f.classList.add("tokui-chat-input--streaming") : f.classList.remove("tokui-chat-input--streaming"));
-			}, f._slot = p, f._tokuiType = "chat-input", f;
+			return m.addEventListener("keydown", function(e) {
+				e._tokuiMentionHandled || e.key === "Enter" && !e.shiftKey && (e.preventDefault(), k());
+			}), g.addEventListener("click", function() {
+				k();
+			}), p._update = function(e) {
+				e.dis !== void 0 && (c = e.dis !== "false" && e.dis !== !1, c ? (m.setAttribute("disabled", ""), m.classList.add("tokui-chat-input__textarea--disabled"), g.setAttribute("disabled", ""), g.classList.add("tokui-chat-input__send--disabled")) : (m.removeAttribute("disabled"), m.classList.remove("tokui-chat-input__textarea--disabled"), g.removeAttribute("disabled"), g.classList.remove("tokui-chat-input__send--disabled"))), e.streaming !== void 0 && (e.streaming !== "false" && e.streaming !== !1 ? p.classList.add("tokui-chat-input--streaming") : p.classList.remove("tokui-chat-input--streaming"));
+			}, p._slot = h, p._tokuiType = "chat-input", p;
 		}), e.register("msg-actions", (r, i) => {
 			var a = r.attrs || {}, o = a.clk || "", s = "tokui-msg-actions";
 			a.visible && (s += " tokui-msg-actions--visible");
-			var c = t("div", { class: s }), l = {
+			var c = { class: s };
+			a.id && (c.id = a.id);
+			var l = t("div", c), u = {
 				copy: "<svg viewBox=\"0 0 24 24\" width=\"15\" height=\"15\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"8\" y=\"8\" width=\"13\" height=\"13\" rx=\"2\"/><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"/></svg>",
 				regenerate: "<svg viewBox=\"0 0 24 24\" width=\"15\" height=\"15\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"/><path d=\"M21 3v5h-5\"/><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"/><path d=\"M3 21v-5h5\"/></svg>",
 				like: "<svg viewBox=\"0 0 24 24\" width=\"15\" height=\"15\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 10v12\"/><path d=\"M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z\"/></svg>",
 				dislike: "<svg viewBox=\"0 0 24 24\" width=\"15\" height=\"15\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 14V2\"/><path d=\"M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22a3.13 3.13 0 0 1-3-3.88Z\"/></svg>",
 				delete: "<svg viewBox=\"0 0 24 24\" width=\"15\" height=\"15\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"3 6 5 6 21 6\"/><path d=\"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\"/></svg>"
-			}, u = [];
-			a.copy !== void 0 && u.push({
+			}, d = [];
+			a.copy !== void 0 && d.push({
 				act: "copy",
-				icon: l.copy,
+				icon: u.copy,
 				label: n("actions.copy")
-			}), a.regenerate !== void 0 && u.push({
+			}), a.regenerate !== void 0 && d.push({
 				act: "regenerate",
-				icon: l.regenerate,
+				icon: u.regenerate,
 				label: n("actions.regenerate")
-			}), a.like !== void 0 && (u.push({
+			}), a.like !== void 0 && (d.push({
 				act: "like",
-				icon: l.like,
+				icon: u.like,
 				label: n("actions.like")
-			}), u.push({
+			}), d.push({
 				act: "dislike",
-				icon: l.dislike,
+				icon: u.dislike,
 				label: n("actions.dislike")
-			})), a.delete !== void 0 && u.push({
+			})), a.delete !== void 0 && d.push({
 				act: "delete",
-				icon: l.delete,
+				icon: u.delete,
 				label: n("actions.delete")
-			}), u.forEach(function(e) {
+			}), d.forEach(function(e) {
 				var n = t("button", {
 					class: "tokui-msg-actions__btn",
 					type: "button",
@@ -10113,102 +10254,128 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					"aria-label": e.label,
 					title: e.label
 				}), r = t("span", { class: "tokui-msg-actions__icon" });
-				r.innerHTML = e.icon, n.appendChild(r), c.appendChild(n);
+				r.innerHTML = e.icon, n.appendChild(r), l.appendChild(n);
 			}), r.children && r.children.length > 0 && i(r.children).forEach(function(e) {
-				e && e.nodeType && c.appendChild(e);
+				e && e.nodeType && l.appendChild(e);
 			});
-			var d = e.createReporter("msg-actions", a, c);
-			return o && c.setAttribute("data-tokui-clk", o), c.addEventListener("click", function(e) {
+			var f = e.createReporter("msg-actions", a, l);
+			return o && l.setAttribute("data-tokui-clk", o), l.addEventListener("click", function(e) {
 				var t = e.target.closest && e.target.closest(".tokui-msg-actions__btn");
 				if (t) {
 					var n = t.getAttribute("data-act");
-					n && (c.setAttribute("data-tokui-clk-act", n), d("action", { act: n }));
+					n && (l.setAttribute("data-tokui-clk-act", n), f("action", { act: n }));
 				}
-			}), c._slot = c, c._tokuiType = "msg-actions", c;
+			}), l._slot = l, l._tokuiType = "msg-actions", l;
 		}), e.register("tool-call", (r, i) => {
-			var a = r.attrs || {}, o = a.name || "tool", s = a.status || "pending", c = a.duration || "", l = { class: "tokui-tool-call tokui-tool-call--" + s };
-			a.id && (l.id = a.id);
-			var u = t("div", l), d = t("div", { class: "tokui-tool-call__header" }), f = t("span", { class: "tokui-tool-call__status-dot tokui-tool-call__status-dot--" + s });
-			d.appendChild(f);
-			var p = t("span", { class: "tokui-tool-call__name" });
-			p.textContent = o, d.appendChild(p);
-			var m = t("span", { class: "tokui-tool-call__status" }), h = {
-				pending: n("status.pending"),
-				running: n("status.running"),
-				done: n("status.done"),
-				error: n("status.error"),
-				denied: n("status.denied")
-			};
-			if (m.textContent = h[s] || s, d.appendChild(m), c) {
-				var g = t("span", { class: "tokui-tool-call__duration" });
-				g.textContent = c, d.appendChild(g);
+			var a = r.attrs || {}, o = a.name || n("toolCall.defaultName"), s = a.status || "pending", c = a.duration || "", l = a.collapsed !== void 0, u = { class: "tokui-tool-call tokui-tool-call--" + s + (l ? " tokui-tool-call--collapsed" : "") };
+			a.id && (u.id = a.id);
+			var d = t("div", u), f = t("div", {
+				class: "tokui-tool-call__header",
+				role: "button",
+				tabindex: "0",
+				"aria-expanded": String(!l)
+			}), p = t("span", { class: "tokui-tool-call__status-dot tokui-tool-call__status-dot--" + s });
+			f.appendChild(p);
+			var m = t("span", { class: "tokui-tool-call__name" });
+			m.textContent = o, f.appendChild(m);
+			var h = t("span", { class: "tokui-tool-call__status" });
+			function g(e) {
+				return {
+					pending: n("status.pending"),
+					running: n("status.running"),
+					done: n("status.done"),
+					error: n("status.error"),
+					denied: n("status.denied")
+				}[e] || e;
+			}
+			if (h.textContent = g(s), f.appendChild(h), c) {
+				var _ = t("span", { class: "tokui-tool-call__duration" });
+				_.textContent = c, f.appendChild(_);
+			}
+			var v = t("span", {
+				class: "tokui-tool-call__chevron",
+				"aria-hidden": "true"
+			});
+			v.textContent = "▾", f.appendChild(v), d.appendChild(f);
+			var y = t("div", { class: "tokui-tool-call__body" });
+			function b() {
+				var e = d.classList.toggle("tokui-tool-call--collapsed");
+				f.setAttribute("aria-expanded", String(!e));
 			}
-			u.appendChild(d);
-			var _ = t("div", { class: "tokui-tool-call__body" });
-			if (r.content) {
-				var v = t("div", { class: "tokui-tool-call__params" });
-				v.textContent = r.content, _.appendChild(v);
+			if (f.addEventListener("click", b), f.addEventListener("keydown", function(e) {
+				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), b());
+			}), r.content) {
+				var x = t("div", { class: "tokui-tool-call__params" });
+				x.textContent = r.content, y.appendChild(x);
 			}
 			if (i(r.children || []).forEach(function(e) {
-				e && e.nodeType && _.appendChild(e);
-			}), u.appendChild(_), a.approval !== void 0 && s === "pending") {
-				var y = e.createReporter("tool-call", a, u), b = a.clk || "", x = t("div", { class: "tokui-tool-call__approval" }), S = t("button", {
+				e && e.nodeType && y.appendChild(e);
+			}), d.appendChild(y), a.approval !== void 0 && s === "pending") {
+				var S = e.createReporter("tool-call", a, d), C = a.clk || "", w = t("div", { class: "tokui-tool-call__approval" }), T = t("button", {
 					class: "tokui-tool-call__approve",
 					type: "button"
-				}, n("actions.approve")), C = t("button", {
+				}, n("actions.approve")), E = t("button", {
 					class: "tokui-tool-call__deny",
 					type: "button"
-				}, n("actions.deny")), w = function(t) {
-					S.setAttribute("disabled", ""), C.setAttribute("disabled", ""), (t ? S : C).classList.add("tokui-tool-call__approval--chosen"), x.classList.add("tokui-tool-call__approval--decided");
+				}, n("actions.deny")), D = function(t) {
+					T.setAttribute("disabled", ""), E.setAttribute("disabled", ""), (t ? T : E).classList.add("tokui-tool-call__approval--chosen"), w.classList.add("tokui-tool-call__approval--decided");
 					var n = {
 						approved: t,
 						id: a.id || null,
 						name: o
 					};
-					if (b && e.eventBus) {
-						var r = e.eventBus.getHandler(b);
-						r && r(n, null, u);
+					if (C && e.eventBus) {
+						var r = e.eventBus.getHandler(C);
+						r && r(n, null, d);
 					}
-					y("approval", n);
+					S("approval", n);
 				};
-				S.addEventListener("click", function() {
-					w(!0);
-				}), C.addEventListener("click", function() {
-					w(!1);
-				}), x.appendChild(S), x.appendChild(C), u.appendChild(x);
+				T.addEventListener("click", function() {
+					D(!0);
+				}), E.addEventListener("click", function() {
+					D(!1);
+				}), w.appendChild(T), w.appendChild(E), d.appendChild(w);
 			}
-			return u._slot = _, u._tokuiType = "tool-call", u._update = function(e) {
-				if (e.status && (u.className = "tokui-tool-call tokui-tool-call--" + e.status, f.className = "tokui-tool-call__status-dot tokui-tool-call__status-dot--" + e.status, m.textContent = h[e.status] || e.status), e.duration) {
-					var n = u.querySelector(".tokui-tool-call__duration");
-					n || (n = t("span", { class: "tokui-tool-call__duration" }), d.appendChild(n)), n.textContent = e.duration;
+			return d._slot = y, d._tokuiType = "tool-call", d._update = function(e) {
+				if (e.status) {
+					var n = d.classList.contains("tokui-tool-call--collapsed");
+					d.className = "tokui-tool-call tokui-tool-call--" + e.status + (n ? " tokui-tool-call--collapsed" : ""), p.className = "tokui-tool-call__status-dot tokui-tool-call__status-dot--" + e.status, h.textContent = g(e.status);
+				}
+				if (e.duration) {
+					var r = d.querySelector(".tokui-tool-call__duration");
+					r || (r = t("span", { class: "tokui-tool-call__duration" }), f.appendChild(r)), r.textContent = e.duration;
 				}
 				if (e.result) {
-					var r = t("div", { class: "tokui-tool-call__result" });
-					r.textContent = e.result, _.appendChild(r);
+					var i = y.querySelector(".tokui-tool-call__result");
+					i || (i = t("div", { class: "tokui-tool-call__result" }), y.appendChild(i)), i.textContent = e.result;
 				}
 				if (e.error) {
-					var i = t("div", { class: "tokui-tool-call__error" });
-					i.textContent = e.error, _.appendChild(i);
+					var a = y.querySelector(".tokui-tool-call__error");
+					a || (a = t("div", { class: "tokui-tool-call__error" }), y.appendChild(a)), a.textContent = e.error;
 				}
-			}, u;
+			}, d;
 		}), e.register("typing", (e) => {
-			for (var n = e.attrs || {}, r = t("div", { class: "tokui-typing" }), i = t("span", { class: "tokui-typing__dots" }), a = 0; a < 3; a++) {
-				var o = t("span", { class: "tokui-typing__dot" });
-				o.style.animationDelay = a * .15 + "s", i.appendChild(o);
+			var n = e.attrs || {}, r = { class: "tokui-typing" };
+			n.id && (r.id = n.id);
+			for (var i = t("div", r), a = t("span", { class: "tokui-typing__dots" }), o = 0; o < 3; o++) {
+				var s = t("span", { class: "tokui-typing__dot" });
+				s.style.animationDelay = o * .15 + "s", a.appendChild(s);
 			}
-			if (r.appendChild(i), n.text) {
-				var s = t("span", { class: "tokui-typing__text" });
-				s.textContent = n.text, r.appendChild(s);
+			if (i.appendChild(a), n.text) {
+				var c = t("span", { class: "tokui-typing__text" });
+				c.textContent = n.text, i.appendChild(c);
 			}
-			return r;
+			return i._tokuiType = "typing", i;
 		}), e.register("quick-reply", (n, r) => {
-			var i = n.attrs || {}, a = i.clk || "", o = t("div", { class: "tokui-quick-reply" }), s = t("div", { class: "tokui-quick-reply__items" }), c = e.createReporter("quick-reply", i, o);
-			function l(t) {
+			var i = n.attrs || {}, a = i.clk || "", o = { class: "tokui-quick-reply" };
+			i.id && (o.id = i.id);
+			var s = t("div", o), c = t("div", { class: "tokui-quick-reply__items" }), l = e.createReporter("quick-reply", i, s);
+			function u(t) {
 				if (a && e.eventBus) {
 					var n = e.eventBus.getHandler(a);
-					n ? n({ value: t }, null, o) : e._warnMissingHandler(a);
+					n ? n({ value: t }, null, s) : e._warnMissingHandler(a);
 				}
-				c("select", { value: t });
+				l("select", { value: t });
 			}
 			return i.items && i.items.split(",").forEach(function(e) {
 				var n = e.trim(), r = t("button", {
@@ -10216,16 +10383,16 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					type: "button"
 				});
 				r.textContent = n, r.addEventListener("click", function() {
-					l(n);
-				}), s.appendChild(r);
+					u(n);
+				}), c.appendChild(r);
 			}), n.children && n.children.length && r(n.children).forEach(function(e) {
-				e && e.nodeType && s.appendChild(e);
-			}), o.appendChild(s), o._slot = s, o._tokuiType = "quick-reply", o;
+				e && e.nodeType && c.appendChild(e);
+			}), s.appendChild(c), s._slot = c, s._tokuiType = "quick-reply", s;
 		}), e.register("suggestions", (e, n) => {
 			var r = e.attrs || {}, i = Math.min(4, Math.max(1, parseInt(r.cols) || 2)), a = t("div", { class: "tokui-suggestions" });
 			r.clk && a.setAttribute("data-tokui-clk", r.clk), r.id && (a.id = r.id);
 			var o = t("div", { class: "tokui-suggestions__grid tokui-suggestions__grid--" + i });
-			return o.style.gridTemplateColumns = "repeat(" + i + ", 1fr)", e.children && e.children.length && n(e.children).forEach(function(e) {
+			return e.children && e.children.length && n(e.children).forEach(function(e) {
 				e && e.nodeType && o.appendChild(e);
 			}), a.appendChild(o), a._slot = o, a._tokuiType = "suggestions", a;
 		}), e.register("suggestion", (n) => {
@@ -10254,48 +10421,53 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			return s.appendChild(d), s.addEventListener("keydown", function(e) {
 				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), s.click());
 			}), s;
-		}), e.register("source", (e) => {
-			var n = e.attrs || {}, r = n.n || "1", i = n.tt || "", a = n.sn || "", o = n.u || n.url || "", s = t("div", { class: "tokui-source" }), c = t("span", { class: "tokui-source__num" });
-			c.textContent = r, s.appendChild(c);
-			var l = t("div", { class: "tokui-source__body" });
-			if (i) {
-				var u = o ? t("a", {
+		}), e.register("source", (n) => {
+			var r = n.attrs || {}, i = r.n || "1", a = r.tt || "", o = r.sn || "", s = r.u || r.url || "", c = t("div", { class: "tokui-source" }), l = t("span", { class: "tokui-source__num" });
+			l.textContent = i, c.appendChild(l);
+			var u = t("div", { class: "tokui-source__body" }), d = e.createReporter("source", r, c);
+			if (a) {
+				var f;
+				s ? (f = t("a", {
 					class: "tokui-source__title",
-					href: o,
+					href: s,
 					target: "_blank"
-				}) : t("span", { class: "tokui-source__title" });
-				u.textContent = i, l.appendChild(u);
+				}), f.addEventListener("click", function() {
+					d("open", {
+						url: s,
+						title: a
+					});
+				})) : f = t("span", { class: "tokui-source__title" }), f.textContent = a, u.appendChild(f);
 			}
-			if (a) {
-				var d = t("div", { class: "tokui-source__snippet" });
-				d.textContent = a, l.appendChild(d);
+			if (o) {
+				var p = t("div", { class: "tokui-source__snippet" });
+				p.textContent = o, u.appendChild(p);
 			}
-			return s.appendChild(l), s;
+			return c.appendChild(u), c;
 		});
-		function E(e, n) {
+		function O(e, n) {
 			var r = t("div", { class: "tokui-diff__line" }), i = t("span", { class: "tokui-diff__num" }), a = t("span", { class: "tokui-diff__code" });
 			return e.startsWith("+") ? (r.classList.add("tokui-diff__line--add"), n.newLine++, i.textContent = n.newLine, a.textContent = e) : e.startsWith("-") ? (r.classList.add("tokui-diff__line--remove"), n.oldLine++, i.textContent = n.oldLine, a.textContent = e) : (r.classList.add("tokui-diff__line--context"), n.oldLine++, n.newLine++, i.textContent = n.oldLine, a.textContent = e || " "), r.appendChild(i), r.appendChild(a), r;
 		}
-		function D(e, t) {
+		function k(e, t) {
 			e.innerHTML = "";
 			for (var n = t.split("\n"), r = n.length - 1, i = {
 				oldLine: 0,
 				newLine: 0
-			}, a = 0; a < r; a++) e.appendChild(E(n[a], i));
-			var o = E(n[r], {
+			}, a = 0; a < r; a++) e.appendChild(O(n[a], i));
+			var o = O(n[r], {
 				oldLine: i.oldLine,
 				newLine: i.newLine
 			});
 			e.appendChild(o), e._diffFrozenCount = r, e._diffState = i, e._diffGrowingEl = o;
 		}
-		function O(e, t) {
+		function A(e, t) {
 			if (typeof e._diffFrozenCount != "number" || !e._diffState) {
-				D(e, t);
+				k(e, t);
 				return;
 			}
-			for (var n = t.split("\n"), r = n.length - 1, i = e._diffState, a = e._diffGrowingEl, o = e._diffFrozenCount; o < r; o++) e.insertBefore(E(n[o], i), a || null);
+			for (var n = t.split("\n"), r = n.length - 1, i = e._diffState, a = e._diffGrowingEl, o = e._diffFrozenCount; o < r; o++) e.insertBefore(O(n[o], i), a || null);
 			e._diffFrozenCount = r;
-			var s = E(n[r], {
+			var s = O(n[r], {
 				oldLine: i.oldLine,
 				newLine: i.newLine
 			});
@@ -10307,29 +10479,31 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}
 		}
 		e.register("diff", (e, n) => {
-			var r = e.attrs || {}, i = t("div", { class: "tokui-diff" });
+			var r = e.attrs || {}, i = { class: "tokui-diff" };
+			r.id && (i.id = r.id);
+			var a = t("div", i);
 			if (r.title || r.lang) {
-				var a = t("div", { class: "tokui-diff__header" });
+				var o = t("div", { class: "tokui-diff__header" });
 				if (r.title) {
-					var o = t("span", { class: "tokui-diff__title" });
-					o.textContent = r.title, a.appendChild(o);
+					var s = t("span", { class: "tokui-diff__title" });
+					s.textContent = r.title, o.appendChild(s);
 				}
 				if (r.lang) {
-					var s = t("span", { class: "tokui-diff__lang" });
-					s.textContent = r.lang, a.appendChild(s);
+					var c = t("span", { class: "tokui-diff__lang" });
+					c.textContent = r.lang, o.appendChild(c);
 				}
-				i.appendChild(a);
+				a.appendChild(o);
 			}
-			var c = t("div", { class: "tokui-diff__content" }), l = "";
-			l = e.children && e.children.length > 0 ? e.children.map(function(e) {
+			var l = t("div", { class: "tokui-diff__content" }), u = "";
+			u = e.children && e.children.length > 0 ? e.children.map(function(e) {
 				return e.content || "";
 			}).join("") : e.content || "";
-			function u() {
-				D(c, l);
+			function d() {
+				k(l, u);
 			}
-			return u(), i.appendChild(c), i._slot = c, i._tokuiType = "diff", i._streamAppendHook = function(e) {
-				e && e.type === "_text" && e.content && (l += e.content, O(c, l));
-			}, i._streamCloseHook = u, i;
+			return d(), a.appendChild(l), a._slot = l, a._tokuiType = "diff", a._streamAppendHook = function(e) {
+				e && e.type === "_text" && e.content && (u += e.content, A(l, u));
+			}, a._streamCloseHook = d, a;
 		}), e.register("plan", (e, n) => {
 			var r = e.attrs || {}, i = t("div", { class: "tokui-plan" });
 			if (r.tt) {
@@ -10340,14 +10514,14 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			return n(e.children || []).forEach(function(e) {
 				e && e.nodeType && o.appendChild(e);
 			}), i.appendChild(o), i._slot = o, i._tokuiType = "plan", i;
-		}), e.register("plan-step", (e, n) => {
-			var r = e.attrs || {}, i = {
+		}), e.register("plan-step", (e) => {
+			var n = e.attrs || {}, r = {
 				pending: 1,
 				doing: 1,
 				done: 1,
 				error: 1,
 				skipped: 1
-			}, a = {
+			}, i = {
 				running: "doing",
 				active: "doing",
 				progress: "doing",
@@ -10368,41 +10542,46 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				fail: "error",
 				failed: "error",
 				failure: "error"
-			}, o = String(r.status || "pending").toLowerCase(), s = t("div", { class: "tokui-plan-step tokui-plan-step--" + (a[o] || (i[o] ? o : "pending")) }), c = t("span", { class: "tokui-plan-step__dot" });
-			s.appendChild(c);
-			var l = t("div", { class: "tokui-plan-step__content" });
-			if (r.tt) {
-				var u = t("div", { class: "tokui-plan-step__title" });
-				u.textContent = r.tt, l.appendChild(u);
-			}
-			if (r.desc) {
-				var d = t("div", { class: "tokui-plan-step__desc" });
-				d.textContent = r.desc, l.appendChild(d);
+			};
+			function a(e) {
+				var t = String(e || "pending").toLowerCase();
+				return i[t] || (r[t] ? t : "pending");
 			}
-			if (e.content) {
+			var o = { class: "tokui-plan-step tokui-plan-step--" + a(n.status) };
+			n.id && (o.id = n.id);
+			var s = t("div", o), c = t("span", { class: "tokui-plan-step__dot" });
+			s.appendChild(c);
+			var l = t("div", { class: "tokui-plan-step__content" }), u = null;
+			n.tt && (u = t("div", { class: "tokui-plan-step__title" }), u.textContent = n.tt, l.appendChild(u));
+			var d = null;
+			if (n.desc && (d = t("div", { class: "tokui-plan-step__desc" }), d.textContent = n.desc, l.appendChild(d)), e.content) {
 				var f = t("div", { class: "tokui-plan-step__text" });
 				f.textContent = e.content, l.appendChild(f);
 			}
-			n(e.children || []).forEach(function(e) {
-				e && e.nodeType && l.appendChild(e);
-			}), s.appendChild(l);
+			s.appendChild(l);
 			var p = t("div", { class: "tokui-plan-step__line" });
-			return s.appendChild(p), s;
+			return s.appendChild(p), s._update = function(e) {
+				e.status && (s.className = "tokui-plan-step tokui-plan-step--" + a(e.status)), e.tt !== void 0 && (u || (u = t("div", { class: "tokui-plan-step__title" }), l.insertBefore(u, l.childNodes[0] || null)), u.textContent = e.tt), e.desc !== void 0 && (d || (d = t("div", { class: "tokui-plan-step__desc" }), l.appendChild(d)), d.textContent = e.desc);
+			}, s;
 		}), e.register("agent", (e, r) => {
-			var i = e.attrs || {}, a = i.name || "Agent", o = i.status || "idle", s = i.action || "", c = i.duration || "", l = { class: "tokui-agent tokui-agent--" + o };
+			var i = e.attrs || {}, a = i.name || n("agent.defaultName"), o = i.status || "idle", s = i.action || "", c = i.duration || "", l = { class: "tokui-agent tokui-agent--" + o };
 			i.id && (l.id = i.id);
 			var u = t("div", l), d = t("div", { class: "tokui-agent__header" }), f = t("span", { class: "tokui-agent__status-dot tokui-agent__status-dot--" + o });
 			d.appendChild(f);
 			var p = t("span", { class: "tokui-agent__name" });
 			p.textContent = a, d.appendChild(p);
-			var m = t("span", { class: "tokui-agent__status" }), h = {
-				idle: n("status.idle"),
-				running: n("status.running"),
-				paused: n("status.paused"),
-				done: n("status.done"),
-				error: n("status.error")
-			};
-			if (m.textContent = h[o] || o, d.appendChild(m), c) {
+			var m = t("span", { class: "tokui-agent__status" });
+			function h(e) {
+				var t = {
+					idle: "status.idle",
+					running: "status.running",
+					paused: "status.paused",
+					done: "status.done",
+					error: "status.error"
+				};
+				return t[e] ? n(t[e]) : e;
+			}
+			if (m.textContent = h(o), d.appendChild(m), c) {
 				var g = t("span", { class: "tokui-agent__duration" });
 				g.textContent = c, d.appendChild(g);
 			}
@@ -10410,14 +10589,11 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				var _ = t("div", { class: "tokui-agent__action" });
 				_.textContent = s, u.appendChild(_);
 			}
-			if (e.children && e.children.length) {
-				var v = t("div", { class: "tokui-agent__body" });
-				r(e.children).forEach(function(e) {
-					e && e.nodeType && v.appendChild(e);
-				}), u.appendChild(v), u._slot = v;
-			}
-			return u._tokuiType = "agent", u._update = function(e) {
-				e.status && (u.className = "tokui-agent tokui-agent--" + e.status, f.className = "tokui-agent__status-dot tokui-agent__status-dot--" + e.status, m.textContent = h[e.status] || e.status), e.action && _ && (_.textContent = e.action), e.duration && g && (g.textContent = e.duration);
+			var v = t("div", { class: "tokui-agent__body" });
+			return r(e.children || []).forEach(function(e) {
+				e && e.nodeType && v.appendChild(e);
+			}), u.appendChild(v), u._slot = v, u._tokuiType = "agent", u._update = function(e) {
+				e.status && (u.className = "tokui-agent tokui-agent--" + e.status, f.className = "tokui-agent__status-dot tokui-agent__status-dot--" + e.status, m.textContent = h(e.status)), e.action && _ && (_.textContent = e.action), e.duration && g && (g.textContent = e.duration);
 			}, u;
 		}), e.register("file-tree", (e, n) => {
 			var r = t("div", {
@@ -10427,32 +10603,36 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			return n(e.children || []).forEach(function(e) {
 				e && e.nodeType && r.appendChild(e);
 			}), r._slot = r, r._tokuiType = "file-tree", r;
-		}), e.register("ft-folder", (e, n) => {
-			var r = e.attrs || {}, i = r.name || "folder", a = r.open !== void 0, o = t("div", { class: "tokui-file-tree__folder" + (a ? " tokui-file-tree__folder--open" : "") }), s = t("div", {
+		}), e.register("ft-folder", (n, r) => {
+			var i = n.attrs || {}, a = i.name || "folder", o = i.open !== void 0, s = t("div", { class: "tokui-file-tree__folder" + (o ? " tokui-file-tree__folder--open" : "") }), c = t("div", {
 				class: "tokui-file-tree__folder-name",
 				role: "treeitem",
 				tabindex: "0",
-				"aria-expanded": String(a)
-			}), c = t("span", { class: "tokui-file-tree__folder-toggle" });
-			c.textContent = a ? "▾" : "▸", s.appendChild(c);
-			var l = t("span", { class: "tokui-file-tree__folder-icon" });
-			l.textContent = "📁", s.appendChild(l);
-			var u = t("span", { class: "tokui-file-tree__name" });
-			u.textContent = i, s.appendChild(u), o.appendChild(s);
-			var d = t("div", {
+				"aria-expanded": String(o)
+			}), l = t("span", { class: "tokui-file-tree__folder-toggle" });
+			l.textContent = o ? "▾" : "▸", c.appendChild(l);
+			var u = t("span", { class: "tokui-file-tree__folder-icon" });
+			u.textContent = "📁", c.appendChild(u);
+			var d = t("span", { class: "tokui-file-tree__name" });
+			d.textContent = a, c.appendChild(d), s.appendChild(c);
+			var f = t("div", {
 				class: "tokui-file-tree__folder-children",
 				role: "group"
 			});
-			a || (d.style.display = "none"), n(e.children || []).forEach(function(e) {
-				e && e.nodeType && d.appendChild(e);
-			}), o.appendChild(d);
-			function f() {
-				var e = o.classList.toggle("tokui-file-tree__folder--open");
-				c.textContent = e ? "▾" : "▸", d.style.display = e ? "" : "none", s.setAttribute("aria-expanded", String(e));
+			o || (f.style.display = "none"), r(n.children || []).forEach(function(e) {
+				e && e.nodeType && f.appendChild(e);
+			}), s.appendChild(f);
+			var p = e.createReporter("ft-folder", i, s);
+			function m() {
+				var e = s.classList.toggle("tokui-file-tree__folder--open");
+				l.textContent = e ? "▾" : "▸", f.style.display = e ? "" : "none", c.setAttribute("aria-expanded", String(e)), p("toggle", {
+					name: a,
+					open: e
+				});
 			}
-			return s.addEventListener("click", f), s.addEventListener("keydown", function(e) {
-				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), f());
-			}), o._slot = d, o._tokuiType = "ft-folder", o;
+			return c.addEventListener("click", m), c.addEventListener("keydown", function(e) {
+				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), m());
+			}), s._slot = f, s._tokuiType = "ft-folder", s;
 		}), e.register("ft-file", (e) => {
 			var n = e.attrs || {}, r = n.name || "file", i = n.badge || "", a = t("div", {
 				class: "tokui-file-tree__file",
@@ -10465,32 +10645,34 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				c.textContent = i, a.appendChild(c);
 			}
 			return a;
-		}), e.register("terminal", (e, r) => {
-			var i = e.attrs || {}, a = i.title || "Terminal", o = i.status || "", s = t("div", { class: "tokui-terminal" + (o && o !== "0" ? " tokui-terminal--error" : "") }), c = t("div", { class: "tokui-terminal__titlebar" }), l = t("span", { class: "tokui-terminal__dots" });
+		}), e.register("terminal", (r, i) => {
+			var a = r.attrs || {}, o = a.title || n("terminal.title"), s = a.status || "", c = { class: "tokui-terminal" + (s && s !== "0" ? " tokui-terminal--error" : "") };
+			a.id && (c.id = a.id);
+			var l = t("div", c), u = t("div", { class: "tokui-terminal__titlebar" }), d = t("span", { class: "tokui-terminal__dots" });
 			[
 				"🔴",
 				"🟡",
 				"🟢"
 			].forEach(function(e) {
 				var n = t("span", { class: "tokui-terminal__dot" });
-				n.textContent = e, l.appendChild(n);
-			}), c.appendChild(l);
-			var u = t("span", { class: "tokui-terminal__title" });
-			u.textContent = a, c.appendChild(u), s.appendChild(c);
-			var d = t("div", { class: "tokui-terminal__content" });
-			e.content && (d.textContent = e.content), r(e.children || []).forEach(function(e) {
-				e && e.nodeType && d.appendChild(e);
-			}), s.appendChild(d);
-			var f = t("button", {
+				n.textContent = e, d.appendChild(n);
+			}), u.appendChild(d);
+			var f = t("span", { class: "tokui-terminal__title" });
+			f.textContent = o, u.appendChild(f), l.appendChild(u);
+			var p = t("div", { class: "tokui-terminal__content" });
+			r.content && (p.textContent = r.content), i(r.children || []).forEach(function(e) {
+				e && e.nodeType && p.appendChild(e);
+			}), l.appendChild(p);
+			var m = e.createReporter("terminal", a, l), h = t("button", {
 				class: "tokui-terminal__copy",
 				type: "button"
 			});
-			return f.textContent = n("actions.copy"), f.addEventListener("click", function() {
-				var e = d.textContent || "";
-				typeof navigator < "u" && navigator.clipboard && navigator.clipboard.writeText(e), f.textContent = n("common.copied"), f.classList.add("tokui-terminal__copy--done"), setTimeout(function() {
-					f.textContent = n("actions.copy"), f.classList.remove("tokui-terminal__copy--done");
+			return h.textContent = n("actions.copy"), h.addEventListener("click", function() {
+				var e = p.textContent || "";
+				typeof navigator < "u" && navigator.clipboard && navigator.clipboard.writeText(e), h.textContent = n("common.copied"), h.classList.add("tokui-terminal__copy--done"), m("copy", {}), setTimeout(function() {
+					h.textContent = n("actions.copy"), h.classList.remove("tokui-terminal__copy--done");
 				}, 2e3);
-			}), c.appendChild(f), s._slot = d, s._tokuiType = "terminal", s;
+			}), u.appendChild(h), l._slot = p, l._tokuiType = "terminal", l;
 		}), e.register("shimmer", (e) => {
 			var n = e.attrs || {}, r = n.t || "text", i = parseInt(n.rows) || 3, a = t("div", { class: "tokui-shimmer tokui-shimmer--" + r });
 			if (r === "card") {
@@ -10554,57 +10736,59 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				preload: "metadata"
 			});
 			return r && d.setAttribute("src", r), d.setAttribute("controls", ""), o.appendChild(d), o;
-		}), e.register("quote", (e, n) => {
-			var r = e.attrs || {}, i = t("div", { class: "tokui-quote" }), a = t("div", { class: "tokui-quote__bar" });
-			i.appendChild(a);
-			var o = t("div", { class: "tokui-quote__content" });
-			if (r.role) {
-				var s = t("span", { class: "tokui-quote__role" });
-				s.textContent = r.role === "user" ? "User" : "AI", o.appendChild(s);
-			}
-			if (r.tx) {
-				var c = t("div", { class: "tokui-quote__text" });
-				c.textContent = r.tx, o.appendChild(c);
-			}
-			return r.msgid && i.setAttribute("data-msgid", r.msgid), n(e.children || []).forEach(function(e) {
-				e && e.nodeType && o.appendChild(e);
-			}), i.appendChild(o), i._slot = o, i._tokuiType = "quote", i;
-		}), e.register("sandbox", (e, n) => {
-			var r = e.attrs || {}, i = r.lang || "", a = r.title || "Preview", o = r.height || "200", s = t("div", { class: "tokui-sandbox" }), c = t("div", { class: "tokui-sandbox__header" }), l = t("span", { class: "tokui-sandbox__title" });
-			if (l.textContent = a, c.appendChild(l), i) {
-				var u = t("span", { class: "tokui-sandbox__lang" });
-				u.textContent = i, c.appendChild(u);
+		}), e.register("quote", (e, r) => {
+			var i = e.attrs || {}, a = t("div", { class: "tokui-quote" }), o = t("div", { class: "tokui-quote__bar" });
+			a.appendChild(o);
+			var s = t("div", { class: "tokui-quote__content" });
+			if (i.role) {
+				var c = t("span", { class: "tokui-quote__role" });
+				c.textContent = i.role === "user" ? n("bubble.you") : n("bubble.ai"), s.appendChild(c);
 			}
-			s.appendChild(c);
-			var d = t("div", { class: "tokui-sandbox__preview" });
-			d.style.height = o + "px";
-			var f = e.content || "";
-			if (!f && e.children && (f = e.children.filter(function(e) {
+			if (i.tx) {
+				var l = t("div", { class: "tokui-quote__text" });
+				l.textContent = i.tx, s.appendChild(l);
+			}
+			return i.msgid && a.setAttribute("data-msgid", i.msgid), r(e.children || []).forEach(function(e) {
+				e && e.nodeType && s.appendChild(e);
+			}), a.appendChild(s), a._slot = s, a._tokuiType = "quote", a;
+		}), e.register("sandbox", (e, r) => {
+			var i = e.attrs || {}, a = i.lang || "", o = i.title || n("sandbox.title"), s = i.height || "200", c = t("div", { class: "tokui-sandbox" }), l = t("div", { class: "tokui-sandbox__header" }), u = t("span", { class: "tokui-sandbox__title" });
+			if (u.textContent = o, l.appendChild(u), a) {
+				var d = t("span", { class: "tokui-sandbox__lang" });
+				d.textContent = a, l.appendChild(d);
+			}
+			c.appendChild(l);
+			var f = t("div", { class: "tokui-sandbox__preview" });
+			f.style.height = s + "px";
+			var p = e.content || "";
+			if (!p && e.children && (p = e.children.filter(function(e) {
 				return e.type === "_text" && e.content;
 			}).map(function(e) {
 				return e.content;
-			}).join("")), i === "html") {
-				var p = t("iframe", {
+			}).join("")), a === "html") {
+				var m = t("iframe", {
 					class: "tokui-sandbox__iframe",
 					sandbox: "allow-scripts",
 					frameborder: "0",
 					title: e.attrs && (e.attrs.tt || e.attrs.title) || "sandbox"
 				});
-				f && p.setAttribute("srcdoc", f), d.appendChild(p), s._slot = { appendChild: function(e) {
-					var t = e.nodeType === 3 ? e.nodeValue : e.textContent || "";
-					if (!t) return e;
-					var n = p.getAttribute("srcdoc") || "";
-					return p.setAttribute("srcdoc", n + t), e;
-				} };
+				p && m.setAttribute("srcdoc", p), f.appendChild(m);
+				var h = "";
+				c._slot = { appendChild: function(e) {
+					var t = e.nodeType === 3 ? e.nodeValue || e.textContent || "" : e.textContent || "";
+					return t && (h += t), e;
+				} }, c._streamCloseHook = function() {
+					h && m.setAttribute("srcdoc", h);
+				};
 			} else {
-				var m = t("pre", { class: "tokui-sandbox__code" });
-				f && (m.textContent = f), n((e.children || []).filter(function(e) {
+				var g = t("pre", { class: "tokui-sandbox__code" }), _ = t("code", {});
+				p && (_.textContent = p), g.appendChild(_), g.__code = _, r((e.children || []).filter(function(e) {
 					return e.type !== "_text";
 				})).forEach(function(e) {
-					e && e.nodeType && m.appendChild(e);
-				}), d.appendChild(m), s._slot = d;
+					e && e.nodeType && g.appendChild(e);
+				}), f.appendChild(g), c._slot = _;
 			}
-			return s.appendChild(d), s._tokuiType = "sandbox", s;
+			return c.appendChild(f), c._tokuiType = "sandbox", c;
 		}), e.register("commit", (e) => {
 			var n = e.attrs || {}, r = t("div", { class: "tokui-commit" }), i = n.hash || "", a = n.msg || "", o = n.author || "", s = n.branch || "", c = n.time || "", l = n.additions || "", u = n.deletions || "", d = t("div", { class: "tokui-commit__row" });
 			if (i) {
@@ -10642,8 +10826,8 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				r.appendChild(v);
 			}
 			return r;
-		}), e.register("test-result", (e, n) => {
-			var r = e.attrs || {}, i = t("div", { class: "tokui-test-result" }), a = t("div", { class: "tokui-test-result__summary" });
+		}), e.register("test-result", (e, r) => {
+			var i = e.attrs || {}, a = t("div", { class: "tokui-test-result" }), o = t("div", { class: "tokui-test-result__summary" });
 			if ([
 				{
 					key: "pass",
@@ -10661,25 +10845,25 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					icon: "○"
 				}
 			].forEach(function(e) {
-				if (r[e.key]) {
+				if (i[e.key]) {
 					var n = t("span", { class: "tokui-test-result__count tokui-test-result__count" + e.cls });
-					n.textContent = e.icon + " " + r[e.key], a.appendChild(n);
+					n.textContent = e.icon + " " + i[e.key], o.appendChild(n);
 				}
-			}), r.total) {
-				var o = t("span", { class: "tokui-test-result__count tokui-test-result__count--total" });
-				o.textContent = "Total: " + r.total, a.appendChild(o);
+			}), i.total) {
+				var s = t("span", { class: "tokui-test-result__count tokui-test-result__count--total" });
+				s.textContent = n("testResult.total", { n: i.total }), o.appendChild(s);
 			}
-			if (r.duration) {
-				var s = t("span", { class: "tokui-test-result__duration" });
-				s.textContent = r.duration, a.appendChild(s);
+			if (i.duration) {
+				var c = t("span", { class: "tokui-test-result__duration" });
+				c.textContent = i.duration, o.appendChild(c);
 			}
-			i.appendChild(a);
-			var c = t("div", { class: "tokui-test-result__cases" });
-			return n(e.children || []).forEach(function(e) {
-				e && e.nodeType && c.appendChild(e);
-			}), i.appendChild(c), i._slot = c, i._tokuiType = "test-result", i;
+			a.appendChild(o);
+			var l = t("div", { class: "tokui-test-result__cases" });
+			return r(e.children || []).forEach(function(e) {
+				e && e.nodeType && l.appendChild(e);
+			}), a.appendChild(l), a._slot = l, a._tokuiType = "test-result", a;
 		});
-		function k(e) {
+		function j(e) {
 			var n = e.attrs || {}, r = n.status || "pass", i = t("div", {
 				class: "tokui-test-case tokui-test-case--" + r,
 				"data-tokui-tag": e.type
@@ -10700,38 +10884,38 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}
 			return i;
 		}
-		e.register("test-case", (e) => k(e)), e.register("case", (e) => k(e)), e.register("conversations", (r, i) => {
+		e.register("test-case", (e) => j(e)), e.register("case", (e) => j(e)), e.register("conversations", (r, i) => {
 			var a = r.attrs || {}, o = a.clk || "", s = a.act || "", c = t("div", {
 				class: "tokui-conversations",
 				role: "list"
 			}), l = e.createReporter("conversations", a, c), u = (r.children || []).filter(function(e) {
 				return e.type === "conv";
 			}), d = null;
-			if (u.length === 0) return d = t("div", { class: "tokui-conversations__empty" }), d.textContent = n("chat.emptySessions"), c.appendChild(d), c._slot = c, c._tokuiType = "conversations", c._convHandlerName = o, c._convActiveAct = s, c._renderConvChild = function(e) {
-				return M(e, o, s, c, l);
+			if (u.length === 0) return d = t("div", { class: "tokui-conversations__empty" }), d.textContent = n("chat.emptySessions"), c.appendChild(d), c._slot = c, c._tokuiType = "conversations", c._convHandlerName = o, c._convActiveAct = s, c._renderConvChild = function(t) {
+				return P(t, o, s, c, l, e.eventBus);
 			}, c._streamCloseHook = function() {
 				c.querySelector(".tokui-conv") && d && d.parentNode && d.parentNode.removeChild(d);
 			}, c;
-			var f = j(u);
-			return f.forEach(function(e) {
+			var f = N(u);
+			return f.forEach(function(n) {
 				if (f.length > 1) {
-					var n = t("div", { class: "tokui-conversations__group-header" });
-					n.textContent = e.label, c.appendChild(n);
+					var r = t("div", { class: "tokui-conversations__group-header" });
+					r.textContent = n.label, c.appendChild(r);
 				}
-				e.items.forEach(function(e) {
-					var t = M(e, o, s, c, l);
-					c.appendChild(t);
+				n.items.forEach(function(t) {
+					var n = P(t, o, s, c, l, e.eventBus);
+					c.appendChild(n);
 				});
 			}), c._slot = c, c._tokuiType = "conversations", c;
-		}), e.register("conv", (e) => M(e, "", "", null, null));
-		function A(e) {
+		}), e.register("conv", (t) => P(t, "", "", null, null, e.eventBus));
+		function M(e) {
 			return /^\d{1,2}:\d{2}$/.test(e);
 		}
-		function j(e) {
+		function N(e) {
 			var t = [], r = [], i = [];
 			e.forEach(function(e) {
-				var n = e.attrs && e.attrs.time || "";
-				A(n) ? t.push(e) : n === "昨天" ? r.push(e) : i.push(e);
+				var a = e.attrs && e.attrs.time || "";
+				M(a) ? t.push(e) : a === n("time.yesterday") ? r.push(e) : i.push(e);
 			});
 			var a = [];
 			return t.length && a.push({
@@ -10748,47 +10932,41 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				items: e
 			}];
 		}
-		function M(e, r, i, a, o) {
-			var s = e.attrs || {}, c = s.tt || "", l = s.time || "", u = s.id || c, d = s.active === !0 || s.active === "true";
-			!d && i && s.act && s.act === i && (d = !0);
-			var f = ["tokui-conv"];
-			d && f.push("tokui-conv--active");
-			var p = t("div", {
-				class: f.join(" "),
+		function P(e, r, i, a, o, s) {
+			var c = e.attrs || {}, l = c.tt || "", u = c.time || "", d = c.id || l, f = c.active === !0 || c.active === "true";
+			!f && i && c.act && c.act === i && (f = !0);
+			var p = ["tokui-conv"];
+			f && p.push("tokui-conv--active");
+			var m = t("div", {
+				class: p.join(" "),
 				role: "listitem",
 				tabindex: "0",
 				"data-tokui-tag": "conv"
 			});
-			d && p.setAttribute("aria-current", "true");
-			var m = t("div", { class: "tokui-conv__title" });
-			if (m.textContent = c, p.appendChild(m), l) {
-				var h = t("span", { class: "tokui-conv__time" });
-				h.textContent = l, p.appendChild(h);
+			f && m.setAttribute("aria-current", "true");
+			var h = t("div", { class: "tokui-conv__title" });
+			if (h.textContent = l, m.appendChild(h), u) {
+				var g = t("span", { class: "tokui-conv__time" });
+				g.textContent = u, m.appendChild(g);
 			}
-			var g = t("div", { class: "tokui-conv__actions" }), _ = t("button", {
+			var _ = t("div", { class: "tokui-conv__actions" }), v = t("button", {
 				class: "tokui-conv__delete",
 				type: "button",
 				"aria-label": n("common.delete")
 			});
-			return _.textContent = "×", g.appendChild(_), p.appendChild(g), p.addEventListener("click", function(e) {
-				if (!(e.target.closest && e.target.closest(".tokui-conv__delete"))) {
-					if ((a ? a.querySelectorAll(".tokui-conv") : [p]).forEach(function(e) {
-						e.classList.remove("tokui-conv--active"), e.removeAttribute("aria-current");
-					}), p.classList.add("tokui-conv--active"), p.setAttribute("aria-current", "true"), r) {
-						var t = typeof window < "u" && window.TokUI && window.TokUI._internal ? window.TokUI._internal.eventBus : null;
-						t && typeof t.emit == "function" && t.emit(r, {
-							tt: c,
-							time: l,
-							act: s.act || ""
-						});
-					}
-					o && o("change", { value: u });
-				}
-			}), p.addEventListener("keydown", function(e) {
-				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), p.click());
-			}), _.addEventListener("click", function(e) {
-				e.stopPropagation(), p.parentNode && p.parentNode.removeChild(p), o && o("delete", { value: u });
-			}), p;
+			return v.textContent = "×", _.appendChild(v), m.appendChild(_), m.addEventListener("click", function(e) {
+				e.target.closest && e.target.closest(".tokui-conv__delete") || ((a ? a.querySelectorAll(".tokui-conv") : [m]).forEach(function(e) {
+					e.classList.remove("tokui-conv--active"), e.removeAttribute("aria-current");
+				}), m.classList.add("tokui-conv--active"), m.setAttribute("aria-current", "true"), r && s && typeof s.emit == "function" && s.emit(r, {
+					tt: l,
+					time: u,
+					act: c.act || ""
+				}), o && o("change", { value: d }));
+			}), m.addEventListener("keydown", function(e) {
+				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), m.click());
+			}), v.addEventListener("click", function(e) {
+				e.stopPropagation(), m.parentNode && m.parentNode.removeChild(m), o && o("delete", { value: d });
+			}), m;
 		}
 		e.register("welcome", (e, n) => {
 			var r = e.attrs || {}, i = r.tt || "", a = r.st || "", o = r.bd ? String(r.bd).split(",") : [], s = r.hd || "", c = r.ft || "", l = t("div", { class: "tokui-welcome" });
@@ -10827,8 +11005,8 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}
 			return l._slot = h, l._tokuiType = "welcome", l;
 		});
-		function N(e) {
-			var n = e.attrs || {}, r = n.tt || "", i = n.tx || "", a = n.i || "code", o = n.clk || "", s = {
+		function F(n) {
+			var r = n.attrs || {}, i = r.tt || "", a = r.tx || "", o = r.i || "code", s = r.clk || "", c = {
 				code: "<svg viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"16 18 22 12 16 6\"/><polyline points=\"8 6 2 12 8 18\"/></svg>",
 				chart: "<svg viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"/><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"/><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"/></svg>",
 				doc: "<svg viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"/><polyline points=\"14 2 14 8 20 8\"/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"/></svg>",
@@ -10837,35 +11015,39 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				chat: "<svg viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"/></svg>",
 				table: "<svg viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"1\"/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"/><line x1=\"9\" y1=\"10\" x2=\"9\" y2=\"20\"/></svg>",
 				form: "<svg viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 11l3 3L22 4\"/><path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"/></svg>"
-			}, c = {
-				class: ["tokui-welcome-feature", "tokui-welcome-feature--" + a].join(" "),
+			}, l = {
+				class: ["tokui-welcome-feature", "tokui-welcome-feature--" + o].join(" "),
 				role: "button",
 				tabindex: "0",
-				"data-tokui-tag": e.type
+				"data-tokui-tag": n.type
 			};
-			o && (c["data-tokui-clk"] = o), Object.keys(n).forEach(function(e) {
-				e.indexOf("data-") === 0 && (c[e] = n[e]);
+			s && (l["data-tokui-clk"] = s), Object.keys(r).forEach(function(e) {
+				e.indexOf("data-") === 0 && (l[e] = r[e]);
 			});
-			var l = t("div", c), u = t("div", { class: "tokui-welcome-feature__icon" });
-			u.innerHTML = s[a] || s.code, l.appendChild(u);
-			var d = t("div", { class: "tokui-welcome-feature__body" });
-			if (r) {
-				var f = t("div", { class: "tokui-welcome-feature__title" });
-				f.textContent = r, d.appendChild(f);
-			}
+			var u = t("div", l), d = t("div", { class: "tokui-welcome-feature__icon" });
+			d.innerHTML = c[o] || c.code, u.appendChild(d);
+			var f = t("div", { class: "tokui-welcome-feature__body" });
 			if (i) {
-				var p = t("div", { class: "tokui-welcome-feature__desc" });
-				p.textContent = i, d.appendChild(p);
+				var p = t("div", { class: "tokui-welcome-feature__title" });
+				p.textContent = i, f.appendChild(p);
 			}
-			return l.appendChild(d), l._tokuiType = "welcome-feature", l;
+			if (a) {
+				var m = t("div", { class: "tokui-welcome-feature__desc" });
+				m.textContent = a, f.appendChild(m);
+			}
+			u.appendChild(f);
+			var h = e.createReporter("welcome-feature", r, u);
+			return u.addEventListener("click", function() {
+				h("select", { value: i || a });
+			}), u._tokuiType = "welcome-feature", u;
 		}
-		e.register("welcome-feature", (e) => N(e)), e.register("feature", (e) => N(e)), e.register("attachments", (e, n) => {
+		e.register("welcome-feature", (e) => F(e)), e.register("feature", (e) => F(e)), e.register("attachments", (e, n) => {
 			var r = (e.attrs || {}).clk || "", i = t("div", { class: "tokui-attachments" });
 			return r && i.setAttribute("data-tokui-clk", r), n(e.children || []).forEach(function(e) {
 				e && e.nodeType && i.appendChild(e);
 			}), i._slot = i, i._tokuiType = "attachments", i;
-		}), e.register("attach", (e) => {
-			var r = e.attrs || {}, i = r.t || "default", a = r.s || n("file.unnamed"), o = r.u || "", s = r.size || "", l = r.clk || "", u = {
+		}), e.register("attach", (r) => {
+			var i = r.attrs || {}, a = i.t || "default", o = i.s || n("file.unnamed"), s = i.u || "", c = i.size || "", l = i.clk || "", u = {
 				pdf: "#f5222d",
 				code: "#1677ff",
 				excel: "#52c41a",
@@ -10876,147 +11058,150 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				audio: "#13c2c2",
 				image: "#eb2f96",
 				default: "#8c8c8c"
-			}, d = u[i] || u.default, f = t("div", { class: "tokui-attach tokui-attach--" + i });
-			if (l && f.setAttribute("data-tokui-clk", l), i === "image" && o) {
-				var p = t("img", {
+			}, f = u[a] || u.default, p = t("div", { class: "tokui-attach tokui-attach--" + a });
+			if (l && p.setAttribute("data-tokui-clk", l), a === "image" && s) {
+				var m = t("img", {
 					class: "tokui-attach__thumb",
-					src: o,
-					alt: a
+					src: s,
+					alt: o
 				});
-				f.appendChild(p);
+				p.appendChild(m);
 			} else {
-				var m = t("div", { class: "tokui-attach__icon" });
-				m.innerHTML = c(i, d), f.appendChild(m);
-			}
-			var h = t("div", { class: "tokui-attach__info" }), g = t("div", { class: "tokui-attach__name" });
-			if (g.textContent = a, o && (g.style.cursor = "pointer", g.setAttribute("tabindex", "0"), g.setAttribute("role", "link"), g.addEventListener("click", function() {
-				typeof window < "u" && window.open(o, "_blank");
-			}), g.addEventListener("keydown", function(e) {
-				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), typeof window < "u" && window.open(o, "_blank"));
-			})), h.appendChild(g), s) {
-				var _ = t("div", { class: "tokui-attach__size" });
-				_.textContent = s, h.appendChild(_);
-			}
-			f.appendChild(h);
-			var v = t("div", { class: "tokui-attach__actions" });
-			if (o) {
-				var y = t("a", {
+				var h = t("div", { class: "tokui-attach__icon" });
+				h.innerHTML = d(a, f), p.appendChild(h);
+			}
+			var g = t("div", { class: "tokui-attach__info" }), _ = t("div", { class: "tokui-attach__name" });
+			if (_.textContent = o, s && (_.style.cursor = "pointer", _.setAttribute("tabindex", "0"), _.setAttribute("role", "link"), _.addEventListener("click", function() {
+				typeof window < "u" && window.open(s, "_blank");
+			}), _.addEventListener("keydown", function(e) {
+				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), typeof window < "u" && window.open(s, "_blank"));
+			})), g.appendChild(_), c) {
+				var v = t("div", { class: "tokui-attach__size" });
+				v.textContent = c, g.appendChild(v);
+			}
+			p.appendChild(g);
+			var y = t("div", { class: "tokui-attach__actions" }), b = e.createReporter("attach", i, p);
+			if (s) {
+				var x = t("a", {
 					class: "tokui-attach__action",
-					href: o,
+					href: s,
 					target: "_blank",
 					rel: "noopener noreferrer",
 					download: ""
 				});
-				y.innerHTML = "<svg viewBox=\"0 0 16 16\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M8 2v9M4.5 7.5L8 11l3.5-3.5M2 13h12\"/></svg>", y.title = n("common.download"), v.appendChild(y);
+				x.innerHTML = "<svg viewBox=\"0 0 16 16\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M8 2v9M4.5 7.5L8 11l3.5-3.5M2 13h12\"/></svg>", x.title = n("common.download"), y.appendChild(x);
 			}
-			var b = t("button", {
+			var S = t("button", {
 				class: "tokui-attach__action tokui-attach__action--del",
 				type: "button"
 			});
-			return b.innerHTML = "<svg viewBox=\"0 0 16 16\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4l8 8M12 4l-8 8\"/></svg>", b.title = n("common.delete"), b.addEventListener("click", function(e) {
-				if (e.stopPropagation(), l) {
-					var t = typeof window < "u" && window.TokUI && window.TokUI._internal ? window.TokUI._internal.eventBus : null;
-					t && typeof t.emit == "function" && t.emit(l, {
-						name: a,
-						url: o,
-						type: i
-					});
-				}
-				f.parentNode && f.parentNode.removeChild(f);
-			}), v.appendChild(b), f.appendChild(v), f._tokuiType = "attach", f;
-		}), e.register("artifact", (r, o) => {
+			return S.innerHTML = "<svg viewBox=\"0 0 16 16\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4l8 8M12 4l-8 8\"/></svg>", S.title = n("common.delete"), S.addEventListener("click", function(t) {
+				t.stopPropagation(), l && e.eventBus && typeof e.eventBus.emit == "function" && e.eventBus.emit(l, {
+					name: o,
+					url: s,
+					type: a
+				}), b("delete", {
+					name: o,
+					url: s,
+					type: a
+				}), p.parentNode && p.parentNode.removeChild(p);
+			}), y.appendChild(S), p.appendChild(y), p._tokuiType = "attach", p;
+		}), e.register("artifact", (r, i) => {
 			var s = r.attrs || {}, c = s.tt || "Artifact", l = s.lang || "text";
 			s.pos, s.w;
-			var u = t("div", { class: "tokui-artifact" }), d = t("div", { class: "tokui-artifact__header" }), f = t("span", { class: "tokui-artifact__title" });
-			f.textContent = c, d.appendChild(f);
-			var p = t("div", {
+			var u = { class: "tokui-artifact" };
+			s.id && (u.id = s.id);
+			var d = t("div", u), f = t("div", { class: "tokui-artifact__header" }), p = t("span", { class: "tokui-artifact__title" });
+			p.textContent = c, f.appendChild(p);
+			var m = t("div", {
 				class: "tokui-artifact__tabs",
 				role: "tablist"
-			}), m = t("button", {
+			}), h = t("button", {
 				class: "tokui-artifact__tab tokui-artifact__tab--code tokui-artifact__tab--active",
 				type: "button",
 				role: "tab",
 				"aria-selected": "true"
 			});
-			m.textContent = "Code", p.appendChild(m);
-			var h = t("button", {
+			h.textContent = n("artifact.codeTab"), m.appendChild(h);
+			var g = t("button", {
 				class: "tokui-artifact__tab tokui-artifact__tab--preview",
 				type: "button",
 				role: "tab",
 				"aria-selected": "false"
 			});
-			h.textContent = "Preview", p.appendChild(h), d.appendChild(p);
-			var g = t("button", {
+			g.textContent = n("artifact.previewTab"), m.appendChild(g), f.appendChild(m);
+			var _ = t("button", {
 				class: "tokui-artifact__close",
 				type: "button",
 				"aria-label": n("common.close")
 			});
-			g.innerHTML = "&times;", d.appendChild(g), u.appendChild(d);
-			var _ = t("div", { class: "tokui-artifact__code" }), v = "", y = (r.children || []).filter(function(e) {
+			_.innerHTML = "&times;", f.appendChild(_), d.appendChild(f);
+			var v = t("div", { class: "tokui-artifact__code" }), y = "", b = (r.children || []).filter(function(e) {
 				return e.type === "artifact-code";
 			});
-			y.length > 0 && (v = (y[0].children || []).map(function(e) {
+			b.length > 0 && (y = (b[0].children || []).map(function(e) {
 				return e.content || "";
 			}).join(""));
-			var b = t("pre", { class: "tokui-code" }), x = t("code", { class: "language-" + l });
-			l !== "text" && i[l] ? x.innerHTML = w(a(v, l)) : x.innerHTML = w(C(v)), b.appendChild(x), _.appendChild(b);
-			var S = t("button", {
+			var x = t("pre", { class: "tokui-code" }), S = t("code", { class: "language-" + l });
+			l !== "text" && a[l] ? S.innerHTML = E(o(y, l)) : S.innerHTML = E(T(y)), x.appendChild(S), v.appendChild(x);
+			var C = y, w = e.createReporter("artifact", s, d), D = t("button", {
 				class: "tokui-artifact__code-copy",
 				type: "button"
 			});
-			S.textContent = n("common.copy"), S.addEventListener("click", function() {
-				var e = x.textContent || "";
-				typeof navigator < "u" && navigator.clipboard && navigator.clipboard.writeText(e), S.textContent = n("common.copied"), S.classList.add("tokui-artifact__code-copy--done"), setTimeout(function() {
-					S.textContent = n("common.copy"), S.classList.remove("tokui-artifact__code-copy--done");
+			D.textContent = n("common.copy"), D.addEventListener("click", function() {
+				typeof navigator < "u" && navigator.clipboard && navigator.clipboard.writeText(C), w("copy", {}), D.textContent = n("common.copied"), D.classList.add("tokui-artifact__code-copy--done"), setTimeout(function() {
+					D.textContent = n("common.copy"), D.classList.remove("tokui-artifact__code-copy--done");
 				}, 2e3);
-			}), _.appendChild(S), u.appendChild(_);
-			var T = t("div", { class: "tokui-artifact__preview" });
-			T.style.display = "none";
-			var E = t("iframe", {
+			}), v.appendChild(D), d.appendChild(v);
+			var O = t("div", { class: "tokui-artifact__preview" });
+			O.style.display = "none";
+			var k = t("iframe", {
 				class: "tokui-artifact__iframe",
 				sandbox: "allow-scripts",
 				frameborder: "0",
 				title: c || "artifact"
-			}), D = "";
-			D = l === "html" ? v : "<pre style=\"margin:0;padding:16px;font-family:monospace;font-size:13px;white-space:pre-wrap;word-break:break-word;\">" + v.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;") + "</pre>", E.setAttribute("srcdoc", D), T.appendChild(E), u.appendChild(T);
-			var O = t("div", { class: "tokui-artifact__resize" });
-			u.appendChild(O), m.addEventListener("click", function() {
-				_.style.display = "", T.style.display = "none", m.classList.add("tokui-artifact__tab--active"), h.classList.remove("tokui-artifact__tab--active"), m.setAttribute("aria-selected", "true"), h.setAttribute("aria-selected", "false");
-			}), h.addEventListener("click", function() {
-				_.style.display = "none", T.style.display = "", h.classList.add("tokui-artifact__tab--active"), m.classList.remove("tokui-artifact__tab--active"), h.setAttribute("aria-selected", "true"), m.setAttribute("aria-selected", "false");
-			});
-			var k = e.createReporter("artifact", s, u);
-			g.addEventListener("click", function() {
-				if (k("close", {}), typeof CustomEvent == "function" && typeof u.dispatchEvent == "function") {
+			}), A = "";
+			A = l === "html" ? y : "<pre style=\"margin:0;padding:16px;font-family:monospace;font-size:13px;white-space:pre-wrap;word-break:break-word;\">" + y.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;") + "</pre>", k.setAttribute("srcdoc", A), O.appendChild(k), d.appendChild(O);
+			var j = t("div", { class: "tokui-artifact__resize" });
+			d.appendChild(j), h.addEventListener("click", function() {
+				v.style.display = "", O.style.display = "none", h.classList.add("tokui-artifact__tab--active"), g.classList.remove("tokui-artifact__tab--active"), h.setAttribute("aria-selected", "true"), g.setAttribute("aria-selected", "false");
+			}), g.addEventListener("click", function() {
+				v.style.display = "none", O.style.display = "", g.classList.add("tokui-artifact__tab--active"), h.classList.remove("tokui-artifact__tab--active"), g.setAttribute("aria-selected", "true"), h.setAttribute("aria-selected", "false");
+			}), _.addEventListener("click", function() {
+				if (w("close", {}), typeof CustomEvent == "function" && typeof d.dispatchEvent == "function") {
 					var e = new CustomEvent("tokui-artifact-close", {
 						bubbles: !0,
-						detail: { artifact: u }
+						detail: { artifact: d }
 					});
-					u.dispatchEvent(e);
+					d.dispatchEvent(e);
 				}
-				u.style.display = "none";
+				d.style.display = "none";
 			});
-			var A = !1;
-			O.addEventListener("mousedown", function(e) {
-				A = !0, e.preventDefault(), document.addEventListener("mousemove", j), document.addEventListener("mouseup", M);
+			var M = !1;
+			j.addEventListener("mousedown", function(e) {
+				M = !0, e.preventDefault(), document.addEventListener("mousemove", N), document.addEventListener("mouseup", P);
 			});
-			function j(e) {
-				if (A) {
-					var t = u.getBoundingClientRect();
+			function N(e) {
+				if (M) {
+					var t = d.getBoundingClientRect();
 					if (t) {
 						var n = t.bottom - e.clientY;
-						n = Math.max(120, n), u.style.height = n + "px";
+						n = Math.max(120, n), d.style.height = n + "px";
 					}
 				}
 			}
-			function M() {
-				A = !1, document.removeEventListener("mousemove", j), document.removeEventListener("mouseup", M);
-			}
-			return u._slot = x, u._tokuiType = "artifact", u._artifactCode = v, setTimeout(function() {
-				u.querySelectorAll(".tokui-artifact-preview-standalone").forEach(function(e) {
+			function P() {
+				M = !1, document.removeEventListener("mousemove", N), document.removeEventListener("mouseup", P);
+			}
+			return typeof document < "u" && e._registerCleanup(d, function() {
+				P();
+			}), d._slot = S, d._tokuiType = "artifact", d._artifactCode = y, d._streamAppendHook = function(e) {
+				e && e.type === "_text" && e.content && (C += e.content);
+			}, setTimeout(function() {
+				d.querySelectorAll(".tokui-artifact-preview-standalone").forEach(function(e) {
 					e.parentNode && e.parentNode.removeChild(e);
 				});
-			}, 0), u._streamCloseHook = function() {
+			}, 0), d._streamCloseHook = function() {
 				var e = (r.children || []).find(function(e) {
 					return e.type === "artifact-code";
 				}), t;
@@ -11025,21 +11210,21 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				}).join("");
 				else {
 					t = "";
-					for (var n = u.querySelectorAll("pre"), o = 0; o < n.length; o++) if (n[o]._tokuiType === "artifact-code") {
-						var s = n[o].querySelector("code");
+					for (var n = d.querySelectorAll("pre"), i = 0; i < n.length; i++) if (n[i]._tokuiType === "artifact-code") {
+						var s = n[i].querySelector("code");
 						if (s) {
 							t = s.textContent || "";
 							break;
 						}
 					}
-					t ||= u._artifactCode || "";
+					t ||= C || d._artifactCode || "";
 				}
-				l !== "text" && i[l] ? x.innerHTML = w(a(t, l)) : x.innerHTML = w(C(t)), u._artifactCode = t;
+				l !== "text" && a[l] ? S.innerHTML = E(o(t, l)) : S.innerHTML = E(T(t)), d._artifactCode = t, C = t;
 				var c = "";
-				c = l === "html" ? t : "<pre style=\"margin:0;padding:16px;font-family:monospace;font-size:13px;white-space:pre-wrap;word-break:break-word;\">" + t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;") + "</pre>", E.setAttribute("srcdoc", c);
-				var d = u.querySelector(".tokui-artifact-preview-standalone");
-				d && d.parentNode && d.parentNode.removeChild(d);
-			}, u;
+				c = l === "html" ? t : "<pre style=\"margin:0;padding:16px;font-family:monospace;font-size:13px;white-space:pre-wrap;word-break:break-word;\">" + t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;") + "</pre>", k.setAttribute("srcdoc", c);
+				var u = d.querySelector(".tokui-artifact-preview-standalone");
+				u && u.parentNode && u.parentNode.removeChild(u);
+			}, d;
 		}), e.register("artifact-code", (e, n) => {
 			var r = "";
 			r = e.children && e.children.length > 0 ? e.children.map(function(e) {
@@ -11064,44 +11249,44 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			return e.children && e.children.length > 0 && (s = e.children.map(function(e) {
 				return e.content || "";
 			}).join("")), s && o.setAttribute("srcdoc", s), a.appendChild(o), a._tokuiType = "artifact-preview", a;
-		}), e.register("command", (e, r) => {
-			var i = e.attrs || {}, a = i.ph || n("command.placeholder"), o = t("div", { class: "tokui-command" });
-			i.id && (o.id = i.id), i.clk && o.setAttribute("data-tokui-cmd-clk", i.clk);
-			var s = t("div", { class: "tokui-command__overlay" });
-			o.appendChild(s);
-			var c = t("div", {
+		}), e.register("command", (r, i) => {
+			var a = r.attrs || {}, o = a.ph || n("command.placeholder"), s = t("div", { class: "tokui-command" });
+			a.id && (s.id = a.id), a.clk && s.setAttribute("data-tokui-cmd-clk", a.clk);
+			var c = e.createReporter("command", a, s), l = t("div", { class: "tokui-command__overlay" });
+			s.appendChild(l);
+			var u = t("div", {
 				class: "tokui-command__panel",
 				role: "dialog",
 				"aria-modal": "true",
 				"aria-label": n("command.aria")
-			}), l = t("div", { class: "tokui-command__input-wrap" }), u = t("span", {
+			}), d = t("div", { class: "tokui-command__input-wrap" }), f = t("span", {
 				class: "tokui-command__search-icon",
 				"aria-hidden": "true"
 			});
-			u.innerHTML = "<svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"/><path d=\"M21 21l-4.35-4.35\"/></svg>", l.appendChild(u);
-			var d = t("input", {
+			f.innerHTML = "<svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"/><path d=\"M21 21l-4.35-4.35\"/></svg>", d.appendChild(f);
+			var p = t("input", {
 				class: "tokui-command__input",
 				type: "text",
-				placeholder: a,
+				placeholder: o,
 				autocomplete: "off",
 				autofocus: "true"
 			});
-			l.appendChild(d), c.appendChild(l);
-			var f = t("div", {
+			d.appendChild(p), u.appendChild(d);
+			var m = t("div", {
 				class: "tokui-command__list",
 				role: "listbox"
 			});
-			r(e.children || []).forEach(function(e) {
-				e && e.nodeType && f.appendChild(e);
+			i(r.children || []).forEach(function(e) {
+				e && e.nodeType && m.appendChild(e);
 			});
-			var p = t("div", { class: "tokui-command__empty" });
-			p.textContent = n("command.noResult"), p.style.display = "none", f.appendChild(p), c.appendChild(f), o.appendChild(c);
-			var m = [], h = [];
-			function g() {
-				m = Array.from(f.querySelectorAll(".tokui-command__item")), h = Array.from(f.querySelectorAll(".tokui-command__group"));
+			var h = t("div", { class: "tokui-command__empty" });
+			h.textContent = n("command.noResult"), h.style.display = "none", m.appendChild(h), u.appendChild(m), s.appendChild(u);
+			var g = [], _ = [];
+			function v() {
+				g = Array.from(m.querySelectorAll(".tokui-command__item")), _ = Array.from(m.querySelectorAll(".tokui-command__group"));
 			}
-			g();
-			function _(e, t) {
+			v();
+			function y(e, t) {
 				if (!t) return {
 					match: !0,
 					score: 0
@@ -11120,7 +11305,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					score: 0
 				};
 			}
-			function v(e, t) {
+			function b(e, t) {
 				if (!t) return document.createTextNode(e);
 				var n = e.toLowerCase(), r = t.toLowerCase(), i = n.indexOf(r);
 				if (i === -1) return document.createTextNode(e);
@@ -11129,138 +11314,121 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				var l = document.createElement("mark");
 				return l.className = "tokui-command__highlight", l.textContent = s, a.appendChild(l), c && a.appendChild(document.createTextNode(c)), a;
 			}
-			function y(e) {
+			function x(e) {
 				var t = 0;
-				m.forEach(function(n) {
-					var r = n.getAttribute("data-value") || n.textContent || "";
-					if (_(r, e).match) {
+				g.forEach(function(n) {
+					var r = n.getAttribute("data-value") || n.textContent || "", i = y(r, e);
+					if (n._cmdVisible = i.match, i.match) {
 						n.style.display = "", t++;
-						var i = n.querySelector(".tokui-command__item-text");
-						i && (i.innerHTML = "", i.appendChild(v(r, e)));
+						var a = n.querySelector(".tokui-command__item-text");
+						a && (a.innerHTML = "", a.appendChild(b(n._cmdText == null ? r : n._cmdText, e)));
 					} else n.style.display = "none", n.classList.remove("tokui-command__item--selected");
-				}), h.forEach(function(e) {
-					var t = e.querySelectorAll(".tokui-command__item:not([style*=\"display: none\"])");
-					e.style.display = t.length === 0 ? "none" : "";
-				}), p.style.display = t === 0 ? "" : "none", b = -1, t > 0 && (b = 0, S());
+				}), _.forEach(function(e) {
+					for (var t = e.querySelectorAll(".tokui-command__item"), n = !1, r = 0; r < t.length; r++) if (t[r]._cmdVisible) {
+						n = !0;
+						break;
+					}
+					e.style.display = n ? "" : "none";
+				}), h.style.display = t === 0 ? "" : "none", S = -1, t > 0 && (S = 0, w());
 			}
-			d.addEventListener("input", function() {
-				y(d.value.trim());
+			p.addEventListener("input", function() {
+				x(p.value.trim());
 			});
-			var b = -1;
-			function x() {
-				return m.filter(function(e) {
-					return e.style.display !== "none";
+			var S = -1;
+			function C() {
+				return g.filter(function(e) {
+					return e._cmdVisible !== !1;
 				});
 			}
-			function S() {
-				x().forEach(function(e, t) {
-					t === b ? (e.classList.add("tokui-command__item--selected"), e.setAttribute("aria-selected", "true"), e.scrollIntoView && e.scrollIntoView({ block: "nearest" })) : (e.classList.remove("tokui-command__item--selected"), e.setAttribute("aria-selected", "false"));
+			function w() {
+				C().forEach(function(e, t) {
+					t === S ? (e.classList.add("tokui-command__item--selected"), e.setAttribute("aria-selected", "true"), e.scrollIntoView && e.scrollIntoView({ block: "nearest" })) : (e.classList.remove("tokui-command__item--selected"), e.setAttribute("aria-selected", "false"));
 				});
 			}
-			function C(e) {
-				if (e) {
-					var t = e.getAttribute("data-tokui-cmd-clk");
-					if (t) {
-						var n = typeof window < "u" && window.TokUI && window.TokUI._internal ? window.TokUI._internal.eventBus : null;
-						n && typeof n.emit == "function" && n.emit(t, {
-							value: e.getAttribute("data-value"),
-							text: e.textContent
-						});
-					}
-					var r = o.getAttribute("data-tokui-cmd-clk");
-					if (r) {
-						var i = typeof window < "u" && window.TokUI && window.TokUI._internal ? window.TokUI._internal.eventBus : null;
-						i && typeof i.emit == "function" && i.emit(r, {
-							value: e.getAttribute("data-value"),
-							text: e.textContent,
-							clk: t
-						});
-					}
-					T();
-				}
-			}
-			d.addEventListener("keydown", function(e) {
-				var t = x();
-				e.key === "ArrowDown" ? (e.preventDefault(), t.length > 0 && (b = (b + 1) % t.length, S())) : e.key === "ArrowUp" ? (e.preventDefault(), t.length > 0 && (b = b <= 0 ? t.length - 1 : b - 1, S())) : e.key === "Enter" ? (e.preventDefault(), b >= 0 && b < t.length && C(t[b])) : e.key === "Escape" && (e.preventDefault(), T());
+			function T(t) {
+				if (t) {
+					var n = t.getAttribute("data-tokui-cmd-clk"), r = t.getAttribute("data-value"), i = t.querySelector ? t.querySelector(".tokui-command__item-text") : null, a = t._cmdText == null ? i ? i.textContent : t.textContent : t._cmdText, o = e.eventBus;
+					n && o && typeof o.emit == "function" && o.emit(n, {
+						value: r,
+						text: a
+					});
+					var l = s.getAttribute("data-tokui-cmd-clk");
+					l && o && typeof o.emit == "function" && o.emit(l, {
+						value: r,
+						text: a,
+						clk: n
+					}), c("select", {
+						value: r,
+						text: a
+					}), D();
+				}
+			}
+			p.addEventListener("keydown", function(e) {
+				var t = C();
+				e.key === "ArrowDown" ? (e.preventDefault(), t.length > 0 && (S = (S + 1) % t.length, w())) : e.key === "ArrowUp" ? (e.preventDefault(), t.length > 0 && (S = S <= 0 ? t.length - 1 : S - 1, w())) : e.key === "Enter" ? (e.preventDefault(), S >= 0 && S < t.length && T(t[S])) : e.key === "Escape" && (e.preventDefault(), D());
 			});
-			function w() {
-				g(), y(d.value || ""), o.classList.add("tokui-command--open"), o._prevFocus = typeof document < "u" && document.activeElement || null;
+			function E() {
+				v(), x(p.value || ""), s.classList.add("tokui-command--open"), s._prevFocus = typeof document < "u" && document.activeElement || null;
 				var e = function() {
-					o.classList.contains("tokui-command--open") && typeof d.focus == "function" && d.focus();
+					s.classList.contains("tokui-command--open") && typeof p.focus == "function" && p.focus();
 				};
 				typeof requestAnimationFrame == "function" ? requestAnimationFrame(e) : setTimeout(e, 0);
 			}
-			function T() {
-				o.classList.remove("tokui-command--open"), d.value = "", y(""), b = -1;
-				var e = o._prevFocus;
+			function D() {
+				s.classList.remove("tokui-command--open"), p.value = "", x(""), S = -1;
+				var e = s._prevFocus;
 				if (e && typeof e.focus == "function") try {
 					e.focus();
 				} catch {}
-				o._prevFocus = null;
+				s._prevFocus = null;
 			}
-			o.addEventListener("keydown", function(e) {
-				if (!(e.key !== "Tab" || !o.classList.contains("tokui-command--open"))) {
-					var t = c.querySelectorAll("input, button, [tabindex=\"0\"]");
+			s.addEventListener("keydown", function(e) {
+				if (!(e.key !== "Tab" || !s.classList.contains("tokui-command--open"))) {
+					var t = u.querySelectorAll("input, button, [tabindex=\"0\"]");
 					if (t.length) {
 						var n = t[0], r = t[t.length - 1], i = typeof document < "u" ? document.activeElement : null;
 						e.shiftKey && i === n ? (e.preventDefault(), r.focus()) : !e.shiftKey && i === r && (e.preventDefault(), n.focus());
 					}
 				}
-			}), s.addEventListener("click", function() {
-				T();
+			}), l.addEventListener("click", function() {
+				D();
 			});
-			function E(e) {
-				(e.metaKey || e.ctrlKey) && e.key === "k" && (e.preventDefault(), o.classList.contains("tokui-command--open") ? T() : w());
-			}
-			return i.hotkey !== void 0 && typeof document < "u" && document.addEventListener("keydown", E), o._tokuiType = "command", o._slot = f, o._openCommand = w, o._closeCommand = T, o._streamCloseHook = function() {
-				g(), y(d.value || "");
-			}, o;
+			function O(e) {
+				(e.metaKey || e.ctrlKey) && e.key === "k" && (e.preventDefault(), s.classList.contains("tokui-command--open") ? D() : E());
+			}
+			return a.hotkey !== void 0 && typeof document < "u" && (document.addEventListener("keydown", O), e._registerCleanup(s, function() {
+				document.removeEventListener("keydown", O);
+			})), s._tokuiType = "command", s._slot = m, s._openCommand = E, s._closeCommand = D, s._selectItem = T, s._hoverSelectItem = function(e) {
+				var t = C().indexOf(e);
+				t !== -1 && (S = t, w());
+			}, s._streamCloseHook = function() {
+				v(), x(p.value || "");
+			}, s;
 		});
-		function P(e) {
-			var n = e.attrs || {}, r = n.tx || "", i = n.v || r, a = t("div", {
+		function I(e) {
+			var n = e.attrs || {}, r = n.tx || "", i = t("div", {
 				class: "tokui-command__item",
 				role: "option",
 				tabindex: "-1",
-				"data-value": i,
+				"data-value": n.v || r,
 				"aria-selected": "false",
 				"data-tokui-tag": e.type
 			});
-			n.clk && a.setAttribute("data-tokui-cmd-clk", n.clk);
-			var o = t("span", { class: "tokui-command__item-text" });
-			if (o.textContent = r, a.appendChild(o), n.shortcut) {
-				var s = t("span", { class: "tokui-command__item-shortcut" });
-				s.textContent = n.shortcut, a.appendChild(s);
-			}
-			return a.addEventListener("click", function() {
-				var e = a.closest ? a.closest(".tokui-command") : null;
-				if (e && e._closeCommand) {
-					var t = a.getAttribute("data-tokui-cmd-clk");
-					if (t) {
-						var n = typeof window < "u" && window.TokUI && window.TokUI._internal ? window.TokUI._internal.eventBus : null;
-						n && typeof n.emit == "function" && n.emit(t, {
-							value: i,
-							text: r
-						});
-					}
-					var o = e.getAttribute("data-tokui-cmd-clk");
-					if (o) {
-						var s = typeof window < "u" && window.TokUI && window.TokUI._internal ? window.TokUI._internal.eventBus : null;
-						s && typeof s.emit == "function" && s.emit(o, {
-							value: i,
-							text: r,
-							clk: t
-						});
-					}
-					e._closeCommand();
-				}
-			}), a.addEventListener("mouseenter", function() {
-				var e = a.closest ? a.closest(".tokui-command__list") : null;
-				e && (Array.from(e.querySelectorAll(".tokui-command__item:not([style*=\"display: none\"])")).forEach(function(e) {
-					e.classList.remove("tokui-command__item--selected"), e.setAttribute("aria-selected", "false");
-				}), a.classList.add("tokui-command__item--selected"), a.setAttribute("aria-selected", "true"));
-			}), a;
+			n.clk && i.setAttribute("data-tokui-cmd-clk", n.clk);
+			var a = t("span", { class: "tokui-command__item-text" });
+			if (a.textContent = r, i.appendChild(a), i._cmdText = r, n.shortcut) {
+				var o = t("span", { class: "tokui-command__item-shortcut" });
+				o.textContent = n.shortcut, i.appendChild(o);
+			}
+			return i.addEventListener("click", function() {
+				var e = i.closest ? i.closest(".tokui-command") : null;
+				e && typeof e._selectItem == "function" && e._selectItem(i);
+			}), i.addEventListener("mouseenter", function() {
+				var e = i.closest ? i.closest(".tokui-command") : null;
+				e && typeof e._hoverSelectItem == "function" && e._hoverSelectItem(i);
+			}), i;
 		}
-		typeof window < "u" && window.TokUI && window.TokUI._internal && (window.TokUI._internal.buildCommandItem = P), e.register("command-group", (e, n) => {
+		typeof window < "u" && window.TokUI && window.TokUI._internal && (window.TokUI._internal.buildCommandItem = I), e.register("command-group", (e, n) => {
 			var r = (e.attrs || {}).tt || "", i = t("div", {
 				class: "tokui-command__group",
 				role: "group"
@@ -11273,8 +11441,8 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			return n(e.children || []).forEach(function(e) {
 				e && e.nodeType && i.appendChild(e);
 			}), i._slot = i, i._tokuiType = "command-group", i;
-		}), e.register("command-item", (e) => P(e)), e.register("canvas", (e, r) => {
-			var i = e.attrs || {}, a = i.tt || "Canvas", o = i.pos || "right", s = parseInt(i.w) || 400, c = i.open !== void 0, l = i.closable === void 0 || i.closable === !0, u = ["tokui-canvas", "tokui-canvas--" + o];
+		}), e.register("command-item", (e) => I(e)), e.register("canvas", (e, r) => {
+			var i = e.attrs || {}, a = i.tt || n("canvas.title"), o = i.pos || "right", s = parseInt(i.w) || 400, c = i.open !== void 0, l = i.closable === void 0 || i.closable === !0, u = ["tokui-canvas", "tokui-canvas--" + o];
 			c && u.push("tokui-canvas--open");
 			var d = t("div", { class: u.join(" ") });
 			d.style.setProperty("--tokui-canvas-w", s + "px");
@@ -11322,7 +11490,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}), r._slot = r, r._tokuiType = "canvas-content", r;
 		});
 	}
-	function c(e, t) {
+	function d(e, t) {
 		var n = "1.5", r = "round", i = "round", a = "<path d=\"M6 2h8l6 6v12a2 2 0 01-2 2H6a2 2 0 01-2-2V4a2 2 0 012-2z\" fill=\"none\" stroke=\"" + t + "\" stroke-width=\"" + n + "\" stroke-linecap=\"" + r + "\" stroke-linejoin=\"" + i + "\"/><path d=\"M14 2v6h6\" fill=\"none\" stroke=\"" + t + "\" stroke-width=\"" + n + "\" stroke-linecap=\"" + r + "\" stroke-linejoin=\"" + i + "\"/>", o = {
 			pdf: "<svg viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" fill=\"none\">" + a + "<text x=\"12\" y=\"16.5\" text-anchor=\"middle\" font-size=\"5.5\" font-weight=\"700\" font-family=\"sans-serif\" fill=\"" + t + "\">PDF</text></svg>",
 			word: "<svg viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" fill=\"none\">" + a + "<text x=\"12\" y=\"16.5\" text-anchor=\"middle\" font-size=\"7\" font-weight=\"700\" font-family=\"sans-serif\" fill=\"" + t + "\">W</text></svg>",
@@ -11337,7 +11505,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		};
 		return o[e] || o.default;
 	}
-	function d(e, t) {
+	function f(e, t) {
 		if (t <= 7) {
 			for (var n = [], r = 1; r <= t; r++) n.push(r);
 			return n;
@@ -11347,7 +11515,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		for (var a = Math.max(2, e - 1), o = Math.min(t - 1, e + 1), s = a; s <= o; s++) i.push(s);
 		return e < t - 2 && i.push("..."), i.push(t), i;
 	}
-	function f() {
+	function p() {
 		typeof document > "u" || document.querySelectorAll(".tokui-dropdown__panel--open").forEach(function(e) {
 			e.classList.remove("tokui-dropdown__panel--open"), e.style.top = "", e.style.left = "";
 			var t = e.parentElement.querySelector(".tokui-dropdown__trigger");
@@ -11355,9 +11523,9 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		});
 	}
 	typeof document < "u" && typeof document.addEventListener == "function" && document.addEventListener("click", function() {
-		f();
+		p();
 	});
-	function p(e) {
+	function m(e) {
 		let t = e.querySelectorAll(".tokui-md-img");
 		if (!t.length) return;
 		let n = Array.from(t).map(function(e) {
@@ -11370,10 +11538,10 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			});
 		});
 	}
-	function m(e) {
+	function _(e) {
 		return typeof window < "u" && window && window[e] ? window[e] : null;
 	}
-	function _(e, t) {
+	function y(e, t) {
 		var n = null;
 		if (typeof window < "u" && window.katex && (n = window.katex), n && typeof n.renderToString == "function") try {
 			var r = n.renderToString(e, {
@@ -11384,7 +11552,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		} catch {}
 		return (t ? "$$" + e + "$$" : "$" + e + "$").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
 	}
-	function v(e) {
+	function b(e) {
 		if (!e) return "";
 		function t(e) {
 			return e.trim().replace(/^\|/, "").replace(/\|$/, "").split("|").map(function(e) {
@@ -11399,7 +11567,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		function r(e) {
 			return String(e).replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
 		}
-		function o(e) {
+		function i(e) {
 			return e = e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), e = e.replace(/\*\*(.+?)\*\*/g, "<strong>$1</strong>"), e = e.replace(/\*(.+?)\*/g, "<em>$1</em>"), e = e.replace(/~~(.+?)~~/g, "<del>$1</del>"), e = e.replace(/`([^`]+)`/g, "<code>$1</code>"), e = e.replace(/!\[([^\]]*)\]\(([^)]+)\)/g, function(e, t, n) {
 				return /^https?:\/\//i.test(n) ? "<img src=\"" + r(n) + "\" alt=\"" + r(t) + "\" class=\"tokui-md-img\" />" : e;
 			}), e = e.replace(/\[([^\]]+)\]\(([^)]+)\)/g, function(e, t, n) {
@@ -11429,7 +11597,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}), "TOKUIMATH" + n + "";
 		});
 		function l(e) {
-			return _(e.tex, e.display);
+			return y(e.tex, e.display);
 		}
 		function u(e) {
 			return e.replace(/\x02TOKUIMATH(\d+)\x03/g, function(e, t) {
@@ -11442,12 +11610,12 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			if (r) {
 				var d = s[parseInt(r[1])], f = d.lang || "text";
 				if (f === "mermaid") return "<div class=\"tokui-md__mermaid\"><pre class=\"tokui-code\"><code class=\"language-mermaid\">" + d.code.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;") + "</code></pre></div>";
-				var p = i[f] ? a(d.code, f) : d.code.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+				var p = a[f] ? o(d.code, f) : d.code.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
 				return "<pre class=\"tokui-code\"><code class=\"language-" + f + "\">" + p + "</code></pre>";
 			}
 			var m = e.match(/^\x02TOKUIMATH(\d+)\x03$/);
 			if (m && c[parseInt(m[1])].display) return l(c[parseInt(m[1])]);
-			e = o(e), e = u(e);
+			e = i(e), e = u(e);
 			for (var h = e.split("\n"), g = [], _ = !1, v = !1, y = !1, b = !1, x = -1, S = 0; S < h.length; S++) if (h[S].trim().indexOf("|") === 0) {
 				x = S;
 				break;
@@ -11505,10 +11673,10 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}
 		}).join("");
 	}
-	typeof window < "u" && (window.TokUI = window.TokUI || {}, window.TokUI._internal = window.TokUI._internal || {}, window.TokUI._internal.registerBasicComponents = s, window.TokUI._internal.resolveColor = r, window.TokUI._internal.highlightCode = a), t !== void 0 && t.exports && (t.exports = {
-		registerBasicComponents: s,
-		resolveColor: r,
-		highlightCode: a
+	typeof window < "u" && (window.TokUI = window.TokUI || {}, window.TokUI._internal = window.TokUI._internal || {}, window.TokUI._internal.registerBasicComponents = c, window.TokUI._internal.resolveColor = i, window.TokUI._internal.highlightCode = o), t !== void 0 && t.exports && (t.exports = {
+		registerBasicComponents: c,
+		resolveColor: i,
+		highlightCode: o
 	});
 })), C = /* @__PURE__ */ o(((e, t) => {
 	var n = typeof l == "function" ? u().t : window.TokUI && window.TokUI._internal && window.TokUI._internal.t || function(e) {
@@ -14779,7 +14947,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			var i = a(e.attrs.style);
 			i && (r.style = i);
 			let o = t("div", r);
-			if (e.attrs.w && (o.style.width = /^\d+$/.test(e.attrs.w) ? e.attrs.w + "px" : e.attrs.w), e.attrs.tt) {
+			if (u(o, e.attrs), e.attrs.w && (o.style.width = /^\d+$/.test(e.attrs.w) ? e.attrs.w + "px" : e.attrs.w), e.attrs.tt) {
 				var s = "tokui-card-header", c = e.attrs.hc || "";
 				e.attrs.ht && (s += " tokui-card-header--" + e.attrs.ht), c && [
 					"primary",
@@ -14802,21 +14970,21 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					"info",
 					"dark"
 				].indexOf(c) === -1) {
-					var u = e.attrs.ht || "", d = /^(#[0-9a-fA-F]{3,8}|rgba?\([\d\s.,%]+\)|[a-zA-Z]+)$/.test(c) ? c : "";
-					u === "fill" || u === "pill" ? d && (l.style.background = "color-mix(in srgb, " + d + " 10%, transparent)", l.style.color = d, u === "fill" ? l.style.borderBottom = "1px solid color-mix(in srgb, " + d + " 22%, transparent)" : l.style.borderColor = "color-mix(in srgb, " + d + " 22%, transparent)") : u === "accent" ? l.style.borderLeftColor = c : u === "underline" ? l.style.setProperty("--tokui-card-header-underline-color", c) : u === "dot" && l.style.setProperty("--tokui-card-header-dot-color", c);
+					var d = e.attrs.ht || "", f = /^(#[0-9a-fA-F]{3,8}|rgba?\([\d\s.,%]+\)|[a-zA-Z]+)$/.test(c) ? c : "";
+					d === "fill" || d === "pill" ? f && (l.style.background = "color-mix(in srgb, " + f + " 10%, transparent)", l.style.color = f, d === "fill" ? l.style.borderBottom = "1px solid color-mix(in srgb, " + f + " 22%, transparent)" : l.style.borderColor = "color-mix(in srgb, " + f + " 22%, transparent)") : d === "accent" ? l.style.borderLeftColor = c : d === "underline" ? l.style.setProperty("--tokui-card-header-underline-color", c) : d === "dot" && l.style.setProperty("--tokui-card-header-dot-color", c);
 				}
 				o.appendChild(l);
 			}
-			let f = [], p = [];
+			let p = [], m = [];
 			(e.children || []).forEach((e) => {
-				e.type === "ft" ? p.push(e) : f.push(e);
+				e.type === "ft" ? m.push(e) : p.push(e);
 			});
-			let m = t("div", { class: "tokui-card-body" });
-			return e.attrs.tx && (m.textContent = e.attrs.tx), n(f).forEach((e) => {
-				e && e.nodeType && m.appendChild(e);
-			}), o.appendChild(m), n(p).forEach((e) => {
+			let h = t("div", { class: "tokui-card-body" });
+			return e.attrs.tx && (h.textContent = e.attrs.tx), n(p).forEach((e) => {
+				e && e.nodeType && h.appendChild(e);
+			}), o.appendChild(h), n(m).forEach((e) => {
 				e && e.nodeType && o.appendChild(e);
-			}), o._slot = m, o._tokuiType = "card", o._update = function(e) {
+			}), o._slot = h, o._tokuiType = "card", o._update = function(e) {
 				if (e.tt !== void 0) {
 					var t = o.querySelector(".tokui-card-header");
 					t && (t.textContent = e.tt);
@@ -14834,27 +15002,143 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}), e._stream !== "open" && !i.childNodes.length && !r ? null : (i._slot = i, i._tokuiType = "ft", i._streamCloseHook = function() {
 				!i.childNodes.length && !r && i.parentNode && i.parentNode.removeChild(i);
 			}, i);
-		}), e.register("row", (e, n) => {
+		});
+		var o = /^\d+(\.\d+)?(px|%|em|rem|vw|vh)$/;
+		function s(e) {
+			if (e == null) return null;
+			var t = String(e).trim();
+			return /^\d+(\.\d+)?$/.test(t) ? t + "px" : o.test(t) ? t : null;
+		}
+		var c = {
+			default: 1,
+			dark: 1,
+			modern: 1,
+			"modern-dark": 1
+		};
+		function u(e, t) {
+			var n = t && t.theme;
+			n && c[n] && e.setAttribute("data-tokui-theme", n);
+		}
+		function d(e) {
+			if (o.test(e) || /^\d+(\.\d+)?fr$/.test(e) || e === "auto" || e === "min-content" || e === "max-content") return e;
+			var t = e.match(/^minmax\(([^,]+),([^)]+)\)$/);
+			if (t) {
+				var n = t[1].trim(), r = t[2].trim(), i = o.test(n) || n === "auto" || n === "min-content" || n === "max-content", a = o.test(r) || /^\d+(\.\d+)?fr$/.test(r) || r === "auto" || r === "min-content" || r === "max-content";
+				return i && a ? "minmax(" + n + ", " + r + ")" : null;
+			}
+			var s = e.match(/^fit-content\(([^)]+)\)$/);
+			return s && o.test(s[1].trim()) ? "fit-content(" + s[1].trim() + ")" : null;
+		}
+		function f(e) {
+			if (!e) return null;
+			var t = String(e).trim();
+			if (!t) return null;
+			if (/^\d{1,2}$/.test(t)) {
+				var n = parseInt(t);
+				return n >= 1 && n <= 24 ? "repeat(" + n + ", 1fr)" : null;
+			}
+			var r = t.match(/^auto:(.+)$/);
+			if (r) {
+				var i = s(r[1]);
+				return i ? "repeat(auto-fill, minmax(" + i + ", 1fr))" : null;
+			}
+			var a = t.split(/\s+/);
+			if (a.length > 24) return null;
+			for (var o = [], c = 0; c < a.length; c++) {
+				var l = d(a[c]);
+				if (!l) return null;
+				o.push(l);
+			}
+			return o.join(" ");
+		}
+		var p = /^[a-zA-Z][a-zA-Z0-9_-]*$/;
+		function m(e) {
+			if (!e) return null;
+			var t = String(e).split("|");
+			if (t.length > 24) return null;
+			for (var n = [], r = 0; r < t.length; r++) {
+				var i = t[r].trim().split(/\s+/).filter(Boolean);
+				if (!i.length || i.length > 24) return null;
+				for (var a = 0; a < i.length; a++) if (i[a] !== "." && !p.test(i[a])) return null;
+				n.push("\"" + i.join(" ") + "\"");
+			}
+			return n.join(" ");
+		}
+		e.register("row", (e, n) => {
 			let r = t("div", { class: "tokui-row" });
+			if (e.attrs) {
+				let t = s(e.attrs.gutter);
+				t && (r.style.gap = t);
+				let n = s(e.attrs.gy);
+				n && (r.style.rowGap = n);
+			}
 			return n(e.children).forEach((e) => {
 				e && e.nodeType && r.appendChild(e);
 			}), r._slot = r, r._tokuiType = "row", r;
 		}), e.register("col", (e, n) => {
-			let r = e.attrs && (e.attrs.span || e.attrs.cols), i = t("div", { class: "tokui-col" });
+			let r = e.attrs && (e.attrs.span || e.attrs.cols), i = t("div", { class: "tokui-col" }), a = 0;
 			if (r) {
-				let e = parseInt(r), t = isNaN(e) ? 1 : Math.min(12, Math.max(1, e));
-				i.classList.add("tokui-col--" + t), i.style.gridColumn = `span ${t}`;
+				let e = parseInt(r);
+				a = isNaN(e) ? 1 : Math.min(12, Math.max(1, e)), i.classList.add("tokui-col--" + a), i.style.gridColumn = `span ${a}`;
+			}
+			if (e.attrs && e.attrs.offset) {
+				let t = parseInt(e.attrs.offset);
+				if (!isNaN(t) && t >= 1 && t <= 11) {
+					let e = a || 1, n = Math.min(t + 1, 13 - e);
+					i.style.gridColumn = `${n} / span ${e}`;
+				}
+			}
+			if (e.attrs && e.attrs.rspan) {
+				let t = parseInt(e.attrs.rspan);
+				!isNaN(t) && t >= 1 && t <= 12 && (i.style.gridRow = `span ${t}`);
 			}
 			return e.content && (i.textContent = e.content), n(e.children).forEach((e) => {
 				e && e.nodeType && i.appendChild(e);
 			}), i._slot = i, i._tokuiType = "col", i;
+		}), e.register("grid", (e, n) => {
+			let r = e.attrs || {}, i = t("div", { class: "tokui-grid" });
+			u(i, r);
+			let a = f(r.cols);
+			a && (i.style.gridTemplateColumns = a);
+			let o = f(r.rows);
+			o && (i.style.gridTemplateRows = o);
+			let c = m(r.areas);
+			c && (i.style.gridTemplateAreas = c);
+			let l = s(r.gap);
+			l && (i.style.gap = l);
+			let d = s(r.gx);
+			d && (i.style.columnGap = d);
+			let p = s(r.gy);
+			p && (i.style.rowGap = p);
+			let h = s(r.h);
+			h && (i.style.height = h);
+			let g = s(r.minh);
+			return g && (i.style.minHeight = g), n(e.children).forEach((e) => {
+				e && e.nodeType && i.appendChild(e);
+			}), i._slot = i, i._tokuiType = "grid", i;
+		}), e.register("cell", (e, n) => {
+			let r = e.attrs || {}, i = t("div", { class: "tokui-cell" });
+			if (u(i, r), r.area && p.test(String(r.area)) && (i.style.gridArea = String(r.area)), r.c) {
+				let e = String(r.c).trim();
+				if (/^\d{1,2}$/.test(e)) {
+					let t = Math.min(24, Math.max(1, parseInt(e)));
+					i.style.gridColumn = "span " + t;
+				} else /^\d{1,2}\s*\/\s*-?\d{1,2}$/.test(e) && (i.style.gridColumn = e.replace(/\s+/g, " "));
+			}
+			if (r.r) {
+				let e = parseInt(r.r);
+				!isNaN(e) && e >= 1 && e <= 24 && (i.style.gridRow = "span " + e);
+			}
+			return /^(start|center|end|stretch)$/.test(r.align || "") && (i.style.alignSelf = r.align), /^(start|center|end|stretch)$/.test(r.justify || "") && (i.style.justifySelf = r.justify), e.content && (i.textContent = e.content), n(e.children).forEach((e) => {
+				e && e.nodeType && i.appendChild(e);
+			}), i._slot = i, i._tokuiType = "cell", i;
 		}), e.register("list", (e, n) => {
 			let r = t(e.attrs && e.attrs.t === "ol" ? "ol" : "ul", { class: e.attrs && e.attrs.plain ? "tokui-list tokui-list--plain" : "tokui-list" });
 			return n(e.children).forEach((e) => {
 				e && e.nodeType && r.appendChild(e);
 			}), r._slot = r, r._tokuiType = "list", r;
 		});
-		function o(e, n) {
+		function _(e, n) {
 			var r = e.attrs || {}, i = parseInt(r.span) || 1, a = t("div", {
 				class: "tokui-desc__item",
 				"data-tokui-tag": e.type
@@ -14870,16 +15154,16 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		}
 		e.register("item", (e, n, r) => {
 			var i;
-			if (r === "desc") i = o(e);
-			else if (r === "carousel") i = d(e, n);
+			if (r === "desc") i = _(e);
+			else if (r === "carousel") i = x(e, n);
 			else if (r === "command-group") {
 				var a = typeof window < "u" && window.TokUI && window.TokUI._internal && window.TokUI._internal.buildCommandItem || null;
 				a && (i = a(e));
 			}
 			if (!i) {
 				i = t("li", { class: "tokui-list-item" });
-				var s = e.content || e.attrs && e.attrs.tx || "";
-				s && (i.textContent = s), n(e.children || []).forEach((e) => {
+				var o = e.content || e.attrs && e.attrs.tx || "";
+				o && (i.textContent = o), n(e.children || []).forEach((e) => {
 					e && e.nodeType && i.appendChild(e);
 				}), i._slot = i;
 			}
@@ -14894,28 +15178,28 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			i._tabId = a, i._tabCount = 0;
 			var o = e.createReporter("tabs", n.attrs, i);
 			(n.children || []).forEach((e, t) => {
-				e.type === "tab" && (s(i, e, r, a, t), i._tabCount = t + 1);
+				e.type === "tab" && (v(i, e, r, a, t), i._tabCount = t + 1);
 			}), i._slot = i, i._tokuiType = "tabs";
-			function c(e) {
+			function s(e) {
 				i.querySelectorAll(".tokui-tabs-label").forEach(function(t) {
 					var n = t.getAttribute("data-index") === String(e);
 					t.setAttribute("aria-selected", String(n)), t.setAttribute("tabindex", n ? "0" : "-1");
 				});
 			}
-			return i._syncTabAria = c, i.addEventListener("keydown", function(e) {
+			return i._syncTabAria = s, i.addEventListener("keydown", function(e) {
 				if (!(e.key !== "ArrowRight" && e.key !== "ArrowLeft")) {
 					var t = Array.from(i.querySelectorAll(".tokui-tabs-label")), n = t.indexOf(e.target);
 					if (n !== -1) {
 						e.preventDefault();
 						var r = e.key === "ArrowRight" ? (n + 1) % t.length : (n - 1 + t.length) % t.length, a = i.querySelector("#" + t[r].getAttribute("for"));
-						a && (a.checked = !0, c(r), t[r].focus());
+						a && (a.checked = !0, s(r), t[r].focus());
 					}
 				}
 			}), i.addEventListener("change", function(e) {
 				var t = e.target;
 				if (!(!t || !t.classList || !t.classList.contains("tokui-tabs-input"))) {
 					var n = parseInt(t.getAttribute("data-index"), 10);
-					c(n);
+					s(n);
 					var r = i.querySelector(".tokui-tabs-label[data-index=\"" + n + "\"]");
 					o("change", {
 						index: n,
@@ -14925,16 +15209,16 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}), i._update = function(e) {
 				if (e.v !== void 0) {
 					var t = i.querySelector("input[data-index=\"" + e.v + "\"]");
-					t && (t.checked = !0, c(e.v));
+					t && (t.checked = !0, s(e.v));
 				}
 			}, i._streamCloseHook = function() {
 				if (i._tokuiStreamActive) {
 					var e = i.querySelector("input[data-index=\"0\"]");
-					e && (e.checked = !0, c(0));
+					e && (e.checked = !0, s(0));
 				}
 			}, i;
 		});
-		function s(e, n, r, i, a) {
+		function v(e, n, r, i, a) {
 			var o = {
 				type: "radio",
 				name: i,
@@ -15425,7 +15709,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}
 			return r.appendChild(a), r;
 		});
-		function c(e) {
+		function y(e) {
 			for (var t = e.querySelectorAll(".tokui-desc__item--last-row"), n = 0; n < t.length; n++) t[n].classList.remove("tokui-desc__item--last-row");
 			var r = e.querySelectorAll(".tokui-desc__item");
 			if (r.length) {
@@ -15444,14 +15728,14 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				if (!o) for (var u = (Math.ceil(r.length / a) - 1) * a; u < r.length; u++) r[u].classList.add("tokui-desc__item--last-row");
 			}
 		}
-		function u(e) {
-			if (c(e), typeof MutationObserver > "u") return;
+		function b(e) {
+			if (y(e), typeof MutationObserver > "u") return;
 			var t = !1;
 			function n() {
 				t || (t = !0, (typeof requestAnimationFrame == "function" ? requestAnimationFrame : function(e) {
 					e();
 				})(function() {
-					t = !1, e.isConnected && c(e);
+					t = !1, e.isConnected && y(e);
 				}));
 			}
 			var r = new MutationObserver(function() {
@@ -15462,22 +15746,22 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				n();
 			});
 			r.observe(e, { childList: !0 }), typeof requestAnimationFrame == "function" && requestAnimationFrame(function() {
-				e.isConnected && c(e);
+				e.isConnected && y(e);
 			});
 		}
 		e.register("desc", (e, n) => {
 			var r = e.attrs || {}, i = parseInt(r.cols) || 3, a = ["tokui-desc"];
 			r.stripe !== void 0 && a.push("tokui-desc--stripe"), r.bordered !== void 0 && a.push("tokui-desc--bordered"), (r.v === "horizontal" || r.v === "h") && a.push("tokui-desc--horizontal");
-			var s = t("div", { class: a.join(" ") });
-			s.style.setProperty("--tokui-desc-cols", String(i)), r.lw && s.style.setProperty("--tokui-desc-label-w", r.lw);
-			var c = (e.children || []).filter(function(e) {
+			var o = t("div", { class: a.join(" ") });
+			o.style.setProperty("--tokui-desc-cols", String(i)), r.lw && o.style.setProperty("--tokui-desc-label-w", r.lw);
+			var s = (e.children || []).filter(function(e) {
 				return e.type === "desc-item" || e.type === "item";
 			});
-			return c.length > 0 && c.forEach(function(e) {
-				s.appendChild(o(e, i));
-			}), u(s), s._slot = s, s._tokuiType = "desc", s;
-		}), e.register("desc-item", (e) => o(e));
-		function d(e, n) {
+			return s.length > 0 && s.forEach(function(e) {
+				o.appendChild(_(e, i));
+			}), b(o), o._slot = o, o._tokuiType = "desc", o;
+		}), e.register("desc-item", (e) => _(e));
+		function x(e, n) {
 			var r = e.attrs || {}, i = t("div", {
 				class: "tokui-carousel__slide",
 				"data-tokui-tag": e.type
@@ -15500,11 +15784,11 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		e.register("carousel", (r, i) => {
 			var a = r.attrs || {}, o = a.thumb !== void 0, s = { class: "tokui-carousel" + (o ? " tokui-carousel--thumb" : "") };
 			a.id && (s.id = a.id), s["data-carousel"] = a.id || "carousel-" + Math.random().toString(36).slice(2, 8);
-			var c = t("div", s), l = e.createReporter("carousel", a, c), u = t("div", { class: "tokui-carousel__viewport" }), f = t("div", { class: "tokui-carousel__track" });
-			function p(e) {
+			var c = t("div", s), l = e.createReporter("carousel", a, c), u = t("div", { class: "tokui-carousel__viewport" }), d = t("div", { class: "tokui-carousel__track" });
+			function f(e) {
 				return e = String(e).trim(), /^\d+(\.\d+)?$/.test(e) ? e + "px" : e;
 			}
-			function m(e) {
+			function p(e) {
 				var t = String(e).split(":");
 				if (t.length === 2) {
 					var n = parseFloat(t[0]), r = parseFloat(t[1]);
@@ -15513,45 +15797,45 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				var i = parseFloat(e);
 				return i > 0 ? i : 0;
 			}
-			if (a.w && (c.style.width = p(a.w)), a.h) u.style.height = p(a.h), c.classList.add("tokui-carousel--sized");
+			if (a.w && (c.style.width = f(a.w)), a.h) u.style.height = f(a.h), c.classList.add("tokui-carousel--sized");
 			else if (a.ratio) {
-				var h = m(a.ratio);
-				h && (u.style.aspectRatio = String(h), c.classList.add("tokui-carousel--sized"));
+				var m = p(a.ratio);
+				m && (u.style.aspectRatio = String(m), c.classList.add("tokui-carousel--sized"));
 			}
-			var g = (r.children || []).filter(function(e) {
+			var h = (r.children || []).filter(function(e) {
 				return e.type === "carousel-item" || e.type === "item" || e.type === "img";
 			});
-			g.forEach(function(e) {
-				if (e.type === "carousel-item" || e.type === "item") f.appendChild(d(e, i));
+			h.forEach(function(e) {
+				if (e.type === "carousel-item" || e.type === "item") d.appendChild(x(e, i));
 				else if (e.type === "img") {
 					var n = t("div", { class: "tokui-carousel__slide" });
 					i([e]).forEach(function(e) {
 						e && e.nodeType && n.appendChild(e);
-					}), f.appendChild(n);
+					}), d.appendChild(n);
 				}
-			}), u.appendChild(f);
-			var _ = t("button", {
+			}), u.appendChild(d);
+			var g = t("button", {
 				class: "tokui-carousel__arrow tokui-carousel__arrow--prev",
 				"aria-label": n("layout.carouselPrev"),
 				"data-dir": "prev"
 			});
-			_.innerHTML = "<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"15 18 9 12 15 6\"/></svg>", u.appendChild(_);
-			var v = t("button", {
+			g.innerHTML = "<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"15 18 9 12 15 6\"/></svg>", u.appendChild(g);
+			var _ = t("button", {
 				class: "tokui-carousel__arrow tokui-carousel__arrow--next",
 				"aria-label": n("layout.carouselNext"),
 				"data-dir": "next"
 			});
-			v.innerHTML = "<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"9 6 15 12 9 18\"/></svg>", u.appendChild(v), c.appendChild(u);
-			var y = null, b = null, x = !1;
+			_.innerHTML = "<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"9 6 15 12 9 18\"/></svg>", u.appendChild(_), c.appendChild(u);
+			var v = null, y = null, b = !1;
 			function S() {
-				return Array.prototype.filter.call(f.children, function(e) {
+				return Array.prototype.filter.call(d.children, function(e) {
 					return e && e.nodeType === 1 && /\btokui-carousel__slide\b/.test(e.className || "");
 				});
 			}
 			function C() {
-				if (!x) {
+				if (!b) {
 					var e = S();
-					e.length && (x = !0, o ? (b = t("div", { class: "tokui-carousel__thumbs" }), e.forEach(function(e, r) {
+					e.length && (b = !0, o ? (y = t("div", { class: "tokui-carousel__thumbs" }), e.forEach(function(e, r) {
 						var i = e.querySelector("img"), a = i ? i.getAttribute("src") : "", o = e.querySelector(".tokui-carousel__slide-title"), s = o ? (o.textContent || "").trim() : "", c = t("button", {
 							class: "tokui-carousel__thumb" + (r === 0 ? " tokui-carousel__thumb--active" : ""),
 							"aria-label": n("layout.carouselIndex", { n: r + 1 }),
@@ -15564,21 +15848,21 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 							});
 							l.style.width = "100%", l.style.height = "100%", l.style.objectFit = "cover", c.appendChild(l);
 						} else c.textContent = String(r + 1);
-						b.appendChild(c);
-					}), c.appendChild(b)) : (y = t("div", { class: "tokui-carousel__dots" }), e.forEach(function(e, r) {
+						y.appendChild(c);
+					}), c.appendChild(y)) : (v = t("div", { class: "tokui-carousel__dots" }), e.forEach(function(e, r) {
 						var i = t("button", {
 							class: "tokui-carousel__dot" + (r === 0 ? " tokui-carousel__dot--active" : ""),
 							"aria-label": n("layout.carouselIndex", { n: r + 1 }),
 							"data-index": String(r)
 						});
-						y.appendChild(i);
-					}), u.appendChild(y)));
+						v.appendChild(i);
+					}), u.appendChild(v)));
 				}
 			}
-			c._slot = f, c._tokuiType = "carousel";
+			c._slot = d, c._tokuiType = "carousel";
 			function w() {
 				C();
-				var e = 0, t = S(), r = y ? y.querySelectorAll(".tokui-carousel__dot") : [], i = b ? b.querySelectorAll(".tokui-carousel__thumb") : [], o = null;
+				var e = 0, t = S(), r = v ? v.querySelectorAll(".tokui-carousel__dot") : [], i = y ? y.querySelectorAll(".tokui-carousel__thumb") : [], o = null;
 				function s() {
 					r.forEach && r.forEach(function(t, n) {
 						n === e ? (t.classList.add("tokui-carousel__dot--active"), t.setAttribute("aria-current", "true")) : (t.classList.remove("tokui-carousel__dot--active"), t.removeAttribute("aria-current"));
@@ -15591,20 +15875,20 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					});
 				}
 				function u(n, r) {
-					n < 0 && (n = t.length - 1), n >= t.length && (n = 0), e = n, f.style.transform = "translateX(-" + e * 100 + "%)", s(), r && l("change", { index: e });
+					n < 0 && (n = t.length - 1), n >= t.length && (n = 0), e = n, d.style.transform = "translateX(-" + e * 100 + "%)", s(), r && l("change", { index: e });
 				}
-				_.addEventListener("click", function() {
+				g.addEventListener("click", function() {
 					u(e - 1, !0), p();
-				}), v.addEventListener("click", function() {
+				}), _.addEventListener("click", function() {
 					u(e + 1, !0), p();
-				}), y && y.addEventListener("click", function(e) {
+				}), v && v.addEventListener("click", function(e) {
 					var t = e.target.closest(".tokui-carousel__dot");
 					t && (u(parseInt(t.getAttribute("data-index")), !0), p());
-				}), b && b.addEventListener("click", function(e) {
+				}), y && y.addEventListener("click", function(e) {
 					var t = e.target.closest(".tokui-carousel__thumb");
 					t && (u(parseInt(t.getAttribute("data-index")), !0), p());
 				});
-				function d() {
+				function f() {
 					if (!o) {
 						var t = parseInt(a.auto);
 						t && t > 0 && (o = setInterval(function() {
@@ -15613,30 +15897,30 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					}
 				}
 				function p() {
-					o && clearInterval(o), d();
+					o && clearInterval(o), f();
 				}
 				function m() {
 					o &&= (clearInterval(o), null);
 				}
-				d(), c.addEventListener("mouseenter", m), c.addEventListener("mouseleave", d), c.addEventListener("focusin", m), c.addEventListener("focusout", d), c.setAttribute("tabindex", "0"), c.setAttribute("role", "region"), c.setAttribute("aria-roledescription", "carousel"), c.setAttribute("aria-label", n("carousel.aria")), c.addEventListener("keydown", function(t) {
+				f(), c.addEventListener("mouseenter", m), c.addEventListener("mouseleave", f), c.addEventListener("focusin", m), c.addEventListener("focusout", f), c.setAttribute("tabindex", "0"), c.setAttribute("role", "region"), c.setAttribute("aria-roledescription", "carousel"), c.setAttribute("aria-label", n("carousel.aria")), c.addEventListener("keydown", function(t) {
 					t.key === "ArrowLeft" ? (u(e - 1, !0), p()) : t.key === "ArrowRight" && (u(e + 1, !0), p());
 				});
-				var h = 0, g = 0, x = 0, w = !1, T = 0, E = null, D = typeof window < "u" && window.requestAnimationFrame ? function(e) {
+				var h = 0, b = 0, x = 0, w = !1, T = 0, E = null, D = typeof window < "u" && window.requestAnimationFrame ? function(e) {
 					window.requestAnimationFrame(e);
 				} : function(e) {
 					e();
 				};
 				function O(t) {
-					g = t - h;
-					var n = -(e * x) + g;
-					f.style.transform = "translateX(" + n + "px)";
+					b = t - h;
+					var n = -(e * x) + b;
+					d.style.transform = "translateX(" + n + "px)";
 				}
 				function k(e) {
-					w = !0, h = e, g = 0, E = null, x = c.offsetWidth, f.style.transition = "none", p();
+					w = !0, h = e, b = 0, E = null, x = c.offsetWidth, d.style.transition = "none", p();
 				}
-				f.addEventListener("mousedown", function(e) {
+				d.addEventListener("mousedown", function(e) {
 					k(e.clientX);
-				}), f.addEventListener("touchstart", function(e) {
+				}), d.addEventListener("touchstart", function(e) {
 					k(e.touches[0].clientX);
 				}, { passive: !0 });
 				function A(e) {
@@ -15651,17 +15935,17 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				}, { passive: !0 }));
 				function j() {
 					if (w) {
-						w = !1, E !== null && (O(E), E = null), f.style.transition = "";
+						w = !1, E !== null && (O(E), E = null), d.style.transition = "";
 						var t = x * .2;
-						g < -t ? u(e + 1, !0) : g > t ? u(e - 1, !0) : u(e);
+						b < -t ? u(e + 1, !0) : b > t ? u(e - 1, !0) : u(e);
 					}
 				}
 				typeof document < "u" && document.addEventListener && (document.addEventListener("mouseup", j), document.addEventListener("touchend", j));
 			}
-			return g.length > 0 && w(), c._streamCloseHook = function() {
+			return h.length > 0 && w(), c._streamCloseHook = function() {
 				w();
 			}, c;
-		}), e.register("carousel-item", (e, t) => d(e, t)), e.register("tn", (e, n) => {
+		}), e.register("carousel-item", (e, t) => x(e, t)), e.register("tn", (e, n) => {
 			var r = e.attrs.leaf !== void 0, i = e.attrs.open !== void 0, a = e.attrs.dis !== void 0, o = e.attrs.load && !(e.children && e.children.length) ? String(e.attrs.load) : null, s = t("div", {
 				class: "tokui-tree-node" + (r ? " tokui-tree-node--leaf" : "") + (i ? " tokui-tree-node--open" : "") + (a ? " tokui-tree-node--disabled" : ""),
 				role: "treeitem",
@@ -15849,12 +16133,12 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			return (n.children || []).filter(function(e) {
 				return e.type === "menu-item";
 			}).forEach(function(e) {
-				var t = m(e, s);
+				var t = w(e, s);
 				o.appendChild(t);
 			}), o._slot = o, o._tokuiType = "menu", o._activeClk = s, o._report = e.createReporter("menu", i, o), o._update = function(e) {
 				if (!(e.act !== "activate" || e.v === void 0)) {
-					for (var t = o.querySelectorAll(".tokui-menu__item"), n = 0; n < t.length; n++) if (f(t[n]) === String(e.v)) {
-						p(t[n], !0);
+					for (var t = o.querySelectorAll(".tokui-menu__item"), n = 0; n < t.length; n++) if (S(t[n]) === String(e.v)) {
+						C(t[n], !0);
 						break;
 					}
 				}
@@ -15866,18 +16150,18 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				}
 			}), o;
 		});
-		function f(e) {
+		function S(e) {
 			if (e._menuValue !== void 0) return e._menuValue;
 			var t = e.querySelector(".tokui-menu__text");
 			return t ? t.textContent : e.textContent;
 		}
-		function p(e, t) {
+		function C(e, t) {
 			var n = e.closest(".tokui-menu");
 			n && n.querySelectorAll(".tokui-menu__item--active").forEach(function(e) {
 				e.classList.remove("tokui-menu__item--active"), e.removeAttribute("aria-current");
-			}), e.classList.add("tokui-menu__item--active"), e.setAttribute("aria-current", "true"), !t && n && n._report && n._report("change", { value: f(e) });
+			}), e.classList.add("tokui-menu__item--active"), e.setAttribute("aria-current", "true"), !t && n && n._report && n._report("change", { value: S(e) });
 		}
-		function m(e, n) {
+		function w(e, n) {
 			var r = e.attrs || {}, i = ["tokui-menu__item"], a = r.dis !== void 0;
 			a && i.push("tokui-menu__item--disabled"), n && r.clk === n && i.push("tokui-menu__item--active");
 			var o = {
@@ -15893,7 +16177,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}
 			var l = t("span", { class: "tokui-menu__text" }, r.tx || e.content || "");
 			return s.appendChild(l), s._menuValue = r.id || r.v || r.tx || e.content || "", r.dis === void 0 && (r.clk && s.setAttribute("data-tokui-clk", r.clk), s.addEventListener("click", function() {
-				p(s);
+				C(s);
 			})), s;
 		}
 		e.register("menu-item", (e) => {
@@ -15907,15 +16191,15 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			i && (a["aria-disabled"] = "true"), n.act !== void 0 && (a["aria-current"] = "true");
 			var o = t("div", a);
 			return o._tokuiKeySelf = !0, n.i && o.appendChild(t("span", { class: "tokui-menu__icon" }, n.i)), o.appendChild(t("span", { class: "tokui-menu__text" }, n.tx || e.content || "")), o._menuValue = n.id || n.v || n.tx || e.content || "", n.dis === void 0 && (n.clk && o.setAttribute("data-tokui-clk", n.clk), o.addEventListener("click", function() {
-				p(o);
+				C(o);
 			})), o;
 		}), e.register("anchor", (r, i) => {
 			var a = r.attrs || {}, o = t("nav", {
 				class: "tokui-anchor",
 				"aria-label": n("anchor.aria")
 			});
-			a.id && (o.id = a.id), o._anchorOffset = parseInt(a.top) || 12, o._report = e.createReporter("anchor", a, o), v(a.opt).forEach(function(e) {
-				o.appendChild(_(o, e.v, e.tx, 0));
+			a.id && (o.id = a.id), o._anchorOffset = parseInt(a.top) || 12, o._report = e.createReporter("anchor", a, o), E(a.opt).forEach(function(e) {
+				o.appendChild(T(o, e.v, e.tx, 0));
 			}), i(r.children || []).forEach(function(e) {
 				e && e.nodeType && o.appendChild(e);
 			}), o._slot = o, o._tokuiType = "anchor";
@@ -15928,7 +16212,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			if (s(), o._streamCloseHook = s, o._update = function(e) {
 				if (e.v !== void 0) {
 					for (var t = String(e.v).replace(/^#/, ""), n = o.querySelectorAll(".tokui-anchor__item"), r = 0; r < n.length; r++) if (n[r]._anchorValue === t) {
-						y(o, n[r], !0), o._spySuppressUntil = Date.now() + 900;
+						D(o, n[r], !0), o._spySuppressUntil = Date.now() + 900;
 						break;
 					}
 				}
@@ -15959,7 +16243,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 								var l = document.getElementById(i[0]._anchorValue);
 								l && typeof l.getBoundingClientRect == "function" && (a = i[0]);
 							}
-							a && y(o, a, !0);
+							a && D(o, a, !0);
 						}
 					}, r = !1, i = function() {
 						r || (r = !0, c(function() {
@@ -15985,13 +16269,13 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			a._anchorValue = r;
 			function o() {
 				var e = a.closest(".tokui-anchor");
-				e && (y(e, a, !1), e._spySuppressUntil = Date.now() + 900, b(r));
+				e && (D(e, a, !1), e._spySuppressUntil = Date.now() + 900, O(r));
 			}
 			return a.addEventListener("click", o), a.addEventListener("keydown", function(e) {
 				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), o());
 			}), a;
 		});
-		function _(e, n, r, i) {
+		function T(e, n, r, i) {
 			i = Math.min(i || 0, 3);
 			var a = t("div", {
 				class: "tokui-anchor__item" + (i > 0 ? " tokui-anchor__item--depth-" + i : ""),
@@ -16001,13 +16285,13 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}, r);
 			a._anchorValue = n;
 			function o() {
-				y(e, a, !1), e._spySuppressUntil = Date.now() + 900, b(n);
+				D(e, a, !1), e._spySuppressUntil = Date.now() + 900, O(n);
 			}
 			return a.addEventListener("click", o), a.addEventListener("keydown", function(e) {
 				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), o());
 			}), a;
 		}
-		function v(e) {
+		function E(e) {
 			return !e || typeof e != "string" ? [] : e.split(";").map(function(e) {
 				return e.trim();
 			}).filter(Boolean).map(function(e) {
@@ -16021,12 +16305,12 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				};
 			});
 		}
-		function y(e, t, n) {
+		function D(e, t, n) {
 			e.querySelectorAll(".tokui-anchor__item--active").forEach(function(e) {
 				e.classList.remove("tokui-anchor__item--active"), e.removeAttribute("aria-current");
 			}), t.classList.add("tokui-anchor__item--active"), t.setAttribute("aria-current", "true"), !n && e._report && e._report("change", { value: t._anchorValue });
 		}
-		function b(e) {
+		function O(e) {
 			var t = document.getElementById(e);
 			t && typeof t.scrollIntoView == "function" && t.scrollIntoView({
 				behavior: "smooth",
@@ -16149,59 +16433,61 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}, s._streamCloseHook = function() {
 				y();
 			}, s._tokuiType = "scroll-area", s;
-		}), e.register("sidebar", (e, r) => {
-			var i = e.attrs || {}, a = i.w || "260", o = i.pos || "left", s = i.collapsible !== void 0, c = i.bg || "", l = i.fc || "", u = ["tokui-sidebar", "tokui-sidebar--" + o];
-			s && u.push("tokui-sidebar--collapsible");
-			var d = { class: u.join(" ") };
-			i.id && (d.id = i.id);
-			var f = t("div", d);
-			f.style.setProperty("--tokui-sidebar-w", a + "px"), c && f.style.setProperty("--tokui-sidebar-bg", c), l && f.style.setProperty("--tokui-sidebar-fc", l), c && f.style.setProperty("--tokui-sidebar-footer-bg", "rgba(0,0,0,0.15)"), c && f.style.setProperty("--tokui-sidebar-header-bg", "rgba(0,0,0,0.15)"), c && f.style.setProperty("--tokui-sidebar-border", "rgba(255,255,255,0.1)");
-			var p = [], m = [], h = [];
-			if ((e.children || []).forEach(function(e) {
-				e.type === "sidebar-content" ? p.push(e) : e.type === "sidebar-footer" ? m.push(e) : h.push(e);
-			}), i.tt || s) {
-				var g = t("div", { class: "tokui-sidebar__header" });
-				if (i.tt) {
-					var _ = t("div", { class: "tokui-sidebar__title" }, i.tt);
-					g.appendChild(_);
-				}
-				if (s) {
-					var v = t("button", {
+		}), e.register("sidebar", (r, i) => {
+			var a = r.attrs || {}, o = a.w || "260", s = a.pos || "left", c = a.collapsible !== void 0, l = a.bg || "", u = a.fc || "", d = ["tokui-sidebar", "tokui-sidebar--" + s];
+			c && d.push("tokui-sidebar--collapsible");
+			var f = { class: d.join(" ") };
+			a.id && (f.id = a.id);
+			var p = t("div", f);
+			p.style.setProperty("--tokui-sidebar-w", o + "px"), l && p.style.setProperty("--tokui-sidebar-bg", l), u && p.style.setProperty("--tokui-sidebar-fc", u), l && p.style.setProperty("--tokui-sidebar-footer-bg", "rgba(0,0,0,0.15)"), l && p.style.setProperty("--tokui-sidebar-header-bg", "rgba(0,0,0,0.15)"), l && p.style.setProperty("--tokui-sidebar-border", "rgba(255,255,255,0.1)");
+			var m = [], h = [], g = [];
+			if ((r.children || []).forEach(function(e) {
+				e.type === "sidebar-content" ? m.push(e) : e.type === "sidebar-footer" ? h.push(e) : g.push(e);
+			}), a.tt || c) {
+				var _ = t("div", { class: "tokui-sidebar__header" });
+				if (a.tt) {
+					var v = t("div", { class: "tokui-sidebar__title" }, a.tt);
+					_.appendChild(v);
+				}
+				if (c) {
+					var y = t("button", {
 						class: "tokui-sidebar__toggle",
 						"aria-label": n("sidebar.toggle"),
 						"aria-expanded": "true",
 						type: "button"
 					});
-					v.textContent = "☰", v.addEventListener("click", function() {
-						f.classList.toggle("tokui-sidebar--collapsed");
-						var e = f.classList.contains("tokui-sidebar--collapsed");
-						v.setAttribute("aria-expanded", String(!e));
-					}), f._toggleBtn = v, g.appendChild(v);
-				}
-				f.appendChild(g);
-			}
-			var y = t("div", { class: "tokui-sidebar__content" });
-			if (p.forEach(function(e) {
-				r(e.children || []).forEach(function(e) {
-					e && e.nodeType && y.appendChild(e);
+					y.textContent = "☰";
+					var b = e.createReporter("sidebar", a, p);
+					y.addEventListener("click", function() {
+						p.classList.toggle("tokui-sidebar--collapsed");
+						var e = p.classList.contains("tokui-sidebar--collapsed");
+						y.setAttribute("aria-expanded", String(!e)), b("toggle", { collapsed: e });
+					}), p._toggleBtn = y, _.appendChild(y);
+				}
+				p.appendChild(_);
+			}
+			var x = t("div", { class: "tokui-sidebar__content" });
+			if (m.forEach(function(e) {
+				i(e.children || []).forEach(function(e) {
+					e && e.nodeType && x.appendChild(e);
 				});
-			}), r(h).forEach(function(e) {
-				e && e.nodeType && y.appendChild(e);
-			}), f.appendChild(y), m.length > 0) {
-				var b = t("div", { class: "tokui-sidebar__footer" });
-				m.forEach(function(e) {
-					r(e.children || []).forEach(function(e) {
-						e && e.nodeType && b.appendChild(e);
+			}), i(g).forEach(function(e) {
+				e && e.nodeType && x.appendChild(e);
+			}), p.appendChild(x), h.length > 0) {
+				var S = t("div", { class: "tokui-sidebar__footer" });
+				h.forEach(function(e) {
+					i(e.children || []).forEach(function(e) {
+						e && e.nodeType && S.appendChild(e);
 					});
-				}), f.appendChild(b);
+				}), p.appendChild(S);
 			}
-			return f._slot = y, f._tokuiType = "sidebar", f._update = function(e) {
+			return p._slot = x, p._tokuiType = "sidebar", p._update = function(e) {
 				if (e.tt !== void 0) {
-					var t = f.querySelector(".tokui-sidebar__title");
+					var t = p.querySelector(".tokui-sidebar__title");
 					t && (t.textContent = e.tt);
 				}
-				e.act === "collapse" ? f.classList.add("tokui-sidebar--collapsed") : e.act === "expand" ? f.classList.remove("tokui-sidebar--collapsed") : e.act === "toggle" && f.classList.toggle("tokui-sidebar--collapsed"), e.act && f._toggleBtn && f._toggleBtn.setAttribute("aria-expanded", String(!f.classList.contains("tokui-sidebar--collapsed")));
-			}, e._dsl !== void 0 && (f._dslNode = e), f;
+				e.act === "collapse" ? p.classList.add("tokui-sidebar--collapsed") : e.act === "expand" ? p.classList.remove("tokui-sidebar--collapsed") : e.act === "toggle" && p.classList.toggle("tokui-sidebar--collapsed"), e.act && p._toggleBtn && p._toggleBtn.setAttribute("aria-expanded", String(!p.classList.contains("tokui-sidebar--collapsed")));
+			}, r._dsl !== void 0 && (p._dslNode = r), p;
 		}), e.register("sidebar-content", (e, n) => {
 			var r = t("div", { class: "tokui-sidebar__content" });
 			return n(e.children || []).forEach(function(e) {
@@ -16244,8 +16530,9 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					theme: "default",
 					locale: null,
 					streaming: !0,
+					streamAnimation: !0,
 					onEvent: null
-				}, e), this.renderer = new n(i), s(this.renderer), this.renderer._tokuiInstance = this;
+				}, e), this.renderer = new n(i), s(this.renderer), this.renderer.streamAnimation = this.options.streamAnimation !== !1, this.renderer._tokuiInstance = this;
 				var t = this;
 				this.renderer._onComponentEvent = function(e) {
 					t.options.eventFilter && !t.options.eventFilter(e) || t.options.onEvent && t.options.onEvent("component", e);