@pagelines/sdk 1.0.682 → 1.0.684

package/dist/FModal.js

@@ -0,0 +1,165 @@
+import "./rolldown-runtime.js";
+import { Teleport as e, Transition as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, guardReactiveProps as l, normalizeClass as u, normalizeProps as d, onMounted as f, onUnmounted as p, openBlock as m, ref as h, renderSlot as g, toDisplayString as _, watch as v, withCtx as y, withModifiers as b } from "vue";
+//#region ui/FClose.vue?vue&type=script&setup=true&lang.ts
+var x = ["aria-label"], S = { class: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[28px] h-[28px] overflow-hidden" }, C = /* @__PURE__ */ c({
+	name: "FClose",
+	__name: "FClose",
+	props: { ariaLabel: {} },
+	emits: ["click"],
+	setup(e) {
+		let t = h(!1);
+		return f(() => {
+			setTimeout(() => {
+				t.value = !0;
+			}, 100);
+		}), (n, r) => (m(), a("button", {
+			type: "button",
+			"aria-label": e.ariaLabel || "Close",
+			class: "close block cursor-pointer w-[60px] h-[60px] rounded-full transition-all duration-1000 ease-[cubic-bezier(0.25,1,0.33,1)] hover:scale-110 active:scale-90 hover:rotate-90",
+			onClick: r[0] || (r[0] = (e) => n.$emit("click", e))
+		}, [r[1] || (r[1] = o("span", { class: "absolute inset-0 rounded-full transition-all" }, null, -1)), o("span", S, [o("span", {
+			class: u(["absolute h-full w-[3px] rounded-[5px] left-[13px] transition-all duration-[400ms] ease-[cubic-bezier(0.52,0.01,0.16,1)]", t.value ? "translate-y-0 translate-x-0 rotate-45" : "translate-y-[30px] -translate-x-[30px] rotate-0"]),
+			style: {
+				"background-color": "currentColor",
+				"transition-delay": "0.15s"
+			}
+		}, null, 2), o("span", {
+			class: u(["absolute h-full w-[3px] rounded-[5px] left-[13px] transition-all duration-[400ms] ease-[cubic-bezier(0.52,0.01,0.16,1)]", t.value ? "translate-y-0 translate-x-0 -rotate-45" : "-translate-y-[30px] -translate-x-[30px] rotate-0"]),
+			style: {
+				"background-color": "currentColor",
+				"transition-delay": "0.45s"
+			}
+		}, null, 2)])], 8, x));
+	}
+}), w = { class: "flex min-h-full items-center justify-center text-center p-4" }, T = {
+	key: 0,
+	class: "text-base p-4 font-semibold"
+}, E = {
+	key: 1,
+	class: "flex items-center gap-2 px-2"
+}, D = /* @__PURE__ */ c({
+	inheritAttrs: !1,
+	name: "FModal",
+	__name: "FModal",
+	props: {
+		vis: {
+			type: Boolean,
+			default: !1
+		},
+		modalClass: {},
+		styleClass: {},
+		fullScreen: {
+			type: Boolean,
+			default: !1
+		},
+		hasClose: {
+			type: Boolean,
+			default: !1
+		},
+		title: { default: "" },
+		transitionMode: { default: "modal" },
+		teleportTo: { default: "body" },
+		disableTeleport: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: [
+		"update:vis",
+		"close",
+		"escape"
+	],
+	setup(c, { emit: x }) {
+		let S = x, D = h(!1);
+		function close(e) {
+			let { reason: t } = e;
+			S("update:vis", !1), S("close", !0), t === "escape" && S("escape", !0);
+		}
+		let O = n(() => {
+			let e = c.modalClass ? [c.modalClass] : ["max-w-screen-md p-24"], t = c.styleClass ? [c.styleClass] : ["bg-theme-0", "shadow-xl"];
+			return c.fullScreen ? e.push("fixed inset-0") : e.push("rounded-2xl"), [
+				"relative",
+				"text-left",
+				"transform",
+				"transition-all",
+				"w-full",
+				"overflow-hidden",
+				...e,
+				...t
+			];
+		}), k = h(!1), A = [];
+		function onKeydown(e) {
+			e.key === "Escape" && c.vis && close({ reason: "escape" });
+		}
+		f(async () => {
+			D.value = !0;
+			let e = v(() => c.vis, (e) => {
+				e ? setTimeout(() => k.value = !0, 300) : k.value = !1;
+			}, { immediate: !0 });
+			A.push(e), typeof document < "u" && (document.addEventListener("keydown", onKeydown), A.push(() => document.removeEventListener("keydown", onKeydown)));
+		}), p(() => {
+			A.forEach((e) => e());
+		});
+		let j = n(() => c.transitionMode === "slideUp" ? {
+			enterActiveClass: "ease-[cubic-bezier(0.25,1,0.33,1)] duration-500",
+			enterFromClass: "opacity-0 translate-y-full scale-95",
+			enterToClass: "opacity-100 translate-y-0 scale-100",
+			leaveActiveClass: "ease-[cubic-bezier(0.25,1,0.33,1)] duration-500",
+			leaveFromClass: "opacity-100 translate-y-0 scale-100",
+			leaveToClass: "opacity-0 translate-y-full scale-95"
+		} : {
+			enterActiveClass: "ease-[cubic-bezier(0.25,1,0.33,1)] duration-500",
+			enterFromClass: "opacity-0 scale-75",
+			enterToClass: "opacity-100 translate-y-0 scale-100",
+			leaveActiveClass: "ease-[cubic-bezier(0.25,1,0.33,1)] duration-500",
+			leaveFromClass: "opacity-100 translate-y-0 scale-100",
+			leaveToClass: "opacity-0 scale-75"
+		});
+		return (n, f) => D.value ? (m(), r(e, {
+			key: 0,
+			to: c.teleportTo,
+			disabled: c.disableTeleport
+		}, [o("div", {
+			class: u(["fixed inset-0 z-50", c.vis ? "" : "pointer-events-none"]),
+			"aria-labelledby": "modal-title",
+			role: "dialog",
+			"aria-modal": "true"
+		}, [s(t, {
+			"enter-active-class": "ease-out duration-300",
+			"enter-from-class": "opacity-0",
+			"enter-to-class": "opacity-100",
+			"leave-active-class": "ease-in duration-200",
+			"leave-from-class": "opacity-100",
+			"leave-to-class": "opacity-0"
+		}, {
+			default: y(() => [c.vis ? (m(), a("div", {
+				key: 0,
+				class: "fixed inset-0 bg-theme-800/60 active:bg-theme-800/80 cursor-pointer dark:bg-theme-600/90 backdrop-blur-sm transition-opacity",
+				onClick: f[0] || (f[0] = (e) => close({ reason: "escape" }))
+			})) : i("", !0)]),
+			_: 1
+		}), o("div", {
+			class: "fixed inset-0 z-40 overflow-y-auto overscroll-contain no-scrollbar",
+			onClick: f[3] || (f[3] = (e) => close({ reason: "escape" }))
+		}, [o("div", w, [s(t, d(l(j.value)), {
+			default: y(() => [c.vis ? (m(), a("div", {
+				key: 0,
+				class: u([O.value, "w-full"]),
+				onClick: f[2] || (f[2] = b(() => {}, ["stop"]))
+			}, [c.hasClose || c.title || n.$slots.actions ? (m(), a("div", {
+				key: 0,
+				class: u(!c.title && (c.hasClose || n.$slots.actions) ? "absolute top-0 right-0 z-10" : "flex justify-between items-center")
+			}, [c.title ? (m(), a("h2", T, _(c.title), 1)) : i("", !0), c.hasClose || n.$slots.actions ? (m(), a("div", E, [g(n.$slots, "actions"), c.hasClose ? (m(), r(C, {
+				key: 0,
+				class: "relative",
+				"data-test-id": "close-modal",
+				onClick: f[1] || (f[1] = b((e) => close({ reason: "escape" }), ["stop"]))
+			})) : i("", !0)])) : i("", !0)], 2)) : i("", !0), g(n.$slots, "default")], 2)) : i("", !0)]),
+			_: 3
+		}, 16)])])], 2)], 8, ["to", "disabled"])) : i("", !0);
+	}
+});
+//#endregion
+export { D as t };
+
+//# sourceMappingURL=FModal.js.map

package/dist/FModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FModal.js","names":["$emit","$slots"],"sources":["../ui/FClose.vue","../ui/FClose.vue","../ui/FModal.vue","../ui/FModal.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n// SDK-local copy of src/ui/common/FClose.vue — the SDK package must not\n// import app source, so the primitives it needs live here.\nimport { onMounted, ref } from 'vue'\n\ndefineOptions({ name: 'FClose' })\n\ndefineProps<{\n  ariaLabel?: string\n}>()\n\ndefineEmits<{\n  click: [event: MouseEvent]\n}>()\n\nconst inView = ref(false)\n\nonMounted(() => {\n  setTimeout(() => {\n    inView.value = true\n  }, 100)\n})\n</script>\n\n<template>\n  <button\n    type=\"button\"\n    :aria-label=\"ariaLabel || 'Close'\"\n    class=\"close block cursor-pointer w-[60px] h-[60px] rounded-full transition-all duration-1000 ease-[cubic-bezier(0.25,1,0.33,1)] hover:scale-110 active:scale-90 hover:rotate-90\"\n    @click=\"$emit('click', $event)\"\n  >\n    <!-- Background circle (invisible, for hover area) -->\n    <span class=\"absolute inset-0 rounded-full transition-all\" />\n\n    <!-- Close lines container -->\n    <span class=\"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[28px] h-[28px] overflow-hidden\">\n      <!-- Line 1 - animates from bottom-left to center, rotates 45deg -->\n      <span\n        class=\"absolute h-full w-[3px] rounded-[5px] left-[13px] transition-all duration-[400ms] ease-[cubic-bezier(0.52,0.01,0.16,1)]\"\n        :class=\"inView ? 'translate-y-0 translate-x-0 rotate-45' : 'translate-y-[30px] -translate-x-[30px] rotate-0'\"\n        style=\"background-color: currentColor; transition-delay: 0.15s\"\n      />\n\n      <!-- Line 2 - animates from top-left to center, rotates -45deg -->\n      <span\n        class=\"absolute h-full w-[3px] rounded-[5px] left-[13px] transition-all duration-[400ms] ease-[cubic-bezier(0.52,0.01,0.16,1)]\"\n        :class=\"inView ? 'translate-y-0 translate-x-0 -rotate-45' : '-translate-y-[30px] -translate-x-[30px] rotate-0'\"\n        style=\"background-color: currentColor; transition-delay: 0.45s\"\n      />\n    </span>\n  </button>\n</template>\n","<script lang=\"ts\" setup>\n// SDK-local copy of src/ui/common/FClose.vue — the SDK package must not\n// import app source, so the primitives it needs live here.\nimport { onMounted, ref } from 'vue'\n\ndefineOptions({ name: 'FClose' })\n\ndefineProps<{\n  ariaLabel?: string\n}>()\n\ndefineEmits<{\n  click: [event: MouseEvent]\n}>()\n\nconst inView = ref(false)\n\nonMounted(() => {\n  setTimeout(() => {\n    inView.value = true\n  }, 100)\n})\n</script>\n\n<template>\n  <button\n    type=\"button\"\n    :aria-label=\"ariaLabel || 'Close'\"\n    class=\"close block cursor-pointer w-[60px] h-[60px] rounded-full transition-all duration-1000 ease-[cubic-bezier(0.25,1,0.33,1)] hover:scale-110 active:scale-90 hover:rotate-90\"\n    @click=\"$emit('click', $event)\"\n  >\n    <!-- Background circle (invisible, for hover area) -->\n    <span class=\"absolute inset-0 rounded-full transition-all\" />\n\n    <!-- Close lines container -->\n    <span class=\"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[28px] h-[28px] overflow-hidden\">\n      <!-- Line 1 - animates from bottom-left to center, rotates 45deg -->\n      <span\n        class=\"absolute h-full w-[3px] rounded-[5px] left-[13px] transition-all duration-[400ms] ease-[cubic-bezier(0.52,0.01,0.16,1)]\"\n        :class=\"inView ? 'translate-y-0 translate-x-0 rotate-45' : 'translate-y-[30px] -translate-x-[30px] rotate-0'\"\n        style=\"background-color: currentColor; transition-delay: 0.15s\"\n      />\n\n      <!-- Line 2 - animates from top-left to center, rotates -45deg -->\n      <span\n        class=\"absolute h-full w-[3px] rounded-[5px] left-[13px] transition-all duration-[400ms] ease-[cubic-bezier(0.52,0.01,0.16,1)]\"\n        :class=\"inView ? 'translate-y-0 translate-x-0 -rotate-45' : '-translate-y-[30px] -translate-x-[30px] rotate-0'\"\n        style=\"background-color: currentColor; transition-delay: 0.45s\"\n      />\n    </span>\n  </button>\n</template>\n","<script lang=\"ts\" setup>\n// SDK-local copy of src/ui/common/FModal.vue — the SDK package must not\n// import app source, so the primitives it needs live here.\nimport { computed, onMounted, onUnmounted, ref, watch } from 'vue'\nimport FClose from './FClose.vue'\n\ndefineOptions({ name: 'FModal' })\n\nconst {\n  vis = false,\n  modalClass,\n  styleClass,\n  fullScreen = false,\n  hasClose = false,\n  title = '',\n  transitionMode = 'modal',\n  teleportTo = 'body',\n  disableTeleport = false,\n} = defineProps<{\n  vis?: boolean\n  modalClass?: string\n  styleClass?: string\n  fullScreen?: boolean\n  hasClose?: boolean\n  title?: string\n  transitionMode?: 'modal' | 'slideUp'\n  teleportTo?: string | Element\n  disableTeleport?: boolean\n}>()\n\nconst emit = defineEmits<{\n  'update:vis': [value: boolean]\n  'close': [value: boolean]\n  'escape': [value: boolean]\n}>()\n\nconst isMounted = ref(false)\n\nfunction close(args: { reason: 'escape' | 'reset' }): void {\n  const { reason } = args\n  emit('update:vis', false)\n  emit('close', true)\n  if (reason === 'escape')\n    emit('escape', true)\n}\n\nconst classes = computed(() => {\n  const cls = modalClass ? [modalClass] : ['max-w-screen-md p-24']\n  const style = styleClass ? [styleClass] : ['bg-theme-0', 'shadow-xl']\n\n  if (fullScreen)\n    cls.push('fixed inset-0')\n  else\n    cls.push('rounded-2xl')\n\n  return [\n    'relative',\n    'text-left',\n    'transform',\n    'transition-all',\n    'w-full',\n    'overflow-hidden',\n    ...cls,\n    ...style,\n  ]\n})\n\nconst afterVisible = ref(false)\nconst cleanups: (() => void)[] = []\n\nfunction onKeydown(event: KeyboardEvent): void {\n  if (event.key === 'Escape' && vis)\n    close({ reason: 'escape' })\n}\n\nonMounted(async () => {\n  isMounted.value = true\n\n  const unwatch = watch(\n    () => vis,\n    (vis) => {\n      if (vis) {\n        setTimeout(() => (afterVisible.value = true), 300)\n      } else {\n        afterVisible.value = false\n      }\n    },\n    { immediate: true },\n  )\n\n  cleanups.push(unwatch)\n\n  if (typeof document !== 'undefined') {\n    document.addEventListener('keydown', onKeydown)\n    cleanups.push(() => document.removeEventListener('keydown', onKeydown))\n  }\n})\n\nonUnmounted(() => {\n  cleanups.forEach((c) => c())\n})\n\nconst modalTransition = computed(() => {\n  if (transitionMode === 'slideUp') {\n    return {\n      enterActiveClass: 'ease-[cubic-bezier(0.25,1,0.33,1)] duration-500',\n      enterFromClass: 'opacity-0 translate-y-full scale-95',\n      enterToClass: 'opacity-100 translate-y-0 scale-100',\n      leaveActiveClass: 'ease-[cubic-bezier(0.25,1,0.33,1)] duration-500',\n      leaveFromClass: 'opacity-100 translate-y-0 scale-100',\n      leaveToClass: 'opacity-0 translate-y-full scale-95',\n    }\n  }\n  return {\n    enterActiveClass: 'ease-[cubic-bezier(0.25,1,0.33,1)] duration-500',\n    enterFromClass: 'opacity-0 scale-75',\n    enterToClass: 'opacity-100 translate-y-0 scale-100',\n    leaveActiveClass: 'ease-[cubic-bezier(0.25,1,0.33,1)] duration-500',\n    leaveFromClass: 'opacity-100 translate-y-0 scale-100',\n    leaveToClass: 'opacity-0 scale-75',\n  }\n})\n</script>\n\n<script lang=\"ts\">\nexport default {\n  inheritAttrs: false,\n}\n</script>\n\n<template>\n  <Teleport v-if=\"isMounted\" :to=\"teleportTo\" :disabled=\"disableTeleport\">\n    <div\n      class=\"fixed inset-0 z-50\"\n      aria-labelledby=\"modal-title\"\n      role=\"dialog\"\n      aria-modal=\"true\"\n      :class=\"!vis ? 'pointer-events-none' : ''\"\n    >\n      <Transition\n        enter-active-class=\"ease-out duration-300\"\n        enter-from-class=\"opacity-0\"\n        enter-to-class=\"opacity-100\"\n        leave-active-class=\"ease-in duration-200\"\n        leave-from-class=\"opacity-100\"\n        leave-to-class=\"opacity-0\"\n      >\n        <div\n          v-if=\"vis\"\n          class=\"fixed inset-0 bg-theme-800/60 active:bg-theme-800/80 cursor-pointer dark:bg-theme-600/90 backdrop-blur-sm transition-opacity\"\n          @click=\"close({ reason: 'escape' })\"\n        />\n      </Transition>\n      <div\n        class=\"fixed inset-0 z-40 overflow-y-auto overscroll-contain no-scrollbar\"\n        @click=\"close({ reason: 'escape' })\"\n      >\n        <!-- min-h-full, never h-full: a taller-than-viewport panel must grow this\n             row so the outer layer scrolls; h-full + items-center centers the\n             overflow and clips the modal top unreachably. p-4 = the 1em minimum\n             viewport gap for tall modals. -->\n        <div class=\"flex min-h-full items-center justify-center text-center p-4\">\n          <Transition v-bind=\"modalTransition\">\n            <div\n              v-if=\"vis\"\n              :class=\"classes\"\n              class=\"w-full\"\n              @click.stop\n            >\n              <div\n                v-if=\"hasClose || title || $slots.actions\"\n                :class=\"!title && (hasClose || $slots.actions) ? 'absolute top-0 right-0 z-10' : 'flex justify-between items-center'\"\n              >\n                <h2 v-if=\"title\" class=\"text-base p-4 font-semibold\">\n                  {{ title }}\n                </h2>\n                <div v-if=\"hasClose || $slots.actions\" class=\"flex items-center gap-2 px-2\">\n                  <slot name=\"actions\" />\n                  <FClose\n                    v-if=\"hasClose\"\n                    class=\"relative\"\n                    data-test-id=\"close-modal\"\n                    @click.stop=\"close({ reason: 'escape' })\"\n                  />\n                </div>\n              </div>\n              <slot />\n            </div>\n          </Transition>\n        </div>\n      </div>\n    </div>\n  </Teleport>\n</template>\n","<script lang=\"ts\" setup>\n// SDK-local copy of src/ui/common/FModal.vue — the SDK package must not\n// import app source, so the primitives it needs live here.\nimport { computed, onMounted, onUnmounted, ref, watch } from 'vue'\nimport FClose from './FClose.vue'\n\ndefineOptions({ name: 'FModal' })\n\nconst {\n  vis = false,\n  modalClass,\n  styleClass,\n  fullScreen = false,\n  hasClose = false,\n  title = '',\n  transitionMode = 'modal',\n  teleportTo = 'body',\n  disableTeleport = false,\n} = defineProps<{\n  vis?: boolean\n  modalClass?: string\n  styleClass?: string\n  fullScreen?: boolean\n  hasClose?: boolean\n  title?: string\n  transitionMode?: 'modal' | 'slideUp'\n  teleportTo?: string | Element\n  disableTeleport?: boolean\n}>()\n\nconst emit = defineEmits<{\n  'update:vis': [value: boolean]\n  'close': [value: boolean]\n  'escape': [value: boolean]\n}>()\n\nconst isMounted = ref(false)\n\nfunction close(args: { reason: 'escape' | 'reset' }): void {\n  const { reason } = args\n  emit('update:vis', false)\n  emit('close', true)\n  if (reason === 'escape')\n    emit('escape', true)\n}\n\nconst classes = computed(() => {\n  const cls = modalClass ? [modalClass] : ['max-w-screen-md p-24']\n  const style = styleClass ? [styleClass] : ['bg-theme-0', 'shadow-xl']\n\n  if (fullScreen)\n    cls.push('fixed inset-0')\n  else\n    cls.push('rounded-2xl')\n\n  return [\n    'relative',\n    'text-left',\n    'transform',\n    'transition-all',\n    'w-full',\n    'overflow-hidden',\n    ...cls,\n    ...style,\n  ]\n})\n\nconst afterVisible = ref(false)\nconst cleanups: (() => void)[] = []\n\nfunction onKeydown(event: KeyboardEvent): void {\n  if (event.key === 'Escape' && vis)\n    close({ reason: 'escape' })\n}\n\nonMounted(async () => {\n  isMounted.value = true\n\n  const unwatch = watch(\n    () => vis,\n    (vis) => {\n      if (vis) {\n        setTimeout(() => (afterVisible.value = true), 300)\n      } else {\n        afterVisible.value = false\n      }\n    },\n    { immediate: true },\n  )\n\n  cleanups.push(unwatch)\n\n  if (typeof document !== 'undefined') {\n    document.addEventListener('keydown', onKeydown)\n    cleanups.push(() => document.removeEventListener('keydown', onKeydown))\n  }\n})\n\nonUnmounted(() => {\n  cleanups.forEach((c) => c())\n})\n\nconst modalTransition = computed(() => {\n  if (transitionMode === 'slideUp') {\n    return {\n      enterActiveClass: 'ease-[cubic-bezier(0.25,1,0.33,1)] duration-500',\n      enterFromClass: 'opacity-0 translate-y-full scale-95',\n      enterToClass: 'opacity-100 translate-y-0 scale-100',\n      leaveActiveClass: 'ease-[cubic-bezier(0.25,1,0.33,1)] duration-500',\n      leaveFromClass: 'opacity-100 translate-y-0 scale-100',\n      leaveToClass: 'opacity-0 translate-y-full scale-95',\n    }\n  }\n  return {\n    enterActiveClass: 'ease-[cubic-bezier(0.25,1,0.33,1)] duration-500',\n    enterFromClass: 'opacity-0 scale-75',\n    enterToClass: 'opacity-100 translate-y-0 scale-100',\n    leaveActiveClass: 'ease-[cubic-bezier(0.25,1,0.33,1)] duration-500',\n    leaveFromClass: 'opacity-100 translate-y-0 scale-100',\n    leaveToClass: 'opacity-0 scale-75',\n  }\n})\n</script>\n\n<script lang=\"ts\">\nexport default {\n  inheritAttrs: false,\n}\n</script>\n\n<template>\n  <Teleport v-if=\"isMounted\" :to=\"teleportTo\" :disabled=\"disableTeleport\">\n    <div\n      class=\"fixed inset-0 z-50\"\n      aria-labelledby=\"modal-title\"\n      role=\"dialog\"\n      aria-modal=\"true\"\n      :class=\"!vis ? 'pointer-events-none' : ''\"\n    >\n      <Transition\n        enter-active-class=\"ease-out duration-300\"\n        enter-from-class=\"opacity-0\"\n        enter-to-class=\"opacity-100\"\n        leave-active-class=\"ease-in duration-200\"\n        leave-from-class=\"opacity-100\"\n        leave-to-class=\"opacity-0\"\n      >\n        <div\n          v-if=\"vis\"\n          class=\"fixed inset-0 bg-theme-800/60 active:bg-theme-800/80 cursor-pointer dark:bg-theme-600/90 backdrop-blur-sm transition-opacity\"\n          @click=\"close({ reason: 'escape' })\"\n        />\n      </Transition>\n      <div\n        class=\"fixed inset-0 z-40 overflow-y-auto overscroll-contain no-scrollbar\"\n        @click=\"close({ reason: 'escape' })\"\n      >\n        <!-- min-h-full, never h-full: a taller-than-viewport panel must grow this\n             row so the outer layer scrolls; h-full + items-center centers the\n             overflow and clips the modal top unreachably. p-4 = the 1em minimum\n             viewport gap for tall modals. -->\n        <div class=\"flex min-h-full items-center justify-center text-center p-4\">\n          <Transition v-bind=\"modalTransition\">\n            <div\n              v-if=\"vis\"\n              :class=\"classes\"\n              class=\"w-full\"\n              @click.stop\n            >\n              <div\n                v-if=\"hasClose || title || $slots.actions\"\n                :class=\"!title && (hasClose || $slots.actions) ? 'absolute top-0 right-0 z-10' : 'flex justify-between items-center'\"\n              >\n                <h2 v-if=\"title\" class=\"text-base p-4 font-semibold\">\n                  {{ title }}\n                </h2>\n                <div v-if=\"hasClose || $slots.actions\" class=\"flex items-center gap-2 px-2\">\n                  <slot name=\"actions\" />\n                  <FClose\n                    v-if=\"hasClose\"\n                    class=\"relative\"\n                    data-test-id=\"close-modal\"\n                    @click.stop=\"close({ reason: 'escape' })\"\n                  />\n                </div>\n              </div>\n              <slot />\n            </div>\n          </Transition>\n        </div>\n      </div>\n    </div>\n  </Teleport>\n</template>\n"],"mappings":"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"}

package/dist/agent/ui/AgentChat.vue.d.ts

@@ -16,13 +16,12 @@ type __VLS_Props = {
     requireAuth?: boolean;
     chatOnly?: boolean;
 };
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     error: (message: string) => any;
     close: (value: string) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onError?: ((message: string) => any) | undefined;
     onClose?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    rootElement: HTMLDivElement;
-}, HTMLDivElement>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/agent/ui/AgentInputEmail.vue.d.ts

