@8wave/ai-elements 0.114.0-beta.15 → 0.114.0-beta.25

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@8wave/ai-elements",
     "private": false,
-    "version": "0.114.0-beta.15",
+    "version": "0.114.0-beta.25",
     "type": "module",
     "scripts": {
         "dev": "vite --port 8082 --open --host",

package/dist/_chunks/PkToolShowComparison-BJ7QBXtf.js

@@ -1,60 +0,0 @@
-import { $ as e, C as t, L as n, O as r, St as i, Tt as a, _ as o, bt as s, d as c, h as l, it as u, m as d, v as f, x as p, xt as m, z as h } from "./vue.runtime.esm-bundler-CIT_Sbqw.js";
-import { i as g } from "./dist-QdjZA6MJ.js";
-import { a as _, r as v, t as y } from "./index.es-C2U5wcOx.js";
-r(), m(), u();
-var b = {
-	key: 0,
-	class: "border border-surface-3 rounded-xl w-full overflow-hidden"
-}, x = { class: "px-sm py-6 bg-surface-1 min-h-40 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8" }, S = { class: "font-bold" }, C = { class: "overflow-x-auto" }, w = { class: "w-full text-12 border-collapse bg-surface" }, T = /* @__PURE__ */ t({
-	__name: "PkToolShowComparison",
-	props: { part: { type: null } },
-	setup(t) {
-		let r = t, { copy: u, copied: m } = g(), T = d(() => r.part), E = d(() => {
-			let e = T.value.input?.items;
-			return !e || e.length === 0 ? [] : Object.keys(e[0].values);
-		}), D = (e) => e === "✓" ? "text-success" : e === "✗" ? "text-danger" : "text-word-2", O = () => {
-			let e = T.value.input?.items;
-			if (!e) return;
-			let t = ["", ...e.map((e) => e.name)].join("	"), n = E.value.map((t) => [t.replace(/_/g, " "), ...e.map((e) => e.values[t] ?? "")].join("	"));
-			u([t, ...n].join("\n"));
-		};
-		return (t, r) => {
-			let u = y, d = v, g = _;
-			return T.value?.input?.items?.length ? (n(), f("div", b, [l("div", x, [
-				p(u, {
-					name: "ri:scales-line",
-					class: "text-16"
-				}),
-				l("strong", S, a(T.value.input.title ?? t.$t("label.comparison")), 1),
-				p(g, {
-					modifiers: "compact",
-					class: "ml-auto shrink-0"
-				}, {
-					default: e(() => [p(d, {
-						modifiers: "action-quiet-small",
-						icon: s(m) ? "ri:check-line" : "ri:file-copy-line",
-						label: s(m) ? t.$t("action.copied") : t.$t("action.copy"),
-						onClick: O
-					}, null, 8, ["icon", "label"])]),
-					_: 1
-				})
-			]), l("div", C, [l("table", w, [l("thead", null, [l("tr", null, [r[0] ||= l("th", { class: "text-left text-word-3 font-medium p-8 border-b border-surface-3 min-w-32" }, null, -1), (n(!0), f(c, null, h(T.value.input.items, (e) => (n(), f("th", {
-				key: e.name,
-				class: i(["text-center text-word-1 p-8 border-b border-surface-3 min-w-24", e.highlighted ? "font-semibold bg-surface-1" : "font-medium"])
-			}, a(e.name), 3))), 128))])]), l("tbody", null, [(n(!0), f(c, null, h(E.value, (e, t) => (n(), f("tr", {
-				key: e,
-				class: i({ "bg-surface-1": t % 2 != 0 })
-			}, [l("td", { class: i(["text-word-3 font-medium p-8 whitespace-nowrap", { "border-b border-surface-3": t !== E.value.length - 1 }]) }, a(e.replace(/_/g, " ")), 3), (n(!0), f(c, null, h(T.value.input.items, (r) => (n(), f("td", {
-				key: r.name,
-				class: i(["text-center p-8", [D(r.values[e]), {
-					"border-b border-surface-3": t !== E.value.length - 1,
-					"bg-surface-1": r.highlighted
-				}]])
-			}, a(r.values[e] ?? "-"), 3))), 128))], 2))), 128))])])])])) : o("", !0);
-		};
-	}
-});
-//#endregion
-export { T as default };
-
-//# sourceMappingURL=PkToolShowComparison-BJ7QBXtf.js.map

package/dist/_chunks/PkToolShowComparison-BJ7QBXtf.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PkToolShowComparison-BJ7QBXtf.js","names":["$t"],"sources":["../../../../packages/components/src/chat/PkToolShowComparison.vue","../../../../packages/components/src/chat/PkToolShowComparison.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { useClipboard } from '@vueuse/core'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const { copy, copied } = useClipboard()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                title?: string\n                items: Array<{\n                    name: string\n                    values: Record<string, string>\n                    highlighted?: boolean\n                }>\n            }\n        }\n        return part\n    })\n\n    const features = computed(() => {\n        const items = toolPart.value.input?.items\n        if (!items || items.length === 0) {\n            return []\n        }\n        return Object.keys(items[0].values)\n    })\n\n    // The tool contract asks for \"✓\" and \"✗\" on boolean features: the pair is\n    // a verdict, so it wears one and the table reads by eye (DESIGN.md).\n    const valueColorClass = (value?: string) => {\n        if (value === '✓') {\n            return 'text-success'\n        }\n        if (value === '✗') {\n            return 'text-danger'\n        }\n        return 'text-word-2'\n    }\n\n    const copyTable = () => {\n        const items = toolPart.value.input?.items\n        if (!items) {\n            return\n        }\n        const header = ['', ...items.map((i) => i.name)].join('\\t')\n        const rows = features.value.map((f) =>\n            [f.replace(/_/g, ' '), ...items.map((i) => i.values[f] ?? '')].join(\n                '\\t',\n            ),\n        )\n        copy([header, ...rows].join('\\n'))\n    }\n</script>\n\n<template>\n    <div\n        v-if=\"toolPart?.input?.items?.length\"\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden\">\n        <div\n            class=\"px-sm py-6 bg-surface-1 min-h-40 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8\">\n            <VvIcon name=\"ri:scales-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">{{\n                toolPart.input.title ?? $t('label.comparison')\n            }}</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=\"copyTable\" />\n            </VvButtonGroup>\n        </div>\n        <div class=\"overflow-x-auto\">\n            <table class=\"w-full text-12 border-collapse bg-surface\">\n                <thead>\n                    <tr>\n                        <th\n                            class=\"text-left text-word-3 font-medium p-8 border-b border-surface-3 min-w-32\"></th>\n                        <th\n                            v-for=\"item in toolPart.input.items\"\n                            :key=\"item.name\"\n                            class=\"text-center text-word-1 p-8 border-b border-surface-3 min-w-24\"\n                            :class=\"\n                                item.highlighted\n                                    ? 'font-semibold bg-surface-1'\n                                    : 'font-medium'\n                            \">\n                            {{ item.name }}\n                        </th>\n                    </tr>\n                </thead>\n                <tbody>\n                    <tr\n                        v-for=\"(feature, fIdx) in features\"\n                        :key=\"feature\"\n                        :class=\"{ 'bg-surface-1': fIdx % 2 !== 0 }\">\n                        <td\n                            class=\"text-word-3 font-medium p-8 whitespace-nowrap\"\n                            :class=\"{\n                                'border-b border-surface-3':\n                                    fIdx !== features.length - 1,\n                            }\">\n                            {{ feature.replace(/_/g, ' ') }}\n                        </td>\n                        <td\n                            v-for=\"item in toolPart.input.items\"\n                            :key=\"item.name\"\n                            class=\"text-center p-8\"\n                            :class=\"[\n                                valueColorClass(item.values[feature]),\n                                {\n                                    'border-b border-surface-3':\n                                        fIdx !== features.length - 1,\n                                    'bg-surface-1': item.highlighted,\n                                },\n                            ]\">\n                            {{ item.values[feature] ?? '-' }}\n                        </td>\n                    </tr>\n                </tbody>\n            </table>\n        </div>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { useClipboard } from '@vueuse/core'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const { copy, copied } = useClipboard()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                title?: string\n                items: Array<{\n                    name: string\n                    values: Record<string, string>\n                    highlighted?: boolean\n                }>\n            }\n        }\n        return part\n    })\n\n    const features = computed(() => {\n        const items = toolPart.value.input?.items\n        if (!items || items.length === 0) {\n            return []\n        }\n        return Object.keys(items[0].values)\n    })\n\n    // The tool contract asks for \"✓\" and \"✗\" on boolean features: the pair is\n    // a verdict, so it wears one and the table reads by eye (DESIGN.md).\n    const valueColorClass = (value?: string) => {\n        if (value === '✓') {\n            return 'text-success'\n        }\n        if (value === '✗') {\n            return 'text-danger'\n        }\n        return 'text-word-2'\n    }\n\n    const copyTable = () => {\n        const items = toolPart.value.input?.items\n        if (!items) {\n            return\n        }\n        const header = ['', ...items.map((i) => i.name)].join('\\t')\n        const rows = features.value.map((f) =>\n            [f.replace(/_/g, ' '), ...items.map((i) => i.values[f] ?? '')].join(\n                '\\t',\n            ),\n        )\n        copy([header, ...rows].join('\\n'))\n    }\n</script>\n\n<template>\n    <div\n        v-if=\"toolPart?.input?.items?.length\"\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden\">\n        <div\n            class=\"px-sm py-6 bg-surface-1 min-h-40 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8\">\n            <VvIcon name=\"ri:scales-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">{{\n                toolPart.input.title ?? $t('label.comparison')\n            }}</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=\"copyTable\" />\n            </VvButtonGroup>\n        </div>\n        <div class=\"overflow-x-auto\">\n            <table class=\"w-full text-12 border-collapse bg-surface\">\n                <thead>\n                    <tr>\n                        <th\n                            class=\"text-left text-word-3 font-medium p-8 border-b border-surface-3 min-w-32\"></th>\n                        <th\n                            v-for=\"item in toolPart.input.items\"\n                            :key=\"item.name\"\n                            class=\"text-center text-word-1 p-8 border-b border-surface-3 min-w-24\"\n                            :class=\"\n                                item.highlighted\n                                    ? 'font-semibold bg-surface-1'\n                                    : 'font-medium'\n                            \">\n                            {{ item.name }}\n                        </th>\n                    </tr>\n                </thead>\n                <tbody>\n                    <tr\n                        v-for=\"(feature, fIdx) in features\"\n                        :key=\"feature\"\n                        :class=\"{ 'bg-surface-1': fIdx % 2 !== 0 }\">\n                        <td\n                            class=\"text-word-3 font-medium p-8 whitespace-nowrap\"\n                            :class=\"{\n                                'border-b border-surface-3':\n                                    fIdx !== features.length - 1,\n                            }\">\n                            {{ feature.replace(/_/g, ' ') }}\n                        </td>\n                        <td\n                            v-for=\"item in toolPart.input.items\"\n                            :key=\"item.name\"\n                            class=\"text-center p-8\"\n                            :class=\"[\n                                valueColorClass(item.values[feature]),\n                                {\n                                    'border-b border-surface-3':\n                                        fIdx !== features.length - 1,\n                                    'bg-surface-1': item.highlighted,\n                                },\n                            ]\">\n                            {{ item.values[feature] ?? '-' }}\n                        </td>\n                    </tr>\n                </tbody>\n            </table>\n        </div>\n    </div>\n</template>\n"],"mappings":";;;;;;;;;;;EAII,IAAM,IAAQ,GAIR,EAAE,SAAM,cAAW,EAAa,GAEhC,IAAW,QACA,EAAM,IAWtB,GAEK,IAAW,QAAe;GAC5B,IAAM,IAAQ,EAAS,MAAM,OAAO;GAIpC,OAHI,CAAC,KAAS,EAAM,WAAW,IACpB,CAAC,IAEL,OAAO,KAAK,EAAM,EAAE,CAAC,MAAM;EACtC,CAAC,GAIK,KAAmB,MACjB,MAAU,MACH,iBAEP,MAAU,MACH,gBAEJ,eAGL,UAAkB;GACpB,IAAM,IAAQ,EAAS,MAAM,OAAO;GACpC,IAAI,CAAC,GACD;GAEJ,IAAM,IAAS,CAAC,IAAI,GAAG,EAAM,KAAK,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,KAAK,GAAI,GACpD,IAAO,EAAS,MAAM,KAAK,MAC7B,CAAC,EAAE,QAAQ,MAAM,GAAG,GAAG,GAAG,EAAM,KAAK,MAAM,EAAE,OAAO,MAAM,EAAE,CAAC,CAAC,CAAC,KAC3D,GACJ,CACJ;GACA,EAAK,CAAC,GAAQ,GAAG,CAAI,CAAC,CAAC,KAAK,IAAI,CAAC;EACrC;;;GAKU,OAAA,EAAA,OAAU,OAAO,OAAO,UADlC,EAAA,GAAA,EAmEM,OAnEN,GAmEM,CAhEF,EAaM,OAbN,GAaM;IAXF,EAAgD,GAAA;KAAxC,MAAK;KAAiB,OAAM;;IACpC,EAEW,UAFX,GAEW,EADP,EAAA,MAAS,MAAM,SAASA,EAAAA,GAAE,kBAAA,CAAA,GAAA,CAAA;IAE9B,EAMgB,GAAA;KAND,WAAU;KAAU,OAAM;;KACrC,SAAA,QAIyB,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;;;;GAGpB,CAAA,GAAA,EAiDM,OAjDN,GAiDM,CAhDF,EA+CQ,SA/CR,GA+CQ,CA9CJ,EAgBQ,SAAA,MAAA,CAfJ,EAcK,MAAA,MAAA,CAbD,AAAA,EAAA,OAAA,EAC0F,MAAA,EAAtF,OAAM,2EAA0E,GAAA,MAAA,EAAA,IACpF,EAAA,EAAA,GAAA,EAUK,GAAA,MAAA,EATc,EAAA,MAAS,MAAM,QAAvB,OADX,EAAA,GAAA,EAUK,MAAA;IARA,KAAK,EAAK;IACX,OAAK,EAAA,CAAC,kEACmC,EAAK,cAAA,+BAAA,aAAA,CAAA;GAK3C,GAAA,EAAA,EAAK,IAAI,GAAA,CAAA,EAIxB,GAAA,GAAA,EAAA,CAAA,CAAA,CAAA,GAAA,EA4BQ,SAAA,MAAA,EA3BJ,EAAA,EAAA,GAAA,EA0BK,GAAA,MAAA,EAzByB,EAAA,QAAlB,GAAS,OADrB,EAAA,GAAA,EA0BK,MAAA;IAxBA,KAAK;IACL,OAAK,EAAA,EAAA,gBAAoB,IAAI,KAAA,EAAA,CAAA;GAC9B,GAAA,CAAA,EAOK,MAAA,EAND,OAAK,EAAA,CAAC,iDAA+C,EAAA,6BACsD,MAAS,EAAA,MAAS,SAAM,EAAA,CAAA,CAAA,EAIhI,GAAA,EAAA,EAAQ,QAAO,MAAA,GAAA,CAAA,GAAA,CAAA,IAEtB,EAAA,EAAA,GAAA,EAaK,GAAA,MAAA,EAZc,EAAA,MAAS,MAAM,QAAvB,OADX,EAAA,GAAA,EAaK,MAAA;IAXA,KAAK,EAAK;IACX,OAAK,EAAA,CAAC,mBAAiB,CACmB,EAAgB,EAAK,OAAO,EAAO,GAAA;KAA+I,6BAAA,MAAS,EAAA,MAAS,SAAM;KAA0D,gBAAA,EAAK;;GAQhT,GAAA,EAAA,EAAK,OAAO,MAAO,GAAA,GAAA,CAAA"}