@vc-shell/framework 2.0.0-alpha.3 → 2.0.0-alpha.31

package/dist/chunks/index-B0X7STCw.js

@@ -0,0 +1,181 @@
+import { _ } from "./vc-toast.vue_vue_type_style_index_0_lang-8VHs_4Pe.js";
+import { N as E, d as F } from "./VcAiAgentPanel.vue_vue_type_style_index_0_lang-CEHpWiBV.js";
+import { defineComponent as L, inject as G, computed as T, ref as w, reactive as K, h as a, toRaw as V } from "vue";
+const f = 14, H = 3, Q = L({
+  name: "NotificationContainer",
+  inheritAttrs: !1,
+  props: {
+    pauseOnHover: {
+      type: Boolean,
+      required: !1,
+      default: !0
+    },
+    timeout: {
+      type: [Number, Boolean],
+      required: !1,
+      default: 3e3
+    },
+    content: {
+      type: [String, Object],
+      required: !1,
+      default: ""
+    },
+    notificationId: {
+      type: [String, Number],
+      required: !1,
+      default: ""
+    },
+    updateId: {
+      type: [String, Number],
+      required: !1,
+      default: ""
+    },
+    type: {
+      type: String,
+      required: !1,
+      default: "default"
+    },
+    onOpen: {
+      type: Function,
+      required: !1,
+      default: void 0
+    },
+    onClose: {
+      type: Function,
+      required: !1,
+      default: void 0
+    },
+    payload: {
+      type: [String, Object],
+      required: !1,
+      default: () => ({})
+    },
+    position: {
+      type: String,
+      required: !1,
+      default: "top-center"
+    }
+  },
+  setup(p) {
+    const { notificationContainers: N, actions: y } = G(E), A = T(() => N[p.position].value || []), h = w(!1), g = w(!1);
+    let l = null;
+    function M() {
+      l && (clearTimeout(l), l = null), h.value = !0;
+    }
+    function O() {
+      g.value || (l = setTimeout(() => {
+        h.value = !1, l = null;
+      }, 200));
+    }
+    const o = K(/* @__PURE__ */ new Map());
+    function $(t, e) {
+      const i = Math.round(e);
+      o.get(t) !== i && o.set(t, i);
+    }
+    function j(t) {
+      return typeof t == "object" && (!!t?.render || !!t?.setup);
+    }
+    function k(t) {
+      t && (o.delete(t), y.remove(t));
+    }
+    function B() {
+      y.clear(), o.clear();
+    }
+    const x = T(() => (p.position || "top-center").startsWith("top"));
+    return () => {
+      const t = A.value, e = t.length, i = h.value || e <= 1, P = e > 1, S = e > 0 ? t[e - 1].notificationId : void 0, C = S !== void 0 && o.get(S) || 0, R = t.map((n, r) => {
+        const s = e - 1 - r;
+        let d = 0;
+        for (let m = r + 1; m < e; m++) {
+          const q = t[m].notificationId;
+          q !== void 0 && (d += o.get(q) || 0);
+        }
+        const c = s * f + d, u = n.notificationId !== void 0 && o.get(n.notificationId) || 0, z = {
+          "--toasts-before": s,
+          "--z-index": e - s,
+          "--offset": `${c}px`,
+          "--initial-height": u ? `${u}px` : "auto"
+        }, b = {
+          ...n,
+          key: n.notificationId,
+          onClose: k,
+          onReportHeight: $,
+          toastIndex: s,
+          toastsCount: e,
+          expanded: i,
+          visibleToasts: H,
+          style: z
+        };
+        return n.content && j(n.content) ? a(_, {
+          ...b,
+          content: a(V(n.content))
+        }) : a(_, b);
+      });
+      let I = null;
+      P && (I = a(
+        "div",
+        {
+          class: "notification__clear-all",
+          style: {
+            position: "absolute",
+            [x.value ? "top" : "bottom"]: "0",
+            left: "var(--width, 356px)",
+            "margin-left": "8px",
+            opacity: i ? "1" : "0",
+            "pointer-events": i ? "auto" : "none",
+            transition: "opacity 200ms ease"
+          }
+        },
+        [
+          a(
+            "button",
+            {
+              type: "button",
+              onClick: B
+            },
+            [a(F, { icon: "lucide-x", size: "xs", "aria-hidden": "true" }), "Clear all"]
+          )
+        ]
+      ));
+      let v;
+      if (i && e > 1) {
+        const n = e - 1;
+        let r = 0;
+        for (let c = 1; c < e; c++) {
+          const u = t[c].notificationId;
+          r += u !== void 0 && o.get(u) || 0;
+        }
+        const s = n * f + r, d = t[0].notificationId !== void 0 && o.get(t[0].notificationId) || 0;
+        v = s + d;
+      } else
+        v = C + Math.min(e - 1, H - 1) * f;
+      return a(
+        "ol",
+        {
+          class: "notification__toast-group",
+          "data-expanded": String(i),
+          "data-position": p.position || "top-center",
+          "data-y-position": x.value ? "top" : "bottom",
+          style: {
+            "--front-toast-height": `${C}px`,
+            "--gap": `${f}px`,
+            width: "var(--width, 356px)",
+            height: `${v}px`
+          },
+          onMouseenter: M,
+          onMouseleave: O,
+          onPointerdown: () => {
+            g.value = !0;
+          },
+          onPointerup: () => {
+            g.value = !1;
+          }
+        },
+        [...R, I]
+      );
+    };
+  }
+});
+export {
+  Q as default
+};

