@8wave/ai-elements 0.84.0 → 0.85.0

package/dist/_chunks/PkToolRequestOAuthConnection-Ctz50teF.js

@@ -0,0 +1,63 @@
+import { E as e, Kt as t, Q as n, R as r, _ as i, bt as a, m as o, pt as s, v as c, w as l, x as u, z as d } from "./vue.runtime.esm-bundler-B-iHWsf4.js";
+import { n as f } from "./vue-i18n-BjaFxqmH.js";
+import { c as p, o as m } from "./index.es-9_Td6lnP.js";
+//#region ../../packages/components/src/chat/PkToolRequestOAuthConnection.vue?vue&type=script&setup=true&lang.ts
+var h = { class: "w-full overflow-hidden bg-surface-1 p-sm rounded-xl text-12" }, g = {
+	key: 0,
+	class: "flex items-center gap-8 text-word-3"
+}, _ = { class: "text-10" }, v = {
+	key: 1,
+	class: "flex items-center gap-8 text-word-3"
+}, y = { class: "text-10" }, b = {
+	key: 2,
+	class: "flex items-center gap-8 text-word-3"
+}, x = { class: "text-10" }, S = { class: "flex items-center gap-6 text-word-3 mb-xs" }, C = {
+	key: 4,
+	class: "flex items-center gap-8 text-word-3"
+}, w = { class: "text-10" }, T = /* @__PURE__ */ e({
+	__name: "PkToolRequestOAuthConnection",
+	props: {
+		part: { type: null },
+		resolveConnection: { type: Function }
+	},
+	emits: ["connected"],
+	setup(e, { emit: T }) {
+		let E = e, D = T, { t: O } = f({ useScope: "global" }), k = i(() => E.part), A = i(() => k.value.state ?? "unknown"), j = i(() => k.value.input?.serverName), M = s(null), N = s(!1), P = s(!1), F = s(null);
+		async function I() {
+			if (!(!j.value || !E.resolveConnection || M.value || N.value)) {
+				N.value = !0;
+				try {
+					M.value = await E.resolveConnection(j.value);
+				} catch (e) {
+					F.value = e instanceof Error ? e.message : "Failed to resolve OAuth";
+				} finally {
+					N.value = !1;
+				}
+			}
+		}
+		n(() => A.value === "input-available" && j.value, (e) => {
+			e && I();
+		}, { immediate: !0 });
+		function L(e) {
+			e.data?.type === "mcp-oauth-complete" && e.data.mcpServerId === M.value?.mcpServerId && (window.removeEventListener("message", L), e.data.success ? (P.value = !0, D("connected", e.data.mcpServerId)) : F.value = e.data.error ?? "Unknown error");
+		}
+		function R() {
+			M.value?.authorizeUrl && (window.addEventListener("message", L), window.open(M.value.authorizeUrl, "mcp_oauth", "width=600,height=700"));
+		}
+		return r(() => {
+			window.removeEventListener("message", L);
+		}), (e, n) => {
+			let r = m, i = p;
+			return d(), u("div", h, [N.value ? (d(), u("div", g, [l(r, { name: "line-md:loading-loop" }), c("span", _, t(a(O)("messagePart.requestOAuthConnection")), 1)])) : P.value ? (d(), u("div", v, [l(r, { name: "ri:check-line" }), c("strong", y, t(a(O)("messagePart.requestOAuthConnectionSuccess", { name: j.value })), 1)])) : F.value ? (d(), u("div", b, [l(r, { name: "ri:close-line" }), c("strong", x, t(F.value), 1)])) : M.value ? (d(), u(o, { key: 3 }, [c("div", S, [c("span", null, t(a(O)("messagePart.requestOAuthConnectionPrompt", { name: j.value })), 1)]), l(i, {
+				modifiers: "primary-small",
+				icon: "ri:external-link-line",
+				label: a(O)("messagePart.requestOAuthConnectionButton", { name: j.value }),
+				onClick: R
+			}, null, 8, ["label"])], 64)) : (d(), u("div", C, [l(r, { name: "ri:link-m" }), c("span", w, t(a(O)("messagePart.requestOAuthConnectionInfo", { name: j.value })), 1)]))]);
+		};
+	}
+});
+//#endregion
+export { T as default };
+
+//# sourceMappingURL=PkToolRequestOAuthConnection-Ctz50teF.js.map

package/dist/_chunks/PkToolRequestOAuthConnection-Ctz50teF.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PkToolRequestOAuthConnection-Ctz50teF.js","names":[],"sources":["../../../../packages/components/src/chat/PkToolRequestOAuthConnection.vue","../../../../packages/components/src/chat/PkToolRequestOAuthConnection.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed, onUnmounted, ref, watch } from 'vue'\n    import { useI18n } from 'vue-i18n'\n\n    const props = defineProps<{\n        part: unknown\n        resolveConnection?: (\n            serverName: string,\n        ) => Promise<{ mcpServerId: string; authorizeUrl: string }>\n    }>()\n\n    const emit = defineEmits<{\n        connected: [mcpServerId: string]\n    }>()\n\n    const { t: $t } = useI18n({ useScope: 'global' })\n\n    const toolPart = computed(() => {\n        return props.part as {\n            state?: string\n            toolCallId?: string\n            input?: { serverName: string }\n        }\n    })\n\n    const state = computed(() => toolPart.value.state ?? 'unknown')\n    const serverName = computed(() => toolPart.value.input?.serverName)\n\n    const connectionData = ref<{\n        mcpServerId: string\n        authorizeUrl: string\n    } | null>(null)\n    const isResolving = ref(false)\n    const oauthCompleted = ref(false)\n    const oauthError = ref<string | null>(null)\n\n    async function resolveConnectionData() {\n        if (\n            !serverName.value ||\n            !props.resolveConnection ||\n            connectionData.value ||\n            isResolving.value\n        ) {\n            return\n        }\n        isResolving.value = true\n        try {\n            connectionData.value = await props.resolveConnection(\n                serverName.value,\n            )\n        } catch (err) {\n            oauthError.value =\n                err instanceof Error ? err.message : 'Failed to resolve OAuth'\n        } finally {\n            isResolving.value = false\n        }\n    }\n\n    watch(\n        () => state.value === 'input-available' && serverName.value,\n        (ready) => {\n            if (ready) {\n                resolveConnectionData()\n            }\n        },\n        { immediate: true },\n    )\n\n    function onMessage(event: MessageEvent) {\n        if (event.data?.type !== 'mcp-oauth-complete') {\n            return\n        }\n        if (event.data.mcpServerId !== connectionData.value?.mcpServerId) {\n            return\n        }\n        window.removeEventListener('message', onMessage)\n        if (event.data.success) {\n            oauthCompleted.value = true\n            emit('connected', event.data.mcpServerId)\n        } else {\n            oauthError.value = event.data.error ?? 'Unknown error'\n        }\n    }\n\n    function openAuthWindow() {\n        if (!connectionData.value?.authorizeUrl) {\n            return\n        }\n        window.addEventListener('message', onMessage)\n        window.open(\n            connectionData.value.authorizeUrl,\n            'mcp_oauth',\n            'width=600,height=700',\n        )\n    }\n\n    onUnmounted(() => {\n        window.removeEventListener('message', onMessage)\n    })\n</script>\n\n<template>\n    <div class=\"w-full overflow-hidden bg-surface-1 p-sm rounded-xl text-12\">\n        <!-- Loading state -->\n        <template v-if=\"isResolving\">\n            <div class=\"flex items-center gap-8 text-word-3\">\n                <VvIcon name=\"line-md:loading-loop\" />\n                <span class=\"text-10\">{{\n                    $t('messagePart.requestOAuthConnection')\n                }}</span>\n            </div>\n        </template>\n\n        <!-- Connected successfully -->\n        <template v-else-if=\"oauthCompleted\">\n            <div class=\"flex items-center gap-8 text-word-3\">\n                <VvIcon name=\"ri:check-line\" />\n                <strong class=\"text-10\">\n                    {{\n                        $t('messagePart.requestOAuthConnectionSuccess', {\n                            name: serverName,\n                        })\n                    }}\n                </strong>\n            </div>\n        </template>\n\n        <!-- OAuth error -->\n        <template v-else-if=\"oauthError\">\n            <div class=\"flex items-center gap-8 text-word-3\">\n                <VvIcon name=\"ri:close-line\" />\n                <strong class=\"text-10\">\n                    {{ oauthError }}\n                </strong>\n            </div>\n        </template>\n\n        <!-- Call ready — show connect button -->\n        <template v-else-if=\"connectionData\">\n            <div class=\"flex items-center gap-6 text-word-3 mb-xs\">\n                <span>\n                    {{\n                        $t('messagePart.requestOAuthConnectionPrompt', {\n                            name: serverName,\n                        })\n                    }}\n                </span>\n            </div>\n            <VvButton\n                modifiers=\"primary-small\"\n                icon=\"ri:external-link-line\"\n                :label=\"\n                    $t('messagePart.requestOAuthConnectionButton', {\n                        name: serverName,\n                    })\n                \"\n                @click=\"openAuthWindow\" />\n        </template>\n        <!-- Fallback for unknown state -->\n        <template v-else>\n            <div class=\"flex items-center gap-8 text-word-3\">\n                <VvIcon name=\"ri:link-m\" />\n                <span class=\"text-10\">\n                    {{\n                        $t('messagePart.requestOAuthConnectionInfo', {\n                            name: serverName,\n                        })\n                    }}\n                </span>\n            </div>\n        </template>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed, onUnmounted, ref, watch } from 'vue'\n    import { useI18n } from 'vue-i18n'\n\n    const props = defineProps<{\n        part: unknown\n        resolveConnection?: (\n            serverName: string,\n        ) => Promise<{ mcpServerId: string; authorizeUrl: string }>\n    }>()\n\n    const emit = defineEmits<{\n        connected: [mcpServerId: string]\n    }>()\n\n    const { t: $t } = useI18n({ useScope: 'global' })\n\n    const toolPart = computed(() => {\n        return props.part as {\n            state?: string\n            toolCallId?: string\n            input?: { serverName: string }\n        }\n    })\n\n    const state = computed(() => toolPart.value.state ?? 'unknown')\n    const serverName = computed(() => toolPart.value.input?.serverName)\n\n    const connectionData = ref<{\n        mcpServerId: string\n        authorizeUrl: string\n    } | null>(null)\n    const isResolving = ref(false)\n    const oauthCompleted = ref(false)\n    const oauthError = ref<string | null>(null)\n\n    async function resolveConnectionData() {\n        if (\n            !serverName.value ||\n            !props.resolveConnection ||\n            connectionData.value ||\n            isResolving.value\n        ) {\n            return\n        }\n        isResolving.value = true\n        try {\n            connectionData.value = await props.resolveConnection(\n                serverName.value,\n            )\n        } catch (err) {\n            oauthError.value =\n                err instanceof Error ? err.message : 'Failed to resolve OAuth'\n        } finally {\n            isResolving.value = false\n        }\n    }\n\n    watch(\n        () => state.value === 'input-available' && serverName.value,\n        (ready) => {\n            if (ready) {\n                resolveConnectionData()\n            }\n        },\n        { immediate: true },\n    )\n\n    function onMessage(event: MessageEvent) {\n        if (event.data?.type !== 'mcp-oauth-complete') {\n            return\n        }\n        if (event.data.mcpServerId !== connectionData.value?.mcpServerId) {\n            return\n        }\n        window.removeEventListener('message', onMessage)\n        if (event.data.success) {\n            oauthCompleted.value = true\n            emit('connected', event.data.mcpServerId)\n        } else {\n            oauthError.value = event.data.error ?? 'Unknown error'\n        }\n    }\n\n    function openAuthWindow() {\n        if (!connectionData.value?.authorizeUrl) {\n            return\n        }\n        window.addEventListener('message', onMessage)\n        window.open(\n            connectionData.value.authorizeUrl,\n            'mcp_oauth',\n            'width=600,height=700',\n        )\n    }\n\n    onUnmounted(() => {\n        window.removeEventListener('message', onMessage)\n    })\n</script>\n\n<template>\n    <div class=\"w-full overflow-hidden bg-surface-1 p-sm rounded-xl text-12\">\n        <!-- Loading state -->\n        <template v-if=\"isResolving\">\n            <div class=\"flex items-center gap-8 text-word-3\">\n                <VvIcon name=\"line-md:loading-loop\" />\n                <span class=\"text-10\">{{\n                    $t('messagePart.requestOAuthConnection')\n                }}</span>\n            </div>\n        </template>\n\n        <!-- Connected successfully -->\n        <template v-else-if=\"oauthCompleted\">\n            <div class=\"flex items-center gap-8 text-word-3\">\n                <VvIcon name=\"ri:check-line\" />\n                <strong class=\"text-10\">\n                    {{\n                        $t('messagePart.requestOAuthConnectionSuccess', {\n                            name: serverName,\n                        })\n                    }}\n                </strong>\n            </div>\n        </template>\n\n        <!-- OAuth error -->\n        <template v-else-if=\"oauthError\">\n            <div class=\"flex items-center gap-8 text-word-3\">\n                <VvIcon name=\"ri:close-line\" />\n                <strong class=\"text-10\">\n                    {{ oauthError }}\n                </strong>\n            </div>\n        </template>\n\n        <!-- Call ready — show connect button -->\n        <template v-else-if=\"connectionData\">\n            <div class=\"flex items-center gap-6 text-word-3 mb-xs\">\n                <span>\n                    {{\n                        $t('messagePart.requestOAuthConnectionPrompt', {\n                            name: serverName,\n                        })\n                    }}\n                </span>\n            </div>\n            <VvButton\n                modifiers=\"primary-small\"\n                icon=\"ri:external-link-line\"\n                :label=\"\n                    $t('messagePart.requestOAuthConnectionButton', {\n                        name: serverName,\n                    })\n                \"\n                @click=\"openAuthWindow\" />\n        </template>\n        <!-- Fallback for unknown state -->\n        <template v-else>\n            <div class=\"flex items-center gap-8 text-word-3\">\n                <VvIcon name=\"ri:link-m\" />\n                <span class=\"text-10\">\n                    {{\n                        $t('messagePart.requestOAuthConnectionInfo', {\n                            name: serverName,\n                        })\n                    }}\n                </span>\n            </div>\n        </template>\n    </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAII,IAAM,IAAQ,GAOR,IAAO,GAIP,EAAE,GAAG,MAAO,EAAQ,EAAE,UAAU,SAAS,CAAC,GAE1C,IAAW,QACN,EAAM,IAKhB,GAEK,IAAQ,QAAe,EAAS,MAAM,SAAS,SAAS,GACxD,IAAa,QAAe,EAAS,MAAM,OAAO,UAAU,GAE5D,IAAiB,EAGb,IAAI,GACR,IAAc,EAAI,EAAK,GACvB,IAAiB,EAAI,EAAK,GAC1B,IAAa,EAAmB,IAAI;EAE1C,eAAe,IAAwB;GAE/B,OAAC,EAAW,SACZ,CAAC,EAAM,qBACP,EAAe,SACf,EAAY,QAIhB;MAAY,QAAQ;IACpB,IAAI;KACA,EAAe,QAAQ,MAAM,EAAM,kBAC/B,EAAW,KACf;IACJ,SAAS,GAAK;KACV,EAAW,QACP,aAAe,QAAQ,EAAI,UAAU;IAC7C,UAAU;KACN,EAAY,QAAQ;IACxB;GAVoB;EAWxB;EAEA,QACU,EAAM,UAAU,qBAAqB,EAAW,QACrD,MAAU;GACP,AAAI,KACA,EAAsB;EAE9B,GACA,EAAE,WAAW,GAAK,CACtB;EAEA,SAAS,EAAU,GAAqB;GAChC,EAAM,MAAM,SAAS,wBAGrB,EAAM,KAAK,gBAAgB,EAAe,OAAO,gBAGrD,OAAO,oBAAoB,WAAW,CAAS,GAC3C,EAAM,KAAK,WACX,EAAe,QAAQ,IACvB,EAAK,aAAa,EAAM,KAAK,WAAW,KAExC,EAAW,QAAQ,EAAM,KAAK,SAAS;EAE/C;EAEA,SAAS,IAAiB;GACjB,EAAe,OAAO,iBAG3B,OAAO,iBAAiB,WAAW,CAAS,GAC5C,OAAO,KACH,EAAe,MAAM,cACrB,aACA,sBACJ;EACJ;SAEA,QAAkB;GACd,OAAO,oBAAoB,WAAW,CAAS;EACnD,CAAC;;eAID,EAqEM,OArEN,GAqEM,CAnEc,EAAA,SAAA,EAAA,GACZ,EAKM,OALN,GAKM,CAJF,EAAsC,GAAA,EAA9B,MAAK,uBAAsB,CAAA,GACnC,EAES,QAFT,GAES,EADL,EAAA,CAAA,EAAE,oCAAA,CAAA,GAAA,CAAA,CAAA,CAAA,KAMO,EAAA,SAAA,EAAA,GACjB,EASM,OATN,GASM,CARF,EAA+B,GAAA,EAAvB,MAAK,gBAAe,CAAA,GAC5B,EAMS,UANT,GAMS,EAJD,EAAA,CAAA,EAAE,6CAAA,EAAA,MAAkF,EAAA,MAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,KAS/E,EAAA,SAAA,EAAA,GACjB,EAKM,OALN,GAKM,CAJF,EAA+B,GAAA,EAAvB,MAAK,gBAAe,CAAA,GAC5B,EAES,UAFT,GAES,EADF,EAAA,KAAU,GAAA,CAAA,CAAA,CAAA,KAMJ,EAAA,SAAA,EAAA,GAArB,EAmBW,GAAA,EAAA,KAAA,EAAA,GAAA,CAlBP,EAQM,OARN,GAQM,CAPF,EAMO,QAAA,MAAA,EAJC,EAAA,CAAA,EAAE,4CAAA,EAAA,MAAiF,EAAA,MAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,GAM/F,EAQ8B,GAAA;IAP1B,WAAU;IACV,MAAK;IACJ,OAA4B,EAAA,CAAA,EAAE,4CAAA,EAAA,MAA6E,EAAA,MAAA,CAAA;IAK3G,SAAO;yCAIZ,EASM,OATN,GASM,CARF,EAA2B,GAAA,EAAnB,MAAK,YAAW,CAAA,GACxB,EAMO,QANP,GAMO,EAJC,EAAA,CAAA,EAAE,0CAAA,EAAA,MAA+E,EAAA,MAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,EAAA,CAAA"}

