@copilotkit/vue 1.57.1 → 1.57.3

package/dist/{use-render-activity-message-CqtxiFSs.js → use-render-activity-message-BCoXRqzE.js}

@@ -123,9 +123,7 @@ class po {
       let i = !1;
       const o = setTimeout(() => {
         i || (i = !0, clearInterval(l), r.unsubscribe(), a(
-          new Error(
-            "[CopilotKit] Timed out waiting for agent to become idle"
-          )
+          new Error("[CopilotKit] Timed out waiting for agent to become idle")
         ));
       }, 3e4), s = () => {
         i || (i = !0, clearTimeout(o), clearInterval(l), r.unsubscribe(), t());
@@ -668,7 +666,10 @@ function wo(e, n) {
       const s = rn({
         name: nn,
         args: ce.any(),
-        render: ({ status: l, args: p }) => {
+        render: ({
+          status: l,
+          args: p
+        }) => {
           if (l === "complete") return null;
           const w = p, u = w?.items;
           if (Array.isArray(u) && u.length > 0) return null;
@@ -677,16 +678,12 @@ function wo(e, n) {
         }
       }), r = t.propRenderToolCalls;
       t.setRenderToolCalls([
-        ...r.filter(
-          (l) => l.name !== nn
-        ),
+        ...r.filter((l) => l.name !== nn),
         s
       ]), o(() => {
         const l = t.propRenderToolCalls;
         t.setRenderToolCalls(
-          l.filter(
-            (p) => p.name !== nn
-          )
+          l.filter((p) => p.name !== nn)
         ), ln.clear();
       });
     },
@@ -769,7 +766,14 @@ function xo(e) {
               r(),
               r()
             ]),
-            p(64, 6, "#e4e4e7", void 0, s >= 1 ? 1 : 0.4, "opacity 0.5s")
+            p(
+              64,
+              6,
+              "#e4e4e7",
+              void 0,
+              s >= 1 ? 1 : 0.4,
+              "opacity 0.5s"
+            )
           ]
         ),
         // Skeleton lines
@@ -865,7 +869,9 @@ function xo(e) {
       ]
     ),
     // Keyframe styles
