@kestra-io/ui-libs 0.0.283 → 0.0.284

package/dist/kestra-index.es.js

@@ -4396,30 +4396,34 @@ const Kd = /* @__PURE__ */ F(Hd, [["render", Gd]]), Yd = { class: "add-task-div
     Se(
       () => t.histories,
       (C, P) => {
-        P[0].date !== C[0].date && a();
+        C?.[0]?.date?.valueOf() !== P?.[0]?.date?.valueOf() && a();
       }
     );
     const n = Z(""), i = Z();
     yt(() => {
       a();
     });
-    const l = V(() => t.histories?.length && new Date(t.histories[0].date.toString()).getTime()), o = V(() => t.histories[t.histories.length - 1]), r = V(() => t.histories.filter((C) => C.date.isValid() && C.date && C.state));
+    const l = V(() => t.histories?.[0]?.date?.valueOf() ?? null), o = V(() => t.histories?.length ? t.histories[t.histories.length - 1] : void 0), r = V(() => t.histories.filter((C) => C.date.isValid() && C.date && C.state));
     function a() {
       i.value || (i.value = setInterval(() => {
-        v(), t.histories && !pe.isRunning(o.value.state) && s();
-      }, 100));
+        v(), o.value && !pe.isRunning(o.value.state) && s();
+      }, 10));
     }
     function s() {
       i.value && (clearInterval(i.value), i.value = void 0);
     }
     function d() {
-      return f() - l.value;
+      const C = l.value;
+      return C === null ? 0 : Math.max(0, f() - C);
     }
     function f() {
-      return !t.histories || pe.isRunning(o.value.state) ? +/* @__PURE__ */ new Date() : new Date(o.value.date.toString()).getTime();
+      return !o.value || pe.isRunning(o.value.state) ? +/* @__PURE__ */ new Date() : o.value.date.valueOf();
     }
     function v() {
-      n.value = r.value.length === 0 ? " " : br(d() / 1e3);
+      n.value = r.value.length === 0 ? " " : br(d() / 1e3, {
+        maxDecimalPoints: 2,
+        units: ["h", "m", "s"]
+      });
     }
     function p(C) {
       return "ks-duration-tt-square-" + C.toLowerCase();
@@ -4427,7 +4431,7 @@ const Kd = /* @__PURE__ */ F(Hd, [["render", Gd]]), Yd = { class: "add-task-div
     return Bl(() => {
       s();
     }), (C, P) => (u(), j(le, {
-      key: o.value.date.toString()
+      key: o.value?.date?.valueOf() ?? C.$t("no_history")
     }, {
       content: U(() => [
         (u(!0), c(ue, null, Ie(r.value, (b, L) => (u(), c("span", {