package/dist/chunks/index-BuTo_Lx8.js

@@ -0,0 +1,72 @@
+import { d as x, g as h } from "./ExtensionPoint.vue_vue_type_style_index_0_lang-B1R06zHa.js";
+import { computed as i, defineComponent as E, renderSlot as P, openBlock as p, createElementBlock as u, normalizeStyle as _, normalizeClass as d, createCommentVNode as w, Fragment as f, renderList as v, createBlock as y, resolveDynamicComponent as C, mergeProps as g } from "vue";
+function B(o, e = {}) {
+  x(o, e);
+  const l = h(o), r = i(
+    () => [...l.components].sort((n, a) => (n.priority || 0) - (a.priority || 0))
+  ), t = i(() => l.components.length > 0);
+  return { components: r, hasComponents: t };
+}
+function S(o) {
+  const e = h(o);
+  return { add: (t) => {
+    const n = e.components.findIndex((a) => a.id === t.id);
+    n !== -1 ? e.components[n] = t : e.components.push(t);
+  }, remove: (t) => {
+    const n = e.components.findIndex((a) => a.id === t);
+    n !== -1 && e.components.splice(n, 1);
+  } };
+}
+const z = /* @__PURE__ */ E({
+  __name: "ExtensionPoint",
+  props: {
+    name: {},
+    separator: { type: Boolean },
+    separatorClass: {},
+    wrapperClass: {},
+    gap: {},
+    filter: {}
+  },
+  setup(o) {
+    const e = o, { components: l } = B(e.name), r = i(() => {
+      if (!e.filter) return l.value;
+      const c = Object.entries(e.filter);
+      return l.value.filter((m) => m.meta && c.every(([s, k]) => m.meta[s] === k));
+    }), t = i(() => r.value.length > 0), n = i(() => e.separator || e.separatorClass || e.wrapperClass || e.gap), a = i(() => {
+      if (e.gap)
+        return {
+          display: "flex",
+          flexDirection: "column",
+          gap: e.gap
+        };
+    });
+    return (c, m) => c.$slots.default ? P(c.$slots, "default", {
+      key: 0,
+      components: r.value,
+      hasComponents: t.value
+    }) : n.value && t.value ? (p(), u("div", {
+      key: 1,
+      class: d(o.wrapperClass),
+      style: _(a.value)
+    }, [
+      o.separator ? (p(), u("hr", {
+        key: 0,
+        class: d(o.separatorClass || "vc-extension-point__separator")
+      }, null, 2)) : w("", !0),
+      (p(!0), u(f, null, v(r.value, (s) => (p(), y(C(s.component), g({
+        key: s.id
+      }, { ref_for: !0 }, s.props || {}), null, 16))), 128))
+    ], 6)) : (p(!0), u(f, { key: 2 }, v(r.value, (s) => (p(), y(C(s.component), g({
+      key: s.id
+    }, { ref_for: !0 }, s.props || {}), null, 16))), 128));
+  }
+}), A = {
+  /** Login page - slot after the sign-in form */
+  AUTH_AFTER_FORM: "auth:after-form"
+};
+export {
+  A as E,
+  z as _,
+  B as d,
+  S as u
+};

package/dist/chunks/index-COv5_72w.js

