@8wave/ai-elements 0.102.0-beta.1 → 0.103.0-beta.2

package/dist-vue/_chunks/PkToolRequestOAuthConnection-URjYDFhm.js

@@ -1,73 +0,0 @@
-import { O as e } from "./Agent-Cy-XE9N1.js";
-import { VvButton as t, VvIcon as n } from "@volverjs/ui-vue/components";
-import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, onUnmounted as d, openBlock as f, ref as p, toDisplayString as m, unref as h, watch as g } from "vue";
-import { useI18n as _ } from "vue-i18n";
-//#region ../../packages/components/src/chat/PkToolRequestOAuthConnection.vue?vue&type=script&setup=true&lang.ts
-var v = { class: "w-full overflow-hidden bg-surface-1 p-sm rounded-xl text-12" }, y = {
-	key: 0,
-	class: "flex items-center gap-8 text-word-3"
-}, b = { class: "text-10" }, x = {
-	key: 1,
-	class: "flex items-center gap-8 text-word-3"
-}, S = { class: "text-10" }, C = {
-	key: 2,
-	class: "flex flex-col gap-xs"
-}, w = { class: "flex items-center gap-8 text-word-3" }, T = { class: "text-10" }, E = { class: "flex items-center gap-6 text-word-3 mb-xs" }, D = {
-	key: 4,
-	class: "flex items-center gap-8 text-word-3"
-}, O = { class: "text-10" }, k = /* @__PURE__ */ u({
-	__name: "PkToolRequestOAuthConnection",
-	props: {
-		part: {},
-		resolveConnection: { type: Function }
-	},
-	emits: ["connected"],
-	setup(u, { emit: k }) {
-		let A = u, j = k, { t: M } = _({ useScope: "global" }), N = i(() => A.part), P = i(() => N.value.state ?? "unknown"), F = i(() => N.value.input?.serverName), I = i(() => e(N.value.output)), L = i(() => P.value === "input-available" || I.value), R = p(null), z = p(!1), B = p(!1), V = p(null);
-		async function H() {
-			if (!(!F.value || !A.resolveConnection || R.value || z.value)) {
-				z.value = !0;
-				try {
-					R.value = await A.resolveConnection(F.value);
-				} catch (e) {
-					V.value = e instanceof Error ? e.message : "Failed to resolve OAuth";
-				} finally {
-					z.value = !1;
-				}
-			}
-		}
-		g(() => L.value && F.value, (e) => {
-			e && H();
-		}, { immediate: !0 });
-		function U(e) {
-			e.data?.type === "mcp-oauth-complete" && e.data.mcpServerId === R.value?.mcpServerId && (window.removeEventListener("message", U), e.data.success ? (B.value = !0, j("connected", e.data.mcpServerId)) : V.value = e.data.error ?? "Unknown error");
-		}
-		function W() {
-			R.value?.authorizeUrl && (V.value = null, window.addEventListener("message", U), window.open(R.value.authorizeUrl, "mcp_oauth", "width=600,height=700,menubar=no,toolbar=no") || (V.value = M("auth.popupBlocked")));
-		}
-		return d(() => {
-			window.removeEventListener("message", U);
-		}), (e, i) => {
-			let u = n, d = t;
-			return f(), s("div", v, [z.value ? (f(), s("div", y, [l(u, { name: "line-md:loading-loop" }), c("span", b, m(h(M)("messagePart.requestOAuthConnection")), 1)])) : B.value ? (f(), s("div", x, [l(u, { name: "ri:check-line" }), c("strong", S, m(h(M)("messagePart.requestOAuthConnectionSuccess", { name: F.value })), 1)])) : V.value ? (f(), s("div", C, [c("div", w, [l(u, {
-				name: "ri:close-line",
-				class: "text-danger"
-			}), c("strong", T, m(V.value), 1)]), R.value ? (f(), a(d, {
-				key: 0,
-				modifiers: "primary-small",
-				icon: "ri:external-link-line",
-				label: h(M)("messagePart.requestOAuthConnectionButton", { name: F.value }),
-				onClick: W
-			}, null, 8, ["label"])) : o("", !0)])) : R.value ? (f(), s(r, { key: 3 }, [c("div", E, [c("span", null, m(h(M)("messagePart.requestOAuthConnectionPrompt", { name: F.value })), 1)]), l(d, {
-				modifiers: "primary-small",
-				icon: "ri:external-link-line",
-				label: h(M)("messagePart.requestOAuthConnectionButton", { name: F.value }),
-				onClick: W
-			}, null, 8, ["label"])], 64)) : (f(), s("div", D, [l(u, { name: "ri:link-m" }), c("span", O, m(h(M)("messagePart.requestOAuthConnectionInfo", { name: F.value })), 1)]))]);
-		};
-	}
-});
-//#endregion
-export { k as default };
-
-//# sourceMappingURL=PkToolRequestOAuthConnection-URjYDFhm.js.map

