@altimateai/ui-components 0.0.77-beta.5 → 0.0.77-beta.7

package/dist/chatbotV2/index.js

@@ -1,444 +1,93 @@
-import { aK as y, aL as U, aM as B, aN as $, aO as R, aP as T, aQ as M, aR as V, aS as O, aT as q, aU as K, aV as _, aW as G, aX as Q, aY as H, aZ as E, a_ as W, a$ as Y, b0 as Z, b1 as X, b2 as J, b3 as P, b4 as ee } from "../CoachForm.js";
-import { b6 as Re, b5 as ze, b7 as Le, b8 as Ue, b9 as Be, ba as $e, bb as Ve, bc as Oe, bu as qe, bq as Ke, bl as _e, bv as Ge, bz as Qe, bs as He, bx as We, bn as Ye, bm as Ze, bh as Xe, bd as Je, bg as Pe, bi as es, bF as ss, be as as, bj as ts, bt as ns, bp as rs, bo as ls, bE as is, bw as os, bf as cs, bk as ds, by as us, bB as ms, bC as hs, bD as gs, br as bs, bA as xs } from "../CoachForm.js";
-import { j as e, S as se } from "../index2.js";
-import { B as x, S as c, T as z, i as ae, j as te, a as ne } from "../Stack.js";
-import { B as re } from "../ToggleGroup.js";
-import { useState as f, useId as F, useEffect as D } from "react";
-import { I as le } from "../redux-toolkit.modern.js";
-import { A as ie, a as oe, b as ce, c as de, d as ue } from "../Accordion.js";
-import '../index.css';const Ce = () => {
-  const { taskLabel: a } = y(), [s, t] = f(!1);
-  return a ? /* @__PURE__ */ e.jsx(e.Fragment, { children: s ? /* @__PURE__ */ e.jsx(U, { taskLabel: a, onClose: () => t(!1) }) : /* @__PURE__ */ e.jsxs(x, { size: "sm", onClick: () => t(!0), variant: "outline", children: [
-    /* @__PURE__ */ e.jsx(se, {}),
-    "Coach Agent"
-  ] }) }) : null;
-}, ve = ({
-  messageId: a,
-  messageContent: s,
+import { bE as c, bF as n, bG as o } from "../CoachForm.js";
+import { bK as p, bL as M, bP as u, bO as x, bI as A, bH as y, c1 as f, bM as j, bN as E, c3 as T, bQ as k, bR as L, c2 as I, bS as R, bT as v, bU as w, bV as B, bW as F, ci as N, cb as D, c6 as G, cj as H, cn as Q, cd as U, cl as V, c8 as q, ce as J, c7 as K, b$ as O, bX as W, b_ as X, c0 as Y, ct as Z, bY as _, c4 as $, ch as z, ca as P, cg as aa, cf as sa, c9 as ea, cs as ta, ck as ca, bZ as na, c5 as oa, cm as ra, cp as ia, cq as da, cr as la, cc as ga, co as ma, bJ as Sa } from "../CoachForm.js";
+import { j as e } from "../index3.js";
+import { S as r, B as i, a as d } from "../Stack.js";
+const S = ({
+  messageId: s,
+  messageContent: a,
   sessionId: t
-}) => /* @__PURE__ */ e.jsx("div", { role: "group", "aria-label": "Message share and download", children: /* @__PURE__ */ e.jsxs(c, { direction: "row", children: [
-  /* @__PURE__ */ e.jsx(B, { messageId: a, messageContent: s, sessionId: t }),
+}) => /* @__PURE__ */ e.jsx("div", { role: "group", "aria-label": "Message share and download", children: /* @__PURE__ */ e.jsxs(r, { direction: "row", children: [
+  /* @__PURE__ */ e.jsx(c, { messageId: s, messageContent: a, sessionId: t }),
   /* @__PURE__ */ e.jsx(
-    $,
+    n,
     {
-      messageId: a,
-      messageContent: s,
+      messageId: s,
+      messageContent: a,
       sessionId: t
     }
   )
-] }) }), me = ({ messageId: a }) => {
-  const { sendMessage: s } = R(), { dispatch: t, currentSessionId: l, sessions: i } = y(), n = async () => {
-    if (!l) return;
-    const d = i[l];
-    if (d)
-      try {
-        t(T({ state: M.LOADING, sessionId: l }));
-        const r = d.messages, b = r.findIndex((g) => g.id === a);
-        if (b === -1) return;
-        const u = r.slice(0, b).filter((g) => g.role === "user").pop();
-        if (!u)
-          throw new Error("No user message found to regenerate");
-        t(
-          V({
-            sessionId: l,
-            messageId: a
-          })
-        ), await s({ message: u.content, dontAddUserMessage: !0 });
-      } catch (r) {
-        t(O(r instanceof Error ? r.message : "Failed to regenerate response"));
-      } finally {
-        t(T({ state: M.UNINITIALIZED, sessionId: l }));
-      }
-  };
-  return /* @__PURE__ */ e.jsx(z, { title: "Regenerate response", children: /* @__PURE__ */ e.jsx(
-    x,
-    {
-      variant: "ghost",
-      size: "sm",
-      className: "al-text-gray-500",
-      onClick: n,
-      "aria-label": "Regenerate response",
-      children: /* @__PURE__ */ e.jsx(le, { "aria-hidden": "true" })
-    }
-  ) });
-}, Ne = ({ messageId: a, content: s }) => {
-  const t = async () => {
-    try {
-      await navigator.clipboard.writeText(s);
-    } catch (l) {
-      console.error("Failed to copy message:", l);
-    }
-  };
-  return /* @__PURE__ */ e.jsxs(c, { direction: "row", children: [
-    /* @__PURE__ */ e.jsx(me, { messageId: a }),
-    /* @__PURE__ */ e.jsx(z, { title: "Copy message", children: /* @__PURE__ */ e.jsx(
-      x,
-      {
-        variant: "ghost",
-        size: "sm",
-        className: "al-text-gray-500",
-        onClick: t,
-        "aria-label": "Copy response",
-        children: /* @__PURE__ */ e.jsx(q, { "aria-hidden": "true" })
-      }
-    ) })
-  ] });
-}, ke = ({ messageId: a, children: s }) => {
-  const { components: t } = y(), [l, i] = f(!1), [n, d] = f(""), [r, b] = f(), [u, g] = f(!1), { submitFeedback: j } = K(), p = async (m) => {
-    m === r ? (b(void 0), i(!1), await j(a, { rating: void 0 })) : (b(m), i(!0));
-  }, h = async () => {
-    if (r) {
-      g(!0);
-      try {
-        await j(a, {
-          rating: r,
-          comment: n.trim() || void 0
-        }), i(!1);
-      } catch (m) {
-        console.error("Failed to submit feedback:", m);
-      } finally {
-        g(!1);
-      }
-    }
-  };
-  return t != null && t.feedback ? t.feedback : /* @__PURE__ */ e.jsxs("div", { role: "group", "aria-label": "Message feedback", children: [
-    /* @__PURE__ */ e.jsxs(c, { direction: "row", justify: "end", children: [
-      s,
-      /* @__PURE__ */ e.jsx(
-        x,
-        {
-          variant: "ghost",
-          size: "sm",
-          className: r === "up" ? "al-bg-green-100 al-text-green-600" : "al-text-gray-500",
-          onClick: () => p("up"),
-          disabled: u,
-          title: "Like response",
-          "aria-pressed": r === "up",
-          children: /* @__PURE__ */ e.jsx(_, { "aria-hidden": "true" })
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        x,
-        {
-          variant: "ghost",
-          size: "sm",
-          className: r === "down" ? "al-bg-red-100 al-text-red-600" : "al-text-gray-500",
-          onClick: () => p("down"),
-          disabled: u,
-          title: "Dislike response",
-          "aria-pressed": r === "down",
-          children: /* @__PURE__ */ e.jsx(G, { "aria-hidden": "true" })
-        }
-      )
-    ] }),
-    l && /* @__PURE__ */ e.jsxs("div", { className: "al-mt-2 al-space-y-2", children: [
-      /* @__PURE__ */ e.jsx(
-        ae,
-        {
-          placeholder: "Tell us more about your feedback...",
-          value: n,
-          onChange: (m) => d(m.target.value),
-          className: "al-min-h-20",
-          disabled: u,
-          "aria-label": "Feedback comment"
-        }
-      ),
-      /* @__PURE__ */ e.jsxs(c, { direction: "row", children: [
-        /* @__PURE__ */ e.jsx(
-          Q,
-          {
-            size: "sm",
-            onClick: h,
-            disabled: u,
-            "aria-busy": u,
-            loading: u,
-            loadingText: "Submitting...",
-            children: "Submit Feedback"
-          }
-        ),
-        /* @__PURE__ */ e.jsx(
-          x,
-          {
-            variant: "ghost",
-            size: "sm",
-            onClick: () => i(!1),
-            disabled: u,
-            children: "Cancel"
-          }
-        )
-      ] })
-    ] })
-  ] });
-}, Ie = ({ actions: a, isComplete: s = !1, heading: t }) => {
-  const l = a.filter((n) => n.type === "info"), i = a.filter((n) => n.type === "analysis");
-  return a.length ? /* @__PURE__ */ e.jsxs(
-    c,
-    {
-      direction: "column",
-      className: "al-mb-4",
-      role: "log",
-      "aria-live": "polite",
-      "aria-label": "Action status updates",
-      "data-component": "StatusUpdatesOLD",
-      "data-old-marker": "true",
-      children: [
-        /* @__PURE__ */ e.jsx(
-          "div",
-          {
-            style: {
-              backgroundColor: "#ff0000",
-              color: "#fff",
-              padding: "8px",
-              fontWeight: "bold",
-              fontSize: "16px",
-              border: "3px solid yellow"
-            },
-            children: "❌ StatusUpdatesOLD IS RENDERING (LEGACY - should NOT see this!)"
-          }
-        ),
-        /* @__PURE__ */ e.jsx(ie, { type: "single", defaultValue: s ? void 0 : "actions", collapsible: !0, children: /* @__PURE__ */ e.jsxs(oe, { value: "actions", children: [
-          /* @__PURE__ */ e.jsx(ce, { className: "al-text-sm al-text-gray-500 al-pt-0 al-no-underline hover:al-no-underline", children: /* @__PURE__ */ e.jsx(c, { direction: "row", align: "center", children: /* @__PURE__ */ e.jsxs(c, { direction: "row", align: "center", justify: "between", className: "al-flex-1", children: [
-            /* @__PURE__ */ e.jsx(te, { variant: "h4", children: t }),
-            /* @__PURE__ */ e.jsx("span", { className: "al-mt-1 al-text-brand", children: s ? "View detailed steps" : "Thinking" })
-          ] }) }) }),
-          /* @__PURE__ */ e.jsx(de, { children: /* @__PURE__ */ e.jsx(c, { direction: "column", role: "list", gap: "none", children: l.map((n, d) => /* @__PURE__ */ e.jsxs(
-            c,
-            {
-              direction: "row",
-              align: "start",
-              className: "al-text-sm al-text-gray-500 al-p-2 al-rounded-md",
-              role: "listitem",
-              children: [
-                !s && d === a.length - 1 ? /* @__PURE__ */ e.jsx(
-                  H,
-                  {
-                    size: "xs",
-                    className: "al-border-blue-600 al-border-t-blue-300 al-mt-1.5"
-                  }
-                ) : /* @__PURE__ */ e.jsx(
-                  "div",
-                  {
-                    className: "al-h-2 al-w-2 al-rounded-full al-bg-action-green al-mt-1.5",
-                    "aria-hidden": "true",
-                    "data-testid": "status-dot"
-                  }
-                ),
-                /* @__PURE__ */ e.jsxs("div", { className: "al-w-full", children: [
-                  /* @__PURE__ */ e.jsx("div", { role: "status", className: "al-italic al-text-dark-gray", children: /* @__PURE__ */ e.jsx(E, { content: n.content || "", id: n.id }) }),
-                  n.artifacts && /* @__PURE__ */ e.jsx(W, { artifacts: n.artifacts })
-                ] })
-              ]
-            },
-            `${n.type}-${d}`
-          )) }) })
-        ] }) }),
-        i.length > 0 && /* @__PURE__ */ e.jsx(c, { direction: "column", className: "al-text-sm al-text-dark", children: i.map((n) => /* @__PURE__ */ e.jsx(E, { content: n.content || "", id: n.id }, n.id)) }),
-        s ? null : /* @__PURE__ */ e.jsxs(c, { direction: "row", align: "center", children: [
-          /* @__PURE__ */ e.jsx(
-            "div",
-            {
-              className: "al-animate-spin al-h-4 al-w-4 al-border-2 al-border-primary al-border-t-transparent al-rounded-full",
-              "aria-hidden": "true"
-            }
-          ),
-          /* @__PURE__ */ e.jsx("span", { children: "Processing" })
-        ] })
-      ]
-    }
-  ) : null;
-}, he = "_citations_1olrc_1", ge = {
-  citations: he
-}, Ae = ({
-  citations: a,
-  frontEndUrl: s
-}) => !(a != null && a.length) || !s ? null : /* @__PURE__ */ e.jsxs(c, { className: ge.citations, children: [
-  "Learnings applied:",
-  /* @__PURE__ */ e.jsx("ul", { style: { padding: 0, display: "flex", gap: 8, marginTop: -2 }, children: a.map((t, l) => /* @__PURE__ */ e.jsx("li", { style: { listStyle: "none" }, children: /* @__PURE__ */ e.jsx(
-    re,
-    {
-      title: t.content,
-      variant: "success",
-      className: "al-bg-green-500 al-text-white",
-      children: /* @__PURE__ */ e.jsx(
-        "a",
-        {
-          href: `${s}/teammates/${t.taskLabel}?learning=${t.id}`,
-          children: l + 1
-        }
-      )
-    }
-  ) }, t.id)) })
-] }), Te = ({ text: a, buttonProps: s }) => {
-  const { sendMessage: t } = R();
+] }) }), b = ({ text: s, buttonProps: a }) => {
+  const { sendMessage: t } = o();
   return /* @__PURE__ */ e.jsx(
-    x,
+    i,
     {
       variant: "secondary",
-      onClick: () => t({ message: a }),
+      onClick: () => t({ message: s }),
       color: "link",
-      ...s,
-      className: ne(
+      ...a,
+      className: d(
         "al-border al-border-primary-500 al-rounded-full al-p-2 !al-justify-start al-text-left al-h-auto",
-        s == null ? void 0 : s.className
+        a == null ? void 0 : a.className
       ),
-      style: { whiteSpace: "normal", ...s == null ? void 0 : s.style },
-      children: a
+      style: { whiteSpace: "normal", ...a == null ? void 0 : a.style },
+      children: s
     },
-    a
+    s
   );
-}, Me = ({
-  messages: a,
-  handleSavePrompt: s,
-  showSavePromptButton: t = !1
-}) => /* @__PURE__ */ e.jsx("div", { className: "al-space-y-4", children: a.map((l, i) => /* @__PURE__ */ e.jsx(
-  Y,
-  {
-    message: l,
-    isLastMessage: i === a.length - 1,
-    isFirstMessage: i === 0,
-    handleSavePrompt: i === 0 ? s : void 0,
-    showSavePromptButton: i === 0 ? t : !1
-  },
-  l.id
-)) }), Ee = ({
-  onSubmit: a,
-  isLoading: s,
-  placeholder: t = "Ask a question...",
-  autoFocus: l = !1,
-  initialMessage: i = "",
-  components: n
-}) => {
-  var N, k, I, A;
-  const { components: d, currentSessionId: r, sessions: b, dispatch: u } = y(), { detectEntities: g } = Z(), j = F(), p = F(), h = r && ((N = b[r]) == null ? void 0 : N.userInput) || "", m = (o) => {
-    r && u(ee({ sessionId: r, userInput: o }));
-  };
-  D(() => {
-    i && r && m(i);
-  }, [i, r]);
-  const w = (r && ((I = (k = b[r]) == null ? void 0 : k.context) == null ? void 0 : I.entities) || []).filter((o) => o.selected_type === X.UNKNOWN), S = w.length > 0, C = !S, v = async (o) => {
-    o.preventDefault(), !(!h.trim() || s || !C) && (m(""), await a(h));
-  }, L = (o) => {
-    o.key === "Enter" && !o.shiftKey && (o.preventDefault(), v(o));
-  };
-  return D(() => {
-    h.trim().length > 2 && g(h.trim());
-  }, [h, g]), /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx(
-    "form",
-    {
-      id: j,
-      onSubmit: v,
-      "aria-label": "Message input form",
-      className: "al-flex al-gap-2 al-w-full al-shadow-lg al-rounded-2xl  al-border al-border-gray-300 al-bg-white al-mb-4 al-py-2 al-px-4",
-      children: /* @__PURE__ */ e.jsxs(c, { className: "al-flex-1 al-relative al-w-full", direction: "column", children: [
-        /* @__PURE__ */ e.jsx("div", { id: "selected-contexts-portal" }),
-        /* @__PURE__ */ e.jsx("label", { htmlFor: p, className: "al-sr-only", children: "Type your message" }),
-        /* @__PURE__ */ e.jsx(
-          ue,
-          {
-            id: p,
-            value: h,
-            onChange: (o) => m(o.target.value),
-            onKeyDown: L,
-            placeholder: t,
-            minHeight: 40,
-            maxHeight: 400,
-            disabled: s,
-            autoFocus: l,
-            "aria-label": "Question input",
-            "aria-required": "true",
-            "aria-invalid": !1,
-            "aria-describedby": `${p}-hint`,
-            className: "al-outline-none al-border-none al-px-0"
-          }
-        ),
-        /* @__PURE__ */ e.jsx("div", { id: `${p}-hint`, className: "al-sr-only", children: "Press Enter to send, Shift + Enter for new line" }),
-        /* @__PURE__ */ e.jsxs(c, { className: "al-pb-2", justify: "between", children: [
-          n == null ? void 0 : n.questionFormLeftActions,
-          /* @__PURE__ */ e.jsxs(c, { children: [
-            (A = d == null ? void 0 : d.questionFormButtons) == null ? void 0 : A.call(d, h, (o) => {
-              m(o);
-            }),
-            s && /* @__PURE__ */ e.jsx(J, {}),
-            !s && /* @__PURE__ */ e.jsxs(
-              x,
-              {
-                type: "submit",
-                disabled: s || !h.trim() || !C,
-                "aria-busy": s,
-                "aria-label": s ? "Sending message..." : S ? "Cannot send - unknown entities need types selected" : "Send message",
-                title: s ? "Cancel generation" : S ? `Please select right type for ${w.map((o) => o.name).join(", ")}` : "Send message",
-                variant: "default",
-                size: "icon",
-                className: "!al-h-9",
-                children: [
-                  /* @__PURE__ */ e.jsx(P, { className: "!al-h-6 !al-w-6" }),
-                  /* @__PURE__ */ e.jsx("span", { className: "al-sr-only", children: s ? " message in progress" : " message" })
-                ]
-              }
-            )
-          ] })
-        ] })
-      ] })
-    }
-  ) });
 };
 export {
-  W as Artifacts,
-  J as CancelGenerationButton,
-  ke as ChatFeedbackActions,
-  Ne as ChatLastMessageActions,
-  ve as ChatMessageEndActions,
-  Re as ChatProvider,
-  Te as ChatTriggerLink,
-  ze as ChatbotV2,
-  Ae as Citations,
-  Ce as CoachAI,
-  Le as ContextPanel,
-  X as EntityType,
-  Ue as InteractionPrompt,
-  Be as LoadingIndicator,
-  M as LoadingState,
-  Y as MessageItem,
-  Me as MessageList,
-  $e as MessageListV2,
-  Ee as QuestionForm,
-  Ve as QuestionFormV2,
-  me as RegenerateButton,
-  Ie as StatusUpdates,
-  Oe as StatusUpdatesV2,
-  qe as addAction,
-  Ke as addMessage,
-  _e as agentStreamResponseSchema,
-  Ge as clearActions,
-  Qe as clearContext,
-  He as clearHistory,
-  We as clearTodos,
-  Ye as createSession,
-  V as deleteMessage,
-  Ze as initialState,
-  Xe as processAgentMessageContent,
-  Je as processAgentStream,
-  Pe as processExistingConversation,
-  es as processPlaygroundSessionTurns,
-  ss as resetSession,
-  as as sendMessageAndProcessStream,
-  ts as sessionStatusSchema,
-  ns as setAbortController,
-  rs as setCurrentSession,
-  O as setError,
-  T as setLoadingState,
-  ls as setSelectedModel,
-  is as setSessions,
-  os as setTodos,
-  ee as setUserInput,
-  cs as streamResponseToAgentMessages,
-  ds as todoItemSchema,
-  us as updateContext,
-  ms as updateDatamateInSession,
-  hs as updateEntities,
-  gs as updateEntityType,
-  bs as updateMessageFeedback,
-  xs as updateMode,
-  R as useAgentChat,
-  y as useChatContext
+  p as Artifacts,
+  M as CancelGenerationButton,
+  u as ChatFeedbackActions,
+  x as ChatLastMessageActions,
+  S as ChatMessageEndActions,
+  A as ChatProvider,
+  b as ChatTriggerLink,
+  y as ChatbotV2,
+  f as Citations,
+  j as CoachAI,
+  E as ContextPanel,
+  T as EntityType,
+  k as InteractionPrompt,
+  L as LoadingIndicator,
+  I as LoadingState,
+  R as MessageItem,
+  v as MessageList,
+  w as QuestionForm,
+  B as RegenerateButton,
+  F as StatusUpdates,
+  N as addAction,
+  D as addMessage,
+  G as agentStreamResponseSchema,
+  H as clearActions,
+  Q as clearContext,
+  U as clearHistory,
+  V as clearTodos,
+  q as createSession,
+  J as deleteMessage,
+  K as initialState,
+  O as processAgentMessageContent,
+  W as processAgentStream,
+  X as processExistingConversation,
+  Y as processPlaygroundSessionTurns,
+  Z as resetSession,
+  _ as sendMessageAndProcessStream,
+  $ as sessionStatusSchema,
+  z as setAbortController,
+  P as setCurrentSession,
+  aa as setError,
+  sa as setLoadingState,
+  ea as setSelectedModel,
+  ta as setSessions,
+  ca as setTodos,
+  na as streamResponseToAgentMessages,
+  oa as todoItemSchema,
+  ra as updateContext,
+  ia as updateDatamateInSession,
+  da as updateEntities,
+  la as updateEntityType,
+  ga as updateMessageFeedback,
+  ma as updateMode,
+  o as useAgentChat,
+  Sa as useChatContext
 };

package/dist/chunk-4BX2VUAB2.js

@@ -0,0 +1,9 @@
+import { aG as l } from "./CoachForm.js";
+function m(e, c) {
+  var i, t, o;
+  e.accDescr && ((i = c.setAccDescription) == null || i.call(c, e.accDescr)), e.accTitle && ((t = c.setAccTitle) == null || t.call(c, e.accTitle)), e.title && ((o = c.setDiagramTitle) == null || o.call(c, e.title));
+}
+l(m, "populateCommonDb");
+export {
+  m as p
+};

package/dist/chunk-55IACEB62.js

@@ -0,0 +1,9 @@
+import { aG as a } from "./CoachForm.js";
+import { s as o } from "./redux-toolkit.modern.js";
+var d = /* @__PURE__ */ a((t, e) => {
+  let n;
+  return e === "sandbox" && (n = o("#i" + t)), (e === "sandbox" ? o(n.nodes()[0].contentDocument.body) : o("body")).select(`[id="${t}"]`);
+}, "getDiagramElement");
+export {
+  d as g
+};

package/dist/chunk-B4BG7PRW.js

@@ -1,7 +1,7 @@
 import { g as et } from "./chunk-FMBD7UC4.js";
 import { g as tt } from "./chunk-55IACEB6.js";
 import { s as st } from "./chunk-QN33PNHL.js";
-import { _ as f, i as it, d as F, P as R, s as at, g as nt, c as rt, b as ut, m as lt, n as ot, e as v, r as ct, l as Oe, u as we, q as ht, x as dt, y as pt } from "./CoachForm.js";
+import { _ as f, i as it, d as F, S as R, s as at, g as nt, c as rt, b as ut, m as lt, n as ot, e as v, r as ct, l as Oe, u as we, q as ht, y as dt, z as pt } from "./CoachForm.js";
 import { s as ee } from "./redux-toolkit.modern.js";
 var Ve = function() {
   var s = /* @__PURE__ */ f(function(I, o, h, p) {