@@ -0,0 +1,119 @@
+import { inject as A, computed as g, ref as y, watch as R, onUnmounted as I } from "vue";
+import { j, k as S, l as C, D as T, A as F } from "./VcAiAgentPanel.vue_vue_type_style_index_0_lang-CEHpWiBV.js";
+import { m as N, i as m } from "./vendor-lodash-es-BwHYzZ39.js";
+import "vue-router";
+import "./ExtensionPoint.vue_vue_type_style_index_0_lang-B1R06zHa.js";
+function E(t, r) {
+  return N({}, t, r, (i, a) => {
+    if (a == null)
+      return i;
+    if (Array.isArray(i) && Array.isArray(a)) {
+      const e = [...i];
+      return a.forEach((n, l) => {
+        n != null && (m(n) && m(e[l]) ? e[l] = E(e[l], n) : e[l] = n);
+      }), e;
+    }
+  });
+}
+const o = C("use-ai-agent-context");
+function P(t) {
+  return Array.isArray(t.value);
+}
+function G(t) {
+  return Array.isArray(t) ? t : t != null ? [t] : [];
+}
+function L(t) {
+  return P(t) ? t.value[0] : t.value;
+}
+function B(t) {
+  const { dataRef: r, suggestions: d } = t, i = A(j), a = A(S, null), e = g(() => a?.value?.id), n = y(!1), l = y([]);
+  if (!i)
+    return o.debug("AiAgentService not available, context binding disabled"), {
+      previewState: {
+        isActive: g(() => !1),
+        changedFields: g(() => [])
+      },
+      clearPreview: () => {
+      }
+    };
+  const f = P(r) ? "list" : "details", w = () => {
+    const u = G(r.value), c = f === "details" ? u.map((s) => ({ ...s })) : u.map((s) => ({ id: s.id, objectType: s.objectType, name: s.name }));
+    i._setContextData(c, f, d, e.value), o.debug(`Context updated: ${c.length} items, type: ${f}, blade: ${e.value}`);
+  };
+  o.debug("Registering PREVIEW_CHANGES handler for blade:", e.value);
+  const D = R(
+    r,
+    () => {
+      w(), n.value && (n.value = !1, l.value = []);
+    },
+    { deep: !0, immediate: !0 }
+  ), O = i._onPreviewChanges((u) => {
+    o.debug("PREVIEW_CHANGES handler called", {
+      bladeId: e.value,
+      payloadKeys: Object.keys(u.data || {}),
+      changedFields: u.changedFields,
+      hasDataRef: !!r,
+      dataRefValue: r?.value ? "present" : "empty"
+    });
+    const c = L(r);
+    if (!c) {
+      o.warn("Cannot apply preview changes: no data in dataRef", {
+        bladeId: e.value,
+        dataRefValue: r?.value
+      });
+      return;
+    }
+    const s = c, v = u.data;
+    o.debug("Applying preview changes", {
+      bladeId: e.value,
+      targetObjKeys: Object.keys(s),
+      updatedDataKeys: Object.keys(v),
+      updatedDataPreview: JSON.stringify(v).substring(0, 500)
+    });
+    const b = E(s, v);
+    Object.keys(b).forEach((p) => {
+      s[p] = b[p];
+    }), o.debug("Deep merge completed", {
+      bladeId: e.value,
+      resultPreview: JSON.stringify(s).substring(0, 500)
+    }), n.value = !0, l.value = u.changedFields || Object.keys(v), o.debug("Preview changes applied successfully", {
+      bladeId: e.value,
+      changedFields: l.value,
+      isPreviewActive: n.value,
+      targetObjAfter: JSON.stringify(s).substring(0, 500)
+    });
+  });
+  return I(() => {
+    D(), O(), i._setContextData([], "list", void 0, e.value), o.debug(`Context cleared on unmount for blade: ${e.value}`);
+  }), {
+    previewState: {
+      isActive: g(() => n.value),
+      changedFields: g(() => l.value)
+    },
+    clearPreview: () => {
+      n.value = !1, l.value = [], o.debug("Preview state cleared manually");
+    }
+  };
+}
+const _ = { BASE_URL: "/", DEV: !1, MODE: "production", PROD: !0, SSR: !1 }, h = C("ai-agent-plugin"), W = {
+  install(t, r = {}) {
+    const { config: d = {}, addGlobalToolbarButton: i = !0 } = r;
+    let a = d.url || "";
+    if (!a && typeof import.meta < "u" && _ && (a = _[F] || ""), !a) {
+      h.info(
+        "AI Agent plugin skipped: no URL configured. Set APP_AI_AGENT_URL env variable or pass config.url option."
+      );
+      return;
+    }
+    const e = {
+      ...T,
+      ...d,
+      url: a
+    };
+    t.config.globalProperties.$aiAgentConfig = e, t.provide("aiAgentConfig", e), t.provide("aiAgentAddGlobalToolbarButton", i), h.info(`AI Agent plugin installed. URL: ${a}, addGlobalToolbarButton: ${i}`);
+  }
+};
+export {
+  W as a,
+  B as u
+};