package/dist/_chunks/{PkToolShowArtifact-Ddz3DsWl.js → PkToolShowArtifact-Drp_zW-3.js}

@@ -1,9 +1,9 @@
-import { Bt as e, C as t, E as n, Gt as r, Z as i, _ as a, ft as o, v as s, w as c, x as l, y as u, yt as d, z as f } from "./vue.runtime.esm-bundler-7_kt7y9A.js";
-import { i as p } from "./dist-DHG50RNO.js";
-import { c as m } from "./index.es-CusxIi0s.js";
-import { t as h } from "./PkStreamingMarkdown-SVWv4Oye.js";
+import { C as e, E as t, Kt as n, Q as r, Vt as i, _ as a, bt as o, pt as s, v as c, w as l, x as u, y as d, z as f } from "./vue.runtime.esm-bundler-B-iHWsf4.js";
+import { i as p } from "./dist-Dplp2WfI.js";
+import { c as m } from "./index.es-9_Td6lnP.js";
+import { t as h } from "./PkStreamingMarkdown-C_fNNe9O.js";
 //#region ../../packages/components/src/chat/PkCode.vue?vue&type=script&setup=true&lang.ts
-var g = ["innerHTML"], _ = /* @__PURE__ */ n({
+var g = ["innerHTML"], _ = /* @__PURE__ */ t({
 	inheritAttrs: !1,
 	__name: "PkCode",
 	props: {
@@ -11,34 +11,34 @@ var g = ["innerHTML"], _ = /* @__PURE__ */ n({
 		language: { type: String },
 		line: { type: Boolean }
 	},
-	setup(n) {
-		let r = n, c = o(""), u = a(() => typeof r.code == "string" ? r.code : JSON.stringify(r.code, null, 2));
+	setup(t) {
+		let n = t, o = s(""), l = a(() => typeof n.code == "string" ? n.code : JSON.stringify(n.code, null, 2));
 		async function d() {
 			let e = (await import("https://cdn.jsdelivr.net/npm/highlight.js@11/es/common.js")).default;
 			try {
-				c.value = (r.language ? e.highlight(u.value, { language: r.language }) : e.highlightAuto(u.value)).value;
+				o.value = (n.language ? e.highlight(l.value, { language: n.language }) : e.highlightAuto(l.value)).value;
 			} catch {
-				c.value = u.value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+				o.value = l.value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
 			}
 		}
-		return i(u, d, { immediate: !0 }), (r, i) => (f(), l("pre", { class: e(r.$attrs.class ? r.$attrs.class : "font-mono leading-snug text-smaller bg-surface-1") }, [
-			i[0] ||= t("        ", -1),
-			s("code", {
-				class: e([
+		return r(l, d, { immediate: !0 }), (n, r) => (f(), u("pre", { class: i(n.$attrs.class ? n.$attrs.class : "font-mono leading-snug text-smaller bg-surface-1") }, [
+			r[0] ||= e("        ", -1),
+			c("code", {
+				class: i([
 					"hljs",
-					n.line ? "whitespace-pre-line" : "whitespace-pre",
-					n.language
+					t.line ? "whitespace-pre-line" : "whitespace-pre",
+					t.language
 				]),
-				innerHTML: c.value
+				innerHTML: o.value
 			}, null, 10, g),
-			i[1] ||= t("\n    ", -1)
+			r[1] ||= e("\n    ", -1)
 		], 2));
 	}
-}), v = { class: "border border-surface-3 rounded-xl w-full overflow-hidden" }, y = { class: "px-sm py-6 font-bold bg-surface-1 text-12 border-b border-surface-3 text-word-3 flex justify-between items-center" }, b = { class: "flex flex-col items-start gap-4" }, x = { class: "text-10 opacity-60 font-normal" }, S = { class: "px-sm py-10" }, C = /* @__PURE__ */ n({
+}), v = { class: "border border-surface-3 rounded-xl w-full overflow-hidden" }, y = { class: "px-sm py-6 font-bold bg-surface-1 text-12 border-b border-surface-3 text-word-3 flex justify-between items-center" }, b = { class: "flex flex-col items-start gap-4" }, x = { class: "text-10 opacity-60 font-normal" }, S = { class: "px-sm py-10" }, C = /* @__PURE__ */ t({
 	__name: "PkToolShowArtifact",
 	props: { part: { type: null } },
-	setup(t) {
-		let { copy: n, copied: i } = p(), o = t, g = a(() => o.part), C = a(() => g.value.input?.artifactType && {
+	setup(e) {
+		let { copy: t, copied: r } = p(), s = e, g = a(() => s.part), C = a(() => g.value.input?.artifactType && {
 			code: "Code",
 			document: "Document",
 			markdown: "Markdown",
@@ -56,35 +56,35 @@ var g = ["innerHTML"], _ = /* @__PURE__ */ n({
 			html: "html",
 			sql: "sql"
 		}[g.value.input.artifactType] || "plaintext");
-		return (t, a) => {
-			let o = m;
-			return f(), l("div", v, [s("div", y, [s("div", b, [s("span", null, r(g.value?.input?.title), 1), s("span", x, r(C.value) + r(w.value), 1)]), c(o, {
-				icon: d(i) ? "ri:check-line" : "ri:file-copy-line",
-				label: d(i) ? t.$t("action.copied") : t.$t("action.copy"),
+		return (e, a) => {
+			let s = m;
+			return f(), u("div", v, [c("div", y, [c("div", b, [c("span", null, n(g.value?.input?.title), 1), c("span", x, n(C.value) + n(w.value), 1)]), l(s, {
+				icon: o(r) ? "ri:check-line" : "ri:file-copy-line",
+				label: o(r) ? e.$t("action.copied") : e.$t("action.copy"),
 				modifiers: "action-quiet-small",
-				title: t.$t("action.copy"),
+				title: e.$t("action.copy"),
 				class: "shrink-0",
-				onClick: a[0] ||= (e) => d(n)(g.value?.input?.content || "")
+				onClick: a[0] ||= (e) => o(t)(g.value?.input?.content || "")
 			}, null, 8, [
 				"icon",
 				"label",
 				"title"
-			])]), s("div", S, [T.value ? (f(), u(_, {
+			])]), c("div", S, [T.value ? (f(), d(_, {
 				key: 0,
 				code: g.value?.input?.content,
 				language: D.value
-			}, null, 8, ["code", "language"])) : E.value ? (f(), u(h, {
+			}, null, 8, ["code", "language"])) : E.value ? (f(), d(h, {
 				key: 1,
 				markdown: g.value?.input?.content,
 				class: "wysiwyg text-word-2"
-			}, null, 8, ["markdown"])) : (f(), l("pre", {
+			}, null, 8, ["markdown"])) : (f(), u("pre", {
 				key: 2,
-				class: e(["text-word-2 whitespace-pre-wrap break-words", { italic: g.value?.input?.artifactType === "document" || g.value?.input?.artifactType === "text" }])
-			}, r(g.value?.input?.content), 3))])]);
+				class: i(["text-word-2 whitespace-pre-wrap break-words", { italic: g.value?.input?.artifactType === "document" || g.value?.input?.artifactType === "text" }])
+			}, n(g.value?.input?.content), 3))])]);
 		};
 	}
 });
 //#endregion
 export { C as default };
 
-//# sourceMappingURL=PkToolShowArtifact-Ddz3DsWl.js.map
+//# sourceMappingURL=PkToolShowArtifact-Drp_zW-3.js.map

package/dist/_chunks/{PkToolShowArtifact-Ddz3DsWl.js.map → PkToolShowArtifact-Drp_zW-3.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkToolShowArtifact-Ddz3DsWl.js","names":["$attrs","$t"],"sources":["../../../../packages/components/src/chat/PkCode.vue","../../../../packages/components/src/chat/PkCode.vue","../../../../packages/components/src/chat/PkToolShowArtifact.vue","../../../../packages/components/src/chat/PkToolShowArtifact.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed, ref, watch } from 'vue'\n\n    defineOptions({\n        inheritAttrs: false,\n    })\n\n    const props = defineProps<{\n        code: unknown\n        language: string\n        line?: boolean\n    }>()\n\n    const highlightedHtml = ref('')\n\n    const hasCode = computed(() => {\n        if (typeof props.code === 'string') {\n            return props.code\n        }\n        return JSON.stringify(props.code, null, 2)\n    })\n\n    async function highlight() {\n        const hljs = (await import('highlight.js/lib/common')).default\n        try {\n            const result = props.language\n                ? hljs.highlight(hasCode.value, { language: props.language })\n                : hljs.highlightAuto(hasCode.value)\n            highlightedHtml.value = result.value\n        } catch {\n            highlightedHtml.value = hasCode.value\n                .replace(/&/g, '&amp;')\n                .replace(/</g, '&lt;')\n                .replace(/>/g, '&gt;')\n        }\n    }\n\n    watch(hasCode, highlight, { immediate: true })\n</script>\n\n<template>\n    <pre\n        :class=\"\n            $attrs.class\n                ? $attrs.class\n                : 'font-mono leading-snug text-smaller bg-surface-1'\n        \">\n        <code :class=\"['hljs', line ? 'whitespace-pre-line' : 'whitespace-pre', language]\" v-html=\"highlightedHtml\"></code>\n    </pre>\n</template>\n","<script setup lang=\"ts\">\n    import { computed, ref, watch } from 'vue'\n\n    defineOptions({\n        inheritAttrs: false,\n    })\n\n    const props = defineProps<{\n        code: unknown\n        language: string\n        line?: boolean\n    }>()\n\n    const highlightedHtml = ref('')\n\n    const hasCode = computed(() => {\n        if (typeof props.code === 'string') {\n            return props.code\n        }\n        return JSON.stringify(props.code, null, 2)\n    })\n\n    async function highlight() {\n        const hljs = (await import('highlight.js/lib/common')).default\n        try {\n            const result = props.language\n                ? hljs.highlight(hasCode.value, { language: props.language })\n                : hljs.highlightAuto(hasCode.value)\n            highlightedHtml.value = result.value\n        } catch {\n            highlightedHtml.value = hasCode.value\n                .replace(/&/g, '&amp;')\n                .replace(/</g, '&lt;')\n                .replace(/>/g, '&gt;')\n        }\n    }\n\n    watch(hasCode, highlight, { immediate: true })\n</script>\n\n<template>\n    <pre\n        :class=\"\n            $attrs.class\n                ? $attrs.class\n                : 'font-mono leading-snug text-smaller bg-surface-1'\n        \">\n        <code :class=\"['hljs', line ? 'whitespace-pre-line' : 'whitespace-pre', language]\" v-html=\"highlightedHtml\"></code>\n    </pre>\n</template>\n","<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { useClipboard } from '@vueuse/core'\n    import PkCode from './PkCode.vue'\n    import PkStreamingMarkdown from './PkStreamingMarkdown.vue'\n\n    const { copy, copied } = useClipboard()\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                title: string\n                content: string\n                artifactType: string\n                language?: string\n            }\n        }\n        return part\n    })\n\n    const artifactTypeLabel = computed(() => {\n        const labels: Record<string, string> = {\n            code: 'Code',\n            document: 'Document',\n            markdown: 'Markdown',\n            json: 'JSON',\n            xml: 'XML',\n            csv: 'CSV',\n            html: 'HTML',\n            yaml: 'YAML',\n            sql: 'SQL',\n            text: 'Text',\n        }\n        if (!toolPart.value.input?.artifactType) {\n            return 'Artifact'\n        }\n        return labels[toolPart.value.input.artifactType] || 'Artifact'\n    })\n\n    const languageLabel = computed(() => {\n        if (!toolPart.value.input?.language) {\n            return ''\n        }\n        return ` (${toolPart.value.input.language})`\n    })\n\n    const isCodeType = computed(() => {\n        return (\n            toolPart.value.input?.artifactType === 'code' ||\n            toolPart.value.input?.artifactType === 'json' ||\n            toolPart.value.input?.artifactType === 'xml' ||\n            toolPart.value.input?.artifactType === 'yaml' ||\n            toolPart.value.input?.artifactType === 'html' ||\n            toolPart.value.input?.artifactType === 'sql'\n        )\n    })\n\n    const isMarkdownType = computed(() => {\n        return toolPart.value.input?.artifactType === 'markdown'\n    })\n\n    const codeLanguage = computed(() => {\n        if (toolPart.value.input?.language) {\n            return toolPart.value.input.language\n        }\n        // Map artifact types to highlight.js languages\n        const languageMap: Record<string, string> = {\n            json: 'json',\n            xml: 'xml',\n            yaml: 'yaml',\n            html: 'html',\n            sql: 'sql',\n        }\n        if (!toolPart.value.input?.artifactType) {\n            return 'plaintext'\n        }\n        return languageMap[toolPart.value.input.artifactType] || 'plaintext'\n    })\n</script>\n\n<template>\n    <div class=\"border border-surface-3 rounded-xl w-full overflow-hidden\">\n        <div\n            class=\"px-sm py-6 font-bold bg-surface-1 text-12 border-b border-surface-3 text-word-3 flex justify-between items-center\">\n            <div class=\"flex flex-col items-start gap-4\">\n                <span>{{ toolPart?.input?.title }}</span>\n                <span class=\"text-10 opacity-60 font-normal\">\n                    {{ artifactTypeLabel }}{{ languageLabel }}\n                </span>\n            </div>\n            <VvButton\n                :icon=\"copied ? 'ri:check-line' : 'ri:file-copy-line'\"\n                :label=\"copied ? $t('action.copied') : $t('action.copy')\"\n                modifiers=\"action-quiet-small\"\n                :title=\"$t('action.copy')\"\n                class=\"shrink-0\"\n                @click=\"copy(toolPart?.input?.content || '')\" />\n        </div>\n        <div class=\"px-sm py-10\">\n            <PkCode\n                v-if=\"isCodeType\"\n                :code=\"toolPart?.input?.content\"\n                :language=\"codeLanguage\" />\n            <PkStreamingMarkdown\n                v-else-if=\"isMarkdownType\"\n                :markdown=\"toolPart?.input?.content\"\n                class=\"wysiwyg text-word-2\" />\n            <pre\n                v-else\n                class=\"text-word-2 whitespace-pre-wrap break-words\"\n                :class=\"{\n                    italic:\n                        toolPart?.input?.artifactType === 'document' ||\n                        toolPart?.input?.artifactType === 'text',\n                }\"\n                >{{ toolPart?.input?.content }}</pre\n            >\n        </div>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { useClipboard } from '@vueuse/core'\n    import PkCode from './PkCode.vue'\n    import PkStreamingMarkdown from './PkStreamingMarkdown.vue'\n\n    const { copy, copied } = useClipboard()\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                title: string\n                content: string\n                artifactType: string\n                language?: string\n            }\n        }\n        return part\n    })\n\n    const artifactTypeLabel = computed(() => {\n        const labels: Record<string, string> = {\n            code: 'Code',\n            document: 'Document',\n            markdown: 'Markdown',\n            json: 'JSON',\n            xml: 'XML',\n            csv: 'CSV',\n            html: 'HTML',\n            yaml: 'YAML',\n            sql: 'SQL',\n            text: 'Text',\n        }\n        if (!toolPart.value.input?.artifactType) {\n            return 'Artifact'\n        }\n        return labels[toolPart.value.input.artifactType] || 'Artifact'\n    })\n\n    const languageLabel = computed(() => {\n        if (!toolPart.value.input?.language) {\n            return ''\n        }\n        return ` (${toolPart.value.input.language})`\n    })\n\n    const isCodeType = computed(() => {\n        return (\n            toolPart.value.input?.artifactType === 'code' ||\n            toolPart.value.input?.artifactType === 'json' ||\n            toolPart.value.input?.artifactType === 'xml' ||\n            toolPart.value.input?.artifactType === 'yaml' ||\n            toolPart.value.input?.artifactType === 'html' ||\n            toolPart.value.input?.artifactType === 'sql'\n        )\n    })\n\n    const isMarkdownType = computed(() => {\n        return toolPart.value.input?.artifactType === 'markdown'\n    })\n\n    const codeLanguage = computed(() => {\n        if (toolPart.value.input?.language) {\n            return toolPart.value.input.language\n        }\n        // Map artifact types to highlight.js languages\n        const languageMap: Record<string, string> = {\n            json: 'json',\n            xml: 'xml',\n            yaml: 'yaml',\n            html: 'html',\n            sql: 'sql',\n        }\n        if (!toolPart.value.input?.artifactType) {\n            return 'plaintext'\n        }\n        return languageMap[toolPart.value.input.artifactType] || 'plaintext'\n    })\n</script>\n\n<template>\n    <div class=\"border border-surface-3 rounded-xl w-full overflow-hidden\">\n        <div\n            class=\"px-sm py-6 font-bold bg-surface-1 text-12 border-b border-surface-3 text-word-3 flex justify-between items-center\">\n            <div class=\"flex flex-col items-start gap-4\">\n                <span>{{ toolPart?.input?.title }}</span>\n                <span class=\"text-10 opacity-60 font-normal\">\n                    {{ artifactTypeLabel }}{{ languageLabel }}\n                </span>\n            </div>\n            <VvButton\n                :icon=\"copied ? 'ri:check-line' : 'ri:file-copy-line'\"\n                :label=\"copied ? $t('action.copied') : $t('action.copy')\"\n                modifiers=\"action-quiet-small\"\n                :title=\"$t('action.copy')\"\n                class=\"shrink-0\"\n                @click=\"copy(toolPart?.input?.content || '')\" />\n        </div>\n        <div class=\"px-sm py-10\">\n            <PkCode\n                v-if=\"isCodeType\"\n                :code=\"toolPart?.input?.content\"\n                :language=\"codeLanguage\" />\n            <PkStreamingMarkdown\n                v-else-if=\"isMarkdownType\"\n                :markdown=\"toolPart?.input?.content\"\n                class=\"wysiwyg text-word-2\" />\n            <pre\n                v-else\n                class=\"text-word-2 whitespace-pre-wrap break-words\"\n                :class=\"{\n                    italic:\n                        toolPart?.input?.artifactType === 'document' ||\n                        toolPart?.input?.artifactType === 'text',\n                }\"\n                >{{ toolPart?.input?.content }}</pre\n            >\n        </div>\n    </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"PkToolShowArtifact-Drp_zW-3.js","names":["$attrs","$t"],"sources":["../../../../packages/components/src/chat/PkCode.vue","../../../../packages/components/src/chat/PkCode.vue","../../../../packages/components/src/chat/PkToolShowArtifact.vue","../../../../packages/components/src/chat/PkToolShowArtifact.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed, ref, watch } from 'vue'\n\n    defineOptions({\n        inheritAttrs: false,\n    })\n\n    const props = defineProps<{\n        code: unknown\n        language: string\n        line?: boolean\n    }>()\n\n    const highlightedHtml = ref('')\n\n    const hasCode = computed(() => {\n        if (typeof props.code === 'string') {\n            return props.code\n        }\n        return JSON.stringify(props.code, null, 2)\n    })\n\n    async function highlight() {\n        const hljs = (await import('highlight.js/lib/common')).default\n        try {\n            const result = props.language\n                ? hljs.highlight(hasCode.value, { language: props.language })\n                : hljs.highlightAuto(hasCode.value)\n            highlightedHtml.value = result.value\n        } catch {\n            highlightedHtml.value = hasCode.value\n                .replace(/&/g, '&amp;')\n                .replace(/</g, '&lt;')\n                .replace(/>/g, '&gt;')\n        }\n    }\n\n    watch(hasCode, highlight, { immediate: true })\n</script>\n\n<template>\n    <pre\n        :class=\"\n            $attrs.class\n                ? $attrs.class\n                : 'font-mono leading-snug text-smaller bg-surface-1'\n        \">\n        <code :class=\"['hljs', line ? 'whitespace-pre-line' : 'whitespace-pre', language]\" v-html=\"highlightedHtml\"></code>\n    </pre>\n</template>\n","<script setup lang=\"ts\">\n    import { computed, ref, watch } from 'vue'\n\n    defineOptions({\n        inheritAttrs: false,\n    })\n\n    const props = defineProps<{\n        code: unknown\n        language: string\n        line?: boolean\n    }>()\n\n    const highlightedHtml = ref('')\n\n    const hasCode = computed(() => {\n        if (typeof props.code === 'string') {\n            return props.code\n        }\n        return JSON.stringify(props.code, null, 2)\n    })\n\n    async function highlight() {\n        const hljs = (await import('highlight.js/lib/common')).default\n        try {\n            const result = props.language\n                ? hljs.highlight(hasCode.value, { language: props.language })\n                : hljs.highlightAuto(hasCode.value)\n            highlightedHtml.value = result.value\n        } catch {\n            highlightedHtml.value = hasCode.value\n                .replace(/&/g, '&amp;')\n                .replace(/</g, '&lt;')\n                .replace(/>/g, '&gt;')\n        }\n    }\n\n    watch(hasCode, highlight, { immediate: true })\n</script>\n\n<template>\n    <pre\n        :class=\"\n            $attrs.class\n                ? $attrs.class\n                : 'font-mono leading-snug text-smaller bg-surface-1'\n        \">\n        <code :class=\"['hljs', line ? 'whitespace-pre-line' : 'whitespace-pre', language]\" v-html=\"highlightedHtml\"></code>\n    </pre>\n</template>\n","<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { useClipboard } from '@vueuse/core'\n    import PkCode from './PkCode.vue'\n    import PkStreamingMarkdown from './PkStreamingMarkdown.vue'\n\n    const { copy, copied } = useClipboard()\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                title: string\n                content: string\n                artifactType: string\n                language?: string\n            }\n        }\n        return part\n    })\n\n    const artifactTypeLabel = computed(() => {\n        const labels: Record<string, string> = {\n            code: 'Code',\n            document: 'Document',\n            markdown: 'Markdown',\n            json: 'JSON',\n            xml: 'XML',\n            csv: 'CSV',\n            html: 'HTML',\n            yaml: 'YAML',\n            sql: 'SQL',\n            text: 'Text',\n        }\n        if (!toolPart.value.input?.artifactType) {\n            return 'Artifact'\n        }\n        return labels[toolPart.value.input.artifactType] || 'Artifact'\n    })\n\n    const languageLabel = computed(() => {\n        if (!toolPart.value.input?.language) {\n            return ''\n        }\n        return ` (${toolPart.value.input.language})`\n    })\n\n    const isCodeType = computed(() => {\n        return (\n            toolPart.value.input?.artifactType === 'code' ||\n            toolPart.value.input?.artifactType === 'json' ||\n            toolPart.value.input?.artifactType === 'xml' ||\n            toolPart.value.input?.artifactType === 'yaml' ||\n            toolPart.value.input?.artifactType === 'html' ||\n            toolPart.value.input?.artifactType === 'sql'\n        )\n    })\n\n    const isMarkdownType = computed(() => {\n        return toolPart.value.input?.artifactType === 'markdown'\n    })\n\n    const codeLanguage = computed(() => {\n        if (toolPart.value.input?.language) {\n            return toolPart.value.input.language\n        }\n        // Map artifact types to highlight.js languages\n        const languageMap: Record<string, string> = {\n            json: 'json',\n            xml: 'xml',\n            yaml: 'yaml',\n            html: 'html',\n            sql: 'sql',\n        }\n        if (!toolPart.value.input?.artifactType) {\n            return 'plaintext'\n        }\n        return languageMap[toolPart.value.input.artifactType] || 'plaintext'\n    })\n</script>\n\n<template>\n    <div class=\"border border-surface-3 rounded-xl w-full overflow-hidden\">\n        <div\n            class=\"px-sm py-6 font-bold bg-surface-1 text-12 border-b border-surface-3 text-word-3 flex justify-between items-center\">\n            <div class=\"flex flex-col items-start gap-4\">\n                <span>{{ toolPart?.input?.title }}</span>\n                <span class=\"text-10 opacity-60 font-normal\">\n                    {{ artifactTypeLabel }}{{ languageLabel }}\n                </span>\n            </div>\n            <VvButton\n                :icon=\"copied ? 'ri:check-line' : 'ri:file-copy-line'\"\n                :label=\"copied ? $t('action.copied') : $t('action.copy')\"\n                modifiers=\"action-quiet-small\"\n                :title=\"$t('action.copy')\"\n                class=\"shrink-0\"\n                @click=\"copy(toolPart?.input?.content || '')\" />\n        </div>\n        <div class=\"px-sm py-10\">\n            <PkCode\n                v-if=\"isCodeType\"\n                :code=\"toolPart?.input?.content\"\n                :language=\"codeLanguage\" />\n            <PkStreamingMarkdown\n                v-else-if=\"isMarkdownType\"\n                :markdown=\"toolPart?.input?.content\"\n                class=\"wysiwyg text-word-2\" />\n            <pre\n                v-else\n                class=\"text-word-2 whitespace-pre-wrap break-words\"\n                :class=\"{\n                    italic:\n                        toolPart?.input?.artifactType === 'document' ||\n                        toolPart?.input?.artifactType === 'text',\n                }\"\n                >{{ toolPart?.input?.content }}</pre\n            >\n        </div>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { useClipboard } from '@vueuse/core'\n    import PkCode from './PkCode.vue'\n    import PkStreamingMarkdown from './PkStreamingMarkdown.vue'\n\n    const { copy, copied } = useClipboard()\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                title: string\n                content: string\n                artifactType: string\n                language?: string\n            }\n        }\n        return part\n    })\n\n    const artifactTypeLabel = computed(() => {\n        const labels: Record<string, string> = {\n            code: 'Code',\n            document: 'Document',\n            markdown: 'Markdown',\n            json: 'JSON',\n            xml: 'XML',\n            csv: 'CSV',\n            html: 'HTML',\n            yaml: 'YAML',\n            sql: 'SQL',\n            text: 'Text',\n        }\n        if (!toolPart.value.input?.artifactType) {\n            return 'Artifact'\n        }\n        return labels[toolPart.value.input.artifactType] || 'Artifact'\n    })\n\n    const languageLabel = computed(() => {\n        if (!toolPart.value.input?.language) {\n            return ''\n        }\n        return ` (${toolPart.value.input.language})`\n    })\n\n    const isCodeType = computed(() => {\n        return (\n            toolPart.value.input?.artifactType === 'code' ||\n            toolPart.value.input?.artifactType === 'json' ||\n            toolPart.value.input?.artifactType === 'xml' ||\n            toolPart.value.input?.artifactType === 'yaml' ||\n            toolPart.value.input?.artifactType === 'html' ||\n            toolPart.value.input?.artifactType === 'sql'\n        )\n    })\n\n    const isMarkdownType = computed(() => {\n        return toolPart.value.input?.artifactType === 'markdown'\n    })\n\n    const codeLanguage = computed(() => {\n        if (toolPart.value.input?.language) {\n            return toolPart.value.input.language\n        }\n        // Map artifact types to highlight.js languages\n        const languageMap: Record<string, string> = {\n            json: 'json',\n            xml: 'xml',\n            yaml: 'yaml',\n            html: 'html',\n            sql: 'sql',\n        }\n        if (!toolPart.value.input?.artifactType) {\n            return 'plaintext'\n        }\n        return languageMap[toolPart.value.input.artifactType] || 'plaintext'\n    })\n</script>\n\n<template>\n    <div class=\"border border-surface-3 rounded-xl w-full overflow-hidden\">\n        <div\n            class=\"px-sm py-6 font-bold bg-surface-1 text-12 border-b border-surface-3 text-word-3 flex justify-between items-center\">\n            <div class=\"flex flex-col items-start gap-4\">\n                <span>{{ toolPart?.input?.title }}</span>\n                <span class=\"text-10 opacity-60 font-normal\">\n                    {{ artifactTypeLabel }}{{ languageLabel }}\n                </span>\n            </div>\n            <VvButton\n                :icon=\"copied ? 'ri:check-line' : 'ri:file-copy-line'\"\n                :label=\"copied ? $t('action.copied') : $t('action.copy')\"\n                modifiers=\"action-quiet-small\"\n                :title=\"$t('action.copy')\"\n                class=\"shrink-0\"\n                @click=\"copy(toolPart?.input?.content || '')\" />\n        </div>\n        <div class=\"px-sm py-10\">\n            <PkCode\n                v-if=\"isCodeType\"\n                :code=\"toolPart?.input?.content\"\n                :language=\"codeLanguage\" />\n            <PkStreamingMarkdown\n                v-else-if=\"isMarkdownType\"\n                :markdown=\"toolPart?.input?.content\"\n                class=\"wysiwyg text-word-2\" />\n            <pre\n                v-else\n                class=\"text-word-2 whitespace-pre-wrap break-words\"\n                :class=\"{\n                    italic:\n                        toolPart?.input?.artifactType === 'document' ||\n                        toolPart?.input?.artifactType === 'text',\n                }\"\n                >{{ toolPart?.input?.content }}</pre\n            >\n        </div>\n    </div>\n</template>\n"],"mappings":"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"}

package/dist/_chunks/{PkToolShowCalendarEvent-Kl7HolAK.js → PkToolShowCalendarEvent-D1XYExcQ.js}

@@ -1,8 +1,8 @@
-import { $ as e, C as t, E as n, Gt as r, O as i, Vt as a, _ as o, b as s, v as c, w as l, x as u, yt as d, z as f } from "./vue.runtime.esm-bundler-7_kt7y9A.js";
-import { n as p } from "./vue-i18n-fHp3k8qw.js";
-import { i as m } from "./dist-DHG50RNO.js";
-import { c as h, n as g, o as _, r as v, s as y } from "./index.es-CusxIi0s.js";
-import { n as b } from "./src-RaVs-PqK.js";
+import { C as e, E as t, Ht as n, Kt as r, O as i, _ as a, b as o, bt as s, et as c, v as l, w as u, x as d, z as f } from "./vue.runtime.esm-bundler-B-iHWsf4.js";
+import { n as p } from "./vue-i18n-BjaFxqmH.js";
+import { i as m } from "./dist-Dplp2WfI.js";
+import { c as h, n as g, o as _, r as v, s as y } from "./index.es-9_Td6lnP.js";
+import { n as b } from "./src-L9Jq1dyr.js";
 //#region ../../packages/components/src/chat/PkToolShowCalendarEvent.vue?vue&type=script&setup=true&lang.ts
 var x = {
 	key: 0,
@@ -17,16 +17,16 @@ var x = {
 ], P = { key: 1 }, F = {
 	key: 1,
 	class: "flex items-start gap-8 text-12 text-word-3"
-}, I = /* @__PURE__ */ n({
+}, I = /* @__PURE__ */ t({
 	__name: "PkToolShowCalendarEvent",
 	props: { part: { type: null } },
-	setup(n) {
-		let I = n, { copy: L, copied: R } = m(), { d: z } = p(), B = o(() => I.part), V = o(() => {
+	setup(t) {
+		let I = t, { copy: L, copied: R } = m(), { d: z } = p(), B = a(() => I.part), V = a(() => {
 			let e = B.value.input;
 			if (!e) return "";
 			let { startDate: t, endDate: n, allDay: r } = e, i = new Date(t), a = new Date(n), o = t.slice(0, 10), s = n.slice(0, 10);
 			return r ? o === s ? z(i, "date-medium") : `${z(i, "date-medium")} - ${z(a, "date-medium")}` : o === s ? `${z(i, "date-time-medium")} - ${z(a, "time")}` : `${z(i, "date-time-medium")} - ${z(a, "date-time-medium")}`;
-		}), H = o(() => B.value.input ? new Date(B.value.input.startDate) : null), U = o(() => H.value?.getDate().toString() ?? ""), W = o(() => H.value ? z(H.value, "month-short") : ""), G = (e) => e.replace(/[-:]/g, "").replace(/\.\d{3}$/, ""), K = (e) => e.replace(/\\/g, "\\\\").replace(/;/g, "\\;").replace(/,/g, "\\,").replace(/\n/g, "\\n"), q = () => {
+		}), H = a(() => B.value.input ? new Date(B.value.input.startDate) : null), U = a(() => H.value?.getDate().toString() ?? ""), W = a(() => H.value ? z(H.value, "month-short") : ""), G = (e) => e.replace(/[-:]/g, "").replace(/\.\d{3}$/, ""), K = (e) => e.replace(/\\/g, "\\\\").replace(/;/g, "\\;").replace(/,/g, "\\,").replace(/\n/g, "\\n"), q = () => {
 			let e = B.value.input;
 			if (!e) return;
 			let { title: t, startDate: n, endDate: r, location: i, additionalInfo: a } = e, o = [
@@ -69,78 +69,78 @@ var x = {
 			let t = [e.title, V.value];
 			e.location && t.push(e.location), e.additionalInfo && t.push(e.additionalInfo), L(t.join("\n"));
 		};
-		return (n, o) => {
+		return (t, a) => {
 			let p = _, m = h, I = v, L = y, z = g;
-			return B.value?.input ? (f(), u("div", x, [c("div", S, [
-				l(p, {
+			return B.value?.input ? (f(), d("div", x, [l("div", S, [
+				u(p, {
 					name: "ri:calendar-event-line",
 					class: "text-16"
 				}),
-				c("strong", C, r(n.$t("label.calendarEvent")), 1),
-				l(z, {
+				l("strong", C, r(t.$t("label.calendarEvent")), 1),
+				u(z, {
 					modifiers: "compact",
 					class: "ml-auto shrink-0"
 				}, {
-					default: e(() => [l(m, {
+					default: c(() => [u(m, {
 						modifiers: "action-quiet-small",
-						icon: d(R) ? "ri:check-line" : "ri:file-copy-line",
-						label: d(R) ? n.$t("action.copied") : n.$t("action.copy"),
+						icon: s(R) ? "ri:check-line" : "ri:file-copy-line",
+						label: s(R) ? t.$t("action.copied") : t.$t("action.copy"),
 						onClick: X
-					}, null, 8, ["icon", "label"]), l(L, a(i({
+					}, null, 8, ["icon", "label"]), u(L, n(i({
 						placement: "bottom-end",
 						modifiers: "menu",
 						flip: !0,
 						offset: 3,
 						strategy: "fixed"
 					})), {
-						items: e(() => [
-							l(I, { onClick: J }, {
-								default: e(() => [l(p, { name: "ri:google-line" }), o[0] ||= t(" Google Calendar ", -1)]),
+						items: c(() => [
+							u(I, { onClick: J }, {
+								default: c(() => [u(p, { name: "ri:google-line" }), a[0] ||= e(" Google Calendar ", -1)]),
 								_: 1
 							}),
-							l(I, { onClick: Y }, {
-								default: e(() => [l(p, { name: "ri:microsoft-line" }), o[1] ||= t(" Outlook ", -1)]),
+							u(I, { onClick: Y }, {
+								default: c(() => [u(p, { name: "ri:microsoft-line" }), a[1] ||= e(" Outlook ", -1)]),
 								_: 1
 							}),
-							l(I, { onClick: q }, {
-								default: e(() => [l(p, { name: "ri:download-line" }), t(" " + r(n.$t("action.downloadIcs")), 1)]),
+							u(I, { onClick: q }, {
+								default: c(() => [u(p, { name: "ri:download-line" }), e(" " + r(t.$t("action.downloadIcs")), 1)]),
 								_: 1
 							})
 						]),
-						default: e(() => [l(m, {
+						default: c(() => [u(m, {
 							icon: "ri:calendar-line",
 							modifiers: "action-quiet-small",
-							label: n.$t("action.addToCalendar")
+							label: t.$t("action.addToCalendar")
 						}, null, 8, ["label"])]),
 						_: 1
 					}, 16)]),
 					_: 1
 				})
-			]), c("div", w, [c("div", T, [c("div", E, r(W.value), 1), c("div", D, r(U.value), 1)]), c("div", O, [
-				c("p", k, r(B.value.input.title), 1),
-				c("div", A, [l(p, {
+			]), l("div", w, [l("div", T, [l("div", E, r(W.value), 1), l("div", D, r(U.value), 1)]), l("div", O, [
+				l("p", k, r(B.value.input.title), 1),
+				l("div", A, [u(p, {
 					name: "ri:time-line",
 					class: "text-14 shrink-0"
-				}), c("time", { datetime: B.value.input.startDate }, r(V.value), 9, j)]),
-				B.value.input.location ? (f(), u("div", M, [l(p, {
+				}), l("time", { datetime: B.value.input.startDate }, r(V.value), 9, j)]),
+				B.value.input.location ? (f(), d("div", M, [u(p, {
 					name: "ri:map-pin-line",
 					class: "text-14 shrink-0"
-				}), B.value.input.location.startsWith("http") ? (f(), u("a", {
+				}), B.value.input.location.startsWith("http") ? (f(), d("a", {
 					key: 0,
 					href: B.value.input.location,
-					target: d(b)(B.value.input.location) ? void 0 : "_blank",
-					rel: d(b)(B.value.input.location) ? void 0 : "noopener noreferrer",
+					target: s(b)(B.value.input.location) ? void 0 : "_blank",
+					rel: s(b)(B.value.input.location) ? void 0 : "noopener noreferrer",
 					class: "underline truncate"
-				}, r(B.value.input.location), 9, N)) : (f(), u("span", P, r(B.value.input.location), 1))])) : s("", !0),
-				B.value.input.additionalInfo ? (f(), u("div", F, [l(p, {
+				}, r(B.value.input.location), 9, N)) : (f(), d("span", P, r(B.value.input.location), 1))])) : o("", !0),
+				B.value.input.additionalInfo ? (f(), d("div", F, [u(p, {
 					name: "ri:sticky-note-line",
 					class: "text-14 shrink-0 mt-1"
-				}), c("span", null, r(B.value.input.additionalInfo), 1)])) : s("", !0)
-			])])])) : s("", !0);
+				}), l("span", null, r(B.value.input.additionalInfo), 1)])) : o("", !0)
+			])])])) : o("", !0);
 		};
 	}
 });
 //#endregion
 export { I as default };
 
-//# sourceMappingURL=PkToolShowCalendarEvent-Kl7HolAK.js.map
+//# sourceMappingURL=PkToolShowCalendarEvent-D1XYExcQ.js.map

package/dist/_chunks/{PkToolShowCalendarEvent-Kl7HolAK.js.map → PkToolShowCalendarEvent-D1XYExcQ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkToolShowCalendarEvent-Kl7HolAK.js","names":["$t"],"sources":["../../../../packages/components/src/chat/PkToolShowCalendarEvent.vue","../../../../packages/components/src/chat/PkToolShowCalendarEvent.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { useI18n } from 'vue-i18n'\n    import { useClipboard } from '@vueuse/core'\n    import { isSameSite } from 'utils'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const { copy, copied } = useClipboard()\n    const { d } = useI18n()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                title: string\n                startDate: string\n                endDate: string\n                location?: string\n                additionalInfo?: string\n                allDay?: boolean\n            }\n        }\n        return part\n    })\n\n    const dateDisplay = computed(() => {\n        const input = toolPart.value.input\n        if (!input) {\n            return ''\n        }\n        const { startDate, endDate, allDay } = input\n        const start = new Date(startDate)\n        const end = new Date(endDate)\n        const startDay = startDate.slice(0, 10)\n        const endDay = endDate.slice(0, 10)\n        if (allDay) {\n            if (startDay === endDay) {\n                return d(start, 'date-medium')\n            }\n            return `${d(start, 'date-medium')} - ${d(end, 'date-medium')}`\n        }\n        if (startDay === endDay) {\n            return `${d(start, 'date-time-medium')} - ${d(end, 'time')}`\n        }\n        return `${d(start, 'date-time-medium')} - ${d(end, 'date-time-medium')}`\n    })\n\n    const calendarStart = computed(() =>\n        toolPart.value.input ? new Date(toolPart.value.input.startDate) : null,\n    )\n\n    const calendarDay = computed(\n        () => calendarStart.value?.getDate().toString() ?? '',\n    )\n\n    const calendarMonth = computed(() =>\n        calendarStart.value ? d(calendarStart.value, 'month-short') : '',\n    )\n\n    // Floating time: remove dashes/colons without converting to UTC\n    const toIcsDateTime = (iso: string) =>\n        iso.replace(/[-:]/g, '').replace(/\\.\\d{3}$/, '')\n\n    const escapeIcs = (str: string) =>\n        str\n            .replace(/\\\\/g, '\\\\\\\\')\n            .replace(/;/g, '\\\\;')\n            .replace(/,/g, '\\\\,')\n            .replace(/\\n/g, '\\\\n')\n\n    const generateIcs = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        const { title, startDate, endDate, location, additionalInfo } = input\n        const ics = [\n            'BEGIN:VCALENDAR',\n            'VERSION:2.0',\n            'PRODID:-//8wave//8bot//EN',\n            'BEGIN:VEVENT',\n            `DTSTART:${toIcsDateTime(startDate)}`,\n            `DTEND:${toIcsDateTime(endDate)}`,\n            `SUMMARY:${escapeIcs(title)}`,\n            location ? `LOCATION:${escapeIcs(location)}` : '',\n            additionalInfo ? `DESCRIPTION:${escapeIcs(additionalInfo)}` : '',\n            `DTSTAMP:${new Date()\n                .toISOString()\n                .replace(/[-:]/g, '')\n                .replace(/\\.\\d{3}/, '')}`,\n            `UID:${crypto.randomUUID()}@8bot.ai`,\n            'END:VEVENT',\n            'END:VCALENDAR',\n        ]\n            .filter(Boolean)\n            .join('\\r\\n')\n\n        const blob = new Blob([ics], { type: 'text/calendar;charset=utf-8' })\n        const url = URL.createObjectURL(blob)\n        const a = document.createElement('a')\n        a.href = url\n        a.download = `${title.replace(/[^a-zA-Z0-9\\s-]/g, '')}.ics`\n        a.click()\n        URL.revokeObjectURL(url)\n    }\n\n    const openGoogleCalendar = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        const { title, startDate, endDate, location, additionalInfo } = input\n        const start = toIcsDateTime(startDate)\n        const end = toIcsDateTime(endDate)\n        const params = new URLSearchParams({\n            action: 'TEMPLATE',\n            text: title,\n            dates: `${start}/${end}`,\n        })\n        if (location) {\n            params.set('location', location)\n        }\n        if (additionalInfo) {\n            params.set('details', additionalInfo)\n        }\n        window.open(\n            `https://calendar.google.com/calendar/render?${params.toString()}`,\n            '_blank',\n        )\n    }\n\n    const openOutlook = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        const { title, startDate, endDate, location, additionalInfo } = input\n        const params = new URLSearchParams({\n            subject: title,\n            startdt: startDate,\n            enddt: endDate,\n        })\n        if (location) {\n            params.set('location', location)\n        }\n        if (additionalInfo) {\n            params.set('body', additionalInfo)\n        }\n        window.open(\n            `https://outlook.office.com/calendar/0/action/compose?${params.toString()}`,\n            '_blank',\n        )\n    }\n\n    const copyEvent = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        const lines = [input.title, dateDisplay.value]\n        if (input.location) {\n            lines.push(input.location)\n        }\n        if (input.additionalInfo) {\n            lines.push(input.additionalInfo)\n        }\n        copy(lines.join('\\n'))\n    }\n</script>\n\n<template>\n    <div\n        v-if=\"toolPart?.input\"\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden\">\n        <div\n            class=\"px-sm py-6 bg-surface-1 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8\">\n            <VvIcon name=\"ri:calendar-event-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">{{ $t('label.calendarEvent') }}</strong>\n            <VvButtonGroup modifiers=\"compact\" class=\"ml-auto shrink-0\">\n                <VvButton\n                    modifiers=\"action-quiet-small\"\n                    :icon=\"copied ? 'ri:check-line' : 'ri:file-copy-line'\"\n                    :label=\"copied ? $t('action.copied') : $t('action.copy')\"\n                    @click=\"copyEvent\" />\n                <VvDropdown\n                    v-bind=\"{\n                        placement: 'bottom-end',\n                        modifiers: 'menu',\n                        flip: true,\n                        offset: 3,\n                        strategy: 'fixed',\n                    }\">\n                    <VvButton\n                        icon=\"ri:calendar-line\"\n                        modifiers=\"action-quiet-small\"\n                        :label=\"$t('action.addToCalendar')\" />\n                    <template #items>\n                        <VvDropdownAction @click=\"openGoogleCalendar\">\n                            <VvIcon name=\"ri:google-line\" />\n                            Google Calendar\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openOutlook\">\n                            <VvIcon name=\"ri:microsoft-line\" />\n                            Outlook\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"generateIcs\">\n                            <VvIcon name=\"ri:download-line\" />\n                            {{ $t('action.downloadIcs') }}\n                        </VvDropdownAction>\n                    </template>\n                </VvDropdown>\n            </VvButtonGroup>\n        </div>\n        <div class=\"p-sm flex gap-sm items-start\">\n            <div\n                class=\"shrink-0 w-44 rounded-xl overflow-hidden border border-surface-3 text-center select-none\">\n                <div\n                    class=\"bg-brand px-8 py-2 text-white text-10 font-bold uppercase tracking-wide\">\n                    {{ calendarMonth }}\n                </div>\n                <div\n                    class=\"bg-surface-1 py-4 text-word-1 text-24 font-bold leading-none\">\n                    {{ calendarDay }}\n                </div>\n            </div>\n            <div class=\"flex flex-col gap-4 min-w-0\">\n                <p class=\"font-semibold text-word-1 text-14\">\n                    {{ toolPart.input.title }}\n                </p>\n                <div class=\"flex items-center gap-8 text-12 text-word-3\">\n                    <VvIcon name=\"ri:time-line\" class=\"text-14 shrink-0\" />\n                    <time :datetime=\"toolPart.input.startDate\">{{\n                        dateDisplay\n                    }}</time>\n                </div>\n                <div\n                    v-if=\"toolPart.input.location\"\n                    class=\"flex items-center gap-8 text-12 text-word-3\">\n                    <VvIcon name=\"ri:map-pin-line\" class=\"text-14 shrink-0\" />\n                    <a\n                        v-if=\"toolPart.input.location.startsWith('http')\"\n                        :href=\"toolPart.input.location\"\n                        :target=\"\n                            isSameSite(toolPart.input.location)\n                                ? undefined\n                                : '_blank'\n                        \"\n                        :rel=\"\n                            isSameSite(toolPart.input.location)\n                                ? undefined\n                                : 'noopener noreferrer'\n                        \"\n                        class=\"underline truncate\">\n                        {{ toolPart.input.location }}\n                    </a>\n                    <span v-else>{{ toolPart.input.location }}</span>\n                </div>\n                <div\n                    v-if=\"toolPart.input.additionalInfo\"\n                    class=\"flex items-start gap-8 text-12 text-word-3\">\n                    <VvIcon\n                        name=\"ri:sticky-note-line\"\n                        class=\"text-14 shrink-0 mt-1\" />\n                    <span>{{ toolPart.input.additionalInfo }}</span>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { useI18n } from 'vue-i18n'\n    import { useClipboard } from '@vueuse/core'\n    import { isSameSite } from 'utils'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const { copy, copied } = useClipboard()\n    const { d } = useI18n()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                title: string\n                startDate: string\n                endDate: string\n                location?: string\n                additionalInfo?: string\n                allDay?: boolean\n            }\n        }\n        return part\n    })\n\n    const dateDisplay = computed(() => {\n        const input = toolPart.value.input\n        if (!input) {\n            return ''\n        }\n        const { startDate, endDate, allDay } = input\n        const start = new Date(startDate)\n        const end = new Date(endDate)\n        const startDay = startDate.slice(0, 10)\n        const endDay = endDate.slice(0, 10)\n        if (allDay) {\n            if (startDay === endDay) {\n                return d(start, 'date-medium')\n            }\n            return `${d(start, 'date-medium')} - ${d(end, 'date-medium')}`\n        }\n        if (startDay === endDay) {\n            return `${d(start, 'date-time-medium')} - ${d(end, 'time')}`\n        }\n        return `${d(start, 'date-time-medium')} - ${d(end, 'date-time-medium')}`\n    })\n\n    const calendarStart = computed(() =>\n        toolPart.value.input ? new Date(toolPart.value.input.startDate) : null,\n    )\n\n    const calendarDay = computed(\n        () => calendarStart.value?.getDate().toString() ?? '',\n    )\n\n    const calendarMonth = computed(() =>\n        calendarStart.value ? d(calendarStart.value, 'month-short') : '',\n    )\n\n    // Floating time: remove dashes/colons without converting to UTC\n    const toIcsDateTime = (iso: string) =>\n        iso.replace(/[-:]/g, '').replace(/\\.\\d{3}$/, '')\n\n    const escapeIcs = (str: string) =>\n        str\n            .replace(/\\\\/g, '\\\\\\\\')\n            .replace(/;/g, '\\\\;')\n            .replace(/,/g, '\\\\,')\n            .replace(/\\n/g, '\\\\n')\n\n    const generateIcs = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        const { title, startDate, endDate, location, additionalInfo } = input\n        const ics = [\n            'BEGIN:VCALENDAR',\n            'VERSION:2.0',\n            'PRODID:-//8wave//8bot//EN',\n            'BEGIN:VEVENT',\n            `DTSTART:${toIcsDateTime(startDate)}`,\n            `DTEND:${toIcsDateTime(endDate)}`,\n            `SUMMARY:${escapeIcs(title)}`,\n            location ? `LOCATION:${escapeIcs(location)}` : '',\n            additionalInfo ? `DESCRIPTION:${escapeIcs(additionalInfo)}` : '',\n            `DTSTAMP:${new Date()\n                .toISOString()\n                .replace(/[-:]/g, '')\n                .replace(/\\.\\d{3}/, '')}`,\n            `UID:${crypto.randomUUID()}@8bot.ai`,\n            'END:VEVENT',\n            'END:VCALENDAR',\n        ]\n            .filter(Boolean)\n            .join('\\r\\n')\n\n        const blob = new Blob([ics], { type: 'text/calendar;charset=utf-8' })\n        const url = URL.createObjectURL(blob)\n        const a = document.createElement('a')\n        a.href = url\n        a.download = `${title.replace(/[^a-zA-Z0-9\\s-]/g, '')}.ics`\n        a.click()\n        URL.revokeObjectURL(url)\n    }\n\n    const openGoogleCalendar = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        const { title, startDate, endDate, location, additionalInfo } = input\n        const start = toIcsDateTime(startDate)\n        const end = toIcsDateTime(endDate)\n        const params = new URLSearchParams({\n            action: 'TEMPLATE',\n            text: title,\n            dates: `${start}/${end}`,\n        })\n        if (location) {\n            params.set('location', location)\n        }\n        if (additionalInfo) {\n            params.set('details', additionalInfo)\n        }\n        window.open(\n            `https://calendar.google.com/calendar/render?${params.toString()}`,\n            '_blank',\n        )\n    }\n\n    const openOutlook = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        const { title, startDate, endDate, location, additionalInfo } = input\n        const params = new URLSearchParams({\n            subject: title,\n            startdt: startDate,\n            enddt: endDate,\n        })\n        if (location) {\n            params.set('location', location)\n        }\n        if (additionalInfo) {\n            params.set('body', additionalInfo)\n        }\n        window.open(\n            `https://outlook.office.com/calendar/0/action/compose?${params.toString()}`,\n            '_blank',\n        )\n    }\n\n    const copyEvent = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        const lines = [input.title, dateDisplay.value]\n        if (input.location) {\n            lines.push(input.location)\n        }\n        if (input.additionalInfo) {\n            lines.push(input.additionalInfo)\n        }\n        copy(lines.join('\\n'))\n    }\n</script>\n\n<template>\n    <div\n        v-if=\"toolPart?.input\"\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden\">\n        <div\n            class=\"px-sm py-6 bg-surface-1 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8\">\n            <VvIcon name=\"ri:calendar-event-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">{{ $t('label.calendarEvent') }}</strong>\n            <VvButtonGroup modifiers=\"compact\" class=\"ml-auto shrink-0\">\n                <VvButton\n                    modifiers=\"action-quiet-small\"\n                    :icon=\"copied ? 'ri:check-line' : 'ri:file-copy-line'\"\n                    :label=\"copied ? $t('action.copied') : $t('action.copy')\"\n                    @click=\"copyEvent\" />\n                <VvDropdown\n                    v-bind=\"{\n                        placement: 'bottom-end',\n                        modifiers: 'menu',\n                        flip: true,\n                        offset: 3,\n                        strategy: 'fixed',\n                    }\">\n                    <VvButton\n                        icon=\"ri:calendar-line\"\n                        modifiers=\"action-quiet-small\"\n                        :label=\"$t('action.addToCalendar')\" />\n                    <template #items>\n                        <VvDropdownAction @click=\"openGoogleCalendar\">\n                            <VvIcon name=\"ri:google-line\" />\n                            Google Calendar\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openOutlook\">\n                            <VvIcon name=\"ri:microsoft-line\" />\n                            Outlook\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"generateIcs\">\n                            <VvIcon name=\"ri:download-line\" />\n                            {{ $t('action.downloadIcs') }}\n                        </VvDropdownAction>\n                    </template>\n                </VvDropdown>\n            </VvButtonGroup>\n        </div>\n        <div class=\"p-sm flex gap-sm items-start\">\n            <div\n                class=\"shrink-0 w-44 rounded-xl overflow-hidden border border-surface-3 text-center select-none\">\n                <div\n                    class=\"bg-brand px-8 py-2 text-white text-10 font-bold uppercase tracking-wide\">\n                    {{ calendarMonth }}\n                </div>\n                <div\n                    class=\"bg-surface-1 py-4 text-word-1 text-24 font-bold leading-none\">\n                    {{ calendarDay }}\n                </div>\n            </div>\n            <div class=\"flex flex-col gap-4 min-w-0\">\n                <p class=\"font-semibold text-word-1 text-14\">\n                    {{ toolPart.input.title }}\n                </p>\n                <div class=\"flex items-center gap-8 text-12 text-word-3\">\n                    <VvIcon name=\"ri:time-line\" class=\"text-14 shrink-0\" />\n                    <time :datetime=\"toolPart.input.startDate\">{{\n                        dateDisplay\n                    }}</time>\n                </div>\n                <div\n                    v-if=\"toolPart.input.location\"\n                    class=\"flex items-center gap-8 text-12 text-word-3\">\n                    <VvIcon name=\"ri:map-pin-line\" class=\"text-14 shrink-0\" />\n                    <a\n                        v-if=\"toolPart.input.location.startsWith('http')\"\n                        :href=\"toolPart.input.location\"\n                        :target=\"\n                            isSameSite(toolPart.input.location)\n                                ? undefined\n                                : '_blank'\n                        \"\n                        :rel=\"\n                            isSameSite(toolPart.input.location)\n                                ? undefined\n                                : 'noopener noreferrer'\n                        \"\n                        class=\"underline truncate\">\n                        {{ toolPart.input.location }}\n                    </a>\n                    <span v-else>{{ toolPart.input.location }}</span>\n                </div>\n                <div\n                    v-if=\"toolPart.input.additionalInfo\"\n                    class=\"flex items-start gap-8 text-12 text-word-3\">\n                    <VvIcon\n                        name=\"ri:sticky-note-line\"\n                        class=\"text-14 shrink-0 mt-1\" />\n                    <span>{{ toolPart.input.additionalInfo }}</span>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;EAMI,IAAM,IAAQ,GAIR,EAAE,SAAM,cAAW,EAAa,GAChC,EAAE,SAAM,EAAQ,GAEhB,IAAW,QACA,EAAM,IAWtB,GAEK,IAAc,QAAe;GAC/B,IAAM,IAAQ,EAAS,MAAM;GAC7B,IAAI,CAAC,GACD,OAAO;GAEX,IAAM,EAAE,cAAW,YAAS,cAAW,GACjC,IAAQ,IAAI,KAAK,CAAS,GAC1B,IAAM,IAAI,KAAK,CAAO,GACtB,IAAW,EAAU,MAAM,GAAG,EAAE,GAChC,IAAS,EAAQ,MAAM,GAAG,EAAE;GAUlC,OATI,IACI,MAAa,IACN,EAAE,GAAO,aAAa,IAE1B,GAAG,EAAE,GAAO,aAAa,EAAE,KAAK,EAAE,GAAK,aAAa,MAE3D,MAAa,IACN,GAAG,EAAE,GAAO,kBAAkB,EAAE,KAAK,EAAE,GAAK,MAAM,MAEtD,GAAG,EAAE,GAAO,kBAAkB,EAAE,KAAK,EAAE,GAAK,kBAAkB;EACzE,CAAC,GAEK,IAAgB,QAClB,EAAS,MAAM,QAAQ,IAAI,KAAK,EAAS,MAAM,MAAM,SAAS,IAAI,IACtE,GAEM,IAAc,QACV,EAAc,OAAO,QAAQ,EAAE,SAAS,KAAK,EACvD,GAEM,IAAgB,QAClB,EAAc,QAAQ,EAAE,EAAc,OAAO,aAAa,IAAI,EAClE,GAGM,KAAiB,MACnB,EAAI,QAAQ,SAAS,EAAE,EAAE,QAAQ,YAAY,EAAE,GAE7C,KAAa,MACf,EACK,QAAQ,OAAO,MAAM,EACrB,QAAQ,MAAM,KAAK,EACnB,QAAQ,MAAM,KAAK,EACnB,QAAQ,OAAO,KAAK,GAEvB,UAAoB;GACtB,IAAM,IAAQ,EAAS,MAAM;GAC7B,IAAI,CAAC,GACD;GAEJ,IAAM,EAAE,UAAO,cAAW,YAAS,aAAU,sBAAmB,GAC1D,IAAM;IACR;IACA;IACA;IACA;IACA,WAAW,EAAc,CAAS;IAClC,SAAS,EAAc,CAAO;IAC9B,WAAW,EAAU,CAAK;IAC1B,IAAW,YAAY,EAAU,CAAQ,MAAM;IAC/C,IAAiB,eAAe,EAAU,CAAc,MAAM;IAC9D,4BAAW,IAAI,KAAK,GACf,YAAY,EACZ,QAAQ,SAAS,EAAE,EACnB,QAAQ,WAAW,EAAE;IAC1B,OAAO,OAAO,WAAW,EAAE;IAC3B;IACA;GACJ,EACK,OAAO,OAAO,EACd,KAAK,MAAM,GAEV,IAAO,IAAI,KAAK,CAAC,CAAG,GAAG,EAAE,MAAM,8BAA8B,CAAC,GAC9D,IAAM,IAAI,gBAAgB,CAAI,GAC9B,IAAI,SAAS,cAAc,GAAG;GAIpC,AAHA,EAAE,OAAO,GACT,EAAE,WAAW,GAAG,EAAM,QAAQ,oBAAoB,EAAE,EAAE,OACtD,EAAE,MAAM,GACR,IAAI,gBAAgB,CAAG;EAC3B,GAEM,UAA2B;GAC7B,IAAM,IAAQ,EAAS,MAAM;GAC7B,IAAI,CAAC,GACD;GAEJ,IAAM,EAAE,UAAO,cAAW,YAAS,aAAU,sBAAmB,GAC1D,IAAQ,EAAc,CAAS,GAC/B,IAAM,EAAc,CAAO,GAC3B,IAAS,IAAI,gBAAgB;IAC/B,QAAQ;IACR,MAAM;IACN,OAAO,GAAG,EAAM,GAAG;GACvB,CAAC;GAOD,AANI,KACA,EAAO,IAAI,YAAY,CAAQ,GAE/B,KACA,EAAO,IAAI,WAAW,CAAc,GAExC,OAAO,KACH,+CAA+C,EAAO,SAAS,KAC/D,QACJ;EACJ,GAEM,UAAoB;GACtB,IAAM,IAAQ,EAAS,MAAM;GAC7B,IAAI,CAAC,GACD;GAEJ,IAAM,EAAE,UAAO,cAAW,YAAS,aAAU,sBAAmB,GAC1D,IAAS,IAAI,gBAAgB;IAC/B,SAAS;IACT,SAAS;IACT,OAAO;GACX,CAAC;GAOD,AANI,KACA,EAAO,IAAI,YAAY,CAAQ,GAE/B,KACA,EAAO,IAAI,QAAQ,CAAc,GAErC,OAAO,KACH,wDAAwD,EAAO,SAAS,KACxE,QACJ;EACJ,GAEM,UAAkB;GACpB,IAAM,IAAQ,EAAS,MAAM;GAC7B,IAAI,CAAC,GACD;GAEJ,IAAM,IAAQ,CAAC,EAAM,OAAO,EAAY,KAAK;GAO7C,AANI,EAAM,YACN,EAAM,KAAK,EAAM,QAAQ,GAEzB,EAAM,kBACN,EAAM,KAAK,EAAM,cAAc,GAEnC,EAAK,EAAM,KAAK,IAAI,CAAC;EACzB;;;UAKU,EAAA,OAAU,SAAA,EAAA,GADpB,EAgGM,OAhGN,GAgGM,CA7FF,EAsCM,OAtCN,GAsCM;IApCF,EAAwD,GAAA;KAAhD,MAAK;KAAyB,OAAM;;IAC5C,EAAkE,UAAlE,GAAkE,EAArCA,EAAAA,GAAE,qBAAA,CAAA,GAAA,CAAA;IAC/B,EAiCgB,GAAA;KAjCD,WAAU;KAAU,OAAM;;sBAKZ,CAJzB,EAIyB,GAAA;MAHrB,WAAU;MACT,MAAM,EAAA,CAAA,IAAM,kBAAA;MACZ,OAAO,EAAA,CAAA,IAASA,EAAAA,GAAE,eAAA,IAAoBA,EAAAA,GAAE,aAAA;MACxC,SAAO;qCACZ,EA0Ba,GAAA,EAAA,EAzBD;;;;;;MAMP,CAAA,GAAA;MAKU,OAAK,QAIO;OAHnB,EAGmB,GAAA,EAHA,SAAO,EAAkB,GAAA;yBACR,CAAhC,EAAgC,GAAA,EAAxB,MAAK,iBAAgB,CAAA,GAAA,AAAA,EAAA,OAAA,EAAG,qBAEpC,EAAA,CAAA,CAAA;;;OACA,EAGmB,GAAA,EAHA,SAAO,EAAW,GAAA;yBACE,CAAnC,EAAmC,GAAA,EAA3B,MAAK,oBAAmB,CAAA,GAAA,AAAA,EAAA,OAAA,EAAG,aAEvC,EAAA,CAAA,CAAA;;;OACA,EAGmB,GAAA,EAHA,SAAO,EAAW,GAAA;yBACC,CAAlC,EAAkC,GAAA,EAA1B,MAAK,mBAAkB,CAAA,GAAA,EAAG,MAClC,EAAGA,EAAAA,GAAE,oBAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;;;uBAZ6B,CAH1C,EAG0C,GAAA;OAFtC,MAAK;OACL,WAAU;OACT,OAAOA,EAAAA,GAAE,sBAAA;;;;;;OAkB1B,EAqDM,OArDN,GAqDM,CApDF,EAUM,OAVN,GAUM,CARF,EAGM,OAHN,GAGM,EADC,EAAA,KAAa,GAAA,CAAA,GAEpB,EAGM,OAHN,GAGM,EADC,EAAA,KAAW,GAAA,CAAA,CAAA,CAAA,GAGtB,EAwCM,OAxCN,GAwCM;IAvCF,EAEI,KAFJ,GAEI,EADG,EAAA,MAAS,MAAM,KAAK,GAAA,CAAA;IAE3B,EAKM,OALN,GAKM,CAJF,EAAuD,GAAA;KAA/C,MAAK;KAAe,OAAM;QAClC,EAES,QAAA,EAFF,UAAU,EAAA,MAAS,MAAM,UAAA,GAAA,EAC5B,EAAA,KAAW,GAAA,GAAA,CAAA,CAAA,CAAA;IAIT,EAAA,MAAS,MAAM,YAAA,EAAA,GADzB,EAqBM,OArBN,GAqBM,CAlBF,EAA0D,GAAA;KAAlD,MAAK;KAAkB,OAAM;QAE3B,EAAA,MAAS,MAAM,SAAS,WAAU,MAAA,KAAA,EAAA,GAD5C,EAeI,KAAA;;KAbC,MAAM,EAAA,MAAS,MAAM;KACrB,QAAqC,EAAA,CAAA,EAAW,EAAA,MAAS,MAAM,QAAQ,IAAoC,KAAA,IAAA;KAK3G,KAAkC,EAAA,CAAA,EAAW,EAAA,MAAS,MAAM,QAAQ,IAAoC,KAAA,IAAA;KAKzG,OAAM;SACH,EAAA,MAAS,MAAM,QAAQ,GAAA,GAAA,CAAA,MAAA,EAAA,GAE9B,EAAiD,QAAA,GAAA,EAAjC,EAAA,MAAS,MAAM,QAAQ,GAAA,CAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA;IAGjC,EAAA,MAAS,MAAM,kBAAA,EAAA,GADzB,EAOM,OAPN,GAOM,CAJF,EAEoC,GAAA;KADhC,MAAK;KACL,OAAM;QACV,EAAgD,QAAA,MAAA,EAAvC,EAAA,MAAS,MAAM,cAAc,GAAA,CAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA"}
+{"version":3,"file":"PkToolShowCalendarEvent-D1XYExcQ.js","names":["$t"],"sources":["../../../../packages/components/src/chat/PkToolShowCalendarEvent.vue","../../../../packages/components/src/chat/PkToolShowCalendarEvent.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { useI18n } from 'vue-i18n'\n    import { useClipboard } from '@vueuse/core'\n    import { isSameSite } from 'utils'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const { copy, copied } = useClipboard()\n    const { d } = useI18n()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                title: string\n                startDate: string\n                endDate: string\n                location?: string\n                additionalInfo?: string\n                allDay?: boolean\n            }\n        }\n        return part\n    })\n\n    const dateDisplay = computed(() => {\n        const input = toolPart.value.input\n        if (!input) {\n            return ''\n        }\n        const { startDate, endDate, allDay } = input\n        const start = new Date(startDate)\n        const end = new Date(endDate)\n        const startDay = startDate.slice(0, 10)\n        const endDay = endDate.slice(0, 10)\n        if (allDay) {\n            if (startDay === endDay) {\n                return d(start, 'date-medium')\n            }\n            return `${d(start, 'date-medium')} - ${d(end, 'date-medium')}`\n        }\n        if (startDay === endDay) {\n            return `${d(start, 'date-time-medium')} - ${d(end, 'time')}`\n        }\n        return `${d(start, 'date-time-medium')} - ${d(end, 'date-time-medium')}`\n    })\n\n    const calendarStart = computed(() =>\n        toolPart.value.input ? new Date(toolPart.value.input.startDate) : null,\n    )\n\n    const calendarDay = computed(\n        () => calendarStart.value?.getDate().toString() ?? '',\n    )\n\n    const calendarMonth = computed(() =>\n        calendarStart.value ? d(calendarStart.value, 'month-short') : '',\n    )\n\n    // Floating time: remove dashes/colons without converting to UTC\n    const toIcsDateTime = (iso: string) =>\n        iso.replace(/[-:]/g, '').replace(/\\.\\d{3}$/, '')\n\n    const escapeIcs = (str: string) =>\n        str\n            .replace(/\\\\/g, '\\\\\\\\')\n            .replace(/;/g, '\\\\;')\n            .replace(/,/g, '\\\\,')\n            .replace(/\\n/g, '\\\\n')\n\n    const generateIcs = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        const { title, startDate, endDate, location, additionalInfo } = input\n        const ics = [\n            'BEGIN:VCALENDAR',\n            'VERSION:2.0',\n            'PRODID:-//8wave//8bot//EN',\n            'BEGIN:VEVENT',\n            `DTSTART:${toIcsDateTime(startDate)}`,\n            `DTEND:${toIcsDateTime(endDate)}`,\n            `SUMMARY:${escapeIcs(title)}`,\n            location ? `LOCATION:${escapeIcs(location)}` : '',\n            additionalInfo ? `DESCRIPTION:${escapeIcs(additionalInfo)}` : '',\n            `DTSTAMP:${new Date()\n                .toISOString()\n                .replace(/[-:]/g, '')\n                .replace(/\\.\\d{3}/, '')}`,\n            `UID:${crypto.randomUUID()}@8bot.ai`,\n            'END:VEVENT',\n            'END:VCALENDAR',\n        ]\n            .filter(Boolean)\n            .join('\\r\\n')\n\n        const blob = new Blob([ics], { type: 'text/calendar;charset=utf-8' })\n        const url = URL.createObjectURL(blob)\n        const a = document.createElement('a')\n        a.href = url\n        a.download = `${title.replace(/[^a-zA-Z0-9\\s-]/g, '')}.ics`\n        a.click()\n        URL.revokeObjectURL(url)\n    }\n\n    const openGoogleCalendar = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        const { title, startDate, endDate, location, additionalInfo } = input\n        const start = toIcsDateTime(startDate)\n        const end = toIcsDateTime(endDate)\n        const params = new URLSearchParams({\n            action: 'TEMPLATE',\n            text: title,\n            dates: `${start}/${end}`,\n        })\n        if (location) {\n            params.set('location', location)\n        }\n        if (additionalInfo) {\n            params.set('details', additionalInfo)\n        }\n        window.open(\n            `https://calendar.google.com/calendar/render?${params.toString()}`,\n            '_blank',\n        )\n    }\n\n    const openOutlook = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        const { title, startDate, endDate, location, additionalInfo } = input\n        const params = new URLSearchParams({\n            subject: title,\n            startdt: startDate,\n            enddt: endDate,\n        })\n        if (location) {\n            params.set('location', location)\n        }\n        if (additionalInfo) {\n            params.set('body', additionalInfo)\n        }\n        window.open(\n            `https://outlook.office.com/calendar/0/action/compose?${params.toString()}`,\n            '_blank',\n        )\n    }\n\n    const copyEvent = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        const lines = [input.title, dateDisplay.value]\n        if (input.location) {\n            lines.push(input.location)\n        }\n        if (input.additionalInfo) {\n            lines.push(input.additionalInfo)\n        }\n        copy(lines.join('\\n'))\n    }\n</script>\n\n<template>\n    <div\n        v-if=\"toolPart?.input\"\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden\">\n        <div\n            class=\"px-sm py-6 bg-surface-1 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8\">\n            <VvIcon name=\"ri:calendar-event-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">{{ $t('label.calendarEvent') }}</strong>\n            <VvButtonGroup modifiers=\"compact\" class=\"ml-auto shrink-0\">\n                <VvButton\n                    modifiers=\"action-quiet-small\"\n                    :icon=\"copied ? 'ri:check-line' : 'ri:file-copy-line'\"\n                    :label=\"copied ? $t('action.copied') : $t('action.copy')\"\n                    @click=\"copyEvent\" />\n                <VvDropdown\n                    v-bind=\"{\n                        placement: 'bottom-end',\n                        modifiers: 'menu',\n                        flip: true,\n                        offset: 3,\n                        strategy: 'fixed',\n                    }\">\n                    <VvButton\n                        icon=\"ri:calendar-line\"\n                        modifiers=\"action-quiet-small\"\n                        :label=\"$t('action.addToCalendar')\" />\n                    <template #items>\n                        <VvDropdownAction @click=\"openGoogleCalendar\">\n                            <VvIcon name=\"ri:google-line\" />\n                            Google Calendar\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openOutlook\">\n                            <VvIcon name=\"ri:microsoft-line\" />\n                            Outlook\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"generateIcs\">\n                            <VvIcon name=\"ri:download-line\" />\n                            {{ $t('action.downloadIcs') }}\n                        </VvDropdownAction>\n                    </template>\n                </VvDropdown>\n            </VvButtonGroup>\n        </div>\n        <div class=\"p-sm flex gap-sm items-start\">\n            <div\n                class=\"shrink-0 w-44 rounded-xl overflow-hidden border border-surface-3 text-center select-none\">\n                <div\n                    class=\"bg-brand px-8 py-2 text-white text-10 font-bold uppercase tracking-wide\">\n                    {{ calendarMonth }}\n                </div>\n                <div\n                    class=\"bg-surface-1 py-4 text-word-1 text-24 font-bold leading-none\">\n                    {{ calendarDay }}\n                </div>\n            </div>\n            <div class=\"flex flex-col gap-4 min-w-0\">\n                <p class=\"font-semibold text-word-1 text-14\">\n                    {{ toolPart.input.title }}\n                </p>\n                <div class=\"flex items-center gap-8 text-12 text-word-3\">\n                    <VvIcon name=\"ri:time-line\" class=\"text-14 shrink-0\" />\n                    <time :datetime=\"toolPart.input.startDate\">{{\n                        dateDisplay\n                    }}</time>\n                </div>\n                <div\n                    v-if=\"toolPart.input.location\"\n                    class=\"flex items-center gap-8 text-12 text-word-3\">\n                    <VvIcon name=\"ri:map-pin-line\" class=\"text-14 shrink-0\" />\n                    <a\n                        v-if=\"toolPart.input.location.startsWith('http')\"\n                        :href=\"toolPart.input.location\"\n                        :target=\"\n                            isSameSite(toolPart.input.location)\n                                ? undefined\n                                : '_blank'\n                        \"\n                        :rel=\"\n                            isSameSite(toolPart.input.location)\n                                ? undefined\n                                : 'noopener noreferrer'\n                        \"\n                        class=\"underline truncate\">\n                        {{ toolPart.input.location }}\n                    </a>\n                    <span v-else>{{ toolPart.input.location }}</span>\n                </div>\n                <div\n                    v-if=\"toolPart.input.additionalInfo\"\n                    class=\"flex items-start gap-8 text-12 text-word-3\">\n                    <VvIcon\n                        name=\"ri:sticky-note-line\"\n                        class=\"text-14 shrink-0 mt-1\" />\n                    <span>{{ toolPart.input.additionalInfo }}</span>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { useI18n } from 'vue-i18n'\n    import { useClipboard } from '@vueuse/core'\n    import { isSameSite } from 'utils'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const { copy, copied } = useClipboard()\n    const { d } = useI18n()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                title: string\n                startDate: string\n                endDate: string\n                location?: string\n                additionalInfo?: string\n                allDay?: boolean\n            }\n        }\n        return part\n    })\n\n    const dateDisplay = computed(() => {\n        const input = toolPart.value.input\n        if (!input) {\n            return ''\n        }\n        const { startDate, endDate, allDay } = input\n        const start = new Date(startDate)\n        const end = new Date(endDate)\n        const startDay = startDate.slice(0, 10)\n        const endDay = endDate.slice(0, 10)\n        if (allDay) {\n            if (startDay === endDay) {\n                return d(start, 'date-medium')\n            }\n            return `${d(start, 'date-medium')} - ${d(end, 'date-medium')}`\n        }\n        if (startDay === endDay) {\n            return `${d(start, 'date-time-medium')} - ${d(end, 'time')}`\n        }\n        return `${d(start, 'date-time-medium')} - ${d(end, 'date-time-medium')}`\n    })\n\n    const calendarStart = computed(() =>\n        toolPart.value.input ? new Date(toolPart.value.input.startDate) : null,\n    )\n\n    const calendarDay = computed(\n        () => calendarStart.value?.getDate().toString() ?? '',\n    )\n\n    const calendarMonth = computed(() =>\n        calendarStart.value ? d(calendarStart.value, 'month-short') : '',\n    )\n\n    // Floating time: remove dashes/colons without converting to UTC\n    const toIcsDateTime = (iso: string) =>\n        iso.replace(/[-:]/g, '').replace(/\\.\\d{3}$/, '')\n\n    const escapeIcs = (str: string) =>\n        str\n            .replace(/\\\\/g, '\\\\\\\\')\n            .replace(/;/g, '\\\\;')\n            .replace(/,/g, '\\\\,')\n            .replace(/\\n/g, '\\\\n')\n\n    const generateIcs = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        const { title, startDate, endDate, location, additionalInfo } = input\n        const ics = [\n            'BEGIN:VCALENDAR',\n            'VERSION:2.0',\n            'PRODID:-//8wave//8bot//EN',\n            'BEGIN:VEVENT',\n            `DTSTART:${toIcsDateTime(startDate)}`,\n            `DTEND:${toIcsDateTime(endDate)}`,\n            `SUMMARY:${escapeIcs(title)}`,\n            location ? `LOCATION:${escapeIcs(location)}` : '',\n            additionalInfo ? `DESCRIPTION:${escapeIcs(additionalInfo)}` : '',\n            `DTSTAMP:${new Date()\n                .toISOString()\n                .replace(/[-:]/g, '')\n                .replace(/\\.\\d{3}/, '')}`,\n            `UID:${crypto.randomUUID()}@8bot.ai`,\n            'END:VEVENT',\n            'END:VCALENDAR',\n        ]\n            .filter(Boolean)\n            .join('\\r\\n')\n\n        const blob = new Blob([ics], { type: 'text/calendar;charset=utf-8' })\n        const url = URL.createObjectURL(blob)\n        const a = document.createElement('a')\n        a.href = url\n        a.download = `${title.replace(/[^a-zA-Z0-9\\s-]/g, '')}.ics`\n        a.click()\n        URL.revokeObjectURL(url)\n    }\n\n    const openGoogleCalendar = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        const { title, startDate, endDate, location, additionalInfo } = input\n        const start = toIcsDateTime(startDate)\n        const end = toIcsDateTime(endDate)\n        const params = new URLSearchParams({\n            action: 'TEMPLATE',\n            text: title,\n            dates: `${start}/${end}`,\n        })\n        if (location) {\n            params.set('location', location)\n        }\n        if (additionalInfo) {\n            params.set('details', additionalInfo)\n        }\n        window.open(\n            `https://calendar.google.com/calendar/render?${params.toString()}`,\n            '_blank',\n        )\n    }\n\n    const openOutlook = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        const { title, startDate, endDate, location, additionalInfo } = input\n        const params = new URLSearchParams({\n            subject: title,\n            startdt: startDate,\n            enddt: endDate,\n        })\n        if (location) {\n            params.set('location', location)\n        }\n        if (additionalInfo) {\n            params.set('body', additionalInfo)\n        }\n        window.open(\n            `https://outlook.office.com/calendar/0/action/compose?${params.toString()}`,\n            '_blank',\n        )\n    }\n\n    const copyEvent = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        const lines = [input.title, dateDisplay.value]\n        if (input.location) {\n            lines.push(input.location)\n        }\n        if (input.additionalInfo) {\n            lines.push(input.additionalInfo)\n        }\n        copy(lines.join('\\n'))\n    }\n</script>\n\n<template>\n    <div\n        v-if=\"toolPart?.input\"\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden\">\n        <div\n            class=\"px-sm py-6 bg-surface-1 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8\">\n            <VvIcon name=\"ri:calendar-event-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">{{ $t('label.calendarEvent') }}</strong>\n            <VvButtonGroup modifiers=\"compact\" class=\"ml-auto shrink-0\">\n                <VvButton\n                    modifiers=\"action-quiet-small\"\n                    :icon=\"copied ? 'ri:check-line' : 'ri:file-copy-line'\"\n                    :label=\"copied ? $t('action.copied') : $t('action.copy')\"\n                    @click=\"copyEvent\" />\n                <VvDropdown\n                    v-bind=\"{\n                        placement: 'bottom-end',\n                        modifiers: 'menu',\n                        flip: true,\n                        offset: 3,\n                        strategy: 'fixed',\n                    }\">\n                    <VvButton\n                        icon=\"ri:calendar-line\"\n                        modifiers=\"action-quiet-small\"\n                        :label=\"$t('action.addToCalendar')\" />\n                    <template #items>\n                        <VvDropdownAction @click=\"openGoogleCalendar\">\n                            <VvIcon name=\"ri:google-line\" />\n                            Google Calendar\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openOutlook\">\n                            <VvIcon name=\"ri:microsoft-line\" />\n                            Outlook\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"generateIcs\">\n                            <VvIcon name=\"ri:download-line\" />\n                            {{ $t('action.downloadIcs') }}\n                        </VvDropdownAction>\n                    </template>\n                </VvDropdown>\n            </VvButtonGroup>\n        </div>\n        <div class=\"p-sm flex gap-sm items-start\">\n            <div\n                class=\"shrink-0 w-44 rounded-xl overflow-hidden border border-surface-3 text-center select-none\">\n                <div\n                    class=\"bg-brand px-8 py-2 text-white text-10 font-bold uppercase tracking-wide\">\n                    {{ calendarMonth }}\n                </div>\n                <div\n                    class=\"bg-surface-1 py-4 text-word-1 text-24 font-bold leading-none\">\n                    {{ calendarDay }}\n                </div>\n            </div>\n            <div class=\"flex flex-col gap-4 min-w-0\">\n                <p class=\"font-semibold text-word-1 text-14\">\n                    {{ toolPart.input.title }}\n                </p>\n                <div class=\"flex items-center gap-8 text-12 text-word-3\">\n                    <VvIcon name=\"ri:time-line\" class=\"text-14 shrink-0\" />\n                    <time :datetime=\"toolPart.input.startDate\">{{\n                        dateDisplay\n                    }}</time>\n                </div>\n                <div\n                    v-if=\"toolPart.input.location\"\n                    class=\"flex items-center gap-8 text-12 text-word-3\">\n                    <VvIcon name=\"ri:map-pin-line\" class=\"text-14 shrink-0\" />\n                    <a\n                        v-if=\"toolPart.input.location.startsWith('http')\"\n                        :href=\"toolPart.input.location\"\n                        :target=\"\n                            isSameSite(toolPart.input.location)\n                                ? undefined\n                                : '_blank'\n                        \"\n                        :rel=\"\n                            isSameSite(toolPart.input.location)\n                                ? undefined\n                                : 'noopener noreferrer'\n                        \"\n                        class=\"underline truncate\">\n                        {{ toolPart.input.location }}\n                    </a>\n                    <span v-else>{{ toolPart.input.location }}</span>\n                </div>\n                <div\n                    v-if=\"toolPart.input.additionalInfo\"\n                    class=\"flex items-start gap-8 text-12 text-word-3\">\n                    <VvIcon\n                        name=\"ri:sticky-note-line\"\n                        class=\"text-14 shrink-0 mt-1\" />\n                    <span>{{ toolPart.input.additionalInfo }}</span>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n"],"mappings":"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"}