package/dist-vue/_chunks/PkToolRequestOAuthConnection-URjYDFhm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PkToolRequestOAuthConnection-URjYDFhm.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    import { isVoiceRenderAck } from 'models'\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            output?: unknown\n        }\n    })\n\n    const state = computed(() => toolPart.value.state ?? 'unknown')\n    const serverName = computed(() => toolPart.value.input?.serverName)\n\n    /**\n     * A card drawn during a CALL arrives already \"answered\": the turn could\n     * not wait for the connection, so the backend closed the tool with a note\n     * saying the card was drawn (see `isVoiceRenderAck`, same rule as the\n     * forms). That note is not a connection, and without this the card\n     * rendered its inert fallback: the caller was told to connect the account\n     * and given nothing to click (measured 2026-08-07).\n     */\n    const isRenderAck = computed(() => isVoiceRenderAck(toolPart.value.output))\n\n    const isAwaitingConnection = computed(\n        () => state.value === 'input-available' || isRenderAck.value,\n    )\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        () => isAwaitingConnection.value && 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        oauthError.value = null\n        window.addEventListener('message', onMessage)\n        const popup = window.open(\n            connectionData.value.authorizeUrl,\n            'mcp_oauth',\n            'width=600,height=700,menubar=no,toolbar=no',\n        )\n        if (!popup) {\n            oauthError.value = $t('auth.popupBlocked')\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 flex-col gap-xs\">\n                <div class=\"flex items-center gap-8 text-word-3\">\n                    <VvIcon name=\"ri:close-line\" class=\"text-danger\" />\n                    <strong class=\"text-10\">\n                        {{ oauthError }}\n                    </strong>\n                </div>\n                <VvButton\n                    v-if=\"connectionData\"\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            </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    import { isVoiceRenderAck } from 'models'\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            output?: unknown\n        }\n    })\n\n    const state = computed(() => toolPart.value.state ?? 'unknown')\n    const serverName = computed(() => toolPart.value.input?.serverName)\n\n    /**\n     * A card drawn during a CALL arrives already \"answered\": the turn could\n     * not wait for the connection, so the backend closed the tool with a note\n     * saying the card was drawn (see `isVoiceRenderAck`, same rule as the\n     * forms). That note is not a connection, and without this the card\n     * rendered its inert fallback: the caller was told to connect the account\n     * and given nothing to click (measured 2026-08-07).\n     */\n    const isRenderAck = computed(() => isVoiceRenderAck(toolPart.value.output))\n\n    const isAwaitingConnection = computed(\n        () => state.value === 'input-available' || isRenderAck.value,\n    )\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        () => isAwaitingConnection.value && 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        oauthError.value = null\n        window.addEventListener('message', onMessage)\n        const popup = window.open(\n            connectionData.value.authorizeUrl,\n            'mcp_oauth',\n            'width=600,height=700,menubar=no,toolbar=no',\n        )\n        if (!popup) {\n            oauthError.value = $t('auth.popupBlocked')\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 flex-col gap-xs\">\n                <div class=\"flex items-center gap-8 text-word-3\">\n                    <VvIcon name=\"ri:close-line\" class=\"text-danger\" />\n                    <strong class=\"text-10\">\n                        {{ oauthError }}\n                    </strong>\n                </div>\n                <VvButton\n                    v-if=\"connectionData\"\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            </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":"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"}