package/dist/chunks/vc-toast.vue_vue_type_style_index_0_lang-8VHs_4Pe.js

@@ -0,0 +1,175 @@
+import { defineComponent as q, toRefs as K, ref as s, computed as g, watch as B, onMounted as L, onBeforeUnmount as j, openBlock as y, createElementBlock as b, normalizeClass as G, createElementVNode as C, createVNode as O, unref as S, normalizeStyle as J, toDisplayString as Q, createBlock as Z, resolveDynamicComponent as ee, withKeys as te, withModifiers as oe } from "vue";
+import { d as k } from "./VcAiAgentPanel.vue_vue_type_style_index_0_lang-CEHpWiBV.js";
+const ne = ["id", "data-mounted", "data-removed", "data-y-position", "data-front", "data-expanded", "data-visible", "data-swiping", "data-swiped-out", "role"], ie = { class: "vc-notification__content-wrapper" }, ae = {
+  key: 0,
+  class: "vc-notification__content"
+}, se = { key: 1 }, D = 200, le = 45, ce = /* @__PURE__ */ q({
+  __name: "vc-toast",
+  props: {
+    content: { type: [String, Object, Function] },
+    notificationId: {},
+    updateId: {},
+    type: {},
+    timeout: { type: [Number, Boolean] },
+    pauseOnHover: { type: Boolean },
+    limit: {},
+    position: {},
+    dismissing: { type: Boolean },
+    toastIndex: {},
+    toastsCount: {},
+    expanded: { type: Boolean },
+    visibleToasts: {},
+    onReportHeight: { type: Function }
+  },
+  emits: ["close"],
+  setup(a, { emit: H }) {
+    const x = H, t = a, I = {
+      default: { icon: "lucide-info", color: "var(--notification-info)" },
+      success: { icon: "lucide-check-circle", color: "var(--notification-success)" },
+      error: { icon: "lucide-alert-circle", color: "var(--notification-error)" },
+      warning: { icon: "lucide-alert-triangle", color: "var(--notification-warning)" }
+    }, { timeout: R } = K(t), i = s(null), P = s(!1), u = s(!1), E = g(() => (t.position || "top-center").startsWith("top") ? "top" : "bottom"), F = g(() => (t.toastIndex ?? 0) === 0), z = g(() => (t.toastIndex ?? 0) < (t.visibleToasts ?? 3)), l = s(null);
+    function f() {
+      u.value || (u.value = !0, l.value?.clear(), setTimeout(() => {
+        x("close", t.notificationId);
+      }, D));
+    }
+    B(
+      () => t.dismissing,
+      (e) => {
+        e && f();
+      }
+    ), B(
+      R,
+      (e) => {
+        e && (l.value = N(() => f(), t.timeout), l.value.start());
+      },
+      { immediate: !0 }
+    );
+    const w = s(null);
+    function M() {
+      if (i.value && t.notificationId !== void 0 && !u.value) {
+        const e = i.value, o = e.style.height;
+        e.style.height = "auto";
+        const n = e.getBoundingClientRect().height;
+        e.style.height = o, t.onReportHeight?.(t.notificationId, n);
+      }
+    }
+    L(() => {
+      requestAnimationFrame(() => {
+        requestAnimationFrame(() => {
+          P.value = !0, M();
+        });
+      }), i.value && (w.value = new ResizeObserver(() => M()), w.value.observe(i.value));
+    });
+    function N(e, o) {
+      let n, m, v = o;
+      function h() {
+        window.clearTimeout(n), v -= Date.now() - m;
+      }
+      function _() {
+        m = Date.now(), window.clearTimeout(n), n = window.setTimeout(e, v);
+      }
+      function A() {
+        v = o, _();
+      }
+      function W() {
+        window.clearTimeout(n);
+      }
+      return { pause: h, resume: _, start: A, clear: W };
+    }
+    j(() => {
+      l.value?.clear(), w.value?.disconnect();
+    });
+    function X() {
+      t.timeout && t.pauseOnHover !== !1 && l.value?.pause();
+    }
+    function U() {
+      t.timeout && t.pauseOnHover !== !1 && l.value?.resume();
+    }
+    const r = s(0), c = s(0), d = s(!1), p = s(!1), T = s(0);
+    function V(e) {
+      if (u.value || p.value || e.target?.closest(".vc-notification__dismiss-button")) return;
+      r.value = e.clientX, c.value = e.clientY, T.value = Date.now(), d.value = !1;
+      const o = i.value;
+      o && o.setPointerCapture(e.pointerId);
+    }
+    function Y(e) {
+      if (u.value || p.value || r.value === 0 && c.value === 0) return;
+      const o = e.clientX - r.value, n = e.clientY - c.value;
+      if (!d.value)
+        if (Math.abs(o) > 1 && Math.abs(o) > Math.abs(n))
+          d.value = !0, l.value?.pause();
+        else if (Math.abs(n) > 1) {
+          r.value = 0, c.value = 0;
+          return;
+        } else
+          return;
+      i.value?.style.setProperty("--swipe-amount-x", `${o}px`);
+    }
+    function $(e) {
+      const o = i.value;
+      if (o && o.hasPointerCapture(e.pointerId) && o.releasePointerCapture(e.pointerId), !d.value) {
+        i.value?.style.setProperty("--swipe-amount-x", "0px"), r.value = 0, c.value = 0;
+        return;
+      }
+      const n = parseFloat(i.value?.style.getPropertyValue("--swipe-amount-x")?.replace("px", "") || "0"), m = Date.now() - T.value, v = Math.abs(n) / m;
+      if (Math.abs(n) >= le || v > 0.11) {
+        u.value = !0, l.value?.clear(), p.value = !0;
+        const h = n > 0 ? 1 : -1;
+        i.value?.style.setProperty("--swipe-amount-x", `${h * window.innerWidth}px`), setTimeout(() => x("close", t.notificationId), D);
+      } else
+        i.value?.style.setProperty("--swipe-amount-x", "0px"), l.value?.resume();
+      d.value = !1, r.value = 0, c.value = 0;
+    }
+    return (e, o) => (y(), b("div", {
+      id: String(a.notificationId),
+      ref_key: "toastRef",
+      ref: i,
+      class: G(["vc-notification", [`vc-notification--${a.type || "default"}`]]),
+      "data-mounted": P.value,
+      "data-removed": u.value,
+      "data-y-position": E.value,
+      "data-front": F.value,
+      "data-expanded": a.expanded ?? !0,
+      "data-visible": z.value,
+      "data-swiping": d.value,
+      "data-swiped-out": p.value,
+      role: a.type === "error" ? "alert" : "status",
+      onMouseenter: X,
+      onMouseleave: U,
+      onPointerdown: V,
+      onPointermove: Y,
+      onPointerup: $
+    }, [
+      C("div", ie, [
+        O(S(k), {
+          icon: I[a.type ?? "default"]?.icon,
+          style: J({ color: I[a.type ?? "default"]?.color }),
+          size: "l",
+          class: "vc-notification__icon",
+          "aria-hidden": "true"
+        }, null, 8, ["icon", "style"]),
+        typeof a.content == "string" ? (y(), b("div", ae, Q(a.content), 1)) : (y(), b("div", se, [
+          (y(), Z(ee(a.content)))
+        ]))
+      ]),
+      C("button", {
+        type: "button",
+        class: "vc-notification__dismiss-button",
+        "aria-label": "Dismiss notification",
+        onClick: oe(f, ["stop"]),
+        onKeydown: te(f, ["escape"])
+      }, [
+        O(S(k), {
+          icon: "lucide-x",
+          size: "s",
+          "aria-hidden": "true"
+        })
+      ], 32)
+    ], 42, ne));
+  }
+});
+export {
+  ce as _
+};

package/dist/chunks/vendor-boolbase-Cyd7_957.js

@@ -0,0 +1,18 @@
+import { g as a } from "./vendor-markdown-it-task-lists-xwqUBSah.js";
+var r, e;
+function t() {
+  return e || (e = 1, r = {
+    trueFunc: function() {
+      return !0;
+    },
+    falseFunc: function() {
+      return !1;
+    }
+  }), r;
+}
+var u = t();
+const s = /* @__PURE__ */ a(u);
+export {
+  u as a,
+  s as b
+};