@@ -1,9 +1,10 @@
 type __VLS_Props = {
     modelValue?: string;
 };
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "update:modelValue": (value: string) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLInputElement>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/agent/ui/AgentInputOneTimeCode.vue.d.ts

@@ -3,13 +3,12 @@ type __VLS_Props = {
     length: number;
     focusFirst?: boolean;
 };
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "update:modelValue": (value: string) => any;
     autoSubmit: (value: string) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onAutoSubmit?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    input: HTMLInputElement;
-}, HTMLInputElement>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/agent/ui/AgentModal.vue.d.ts

@@ -8,9 +8,10 @@ type __VLS_Props = {
     context?: string;
     firstMessage?: string;
 };
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:vis": (value: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:vis"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/agent/ui/AgentProvider.vue.d.ts

@@ -13,11 +13,12 @@ type __VLS_Props = {
     chatOnly?: boolean;
     apiBase?: string;
 };
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     error: (message: string) => any;
     close: (value: string) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onError?: ((message: string) => any) | undefined;
     onClose?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/agent/ui/AgentSidebarClose.vue.d.ts

@@ -1,6 +1,7 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     click: (event: MouseEvent) => any;
 }, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
     onClick?: ((event: MouseEvent) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLAnchorElement>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/agent/ui/AgentToolActivityGroup.vue.d.ts

@@ -3,5 +3,6 @@ type __VLS_Props = {
     model: WorkJournalModel;
     isLight: boolean;
 };
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/agent/ui/AgentWidget.vue.d.ts

@@ -9,9 +9,10 @@ interface Props {
 declare function toggle(): void;
 declare function open(): void;
 declare function close(): void;
-declare const _default: import('vue').DefineComponent<Props, {
+declare const __VLS_export: import('vue').DefineComponent<Props, {
     toggle: typeof toggle;
     open: typeof open;
     close: typeof close;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/agent/ui/AgentWrap.vue.d.ts

@@ -13,37 +13,22 @@ type __VLS_Props = {
     hasClose?: boolean;
     apiBase?: string;
 };
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Readonly<{
-        default: (props: {
-            sdk: PageLinesSDK;
-            agent: Agent;
-            context?: string;
-            firstMessage?: string;
-            buttonText?: string;
-            buttonIcon?: ButtonIconPreset;
-            loading: boolean;
-        }) => any;
-    }> & {
-        default: (props: {
-            sdk: PageLinesSDK;
-            agent: Agent;
-            context?: string;
-            firstMessage?: string;
-            buttonText?: string;
-            buttonIcon?: ButtonIconPreset;
-            loading: boolean;
-        }) => any;
-    };
-    refs: {};
-    rootEl: HTMLDivElement;
+type __VLS_Slots = {
+    default: (props: {
+        sdk: PageLinesSDK;
+        agent: Agent;
+        context?: string;
+        firstMessage?: string;
+        buttonText?: string;
+        buttonIcon?: ButtonIconPreset;
+        loading: boolean;
+    }) => any;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/agent/ui/ChatRichText.vue.d.ts

@@ -10,5 +10,6 @@ type __VLS_Props = {
      */
     streaming?: boolean;
 };
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/agent/ui/ChatScroller.vue.d.ts

@@ -1,25 +1,15 @@
 declare function pin(): void;
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {
-        viewport: HTMLDivElement;
-        content: HTMLDivElement;
-    };
-    rootEl: any;
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{}, {
+declare const __VLS_base: import('vue').DefineComponent<{}, {
     pin: typeof pin;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
-    viewport: HTMLDivElement;
-    content: HTMLDivElement;
-}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/agent/ui/ChatVisualBlock.vue.d.ts

@@ -3,7 +3,6 @@ type __VLS_Props = {
     result: ChatVisualParseResult;
     inverted?: boolean;
 };
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    bodyEl: HTMLDivElement;
-}, any>;
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/agent/ui/ElAgentAbout.vue.d.ts

@@ -3,5 +3,6 @@ type __VLS_Props = {
     agent: Agent;
     isOnline?: boolean;
 };
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/agent/ui/ElAgentButton.vue.d.ts

@@ -7,19 +7,15 @@ type __VLS_Props = {
     icon?: string;
     iconAfter?: string;
 };
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: HTMLButtonElement;
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/agent/ui/ElAgentChat.vue.d.ts

@@ -1,6 +1,5 @@
 import { AgentChatController } from '../AgentController';
 import { Agent } from '@pagelines/core';
-import { nextTick } from 'vue';
 type ChatScope = 'private' | 'org' | 'public';
 type __VLS_Props = {
     chatController?: AgentChatController;
@@ -15,56 +14,6 @@ type __VLS_Props = {
     /** Center transcript + composer in a 720px column — for wide desktop shells. */
     centered?: boolean;
 };
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    chatScroller: ({
-        $: import('vue').ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
-        $attrs: import('vue').Attrs;
-        $refs: {
-            [x: string]: unknown;
-        } & {
-            viewport: HTMLDivElement;
-            content: HTMLDivElement;
-        };
-        $slots: Readonly<{
-            [name: string]: import('vue').Slot<any> | undefined;
-        }>;
-        $root: import('vue').ComponentPublicInstance | null;
-        $parent: import('vue').ComponentPublicInstance | null;
-        $host: Element | null;
-        $emit: (event: string, ...args: any[]) => void;
-        $el: any;
-        $options: import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {
-            pin: () => void;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-            beforeCreate?: (() => void) | (() => void)[];
-            created?: (() => void) | (() => void)[];
-            beforeMount?: (() => void) | (() => void)[];
-            mounted?: (() => void) | (() => void)[];
-            beforeUpdate?: (() => void) | (() => void)[];
-            updated?: (() => void) | (() => void)[];
-            activated?: (() => void) | (() => void)[];
-            deactivated?: (() => void) | (() => void)[];
-            beforeDestroy?: (() => void) | (() => void)[];
-            beforeUnmount?: (() => void) | (() => void)[];
-            destroyed?: (() => void) | (() => void)[];
-            unmounted?: (() => void) | (() => void)[];
-            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-    } & Readonly<{}> & Omit<Readonly<{}> & Readonly<{}>, "pin"> & {
-        pin: () => void;
-    } & {} & import('vue').ComponentCustomProperties & {} & {
-        $slots: {
-            default?(_: {}): any;
-        };
-    }) | null;
-    fileInput: HTMLInputElement;
-    textarea: HTMLTextAreaElement;
-}, any>;
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/agent/ui/ElAgentChatPreview.vue.d.ts

@@ -6,5 +6,6 @@ type __VLS_Props = {
     messages: ChatPreviewMessage[];
     variant?: 'light' | 'dark';
 };
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/agent/ui/ElAgentHeader.vue.d.ts

@@ -3,5 +3,6 @@ interface Props {
     agent: Agent;
     isOnline?: boolean;
 }
-declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/agent/ui/ElAgentModeSidebar.vue.d.ts

@@ -3,9 +3,10 @@ type __VLS_Props = {
     modelValue: boolean;
     chatController?: AgentChatController;
 };
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/agent/ui/ElAgentSidebar.vue.d.ts

@@ -6,9 +6,10 @@ type __VLS_Props = {
     sdk: PageLinesSDK;
     title?: string;
 };
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/agent/ui/ElAuthGate.vue.d.ts

@@ -2,5 +2,6 @@ import { PageLinesSDK } from '../../sdkClient';
 type __VLS_Props = {
     sdk: PageLinesSDK;
 };
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/agent/ui/ElAuthPanel.vue.d.ts

@@ -2,5 +2,6 @@ import { PageLinesSDK } from '../../sdkClient';
 type __VLS_Props = {
     sdk: PageLinesSDK;
 };
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;