@pagelines/sdk 1.0.682 → 1.0.683

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

@@ -2,7 +2,7 @@ import { PageLinesSDK } from '../../sdkClient';
 type __VLS_Props = {
     sdk: PageLinesSDK;
 };
-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, {
     created: (agent: {
         agentId?: string | undefined;
         handle?: string | undefined;
@@ -212,5 +212,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
             detail?: string | undefined;
         } | undefined;
     }) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -5,5 +5,6 @@ interface Props {
     isOnline?: boolean;
     layout?: 'centered' | 'horizontal';
 }
-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, {}, HTMLDivElement>;
+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/ElProvisioningStatus.vue.d.ts

@@ -3,11 +3,12 @@ type __VLS_Props = {
     sdk: PageLinesSDK;
     agentId: 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;
     ready: () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onError?: ((message: string) => any) | undefined;
     onReady?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -6,24 +6,21 @@ type __VLS_Props = {
     title?: string;
     widthClasses?: string;
 };
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        header?(_: {}): any;
-        footer?(_: {}): any;
-    };
-    refs: {};
-    rootEl: any;
+declare var __VLS_20: {}, __VLS_28: {};
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_20) => any;
+} & {
+    footer?: (props: typeof __VLS_28) => any;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const __VLS_base: 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: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+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/ElTrialGate.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.js

@@ -1,187 +1,158 @@
-var C = Object.defineProperty;
-var u = (e, o) => C(e, "name", { value: o, configurable: !0 });
-import { _ as $, a as M } from "./AgentProvider.vue_vue_type_script_setup_true_lang.js";
-import { A as Y } from "./AgentProvider.vue_vue_type_script_setup_true_lang.js";
-import { defineComponent as m, openBlock as n, createBlock as g, withCtx as w, createElementVNode as i, createVNode as b, ref as p, watch as _, nextTick as z, createElementBlock as d, normalizeClass as f, normalizeStyle as E, createCommentVNode as v, Fragment as N, renderList as j } from "vue";
-import { _ as B } from "./FModal.vue_vue_type_script_setup_true_lang.js";
-import { _ as P, a as T } from "./AgentWrap.vue_vue_type_script_setup_true_lang.js";
-import { A as ee, A as te, b as se } from "./AgentWrap.vue_vue_type_script_setup_true_lang.js";
-import { Agent as ne } from "@pagelines/core";
-const V = { class: "relative w-full h-[80vh] md:h-[600px]" }, J = /* @__PURE__ */ m({
-  name: "AgentModal",
-  __name: "AgentModal",
-  props: {
-    vis: { type: Boolean, default: !1 },
-    sdk: {},
-    agent: {},
-    handle: {},
-    context: {},
-    firstMessage: {}
-  },
-  emits: ["update:vis"],
-  setup(e, { emit: o }) {
-    const s = o;
-    return (t, a) => (n(), g(B, {
-      vis: e.vis,
-      "modal-class": "max-w-4xl p-0",
-      "style-class": "bg-transparent shadow-2xl rounded-2xl",
-      "has-close": !1,
-      "onUpdate:vis": a[1] || (a[1] = (c) => s("update:vis", c))
-    }, {
-      default: w(() => [
-        i("div", V, [
-          b($, {
-            sdk: e.sdk,
-            agent: e.agent,
-            handle: e.handle,
-            context: e.context,
-            "first-message": e.firstMessage,
-            "has-close": !0,
-            onClose: a[0] || (a[0] = (c) => s("update:vis", !1))
-          }, null, 8, ["sdk", "agent", "handle", "context", "first-message"])
-        ])
-      ]),
-      _: 1
-    }, 8, ["vis"]));
-  }
-}), W = {
-  key: 0,
-  class: "relative h-full w-full"
-}, O = { class: "group relative h-full w-full rounded-3xl overflow-hidden shadow-lg transition-all duration-300 ease-[cubic-bezier(0.25,1,0.33,1)] hover:shadow-2xl hover:translate-y-[-1px] hover:brightness-110 active:scale-[1.06] active:-translate-y-0.5 active:duration-100" }, S = ["src", "alt"], U = {
-  key: 0,
-  class: "absolute top-0.5 right-0.5"
-}, K = /* @__PURE__ */ m({
-  __name: "AgentWidget",
-  props: {
-    sdk: {},
-    handle: {},
-    context: {},
-    firstMessage: {},
-    position: {}
-  },
-  setup(e, { expose: o }) {
-    const s = e, t = p(!1), a = p(!1);
-    function c() {
-      t.value = !t.value;
-    }
-    u(c, "toggle"), _(t, async (x) => {
-      x ? (await z(), setTimeout(() => {
-        a.value = !0;
-      }, 400)) : a.value = !1;
-    });
-    function k() {
-      t.value = !0;
-    }
-    u(k, "open");
-    function h() {
-      t.value = !1;
-    }
-    u(h, "close");
-    function y() {
-      h();
-    }
-    return u(y, "handleClose"), o({
-      toggle: c,
-      open: k,
-      close: h
-    }), (x, l) => (n(), g(P, {
-      sdk: e.sdk,
-      handle: e.handle,
-      context: e.context,
-      "first-message": e.firstMessage
-    }, {
-      default: w(({ agent: r, sdk: A }) => [
-        r ? (n(), d("div", {
-          key: 0,
-          class: f(["fixed z-[999999] pointer-events-auto", [
-            s.position === "bottom-left" ? "bottom-6 left-6" : s.position === "top-right" ? "top-6 right-6" : s.position === "top-left" ? "top-6 left-6" : "bottom-6 right-6"
-          ]])
-        }, [
-          i("div", {
-            class: f(["transition-all duration-500 ease-[cubic-bezier(0.25,1,0.33,1)] transform-gpu", [
-              t.value ? "widget-expanded w-96 h-[600px] max-w-[calc(100vw-48px)] max-h-[calc(100vh-48px)] rounded-3xl opacity-100 scale-100" : "widget-button w-[80px] h-[80px] opacity-100 scale-100  flex items-center justify-center  cursor-pointer"
-            ]]),
-            style: E({
-              "transform-origin": s.position === "bottom-left" ? "bottom left" : s.position === "top-right" ? "top right" : s.position === "top-left" ? "top left" : "bottom right"
-            }),
-            onClick: l[0] || (l[0] = (F) => t.value ? void 0 : c())
-          }, [
-            t.value ? v("", !0) : (n(), d("div", W, [
-              i("div", O, [
-                i("img", {
-                  src: r.avatarUrl.value,
-                  alt: `${r.displayName.value} assistant`,
-                  class: "h-full w-full object-cover pointer-events-none",
-                  width: "80",
-                  height: "80"
-                }, null, 8, S),
-                l[1] || (l[1] = i("div", { class: "absolute inset-0 pointer-events-none bg-gradient-to-br from-transparent via-black/10 to-black/40 opacity-60 transition-opacity duration-300 group-hover:opacity-40" }, null, -1))
-              ]),
-              r.state.value.lifecycle === "running" ? (n(), d("div", U, [...l[2] || (l[2] = [
-                i("div", {
-                  class: "size-3 bg-green-500 rounded-full ring-2 ring-white absolute animate-ping",
-                  style: { "animation-duration": "3s" }
-                }, null, -1),
-                i("div", { class: "size-3 bg-green-500 rounded-full ring-2 ring-white" }, null, -1)
-              ])])) : v("", !0)
-            ])),
-            t.value && r ? (n(), g(M, {
-              key: 1,
-              class: "rounded-3xl shadow-2xl border border-white/10",
-              sdk: A,
-              agent: r,
-              context: e.context,
-              "first-message": e.firstMessage,
-              "has-close": !0,
-              "is-active": a.value,
-              onClose: y
-            }, null, 8, ["sdk", "agent", "context", "first-message", "is-active"])) : v("", !0)
-          ], 6)
-        ], 2)) : v("", !0)
-      ]),
-      _: 1
-    }, 8, ["sdk", "handle", "context", "first-message"]));
-  }
-}), D = ["data-sender"], Q = /* @__PURE__ */ m({
-  __name: "ElAgentChatPreview",
-  props: {
-    messages: {},
-    variant: {}
-  },
-  setup(e) {
-    return (o, s) => (n(), d("div", {
-      class: f(["@container/chat-preview flex flex-col gap-3", e.variant === "dark" ? "text-white" : "text-slate-950"]),
-      "data-test": "agent-chat-preview"
-    }, [
-      (n(!0), d(N, null, j(e.messages, (t, a) => (n(), d("div", {
-        key: `${t.sender}-${a}`,
-        class: f(["flex", t.sender === "user" ? "justify-end" : "justify-start"]),
-        "data-test": "agent-chat-preview-message",
-        "data-sender": t.sender
-      }, [
-        i("div", {
-          class: f(["max-w-[88%] rounded-2xl px-4 py-3 text-sm shadow-sm @sm/chat-preview:max-w-[78%]", t.sender === "user" ? "bg-slate-950 text-white" : e.variant === "dark" ? "border border-white/10 bg-white/10 text-white" : "border border-slate-200 bg-white text-slate-950"])
-        }, [
-          b(T, {
-            text: t.text,
-            inverted: t.sender === "user" || e.variant === "dark"
-          }, null, 8, ["text", "inverted"])
-        ], 2)
-      ], 10, D))), 128))
-    ], 2));
-  }
+import "./rolldown-runtime.js";
+import { d as e, f as t, n, p as r, r as i, t as a } from "./AgentWrap.js";
+import { n as o, t as s } from "./AgentProvider.js";
+import { t as c } from "./FModal.js";
+import { Fragment as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createVNode as m, defineComponent as h, nextTick as g, normalizeClass as _, normalizeStyle as v, openBlock as y, ref as b, renderList as x, watch as S, withCtx as C } from "vue";
+//#region agent/ui/AgentModal.vue?vue&type=script&setup=true&lang.ts
+var w = { class: "relative w-full h-[80vh] md:h-[600px]" }, T = /* @__PURE__ */ h({
+	name: "AgentModal",
+	__name: "AgentModal",
+	props: {
+		vis: {
+			type: Boolean,
+			default: !1
+		},
+		sdk: {},
+		agent: {},
+		handle: {},
+		context: {},
+		firstMessage: {}
+	},
+	emits: ["update:vis"],
+	setup(e, { emit: t }) {
+		let n = t;
+		return (t, r) => (y(), u(c, {
+			vis: e.vis,
+			"modal-class": "max-w-4xl p-0",
+			"style-class": "bg-transparent shadow-2xl rounded-2xl",
+			"has-close": !1,
+			"onUpdate:vis": r[1] || (r[1] = (e) => n("update:vis", e))
+		}, {
+			default: C(() => [p("div", w, [m(s, {
+				sdk: e.sdk,
+				agent: e.agent,
+				handle: e.handle,
+				context: e.context,
+				"first-message": e.firstMessage,
+				"has-close": !0,
+				onClose: r[0] || (r[0] = (e) => n("update:vis", !1))
+			}, null, 8, [
+				"sdk",
+				"agent",
+				"handle",
+				"context",
+				"first-message"
+			])])]),
+			_: 1
+		}, 8, ["vis"]));
+	}
+}), E = {
+	key: 0,
+	class: "relative h-full w-full"
+}, D = { class: "group relative h-full w-full rounded-3xl overflow-hidden shadow-lg transition-all duration-300 ease-[cubic-bezier(0.25,1,0.33,1)] hover:shadow-2xl hover:translate-y-[-1px] hover:brightness-110 active:scale-[1.06] active:-translate-y-0.5 active:duration-100" }, O = ["src", "alt"], k = {
+	key: 0,
+	class: "absolute top-0.5 right-0.5"
+}, A = /* @__PURE__ */ h({
+	__name: "AgentWidget",
+	props: {
+		sdk: {},
+		handle: {},
+		context: {},
+		firstMessage: {},
+		position: {}
+	},
+	setup(e, { expose: t }) {
+		let n = e, r = b(!1), i = b(!1);
+		function toggle() {
+			r.value = !r.value;
+		}
+		S(r, async (e) => {
+			e ? (await g(), setTimeout(() => {
+				i.value = !0;
+			}, 400)) : i.value = !1;
+		});
+		function open() {
+			r.value = !0;
+		}
+		function close() {
+			r.value = !1;
+		}
+		function handleClose() {
+			close();
+		}
+		return t({
+			toggle,
+			open,
+			close
+		}), (t, s) => (y(), u(a, {
+			sdk: e.sdk,
+			handle: e.handle,
+			context: e.context,
+			"first-message": e.firstMessage
+		}, {
+			default: C(({ agent: t, sdk: a }) => [t ? (y(), f("div", {
+				key: 0,
+				class: _(["fixed z-[999999] pointer-events-auto", [n.position === "bottom-left" ? "bottom-6 left-6" : n.position === "top-right" ? "top-6 right-6" : n.position === "top-left" ? "top-6 left-6" : "bottom-6 right-6"]])
+			}, [p("div", {
+				class: _(["transition-all duration-500 ease-[cubic-bezier(0.25,1,0.33,1)] transform-gpu", [r.value ? "widget-expanded w-96 h-[600px] max-w-[calc(100vw-48px)] max-h-[calc(100vh-48px)] rounded-3xl opacity-100 scale-100" : "widget-button w-[80px] h-[80px] opacity-100 scale-100  flex items-center justify-center  cursor-pointer"]]),
+				style: v({ "transform-origin": n.position === "bottom-left" ? "bottom left" : n.position === "top-right" ? "top right" : n.position === "top-left" ? "top left" : "bottom right" }),
+				onClick: s[0] || (s[0] = (e) => r.value ? void 0 : toggle())
+			}, [r.value ? d("", !0) : (y(), f("div", E, [p("div", D, [p("img", {
+				src: t.avatarUrl.value,
+				alt: `${t.displayName.value} assistant`,
+				class: "h-full w-full object-cover pointer-events-none",
+				width: "80",
+				height: "80"
+			}, null, 8, O), s[1] || (s[1] = p("div", { class: "absolute inset-0 pointer-events-none bg-gradient-to-br from-transparent via-black/10 to-black/40 opacity-60 transition-opacity duration-300 group-hover:opacity-40" }, null, -1))]), t.state.value.lifecycle === "running" ? (y(), f("div", k, [...s[2] || (s[2] = [p("div", {
+				class: "size-3 bg-green-500 rounded-full ring-2 ring-white absolute animate-ping",
+				style: { "animation-duration": "3s" }
+			}, null, -1), p("div", { class: "size-3 bg-green-500 rounded-full ring-2 ring-white" }, null, -1)])])) : d("", !0)])), r.value && t ? (y(), u(o, {
+				key: 1,
+				class: "rounded-3xl shadow-2xl border border-white/10",
+				sdk: a,
+				agent: t,
+				context: e.context,
+				"first-message": e.firstMessage,
+				"has-close": !0,
+				"is-active": i.value,
+				onClose: handleClose
+			}, null, 8, [
+				"sdk",
+				"agent",
+				"context",
+				"first-message",
+				"is-active"
+			])) : d("", !0)], 6)], 2)) : d("", !0)]),
+			_: 1
+		}, 8, [
+			"sdk",
+			"handle",
+			"context",
+			"first-message"
+		]));
+	}
+}), j = ["data-sender"], M = /* @__PURE__ */ h({
+	__name: "ElAgentChatPreview",
+	props: {
+		messages: {},
+		variant: {}
+	},
+	setup(e) {
+		return (t, n) => (y(), f("div", {
+			class: _(["@container/chat-preview flex flex-col gap-3", e.variant === "dark" ? "text-white" : "text-slate-950"]),
+			"data-test": "agent-chat-preview"
+		}, [(y(!0), f(l, null, x(e.messages, (t, n) => (y(), f("div", {
+			key: `${t.sender}-${n}`,
+			class: _(["flex", t.sender === "user" ? "justify-end" : "justify-start"]),
+			"data-test": "agent-chat-preview-message",
+			"data-sender": t.sender
+		}, [p("div", { class: _(["max-w-[88%] rounded-2xl px-4 py-3 text-sm shadow-sm @sm/chat-preview:max-w-[78%]", t.sender === "user" ? "bg-slate-950 text-white" : e.variant === "dark" ? "border border-white/10 bg-white/10 text-white" : "border border-slate-200 bg-white text-slate-950"]) }, [m(i, {
+			text: t.text,
+			inverted: t.sender === "user" || e.variant === "dark"
+		}, null, 8, ["text", "inverted"])], 2)], 10, j))), 128))], 2));
+	}
 });
-export {
-  Y as AGENT_MODES,
-  ne as Agent,
-  M as AgentChat,
-  ee as AgentChatController,
-  te as AgentController,
-  J as AgentModal,
-  $ as AgentProvider,
-  K as AgentWidget,
-  P as AgentWrap,
-  se as ElAgentChat,
-  Q as ElAgentChatPreview
-};
-//# sourceMappingURL=agent.js.map
+//#endregion
+export { t as AGENT_MODES, r as Agent, o as AgentChat, e as AgentChatController, e as AgentController, T as AgentModal, s as AgentProvider, A as AgentWidget, a as AgentWrap, n as ElAgentChat, M as ElAgentChatPreview };
+
+//# sourceMappingURL=agent.js.map

package/dist/agent.js.map

@@ -1 +1 @@
-{"version":3,"file":"agent.js","sources":["../agent/ui/AgentModal.vue","../agent/ui/AgentWidget.vue","../agent/ui/ElAgentChatPreview.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PageLinesSDK } from '../../sdkClient'\nimport type { AgentConfig } from '../schema'\nimport FModal from '../../ui/FModal.vue'\nimport AgentProvider from './AgentProvider.vue'\n\ndefineOptions({ name: 'AgentModal' })\n\nconst {\n  vis = false,\n  sdk,\n  agent,\n  handle,\n  context,\n  firstMessage,\n} = defineProps<{\n  vis?: boolean\n  sdk?: PageLinesSDK\n  agent?: AgentConfig\n  handle?: string\n  context?: string\n  firstMessage?: string\n}>()\n\nconst emit = defineEmits<{\n  'update:vis': [value: boolean]\n}>()\n</script>\n\n<template>\n  <FModal\n    :vis=\"vis\"\n    modal-class=\"max-w-4xl p-0\"\n    style-class=\"bg-transparent shadow-2xl rounded-2xl\"\n    :has-close=\"false\"\n    @update:vis=\"(val) => emit('update:vis', val)\"\n  >\n    <div class=\"relative w-full h-[80vh] md:h-[600px]\">\n      <AgentProvider\n        :sdk=\"sdk\"\n        :agent=\"agent\"\n        :handle=\"handle\"\n        :context=\"context\"\n        :first-message=\"firstMessage\"\n        :has-close=\"true\"\n        @close=\"emit('update:vis', false)\"\n      />\n    </div>\n  </FModal>\n</template>\n","<script setup lang=\"ts\">\nimport type { PageLinesSDK } from '../../sdkClient'\nimport { nextTick, ref, watch } from 'vue'\nimport AgentChat from './AgentChat.vue'\nimport AgentWrap from './AgentWrap.vue'\n\ninterface Props {\n  sdk?: PageLinesSDK\n  handle: string\n  context?: string\n  firstMessage?: string\n  position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left'\n}\n\nconst props = defineProps<Props>()\nconst isOpen = ref(false)\nconst isAgentActive = ref(false)\n\nfunction toggle() {\n  isOpen.value = !isOpen.value\n}\n\n// Watch isOpen to delay agent activation for smooth transition\nwatch(isOpen, async (newValue) => {\n  if (newValue) {\n    // When opening, delay agent activation until transition starts\n    await nextTick()\n    setTimeout(() => {\n      isAgentActive.value = true\n    }, 400) // Delay to let container expand first\n  } else {\n    // When closing, immediately deactivate agent\n    isAgentActive.value = false\n  }\n})\n\nfunction open() {\n  isOpen.value = true\n}\n\nfunction close() {\n  isOpen.value = false\n}\n\nfunction handleClose() {\n  close()\n}\n\ndefineExpose({\n  toggle,\n  open,\n  close,\n})\n</script>\n\n<template>\n  <AgentWrap\n    v-slot=\"{ agent, sdk: resolvedSdk }\"\n    :sdk=\"sdk\"\n    :handle=\"handle\"\n    :context=\"context\"\n    :first-message=\"firstMessage\"\n  >\n    <!-- Fixed Widget Wrapper -->\n    <div\n      v-if=\"agent\"\n      class=\"fixed z-[999999] pointer-events-auto\"\n      :class=\"[\n        props.position === 'bottom-left' ? 'bottom-6 left-6'\n        : props.position === 'top-right' ? 'top-6 right-6'\n          : props.position === 'top-left' ? 'top-6 left-6'\n            : 'bottom-6 right-6',\n      ]\"\n    >\n      <!-- Widget Content with Transition -->\n      <div\n        class=\"transition-all duration-500 ease-[cubic-bezier(0.25,1,0.33,1)] transform-gpu\"\n        :class=\"[\n          isOpen\n            ? 'widget-expanded w-96 h-[600px] max-w-[calc(100vw-48px)] max-h-[calc(100vh-48px)] rounded-3xl opacity-100 scale-100'\n            : 'widget-button w-[80px] h-[80px] opacity-100 scale-100  flex items-center justify-center  cursor-pointer',\n        ]\"\n        :style=\"{\n          'transform-origin':\n            props.position === 'bottom-left' ? 'bottom left'\n            : props.position === 'top-right' ? 'top right'\n              : props.position === 'top-left' ? 'top left'\n                : 'bottom right',\n        }\"\n        @click=\"!isOpen ? toggle() : undefined\"\n      >\n        <!-- Button Content (visible when closed) -->\n        <div v-if=\"!isOpen\" class=\"relative h-full w-full\">\n          <div class=\"group relative h-full w-full rounded-3xl overflow-hidden shadow-lg transition-all duration-300 ease-[cubic-bezier(0.25,1,0.33,1)] hover:shadow-2xl hover:translate-y-[-1px] hover:brightness-110 active:scale-[1.06] active:-translate-y-0.5 active:duration-100\">\n            <img\n              :src=\"agent.avatarUrl.value\"\n              :alt=\"`${agent.displayName.value} assistant`\"\n              class=\"h-full w-full object-cover pointer-events-none\"\n              width=\"80\"\n              height=\"80\"\n            />\n            <!-- Gradient overlay for contrast -->\n            <div class=\"absolute inset-0 pointer-events-none bg-gradient-to-br from-transparent via-black/10 to-black/40 opacity-60 transition-opacity duration-300 group-hover:opacity-40\" />\n          </div>\n          <!-- Online indicator -->\n          <div v-if=\"agent.state.value.lifecycle === 'running'\" class=\"absolute top-0.5 right-0.5\">\n            <div class=\"size-3 bg-green-500 rounded-full ring-2 ring-white absolute animate-ping\" style=\"animation-duration: 3s;\" />\n            <div class=\"size-3 bg-green-500 rounded-full ring-2 ring-white\" />\n          </div>\n        </div>\n\n        <!-- Chat Content (visible when open) -->\n        <AgentChat\n          v-if=\"isOpen && agent\"\n          class=\"rounded-3xl shadow-2xl border border-white/10\"\n          :sdk=\"resolvedSdk\"\n          :agent=\"agent\"\n          :context=\"context\"\n          :first-message=\"firstMessage\"\n          :has-close=\"true\"\n          :is-active=\"isAgentActive\"\n          @close=\"handleClose\"\n        />\n      </div>\n    </div>\n  </AgentWrap>\n</template>\n","<script setup lang=\"ts\">\nimport ChatRichText from './ChatRichText.vue'\n\nexport type ChatPreviewMessage = {\n  sender: 'user' | 'agent'\n  text: string\n}\n\ndefineProps<{\n  messages: ChatPreviewMessage[]\n  variant?: 'light' | 'dark'\n}>()\n</script>\n\n<template>\n  <div\n    class=\"@container/chat-preview flex flex-col gap-3\"\n    :class=\"variant === 'dark' ? 'text-white' : 'text-slate-950'\"\n    data-test=\"agent-chat-preview\"\n  >\n    <div\n      v-for=\"(message, index) in messages\"\n      :key=\"`${message.sender}-${index}`\"\n      class=\"flex\"\n      :class=\"message.sender === 'user' ? 'justify-end' : 'justify-start'\"\n      data-test=\"agent-chat-preview-message\"\n      :data-sender=\"message.sender\"\n    >\n      <div\n        class=\"max-w-[88%] rounded-2xl px-4 py-3 text-sm shadow-sm @sm/chat-preview:max-w-[78%]\"\n        :class=\"message.sender === 'user'\n          ? 'bg-slate-950 text-white'\n          : variant === 'dark'\n            ? 'border border-white/10 bg-white/10 text-white'\n            : 'border border-slate-200 bg-white text-slate-950'\"\n      >\n        <ChatRichText\n          :text=\"message.text\"\n          :inverted=\"message.sender === 'user' || variant === 'dark'\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["emit","__emit","_createBlock","FModal","__props","_cache","val","_createElementVNode","_hoisted_1","_createVNode","AgentProvider","props","isOpen","ref","isAgentActive","toggle","__name","watch","newValue","nextTick","open","close","handleClose","__expose","AgentWrap","agent","resolvedSdk","_createElementBlock","_normalizeStyle","$event","_openBlock","_hoisted_2","_hoisted_4","AgentChat","_normalizeClass","_Fragment","_renderList","message","index","ChatRichText"],"mappings":"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"}
+{"version":3,"file":"agent.js","names":[],"sources":["../agent/ui/AgentModal.vue","../agent/ui/AgentModal.vue","../agent/ui/AgentWidget.vue","../agent/ui/AgentWidget.vue","../agent/ui/ElAgentChatPreview.vue","../agent/ui/ElAgentChatPreview.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PageLinesSDK } from '../../sdkClient'\nimport type { AgentConfig } from '../schema'\nimport FModal from '../../ui/FModal.vue'\nimport AgentProvider from './AgentProvider.vue'\n\ndefineOptions({ name: 'AgentModal' })\n\nconst {\n  vis = false,\n  sdk,\n  agent,\n  handle,\n  context,\n  firstMessage,\n} = defineProps<{\n  vis?: boolean\n  sdk?: PageLinesSDK\n  agent?: AgentConfig\n  handle?: string\n  context?: string\n  firstMessage?: string\n}>()\n\nconst emit = defineEmits<{\n  'update:vis': [value: boolean]\n}>()\n</script>\n\n<template>\n  <FModal\n    :vis=\"vis\"\n    modal-class=\"max-w-4xl p-0\"\n    style-class=\"bg-transparent shadow-2xl rounded-2xl\"\n    :has-close=\"false\"\n    @update:vis=\"(val) => emit('update:vis', val)\"\n  >\n    <div class=\"relative w-full h-[80vh] md:h-[600px]\">\n      <AgentProvider\n        :sdk=\"sdk\"\n        :agent=\"agent\"\n        :handle=\"handle\"\n        :context=\"context\"\n        :first-message=\"firstMessage\"\n        :has-close=\"true\"\n        @close=\"emit('update:vis', false)\"\n      />\n    </div>\n  </FModal>\n</template>\n","<script setup lang=\"ts\">\nimport type { PageLinesSDK } from '../../sdkClient'\nimport type { AgentConfig } from '../schema'\nimport FModal from '../../ui/FModal.vue'\nimport AgentProvider from './AgentProvider.vue'\n\ndefineOptions({ name: 'AgentModal' })\n\nconst {\n  vis = false,\n  sdk,\n  agent,\n  handle,\n  context,\n  firstMessage,\n} = defineProps<{\n  vis?: boolean\n  sdk?: PageLinesSDK\n  agent?: AgentConfig\n  handle?: string\n  context?: string\n  firstMessage?: string\n}>()\n\nconst emit = defineEmits<{\n  'update:vis': [value: boolean]\n}>()\n</script>\n\n<template>\n  <FModal\n    :vis=\"vis\"\n    modal-class=\"max-w-4xl p-0\"\n    style-class=\"bg-transparent shadow-2xl rounded-2xl\"\n    :has-close=\"false\"\n    @update:vis=\"(val) => emit('update:vis', val)\"\n  >\n    <div class=\"relative w-full h-[80vh] md:h-[600px]\">\n      <AgentProvider\n        :sdk=\"sdk\"\n        :agent=\"agent\"\n        :handle=\"handle\"\n        :context=\"context\"\n        :first-message=\"firstMessage\"\n        :has-close=\"true\"\n        @close=\"emit('update:vis', false)\"\n      />\n    </div>\n  </FModal>\n</template>\n","<script setup lang=\"ts\">\nimport type { PageLinesSDK } from '../../sdkClient'\nimport { nextTick, ref, watch } from 'vue'\nimport AgentChat from './AgentChat.vue'\nimport AgentWrap from './AgentWrap.vue'\n\ninterface Props {\n  sdk?: PageLinesSDK\n  handle: string\n  context?: string\n  firstMessage?: string\n  position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left'\n}\n\nconst props = defineProps<Props>()\nconst isOpen = ref(false)\nconst isAgentActive = ref(false)\n\nfunction toggle() {\n  isOpen.value = !isOpen.value\n}\n\n// Watch isOpen to delay agent activation for smooth transition\nwatch(isOpen, async (newValue) => {\n  if (newValue) {\n    // When opening, delay agent activation until transition starts\n    await nextTick()\n    setTimeout(() => {\n      isAgentActive.value = true\n    }, 400) // Delay to let container expand first\n  } else {\n    // When closing, immediately deactivate agent\n    isAgentActive.value = false\n  }\n})\n\nfunction open() {\n  isOpen.value = true\n}\n\nfunction close() {\n  isOpen.value = false\n}\n\nfunction handleClose() {\n  close()\n}\n\ndefineExpose({\n  toggle,\n  open,\n  close,\n})\n</script>\n\n<template>\n  <AgentWrap\n    v-slot=\"{ agent, sdk: resolvedSdk }\"\n    :sdk=\"sdk\"\n    :handle=\"handle\"\n    :context=\"context\"\n    :first-message=\"firstMessage\"\n  >\n    <!-- Fixed Widget Wrapper -->\n    <div\n      v-if=\"agent\"\n      class=\"fixed z-[999999] pointer-events-auto\"\n      :class=\"[\n        props.position === 'bottom-left' ? 'bottom-6 left-6'\n        : props.position === 'top-right' ? 'top-6 right-6'\n          : props.position === 'top-left' ? 'top-6 left-6'\n            : 'bottom-6 right-6',\n      ]\"\n    >\n      <!-- Widget Content with Transition -->\n      <div\n        class=\"transition-all duration-500 ease-[cubic-bezier(0.25,1,0.33,1)] transform-gpu\"\n        :class=\"[\n          isOpen\n            ? 'widget-expanded w-96 h-[600px] max-w-[calc(100vw-48px)] max-h-[calc(100vh-48px)] rounded-3xl opacity-100 scale-100'\n            : 'widget-button w-[80px] h-[80px] opacity-100 scale-100  flex items-center justify-center  cursor-pointer',\n        ]\"\n        :style=\"{\n          'transform-origin':\n            props.position === 'bottom-left' ? 'bottom left'\n            : props.position === 'top-right' ? 'top right'\n              : props.position === 'top-left' ? 'top left'\n                : 'bottom right',\n        }\"\n        @click=\"!isOpen ? toggle() : undefined\"\n      >\n        <!-- Button Content (visible when closed) -->\n        <div v-if=\"!isOpen\" class=\"relative h-full w-full\">\n          <div class=\"group relative h-full w-full rounded-3xl overflow-hidden shadow-lg transition-all duration-300 ease-[cubic-bezier(0.25,1,0.33,1)] hover:shadow-2xl hover:translate-y-[-1px] hover:brightness-110 active:scale-[1.06] active:-translate-y-0.5 active:duration-100\">\n            <img\n              :src=\"agent.avatarUrl.value\"\n              :alt=\"`${agent.displayName.value} assistant`\"\n              class=\"h-full w-full object-cover pointer-events-none\"\n              width=\"80\"\n              height=\"80\"\n            />\n            <!-- Gradient overlay for contrast -->\n            <div class=\"absolute inset-0 pointer-events-none bg-gradient-to-br from-transparent via-black/10 to-black/40 opacity-60 transition-opacity duration-300 group-hover:opacity-40\" />\n          </div>\n          <!-- Online indicator -->\n          <div v-if=\"agent.state.value.lifecycle === 'running'\" class=\"absolute top-0.5 right-0.5\">\n            <div class=\"size-3 bg-green-500 rounded-full ring-2 ring-white absolute animate-ping\" style=\"animation-duration: 3s;\" />\n            <div class=\"size-3 bg-green-500 rounded-full ring-2 ring-white\" />\n          </div>\n        </div>\n\n        <!-- Chat Content (visible when open) -->\n        <AgentChat\n          v-if=\"isOpen && agent\"\n          class=\"rounded-3xl shadow-2xl border border-white/10\"\n          :sdk=\"resolvedSdk\"\n          :agent=\"agent\"\n          :context=\"context\"\n          :first-message=\"firstMessage\"\n          :has-close=\"true\"\n          :is-active=\"isAgentActive\"\n          @close=\"handleClose\"\n        />\n      </div>\n    </div>\n  </AgentWrap>\n</template>\n","<script setup lang=\"ts\">\nimport type { PageLinesSDK } from '../../sdkClient'\nimport { nextTick, ref, watch } from 'vue'\nimport AgentChat from './AgentChat.vue'\nimport AgentWrap from './AgentWrap.vue'\n\ninterface Props {\n  sdk?: PageLinesSDK\n  handle: string\n  context?: string\n  firstMessage?: string\n  position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left'\n}\n\nconst props = defineProps<Props>()\nconst isOpen = ref(false)\nconst isAgentActive = ref(false)\n\nfunction toggle() {\n  isOpen.value = !isOpen.value\n}\n\n// Watch isOpen to delay agent activation for smooth transition\nwatch(isOpen, async (newValue) => {\n  if (newValue) {\n    // When opening, delay agent activation until transition starts\n    await nextTick()\n    setTimeout(() => {\n      isAgentActive.value = true\n    }, 400) // Delay to let container expand first\n  } else {\n    // When closing, immediately deactivate agent\n    isAgentActive.value = false\n  }\n})\n\nfunction open() {\n  isOpen.value = true\n}\n\nfunction close() {\n  isOpen.value = false\n}\n\nfunction handleClose() {\n  close()\n}\n\ndefineExpose({\n  toggle,\n  open,\n  close,\n})\n</script>\n\n<template>\n  <AgentWrap\n    v-slot=\"{ agent, sdk: resolvedSdk }\"\n    :sdk=\"sdk\"\n    :handle=\"handle\"\n    :context=\"context\"\n    :first-message=\"firstMessage\"\n  >\n    <!-- Fixed Widget Wrapper -->\n    <div\n      v-if=\"agent\"\n      class=\"fixed z-[999999] pointer-events-auto\"\n      :class=\"[\n        props.position === 'bottom-left' ? 'bottom-6 left-6'\n        : props.position === 'top-right' ? 'top-6 right-6'\n          : props.position === 'top-left' ? 'top-6 left-6'\n            : 'bottom-6 right-6',\n      ]\"\n    >\n      <!-- Widget Content with Transition -->\n      <div\n        class=\"transition-all duration-500 ease-[cubic-bezier(0.25,1,0.33,1)] transform-gpu\"\n        :class=\"[\n          isOpen\n            ? 'widget-expanded w-96 h-[600px] max-w-[calc(100vw-48px)] max-h-[calc(100vh-48px)] rounded-3xl opacity-100 scale-100'\n            : 'widget-button w-[80px] h-[80px] opacity-100 scale-100  flex items-center justify-center  cursor-pointer',\n        ]\"\n        :style=\"{\n          'transform-origin':\n            props.position === 'bottom-left' ? 'bottom left'\n            : props.position === 'top-right' ? 'top right'\n              : props.position === 'top-left' ? 'top left'\n                : 'bottom right',\n        }\"\n        @click=\"!isOpen ? toggle() : undefined\"\n      >\n        <!-- Button Content (visible when closed) -->\n        <div v-if=\"!isOpen\" class=\"relative h-full w-full\">\n          <div class=\"group relative h-full w-full rounded-3xl overflow-hidden shadow-lg transition-all duration-300 ease-[cubic-bezier(0.25,1,0.33,1)] hover:shadow-2xl hover:translate-y-[-1px] hover:brightness-110 active:scale-[1.06] active:-translate-y-0.5 active:duration-100\">\n            <img\n              :src=\"agent.avatarUrl.value\"\n              :alt=\"`${agent.displayName.value} assistant`\"\n              class=\"h-full w-full object-cover pointer-events-none\"\n              width=\"80\"\n              height=\"80\"\n            />\n            <!-- Gradient overlay for contrast -->\n            <div class=\"absolute inset-0 pointer-events-none bg-gradient-to-br from-transparent via-black/10 to-black/40 opacity-60 transition-opacity duration-300 group-hover:opacity-40\" />\n          </div>\n          <!-- Online indicator -->\n          <div v-if=\"agent.state.value.lifecycle === 'running'\" class=\"absolute top-0.5 right-0.5\">\n            <div class=\"size-3 bg-green-500 rounded-full ring-2 ring-white absolute animate-ping\" style=\"animation-duration: 3s;\" />\n            <div class=\"size-3 bg-green-500 rounded-full ring-2 ring-white\" />\n          </div>\n        </div>\n\n        <!-- Chat Content (visible when open) -->\n        <AgentChat\n          v-if=\"isOpen && agent\"\n          class=\"rounded-3xl shadow-2xl border border-white/10\"\n          :sdk=\"resolvedSdk\"\n          :agent=\"agent\"\n          :context=\"context\"\n          :first-message=\"firstMessage\"\n          :has-close=\"true\"\n          :is-active=\"isAgentActive\"\n          @close=\"handleClose\"\n        />\n      </div>\n    </div>\n  </AgentWrap>\n</template>\n","<script setup lang=\"ts\">\nimport ChatRichText from './ChatRichText.vue'\n\nexport type ChatPreviewMessage = {\n  sender: 'user' | 'agent'\n  text: string\n}\n\ndefineProps<{\n  messages: ChatPreviewMessage[]\n  variant?: 'light' | 'dark'\n}>()\n</script>\n\n<template>\n  <div\n    class=\"@container/chat-preview flex flex-col gap-3\"\n    :class=\"variant === 'dark' ? 'text-white' : 'text-slate-950'\"\n    data-test=\"agent-chat-preview\"\n  >\n    <div\n      v-for=\"(message, index) in messages\"\n      :key=\"`${message.sender}-${index}`\"\n      class=\"flex\"\n      :class=\"message.sender === 'user' ? 'justify-end' : 'justify-start'\"\n      data-test=\"agent-chat-preview-message\"\n      :data-sender=\"message.sender\"\n    >\n      <div\n        class=\"max-w-[88%] rounded-2xl px-4 py-3 text-sm shadow-sm @sm/chat-preview:max-w-[78%]\"\n        :class=\"message.sender === 'user'\n          ? 'bg-slate-950 text-white'\n          : variant === 'dark'\n            ? 'border border-white/10 bg-white/10 text-white'\n            : 'border border-slate-200 bg-white text-slate-950'\"\n      >\n        <ChatRichText\n          :text=\"message.text\"\n          :inverted=\"message.sender === 'user' || variant === 'dark'\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport ChatRichText from './ChatRichText.vue'\n\nexport type ChatPreviewMessage = {\n  sender: 'user' | 'agent'\n  text: string\n}\n\ndefineProps<{\n  messages: ChatPreviewMessage[]\n  variant?: 'light' | 'dark'\n}>()\n</script>\n\n<template>\n  <div\n    class=\"@container/chat-preview flex flex-col gap-3\"\n    :class=\"variant === 'dark' ? 'text-white' : 'text-slate-950'\"\n    data-test=\"agent-chat-preview\"\n  >\n    <div\n      v-for=\"(message, index) in messages\"\n      :key=\"`${message.sender}-${index}`\"\n      class=\"flex\"\n      :class=\"message.sender === 'user' ? 'justify-end' : 'justify-start'\"\n      data-test=\"agent-chat-preview-message\"\n      :data-sender=\"message.sender\"\n    >\n      <div\n        class=\"max-w-[88%] rounded-2xl px-4 py-3 text-sm shadow-sm @sm/chat-preview:max-w-[78%]\"\n        :class=\"message.sender === 'user'\n          ? 'bg-slate-950 text-white'\n          : variant === 'dark'\n            ? 'border border-white/10 bg-white/10 text-white'\n            : 'border border-slate-200 bg-white text-slate-950'\"\n      >\n        <ChatRichText\n          :text=\"message.text\"\n          :inverted=\"message.sender === 'user' || variant === 'dark'\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/constants.js

@@ -0,0 +1,80 @@
+import "./rolldown-runtime.js";
+//#region constants/socialPlatforms.ts
+var e = {
+	linkedin: {
+		label: "LinkedIn",
+		icon: "i-simple-icons-linkedin",
+		placeholder: "john-smith",
+		getUrl: (e) => `https://linkedin.com/in/${e}`
+	},
+	x: {
+		label: "X",
+		icon: "i-simple-icons-x",
+		placeholder: "johnsmith",
+		getUrl: (e) => `https://x.com/${e}`
+	},
+	facebook: {
+		label: "Facebook",
+		icon: "i-simple-icons-facebook",
+		placeholder: "johnsmith",
+		getUrl: (e) => `https://facebook.com/${e}`
+	},
+	tiktok: {
+		label: "TikTok",
+		icon: "i-simple-icons-tiktok",
+		placeholder: "johnsmith",
+		getUrl: (e) => `https://tiktok.com/@${e}`
+	},
+	youtube: {
+		label: "YouTube",
+		icon: "i-tabler-brand-youtube",
+		placeholder: "johnsmith",
+		getUrl: (e) => `https://youtube.com/@${e}`
+	},
+	github: {
+		label: "GitHub",
+		icon: "i-tabler-brand-github",
+		placeholder: "johnsmith",
+		getUrl: (e) => `https://github.com/${e}`
+	},
+	instagram: {
+		label: "Instagram",
+		icon: "i-simple-icons-instagram",
+		placeholder: "johnsmith",
+		getUrl: (e) => `https://instagram.com/${e}`
+	},
+	threads: {
+		label: "Threads",
+		icon: "i-simple-icons-threads",
+		placeholder: "johnsmith",
+		getUrl: (e) => `https://threads.net/@${e}`
+	},
+	email: {
+		label: "Email",
+		icon: "i-tabler-mail",
+		placeholder: "hello@example.com",
+		getUrl: (e) => `mailto:${e}`
+	},
+	phone: {
+		label: "Phone",
+		icon: "i-tabler-phone",
+		placeholder: "+1-555-123-4567",
+		getUrl: (e) => `tel:${e.replace(/[^0-9+]/g, "")}`
+	},
+	website: {
+		label: "Website",
+		icon: "i-tabler-world",
+		placeholder: "https://example.com",
+		getUrl: (e) => e
+	},
+	calendar: {
+		label: "Calendar",
+		icon: "i-tabler-calendar",
+		placeholder: "https://cal.com/username",
+		getUrl: (e) => e
+	}
+};
+//#endregion
+export { e as SOCIAL_PLATFORMS };
+
+//# sourceMappingURL=constants.js.map

package/dist/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","names":[],"sources":["../constants/socialPlatforms.ts"],"sourcesContent":["import type { SocialAccount } from '@pagelines/core'\n\n// Extract platform type from schema to ensure type safety\ntype Platform = SocialAccount['platform']\n\n// Platform metadata for URL generation and display\n// TypeScript enforces completeness - must include all platforms from schema\nexport const SOCIAL_PLATFORMS: Record<Platform, {\n  label: string\n  icon: string\n  placeholder: string\n  getUrl: (handle: string) => string\n}> = {\n  linkedin: {\n    label: 'LinkedIn',\n    icon: 'i-simple-icons-linkedin',\n    placeholder: 'john-smith',\n    getUrl: (handle: string) => `https://linkedin.com/in/${handle}`,\n  },\n  x: {\n    label: 'X',\n    icon: 'i-simple-icons-x',\n    placeholder: 'johnsmith',\n    getUrl: (handle: string) => `https://x.com/${handle}`,\n  },\n  facebook: {\n    label: 'Facebook',\n    icon: 'i-simple-icons-facebook',\n    placeholder: 'johnsmith',\n    getUrl: (handle: string) => `https://facebook.com/${handle}`,\n  },\n  tiktok: {\n    label: 'TikTok',\n    icon: 'i-simple-icons-tiktok',\n    placeholder: 'johnsmith',\n    getUrl: (handle: string) => `https://tiktok.com/@${handle}`,\n  },\n  youtube: {\n    label: 'YouTube',\n    icon: 'i-tabler-brand-youtube',\n    placeholder: 'johnsmith',\n    getUrl: (handle: string) => `https://youtube.com/@${handle}`,\n  },\n  github: {\n    label: 'GitHub',\n    icon: 'i-tabler-brand-github',\n    placeholder: 'johnsmith',\n    getUrl: (handle: string) => `https://github.com/${handle}`,\n  },\n  instagram: {\n    label: 'Instagram',\n    icon: 'i-simple-icons-instagram',\n    placeholder: 'johnsmith',\n    getUrl: (handle: string) => `https://instagram.com/${handle}`,\n  },\n  threads: {\n    label: 'Threads',\n    icon: 'i-simple-icons-threads',\n    placeholder: 'johnsmith',\n    getUrl: (handle: string) => `https://threads.net/@${handle}`,\n  },\n  email: {\n    label: 'Email',\n    icon: 'i-tabler-mail',\n    placeholder: 'hello@example.com',\n    getUrl: (handle: string) => `mailto:${handle}`,\n  },\n  phone: {\n    label: 'Phone',\n    icon: 'i-tabler-phone',\n    placeholder: '+1-555-123-4567',\n    getUrl: (handle: string) => `tel:${handle.replace(/[^0-9+]/g, '')}`,\n  },\n  website: {\n    label: 'Website',\n    icon: 'i-tabler-world',\n    placeholder: 'https://example.com',\n    getUrl: (handle: string) => handle, // handle IS the URL\n  },\n  calendar: {\n    label: 'Calendar',\n    icon: 'i-tabler-calendar',\n    placeholder: 'https://cal.com/username',\n    getUrl: (handle: string) => handle, // handle IS the URL (e.g., Cal.com link)\n  },\n} as const\n\nexport type SocialPlatform = keyof typeof SOCIAL_PLATFORMS\n"],"mappings":";;AAOA,IAAa,IAKR;CACH,UAAU;EACR,OAAO;EACP,MAAM;EACN,aAAa;EACb,SAAS,MAAmB,2BAA2B;CACzD;CACA,GAAG;EACD,OAAO;EACP,MAAM;EACN,aAAa;EACb,SAAS,MAAmB,iBAAiB;CAC/C;CACA,UAAU;EACR,OAAO;EACP,MAAM;EACN,aAAa;EACb,SAAS,MAAmB,wBAAwB;CACtD;CACA,QAAQ;EACN,OAAO;EACP,MAAM;EACN,aAAa;EACb,SAAS,MAAmB,uBAAuB;CACrD;CACA,SAAS;EACP,OAAO;EACP,MAAM;EACN,aAAa;EACb,SAAS,MAAmB,wBAAwB;CACtD;CACA,QAAQ;EACN,OAAO;EACP,MAAM;EACN,aAAa;EACb,SAAS,MAAmB,sBAAsB;CACpD;CACA,WAAW;EACT,OAAO;EACP,MAAM;EACN,aAAa;EACb,SAAS,MAAmB,yBAAyB;CACvD;CACA,SAAS;EACP,OAAO;EACP,MAAM;EACN,aAAa;EACb,SAAS,MAAmB,wBAAwB;CACtD;CACA,OAAO;EACL,OAAO;EACP,MAAM;EACN,aAAa;EACb,SAAS,MAAmB,UAAU;CACxC;CACA,OAAO;EACL,OAAO;EACP,MAAM;EACN,aAAa;EACb,SAAS,MAAmB,OAAO,EAAO,QAAQ,YAAY,EAAE;CAClE;CACA,SAAS;EACP,OAAO;EACP,MAAM;EACN,aAAa;EACb,SAAS,MAAmB;CAC9B;CACA,UAAU;EACR,OAAO;EACP,MAAM;EACN,aAAa;EACb,SAAS,MAAmB;CAC9B;AACF"}