-    y("style", `
+    y(
+      "style",
+      `
       @keyframes cpk-a2ui-fade {
         0%, 100% { opacity: 1; }
         50% { opacity: 0.5; }
@@ -874,7 +880,8 @@ function xo(e) {
         0% { background-position: 250% 0; }
         100% { background-position: -250% 0; }
       }
-    `)
+    `
+    )
   ]);
 }
 function Ee(e, n, t) {
@@ -1257,95 +1264,110 @@ const Io = Ee(Ma, ({ props: e }) => {
     },
     [e.child ? n(e.child) : null]
   );
-}), Vo = Ee(Ha, ({ props: e, state: n }) => {
-  const t = n.id, a = e.variant === "longText", i = e.variant === "number" ? "number" : e.variant === "obscured" ? "password" : "text", o = {
-    padding: "8px",
-    width: "100%",
-    border: e.validationErrors && e.validationErrors.length > 0 ? "1px solid red" : $t,
-    borderRadius: Jt,
-    boxSizing: "border-box"
-  }, s = e.validationErrors && e.validationErrors.length > 0;
-  return y(
-    "div",
-    {
-      style: {
-        display: "flex",
-        flexDirection: "column",
-        gap: "4px",
-        width: "100%",
-        margin: ot
-      }
-    },
-    [
-      e.label ? y(
-        "label",
-        { for: t, style: { fontSize: "14px", fontWeight: "bold" } },
-        e.label
-      ) : null,
-      a ? y("textarea", {
-        id: t,
-        style: o,
-        value: e.value || "",
-        onInput: (r) => e.setValue(r.target.value)
-      }) : y("input", {
-        id: t,
-        type: i,
-        style: o,
-        value: e.value || "",
-        onInput: (r) => e.setValue(r.target.value)
-      }),
-      s ? y(
-        "span",
-        { style: { fontSize: "12px", color: "red" } },
-        e.validationErrors[0]
-      ) : null
-    ]
-  );
-}, () => ({ id: Qt() })), No = Ee(_a, ({ props: e, state: n }) => {
-  const t = n.id, a = e.validationErrors && e.validationErrors.length > 0;
-  return y(
-    "div",
-    {
-      style: { display: "flex", flexDirection: "column", margin: ot }
-    },
-    [
-      y(
-        "div",
-        { style: { display: "flex", alignItems: "center", gap: "8px" } },
-        [
-          y("input", {
-            id: t,
-            type: "checkbox",
-            checked: !!e.value,
-            onChange: (i) => e.setValue(i.target.checked),
-            style: {
-              cursor: "pointer",
-              outline: a ? "1px solid red" : "none"
-            }
-          }),
-          e.label ? y(
-            "label",
-            {
-              for: t,
+}), Vo = Ee(
+  Ha,
+  ({ props: e, state: n }) => {
+    const t = n.id, a = e.variant === "longText", i = e.variant === "number" ? "number" : e.variant === "obscured" ? "password" : "text", o = {
+      padding: "8px",
+      width: "100%",
+      border: e.validationErrors && e.validationErrors.length > 0 ? "1px solid red" : $t,
+      borderRadius: Jt,
+      boxSizing: "border-box"
+    }, s = e.validationErrors && e.validationErrors.length > 0;
+    return y(
+      "div",
+      {
+        style: {
+          display: "flex",
+          flexDirection: "column",
+          gap: "4px",
+          width: "100%",
+          margin: ot
+        }
+      },
+      [
+        e.label ? y(
+          "label",
+          {
+            for: t,
+            style: { fontSize: "14px", fontWeight: "bold" }
+          },
+          e.label
+        ) : null,
+        a ? y("textarea", {
+          id: t,
+          style: o,
+          value: e.value || "",
+          onInput: (r) => e.setValue(r.target.value)
+        }) : y("input", {
+          id: t,
+          type: i,
+          style: o,
+          value: e.value || "",
+          onInput: (r) => e.setValue(r.target.value)
+        }),
+        s ? y(
+          "span",
+          { style: { fontSize: "12px", color: "red" } },
+          e.validationErrors[0]
+        ) : null
+      ]
+    );
+  },
+  () => ({ id: Qt() })
+), No = Ee(
+  _a,
+  ({ props: e, state: n }) => {
+    const t = n.id, a = e.validationErrors && e.validationErrors.length > 0;
+    return y(
+      "div",
+      {
+        style: {
+          display: "flex",
+          flexDirection: "column",
+          margin: ot
+        }
+      },
+      [
+        y(
+          "div",
+          { style: { display: "flex", alignItems: "center", gap: "8px" } },
+          [
+            y("input", {
+              id: t,
+              type: "checkbox",
+              checked: !!e.value,
+              onChange: (i) => e.setValue(i.target.checked),
               style: {
                 cursor: "pointer",
-                color: a ? "red" : "inherit"
+                outline: a ? "1px solid red" : "none"
               }
-            },
-            e.label
-          ) : null
-        ]
-      ),
-      a ? y(
-        "span",
-        {
-          style: { fontSize: "12px", color: "red", marginTop: "4px" }
-        },
-        e.validationErrors?.[0]
-      ) : null
-    ]
-  );
-}, () => ({ id: Qt() })), zo = Ee(
+            }),
+            e.label ? y(
+              "label",
+              {
+                for: t,
+                style: {
+                  cursor: "pointer",
+                  color: a ? "red" : "inherit"
+                }
+              },
+              e.label
+            ) : null
+          ]
+        ),
+        a ? y(
+          "span",
+          {
+            style: { fontSize: "12px", color: "red", marginTop: "4px" }
+          },
+          e.validationErrors?.[0]
+        ) : null
+      ]
+    );
+  },
+  () => ({ id: Qt() })
+), zo = Ee(
   Wa,
   ({ props: e, context: n, state: t }) => {
     const a = Array.isArray(e.value) ? e.value : [], i = e.variant === "mutuallyExclusive", o = (r) => {
@@ -1439,93 +1461,101 @@ const Io = Ee(Ma, ({ props: e }) => {
     );
   },
   () => ({ filter: I("") })
-), Po = Ee(qa, ({ props: e, state: n }) => {
-  const t = n.id;
-  return y(
-    "div",
-    {
-      style: {
-        display: "flex",
-        flexDirection: "column",
-        gap: "4px",
-        margin: ot,
-        width: "100%"
-      }
-    },
-    [
-      y(
-        "div",
-        { style: { display: "flex", justifyContent: "space-between" } },
-        [
-          e.label ? y(
-            "label",
-            {
-              for: t,
-              style: { fontSize: "14px", fontWeight: "bold" }
-            },
-            e.label
-          ) : null,
-          y(
-            "span",
-            { style: { fontSize: "12px", color: "#666" } },
-            String(e.value)
-          )
-        ]
-      ),
-      y("input", {
-        id: t,
-        type: "range",
-        min: e.min ?? 0,
-        max: e.max,
-        value: e.value ?? 0,
-        onInput: (a) => e.setValue(Number(a.target.value)),
-        style: { width: "100%", cursor: "pointer" }
-      })
-    ]
-  );
-}, () => ({ id: Qt() })), Ho = Ee(Ka, ({ props: e, state: n }) => {
-  const t = n.id;
-  let a = "datetime-local";
-  e.enableDate && !e.enableTime && (a = "date"), !e.enableDate && e.enableTime && (a = "time");
-  const i = {
-    padding: "8px",
-    width: "100%",
-    border: $t,
-    borderRadius: Jt,
-    boxSizing: "border-box"
-  };
-  return y(
-    "div",
-    {
-      style: {
-        display: "flex",
-        flexDirection: "column",
-        gap: "4px",
-        width: "100%",
-        margin: ot
-      }
-    },
-    [
-      e.label ? y(
-        "label",
-        {
-          for: t,
-          style: { fontSize: "14px", fontWeight: "bold" }
-        },
-        e.label
-      ) : null,
-      y("input", {
-        id: t,
-        type: a,
-        style: i,
-        value: e.value || "",
-        onInput: (o) => e.setValue(o.target.value),
-        min: typeof e.min == "string" ? e.min : void 0,
-        max: typeof e.max == "string" ? e.max : void 0
-      })
-    ]
-  );
-}, () => ({ id: Qt() })), _o = [
+), Po = Ee(
+  qa,
+  ({ props: e, state: n }) => {
+    const t = n.id;
+    return y(
+      "div",
+      {
+        style: {
+          display: "flex",
+          flexDirection: "column",
+          gap: "4px",
+          margin: ot,
+          width: "100%"
+        }
+      },
+      [
+        y(
+          "div",
+          { style: { display: "flex", justifyContent: "space-between" } },
+          [
+            e.label ? y(
+              "label",
+              {
+                for: t,
+                style: { fontSize: "14px", fontWeight: "bold" }
+              },
+              e.label
+            ) : null,
+            y(
+              "span",
+              { style: { fontSize: "12px", color: "#666" } },
+              String(e.value)
+            )
+          ]
+        ),
+        y("input", {
+          id: t,
+          type: "range",
+          min: e.min ?? 0,
+          max: e.max,
+          value: e.value ?? 0,
+          onInput: (a) => e.setValue(Number(a.target.value)),
+          style: { width: "100%", cursor: "pointer" }
+        })
+      ]
+    );
+  },
+  () => ({ id: Qt() })
+), Ho = Ee(
+  Ka,
+  ({ props: e, state: n }) => {
+    const t = n.id;
+    let a = "datetime-local";
+    e.enableDate && !e.enableTime && (a = "date"), !e.enableDate && e.enableTime && (a = "time");
+    const i = {
+      padding: "8px",
+      width: "100%",
+      border: $t,
+      borderRadius: Jt,
+      boxSizing: "border-box"
+    };
+    return y(
+      "div",
+      {
+        style: {
+          display: "flex",
+          flexDirection: "column",
+          gap: "4px",
+          width: "100%",
+          margin: ot
+        }
+      },
+      [
+        e.label ? y(
+          "label",
+          {
+            for: t,
+            style: { fontSize: "14px", fontWeight: "bold" }
+          },
+          e.label
+        ) : null,
+        y("input", {
+          id: t,
+          type: a,
+          style: i,
+          value: e.value || "",
+          onInput: (o) => e.setValue(o.target.value),
+          min: typeof e.min == "string" ? e.min : void 0,
+          max: typeof e.max == "string" ? e.max : void 0
+        })
+      ]
+    );
+  },
+  () => ({ id: Qt() })
+), _o = [
   Io,
   Ao,
   Ro,
@@ -1616,9 +1646,7 @@ function Go(e, n) {
     },
     { immediate: !0 }
   );
-  const a = c(() => n.includeSchema() ? JSON.stringify(
-    Ko(n.catalog())
-  ) : null);
+  const a = c(() => n.includeSchema() ? JSON.stringify(Ko(n.catalog())) : null);
   L(
     [() => e.value, n.enabled, a],
     ([i, o, s], r, l) => {
@@ -2438,10 +2466,7 @@ PARAMETER ORDER IS CRITICAL — generate parameters in exactly this order:
       F(), v.value = E.value.a2uiEnabled, b.value = E.value.openGenerativeUIEnabled, S.value = E.value.licenseStatus, ne.value = !0;
     });
     const B = c(() => t.a2ui?.theme), H = c(() => t.a2ui?.catalog), ae = c(() => t.a2ui?.loadingComponent), we = c(() => t.a2ui?.includeSchema ?? !0);
-    wo(
-      E,
-      () => v.value
-    ), Go(E, {
+    wo(E, () => v.value), Go(E, {
       enabled: () => v.value,
       catalog: () => t.a2ui?.catalog,
       includeSchema: () => t.a2ui?.includeSchema ?? !0
@@ -2594,9 +2619,7 @@ const hn = /* @__PURE__ */ se({
       () => n.agentId ?? a.value?.agentId ?? lt
     ), r = pt(), l = c(() => n.threadId ? n.threadId : a.value?.threadId ? a.value.threadId : r), p = c(() => (n.hasExplicitThreadId !== void 0 ? n.hasExplicitThreadId : !!n.threadId) || !!a.value?.hasExplicitThreadId), w = c(
       () => n.isModalDefaultOpen !== void 0
-    ), u = c(
-      () => n.isModalDefaultOpen ?? !0
-    ), d = I(
+    ), u = c(() => n.isModalDefaultOpen ?? !0), d = I(
       a.value?.isModalOpen ?? u.value
     );
     function g(x) {
@@ -8615,7 +8638,10 @@ function ql(e = {}) {
         }
       }
     }).catch((w) => {
-      console.error("[CopilotKit] useInterrupt: failed to resume agent:", w);
+      console.error(
+        "[CopilotKit] useInterrupt: failed to resume agent:",
+        w
+      );
     });
   };
   L(
@@ -8820,9 +8846,9 @@ function Jl() {
   };
 }
 function Ql() {
-  const { copilotkit: e } = Ue(), n = Oe(), t = c(
-    () => n.value?.agentId ?? lt
-  ), a = c(() => [...e.value.renderActivityMessages]);
+  const { copilotkit: e } = Ue(), n = Oe(), t = c(() => n.value?.agentId ?? lt), a = c(() => [
+    ...e.value.renderActivityMessages
+  ]);
   function i(s) {
     const r = a.value;
     if (!r.length)
@@ -8842,7 +8868,9 @@ function Ql() {
         `Failed to parse content for activity message '${s.activityType}':`,
         l.error
       ), null;
-    const p = e.value.getAgent(t.value);
+    const p = e.value.getAgent(
+      t.value
+    );
     return {
       renderer: r.render,
       props: {
@@ -8924,4 +8952,4 @@ export {
   Dl as y,
   Nl as z
 };
-//# sourceMappingURL=use-render-activity-message-CqtxiFSs.js.map
+//# sourceMappingURL=use-render-activity-message-BCoXRqzE.js.map