@dxs-ts/eveli-ide 0.0.431 → 0.0.432

package/build/eveli-task-composer-v2/{EveliTaskDetails.d.ts → EveliTaskDashboard.d.ts}

@@ -1,4 +1,4 @@
 import { default as React } from 'react';
-export declare const EveliTaskDetails: React.FC<{
+export declare const EveliTaskDashboard: React.FC<{
     taskId: string;
 }>;

package/build/eveli-task-composer-v2/index.d.ts

@@ -1 +1 @@
-export * from './EveliTaskDetails';
+export * from './EveliTaskDashboard';

package/build/eveli-task-composer-v2-messages/CustomerMessagesEdit.d.ts

@@ -4,4 +4,4 @@ export interface CustomerMessagesEditProps {
     task: TaskApi.Task;
 }
 export declare const CustomerMessagesEdit: React.FC<CustomerMessagesEditProps>;
-export declare const useUtilityClasses: () => Record<"container" | "messageRow" | "senderInfo" | "frontdeskAvatar" | "customerAvatar" | "frontdeskMessageBody" | "customerMessageBody" | "messageBoxLabel" | "messagesContainer" | "inputBox", string>;
+export declare const useUtilityClasses: () => Record<"container" | "messageRow" | "messageBoxLabel" | "messagesContainer" | "senderInfo" | "inputBox" | "frontdeskAvatar" | "customerAvatar" | "frontdeskMessageBody" | "customerMessageBody", string>;

package/build/eveli-task-composer-v2-messages/{CustomerMessagesReadOnly.d.ts → EveliCustomerMessagesReadOnly.d.ts}

@@ -1,9 +1,9 @@
 import { default as React } from 'react';
 import { TaskCardStyleDefinition } from '../eveli-task-composer-v2/cardThemeConfig';
 import { TaskApi } from '../api-task';
-export interface CustomerMessagesReadOnlyProps {
+export interface EveliCustomerMessagesReadOnlyProps {
     style: TaskCardStyleDefinition;
     task: TaskApi.Task;
 }
-export declare const CustomerMessagesReadOnly: React.FC<CustomerMessagesReadOnlyProps>;
+export declare const EveliCustomerMessagesReadOnly: React.FC<EveliCustomerMessagesReadOnlyProps>;
 export declare const useUtilityClasses: () => Record<"container" | "messageRow" | "senderInfo" | "frontdeskAvatar" | "customerAvatar" | "frontdeskMessageBody" | "customerMessageBody", string>;

package/build/eveli-task-composer-v2-messages/index.d.ts

@@ -1,2 +1,2 @@
-export * from './CustomerMessagesReadOnly';
 export * from './EditCustomerMessagesDialog';
+export * from './EveliCustomerMessagesReadOnly';

package/build/{eveli-task-composer-v2/TaskRoles.d.ts → eveli-task-composer-v2-roles/EveliTaskRoles.d.ts}

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
 import { TaskApi } from '../api-task';
-export interface TaskRolesProps {
+export interface EveliTaskRolesProps {
     task: TaskApi.Task;
 }
-export declare const TaskRoles: React.FC<TaskRolesProps>;
+export declare const EveliTaskRoles: React.FC<EveliTaskRolesProps>;
 export declare const useUtilityClasses: () => Record<"root", string>;

package/build/eveli-task-composer-v2-roles/index.d.ts

@@ -0,0 +1 @@
+export * from './EveliTaskRoles';

package/build/index.js

@@ -57044,7 +57044,7 @@ function UK(e) {
     })
   };
 }
-const DS = { tag: "eveli-ide-0.0.431", built: "22/07/2025" }, wx = we("worker/rest/api/version.GET")({
+const DS = { tag: "eveli-ide-0.0.432", built: "22/07/2025" }, wx = we("worker/rest/api/version.GET")({
   hook: $K
 });
 function $K(e) {
@@ -69989,35 +69989,13 @@ const Wre = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3
   }
 })), tie = () => He({
   root: ["root"]
-}, (n) => Ue(HN, n), {}), nie = ({ task: e }) => {
-  const t = aie();
-  return !e.assignedRoles || e.assignedRoles.length === 0 ? /* @__PURE__ */ i(yk, { children: /* @__PURE__ */ i(F, { children: "--" }) }) : /* @__PURE__ */ i(yk, { className: t.root, children: e.assignedRoles.map((n, a) => /* @__PURE__ */ i(Qt, { label: n, variant: "filled" }, a)) });
-}, VN = "TaskRolesRootClassName", yk = fe("div", {
-  name: VN,
-  slot: "Root",
-  overridesResolver: (e, t) => [
-    t.root
-  ]
-})(({ theme: e }) => ({
-  display: "flex",
-  alignItems: "center",
-  flexWrap: "wrap",
-  marginBottom: e.spacing(1),
-  gap: e.spacing(1),
-  "& .MuiChip-root": {
-    backgroundColor: e.palette.info.dark,
-    color: e.palette.background.default,
-    boxShadow: "0 4px 12px rgba(0, 0, 0, 0.2)"
-  }
-})), aie = () => He({
-  root: ["root"]
-}, (n) => Ue(VN, n), {}), rie = ({ task: e, style: t }) => {
-  const { getOneFeedback: n } = ei(), [a, r] = C.useState(), s = sie();
+}, (n) => Ue(HN, n), {}), nie = ({ task: e, style: t }) => {
+  const { getOneFeedback: n } = ei(), [a, r] = C.useState(), s = rie();
   return C.useEffect(() => {
     n(e.taskRef).then((o) => {
       r(o), console.log("Setting feedback:", o);
     });
-  }, [e.taskRef]), !a || !a.content ? /* @__PURE__ */ i(F, { sx: { ...t.bodyTypography }, children: "No feedback" }) : /* @__PURE__ */ E(iie, { className: s.root, children: [
+  }, [e.taskRef]), !a || !a.content ? /* @__PURE__ */ i(F, { sx: { ...t.bodyTypography }, children: "No feedback" }) : /* @__PURE__ */ E(aie, { className: s.root, children: [
     /* @__PURE__ */ E(R, { display: "flex", flexDirection: "row", justifyContent: "space-between", children: [
       /* @__PURE__ */ E(R, { flexDirection: "column", alignItems: "center", children: [
         /* @__PURE__ */ i(F, { className: s.feedbackCategories, sx: { ...t.bodyTypography }, children: a.content.main }),
@@ -70038,8 +70016,8 @@ const Wre = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3
       a.content.question
     ] })
   ] });
-}, zN = "CustomerFeedback", iie = fe("div", {
-  name: zN,
+}, VN = "CustomerFeedback", aie = fe("div", {
+  name: VN,
   slot: "Message",
   overridesResolver: (e, t) => [
     t.root
@@ -70064,20 +70042,20 @@ const Wre = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3
   "& .CustomerFeedback-feedbackCategories": {
     fontWeight: 500
   }
-})), sie = () => He({
+})), rie = () => He({
   root: ["root"],
   publishedNotifier: ["publishedNotifier"],
   feedbackCategories: ["feedbackCategories"]
-}, (n) => Ue(zN, n), {}), oie = ({ task: e, style: t }) => {
-  const n = cie();
-  return /* @__PURE__ */ i(lie, { className: n.root, style: t, children: /* @__PURE__ */ E(R, { className: n.file, children: [
+}, (n) => Ue(VN, n), {}), iie = ({ task: e, style: t }) => {
+  const n = oie();
+  return /* @__PURE__ */ i(sie, { className: n.root, style: t, children: /* @__PURE__ */ E(R, { className: n.file, children: [
     /* @__PURE__ */ i($O, { className: n.fileIcon }),
     /* @__PURE__ */ i(F, { sx: { ...t }, children: "file-name.jpg" }),
     /* @__PURE__ */ i(R, { flexGrow: 1 }),
     /* @__PURE__ */ i(_e, { color: "error", children: /* @__PURE__ */ i(zc, { className: n.deleteIcon }) })
   ] }) });
-}, GN = "TaskFiles", lie = fe("div", {
-  name: GN,
+}, zN = "TaskFiles", sie = fe("div", {
+  name: zN,
   slot: "Root",
   overridesResolver: (e, t) => [
     t.root
@@ -70107,271 +70085,20 @@ const Wre = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3
   "& .TaskFiles-deleteIcon": {
     color: e.palette.error.main
   }
-})), cie = () => He({
+})), oie = () => He({
   root: ["root"],
   file: ["file"],
   fileIcon: ["fileIcon"],
   deleteIcon: ["deleteIcon"]
-}, (n) => Ue(GN, n), {}), uie = ({ task: e, style: t }) => {
-  var l;
-  const n = pie(), a = ((l = e.comments) == null ? void 0 : l.filter((c) => c.external).sort((c, u) => Pe.fromISO(u.created).toMillis() - Pe.fromISO(c.created).toMillis())) || [], r = a.slice(0, 3), s = (c) => {
-    try {
-      return Pe.fromISO(c).setLocale("fi").toLocaleString(Pe.DATETIME_SHORT);
-    } catch {
-      return c;
-    }
-  }, o = (c, u) => c.length <= u ? c : c.slice(0, u) + "…";
-  return /* @__PURE__ */ E(die, { className: n.container, children: [
-    r.length === 0 && /* @__PURE__ */ i(F, { sx: { ...t }, children: "No messages" }),
-    r.slice(0, 3).map((c) => /* @__PURE__ */ E(R, { className: n.messageRow, children: [
-      /* @__PURE__ */ i(Hn, { className: c.source === "FRONTDESK" ? n.frontdeskAvatar : n.customerAvatar }),
-      /* @__PURE__ */ E(R, { className: c.source === "FRONTDESK" ? n.frontdeskMessageBody : n.customerMessageBody, children: [
-        /* @__PURE__ */ E(F, { className: n.senderInfo, sx: { ...t.bodyTypography }, children: [
-          c.userName,
-          " wrote on ",
-          s(c.created)
-        ] }),
-        /* @__PURE__ */ i(F, { style: { ...t.bodyTypography, overflow: "hidden", whiteSpace: "normal" }, children: o(c.commentText, 200) })
-      ] })
-    ] }, c.id)),
-    a.length > 3 && /* @__PURE__ */ E(F, { sx: { ...t.bodyTypography }, children: [
-      "...",
-      a.length - 3,
-      " more..."
-    ] })
-  ] });
-}, WN = "CustomerMessagesReadOnly", die = fe("div", {
-  name: WN,
-  slot: "Message",
-  overridesResolver: (e, t) => [
-    t.container
-  ]
-})(({ theme: e }) => ({
-  display: "flex",
-  flexDirection: "column",
-  gap: e.spacing(2),
-  "& .CustomerMessagesReadOnly-messageRow": {
-    display: "flex",
-    alignItems: "center"
-  },
-  "& .CustomerMessagesReadOnly-senderInfo": {
-    fontWeight: "bold !important"
-    //TODO figure out a better way with cardThemeConfig
-  },
-  "& .CustomerMessagesReadOnly-frontdeskAvatar": {
-    border: `1px solid ${$n("#caf0f8", 0.1)}`,
-    backgroundColor: "#caf0f8",
-    marginRight: e.spacing(1),
-    boxShadow: "0px 2px 4px rgba(0, 0, 0, 0.1)"
-  },
-  "& .CustomerMessagesReadOnly-customerAvatar": {
-    border: `1px solid ${$n("#ecf39e", 0.1)}`,
-    backgroundColor: "#ecf39e",
-    marginRight: e.spacing(1),
-    boxShadow: "0px 2px 4px rgba(0, 0, 0, 0.1)"
-  },
-  "& .CustomerMessagesReadOnly-frontdeskMessageBody": {
-    flexGrow: 1,
-    backgroundColor: "#caf0f8",
-    borderRadius: "20px",
-    padding: e.spacing(1),
-    border: `1px solid ${$n("#caf0f8", 0.1)}`,
-    boxShadow: "0px 2px 4px rgba(0, 0, 0, 0.1)"
-  },
-  "& .CustomerMessagesReadOnly-customerMessageBody": {
-    flexGrow: 1,
-    backgroundColor: "#ecf39e",
-    borderRadius: "20px",
-    padding: e.spacing(1),
-    border: `1px solid ${$n("#ecf39e", 0.1)}`,
-    boxShadow: "0px 2px 4px rgba(0, 0, 0, 0.1)"
-  },
-  "& .MuiSvgIcon-root": {
-    fontSize: "10pt",
-    marginRight: e.spacing(1),
-    marginLeft: e.spacing(1)
-  }
-})), pie = () => He({
-  container: ["container"],
-  messageRow: ["messageRow"],
-  senderInfo: ["senderInfo"],
-  frontdeskAvatar: ["frontdeskAvatar"],
-  customerAvatar: ["customerAvatar"],
-  frontdeskMessageBody: ["frontdeskMessageBody"],
-  customerMessageBody: ["customerMessageBody"]
-}, (n) => Ue(WN, n), {}), fie = ({ task: e }) => {
-  var c;
-  const t = gie(), n = ie(), [a, r] = C.useState(""), s = ((c = e.comments) == null ? void 0 : c.filter((u) => u.external).sort((u, d) => Pe.fromISO(d.created).toMillis() - Pe.fromISO(u.created).toMillis())) || [], o = (u) => {
-    try {
-      return Pe.fromISO(u).setLocale("fi").toLocaleString(Pe.DATETIME_SHORT);
-    } catch {
-      return u;
-    }
-  };
-  function l(u) {
-    r(u), console.log("message:", u);
-  }
-  return /* @__PURE__ */ E(mie, { className: t.container, children: [
-    /* @__PURE__ */ i(R, { className: t.messagesContainer, children: s.length === 0 ? /* @__PURE__ */ i(bo, { severity: "info", children: "No messages yet" }) : s.map((u) => /* @__PURE__ */ E(R, { className: t.messageRow, children: [
-      /* @__PURE__ */ i(Hn, { className: u.source === "FRONTDESK" ? t.frontdeskAvatar : t.customerAvatar }),
-      /* @__PURE__ */ E(R, { className: u.source === "FRONTDESK" ? t.frontdeskMessageBody : t.customerMessageBody, children: [
-        /* @__PURE__ */ E(F, { className: t.senderInfo, children: [
-          u.userName,
-          " wrote on ",
-          o(u.created)
-        ] }),
-        /* @__PURE__ */ i(F, { style: { overflow: "hidden", whiteSpace: "normal" }, children: u.commentText })
-      ] })
-    ] }, u.id)) }),
-    /* @__PURE__ */ E(R, { className: t.inputBox, children: [
-      /* @__PURE__ */ i(rt, {}),
-      /* @__PURE__ */ E(R, { display: "flex", alignItems: "center", children: [
-        /* @__PURE__ */ i(Oa, { color: "primary" }),
-        /* @__PURE__ */ i(F, { className: t.messageBoxLabel, children: n.formatMessage({ id: "task.customerMessages.newMessageTitle", defaultMessage: "Write a new message" }) })
-      ] }),
-      /* @__PURE__ */ i(
-        hie,
-        {
-          value: a,
-          fullWidth: !0,
-          multiline: !0,
-          rows: 3,
-          onChange: (u) => l(u.target.value),
-          placeholder: n.formatMessage({ id: "task.customerMessages.newMessagePlaceholder", defaultMessage: "My message to customer..." })
-        }
-      )
-    ] })
-  ] });
-}, jN = "CustomerMessagesEdit", mie = fe("div", {
-  name: jN,
-  slot: "Message",
-  overridesResolver: (e, t) => [
-    t.container
-  ]
-})(({ theme: e }) => ({
-  display: "flex",
-  flexDirection: "column",
-  height: "100%",
-  overflow: "hidden",
-  padding: e.spacing(2),
-  ".MuiDivider-root": {
-    marginTop: e.spacing(1),
-    marginBottom: e.spacing(1)
-  },
-  "& .CustomerMessagesEdit-messageBoxLabel": {
-    ...e.typography.body2,
-    fontWeight: "bold"
-  },
-  "& .CustomerMessagesEdit-messageRow": {
-    display: "flex",
-    alignItems: "center",
-    marginBottom: e.spacing(2)
-  },
-  "& .CustomerMessagesEdit-inputBox": {
-    flexShrink: 0,
-    bottom: 0,
-    position: "sticky",
-    width: "100%",
-    padding: e.spacing(1)
-  },
-  "& .CustomerMessagesEdit-messagesContainer": {
-    flexGrow: 1,
-    overflowY: "auto",
-    paddingRight: e.spacing(1)
-  },
-  "& .CustomerMessagesEdit-senderInfo": {
-    fontWeight: "bold !important"
-    //TODO figure out a better way with cardThemeConfig
-  },
-  "& .CustomerMessagesEdit-frontdeskAvatar": {
-    border: `1px solid ${$n("#caf0f8", 0.1)}`,
-    backgroundColor: "#caf0f8",
-    marginRight: e.spacing(1),
-    boxShadow: "0px 2px 4px rgba(0, 0, 0, 0.1)"
-  },
-  "& .CustomerMessagesEdit-customerAvatar": {
-    border: `1px solid ${$n("#ecf39e", 0.1)}`,
-    backgroundColor: "#ecf39e",
-    marginRight: e.spacing(1),
-    boxShadow: "0px 2px 4px rgba(0, 0, 0, 0.1)"
-  },
-  "& .CustomerMessagesEdit-frontdeskMessageBody": {
-    flexGrow: 1,
-    backgroundColor: "#caf0f8",
-    borderRadius: "20px",
-    padding: e.spacing(1),
-    border: `1px solid ${$n("#caf0f8", 0.1)}`,
-    boxShadow: "0px 2px 4px rgba(0, 0, 0, 0.1)"
-  },
-  "& .CustomerMessagesEdit-customerMessageBody": {
-    flexGrow: 1,
-    backgroundColor: "#ecf39e",
-    borderRadius: "20px",
-    padding: e.spacing(1),
-    border: `1px solid ${$n("#ecf39e", 0.1)}`,
-    boxShadow: "0px 2px 4px rgba(0, 0, 0, 0.1)"
-  },
-  "& .MuiSvgIcon-root": {
-    fontSize: "20pt",
-    marginRight: e.spacing(1),
-    marginLeft: e.spacing(1)
-  }
-})), hie = fe(Fe)(({ theme: e }) => ({
-  width: "100%",
-  "& .MuiInputBase-input": {
-    height: "2.5rem",
-    padding: "0 12px"
-  }
-})), gie = () => He({
-  container: ["container"],
-  messageRow: ["messageRow"],
-  messageBoxLabel: ["messageBoxLabel"],
-  messagesContainer: ["messagesContainer"],
-  senderInfo: ["senderInfo"],
-  inputBox: ["inputBox"],
-  frontdeskAvatar: ["frontdeskAvatar"],
-  customerAvatar: ["customerAvatar"],
-  frontdeskMessageBody: ["frontdeskMessageBody"],
-  customerMessageBody: ["customerMessageBody"]
-}, (n) => Ue(jN, n), {}), bie = ({ task: e, open: t, onClose: n }) => {
-  const a = yie(), r = ie();
-  return /* @__PURE__ */ E(Eie, { className: a.editCustomerMessages, open: t, onClose: n, fullWidth: !0, maxWidth: "lg", slots: { transition: Uk }, children: [
-    /* @__PURE__ */ E(Ce, { children: [
-      r.formatMessage({ id: "task.customerMessages" }),
-      r.formatMessage({ id: "eveli.textSeparatorColon" }),
-      e.taskRef ?? "no task reference id"
-    ] }),
-    /* @__PURE__ */ i(ke, { children: /* @__PURE__ */ i(fie, { task: e }) }),
-    /* @__PURE__ */ E(Ae, { children: [
-      /* @__PURE__ */ i(K, { variant: "outlined", onClick: n, children: r.formatMessage({ id: "button.cancel" }) }),
-      /* @__PURE__ */ i(K, { children: r.formatMessage({ id: "button.sendMessage", defaultMessage: "Send message now" }) })
-    ] })
-  ] });
-}, qN = "EditCustomerMessagesDialog", Eie = fe(Se, {
-  name: qN,
-  slot: "Messages",
-  overridesResolver: (e, t) => [
-    t.EditCustomerMessages
-  ]
-})(({ theme: e }) => ({
-  height: "100vh",
-  ".MuiDialogContent-root": {
-    display: "flex",
-    flexDirection: "column",
-    padding: 0,
-    overflow: "hidden"
-  }
-})), yie = () => He({
-  editCustomerMessages: ["editCustomerMessages"]
-}, (n) => Ue(qN, n), {}), YN = ({ task: e }) => {
+}, (n) => Ue(zN, n), {}), GN = ({ task: e }) => {
   if (e.keyWords)
     return /* @__PURE__ */ i(R, { gap: 1, display: "flex", mt: 1, children: e.keyWords.map((t) => /* @__PURE__ */ i(Qt, { label: t, variant: "filled", color: "primary", sx: {
       boxShadow: "0 4px 12px rgba(0, 0, 0, 0.2)"
     } }, t)) });
-}, Tie = ({ task: e, open: t, onClose: n }) => {
+}, lie = ({ task: e, open: t, onClose: n }) => {
   var s;
-  const a = Sie(), r = ie();
-  return /* @__PURE__ */ E(vie, { className: a.editDialog, open: t, onClose: n, maxWidth: "md", slots: { transition: Uk }, children: [
+  const a = uie(), r = ie();
+  return /* @__PURE__ */ E(cie, { className: a.editDialog, open: t, onClose: n, maxWidth: "md", slots: { transition: Uk }, children: [
     /* @__PURE__ */ E(Ce, { children: [
       r.formatMessage({ id: "task.edit" }),
       r.formatMessage({ id: "eveli.textSeparatorColon" }),
@@ -70387,7 +70114,7 @@ const Wre = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3
       /* @__PURE__ */ i(oe, { size: { md: 3, lg: 3, xl: 3 }, children: /* @__PURE__ */ i(F, { fontWeight: "bold", children: r.formatMessage({ id: "task.additionalInfo" }) }) }),
       /* @__PURE__ */ i(oe, { size: { md: 9, lg: 9, xl: 9 }, children: /* @__PURE__ */ i($l, { rows: 3, multiline: !0, value: e.additionalInfo }) }),
       /* @__PURE__ */ i(oe, { size: { md: 3, lg: 3, xl: 3 }, children: /* @__PURE__ */ i(F, { fontWeight: "bold", children: r.formatMessage({ id: "task.metaData" }) }) }),
-      /* @__PURE__ */ i(oe, { size: { md: 9, lg: 9, xl: 9 }, children: /* @__PURE__ */ i(YN, { task: e }) })
+      /* @__PURE__ */ i(oe, { size: { md: 9, lg: 9, xl: 9 }, children: /* @__PURE__ */ i(GN, { task: e }) })
     ] }) }),
     /* @__PURE__ */ E(Ae, { children: [
       /* @__PURE__ */ i(K, { variant: "outlined", onClick: n, children: r.formatMessage({ id: "button.cancel" }) }),
@@ -70400,16 +70127,16 @@ const Wre = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3
     height: "2.5rem",
     padding: "0 12px"
   }
-})), KN = "EditTaskDialog", vie = fe(Se, {
-  name: KN,
+})), WN = "EditTaskDialog", cie = fe(Se, {
+  name: WN,
   slot: "EditDialog",
   overridesResolver: (e, t) => [
     t.editDialog
   ]
-})(({ theme: e }) => ({})), Sie = () => He({
+})(({ theme: e }) => ({})), uie = () => He({
   editDialog: ["editDialog"]
-}, (n) => Ue(KN, n), {});
-function kie(e) {
+}, (n) => Ue(WN, n), {});
+function die(e) {
   if (!e.dueDate)
     return;
   const t = Pe.local().startOf("day"), n = Pe.fromJSDate(e.dueDate).startOf("day"), a = Math.floor(t.diff(n, "days").days);
@@ -70431,8 +70158,8 @@ function kie(e) {
     status: "upcomingDue"
   };
 }
-const wie = ({ ...e }) => {
-  const t = Cie(), n = kie(e.task);
+const pie = ({ ...e }) => {
+  const t = fie(), n = die(e.task);
   if (n)
     switch (n == null ? void 0 : n.status) {
       case "upcomingDue":
@@ -70469,8 +70196,8 @@ const wie = ({ ...e }) => {
       default:
         return /* @__PURE__ */ i(W, {});
     }
-}, XN = "TaskOverrdueWarningClassName", Hl = fe("div", {
-  name: XN,
+}, jN = "TaskOverrdueWarningClassName", Hl = fe("div", {
+  name: jN,
   slot: "Priority",
   overridesResolver: (e, t) => [
     t.root
@@ -70502,15 +70229,15 @@ const wie = ({ ...e }) => {
     default:
       return e.palette.background.paper;
   }
-}, Cie = () => He({
+}, fie = () => He({
   root: ["root"]
-}, (n) => Ue(XN, n), {}), Aie = ({ style: e }) => {
-  const t = Iie(), [n, a] = tt("LOW"), r = [
+}, (n) => Ue(jN, n), {}), mie = ({ style: e }) => {
+  const t = gie(), [n, a] = tt("LOW"), r = [
     { level: "LOW", color: "#45a048" },
     { level: "MEDIUM", color: "#2196f3" },
     { level: "HIGH", color: "#f44336" }
   ];
-  return /* @__PURE__ */ i(_ie, { className: t.root, style: e, children: /* @__PURE__ */ E(Rt, { direction: "column", width: "100%", children: [
+  return /* @__PURE__ */ i(hie, { className: t.root, style: e, children: /* @__PURE__ */ E(Rt, { direction: "column", width: "100%", children: [
     /* @__PURE__ */ E(F, { fontWeight: 500, mb: 1, sx: { ...e.bodyTypography, fontWeight: 500 }, children: [
       "Priority: ",
       n
@@ -70538,8 +70265,8 @@ const wie = ({ ...e }) => {
       );
     }) })
   ] }) });
-}, ZN = "TaskPriority", _ie = fe("div", {
-  name: ZN,
+}, qN = "TaskPriority", hie = fe("div", {
+  name: qN,
   slot: "Root",
   overridesResolver: (e, t) => [
     t.root
@@ -70565,11 +70292,11 @@ const wie = ({ ...e }) => {
       borderBottomRightRadius: e.spacing(1)
     }
   }
-})), Iie = () => He({
+})), gie = () => He({
   root: ["root"],
   prioritySelect: ["prioritySelect"]
-}, (n) => Ue(ZN, n), {}), xie = ({ status: e, style: t }) => {
-  const n = JN(), a = () => {
+}, (n) => Ue(qN, n), {}), bie = ({ status: e, style: t }) => {
+  const n = KN(), a = () => {
     switch (e) {
       case "NEW":
         return 25;
@@ -70620,12 +70347,12 @@ const wie = ({ ...e }) => {
       "% complete"
     ] })
   ] });
-}, Nie = ({ style: e }) => {
-  const t = JN(), [n, a] = C.useState("NEW"), r = (s) => {
+}, Eie = ({ style: e }) => {
+  const t = KN(), [n, a] = C.useState("NEW"), r = (s) => {
     a(s.target.value);
   };
-  return /* @__PURE__ */ E(Rie, { className: t.root, children: [
-    /* @__PURE__ */ i(xie, { status: n, style: e }),
+  return /* @__PURE__ */ E(yie, { className: t.root, children: [
+    /* @__PURE__ */ i(bie, { status: n, style: e }),
     /* @__PURE__ */ E(
       Vi,
       {
@@ -70646,8 +70373,8 @@ const wie = ({ ...e }) => {
       }
     )
   ] });
-}, QN = "TaskStatus", Rie = fe("div", {
-  name: QN,
+}, YN = "TaskStatus", yie = fe("div", {
+  name: YN,
   slot: "Root",
   overridesResolver: (e, t) => [
     t.root
@@ -70672,26 +70399,26 @@ const wie = ({ ...e }) => {
     textAlign: "right",
     ...e.typography.caption
   }
-})), JN = () => He({
+})), KN = () => He({
   root: ["root"],
   progressBar: ["progressBar"],
   backgroundTrack: ["backgroundTrack"],
   progressIndicator: ["progressIndicator"],
   progressDesc: ["progressDesc"]
-}, (n) => Ue(QN, n), {}), Die = (e) => e ? (e instanceof Date ? Pe.fromJSDate(e) : Pe.fromISO(e)).setLocale("fi").toLocaleString(Pe.DATE_SHORT) : "--", Oie = ({ task: e, style: t }) => {
+}, (n) => Ue(YN, n), {}), Tie = (e) => e ? (e instanceof Date ? Pe.fromJSDate(e) : Pe.fromISO(e)).setLocale("fi").toLocaleString(Pe.DATE_SHORT) : "--", vie = ({ task: e, style: t }) => {
   var s;
-  const n = Fie(), a = ((s = e.comments) == null ? void 0 : s.filter((o) => !o.external)) || [];
+  const n = kie(), a = ((s = e.comments) == null ? void 0 : s.filter((o) => !o.external)) || [];
   if (!a || a.length === 0)
     return /* @__PURE__ */ i(W, { children: "No notes" });
   const r = (o, l) => o.length <= l ? o : o.slice(0, l) + "…";
-  return /* @__PURE__ */ E(Lie, { className: n.notesContainer, children: [
+  return /* @__PURE__ */ E(Sie, { className: n.notesContainer, children: [
     a.slice(0, 3).map((o) => /* @__PURE__ */ i(R, { children: /* @__PURE__ */ E(W, { children: [
       /* @__PURE__ */ E(R, { display: "flex", alignItems: "center", children: [
         /* @__PURE__ */ i(Pf, { sx: { fontSize: "7pt", mr: 1, color: "primary.main" } }),
         /* @__PURE__ */ i(F, { component: "div", sx: { ...t.bodyTypography }, className: n.noteBody, children: `${r(o.commentText, 200)}` })
       ] }),
       /* @__PURE__ */ i(rt, {}),
-      /* @__PURE__ */ i(R, { display: "flex", alignItems: "center", justifyContent: "flex-end", children: /* @__PURE__ */ i(F, { component: "div", sx: { ...t.bodyTypographySmall }, className: n.noteAuthor, children: `${o.userName} noted on ${Die(o.created)}` }) })
+      /* @__PURE__ */ i(R, { display: "flex", alignItems: "center", justifyContent: "flex-end", children: /* @__PURE__ */ i(F, { component: "div", sx: { ...t.bodyTypographySmall }, className: n.noteAuthor, children: `${o.userName} noted on ${Tie(o.created)}` }) })
     ] }) }, o.id)),
     a.length > 3 && /* @__PURE__ */ E(F, { sx: { ...t.bodyTypography }, children: [
       "...",
@@ -70699,8 +70426,8 @@ const wie = ({ ...e }) => {
       " more..."
     ] })
   ] });
-}, eR = "TaskNotes", Lie = fe("div", {
-  name: eR,
+}, XN = "TaskNotes", Sie = fe("div", {
+  name: XN,
   slot: "Notes",
   overridesResolver: (e, t) => [
     t.notesContainer
@@ -70714,11 +70441,284 @@ const wie = ({ ...e }) => {
     textAlign: "right",
     color: e.palette.text.disabled
   }
-})), Fie = () => He({
+})), kie = () => He({
   notesContainer: ["notesContainer"],
   noteBody: ["noteBody"],
   noteAuthor: ["noteAuthor"],
   noteBackground: ["noteBackground"]
+}, (n) => Ue(XN, n), {}), wie = ({ task: e }) => {
+  const t = Cie();
+  return !e.assignedRoles || e.assignedRoles.length === 0 ? /* @__PURE__ */ i(yk, { children: /* @__PURE__ */ i(F, { children: "--" }) }) : /* @__PURE__ */ i(yk, { className: t.root, children: e.assignedRoles.map((n, a) => /* @__PURE__ */ i(Qt, { label: n, variant: "filled" }, a)) });
+}, ZN = "TaskRolesRootClassName", yk = fe("div", {
+  name: ZN,
+  slot: "Root",
+  overridesResolver: (e, t) => [
+    t.root
+  ]
+})(({ theme: e }) => ({
+  display: "flex",
+  alignItems: "center",
+  flexWrap: "wrap",
+  marginBottom: e.spacing(1),
+  gap: e.spacing(1),
+  "& .MuiChip-root": {
+    backgroundColor: e.palette.info.dark,
+    color: e.palette.background.default,
+    boxShadow: "0 4px 12px rgba(0, 0, 0, 0.2)"
+  }
+})), Cie = () => He({
+  root: ["root"]
+}, (n) => Ue(ZN, n), {}), Aie = ({ task: e }) => {
+  var c;
+  const t = xie(), n = ie(), [a, r] = C.useState(""), s = ((c = e.comments) == null ? void 0 : c.filter((u) => u.external).sort((u, d) => Pe.fromISO(d.created).toMillis() - Pe.fromISO(u.created).toMillis())) || [], o = (u) => {
+    try {
+      return Pe.fromISO(u).setLocale("fi").toLocaleString(Pe.DATETIME_SHORT);
+    } catch {
+      return u;
+    }
+  };
+  function l(u) {
+    r(u), console.log("message:", u);
+  }
+  return /* @__PURE__ */ E(_ie, { className: t.container, children: [
+    /* @__PURE__ */ i(R, { className: t.messagesContainer, children: s.length === 0 ? /* @__PURE__ */ i(bo, { severity: "info", children: "No messages yet" }) : s.map((u) => /* @__PURE__ */ E(R, { className: t.messageRow, children: [
+      /* @__PURE__ */ i(Hn, { className: u.source === "FRONTDESK" ? t.frontdeskAvatar : t.customerAvatar }),
+      /* @__PURE__ */ E(R, { className: u.source === "FRONTDESK" ? t.frontdeskMessageBody : t.customerMessageBody, children: [
+        /* @__PURE__ */ E(F, { className: t.senderInfo, children: [
+          u.userName,
+          " wrote on ",
+          o(u.created)
+        ] }),
+        /* @__PURE__ */ i(F, { style: { overflow: "hidden", whiteSpace: "normal" }, children: u.commentText })
+      ] })
+    ] }, u.id)) }),
+    /* @__PURE__ */ E(R, { className: t.inputBox, children: [
+      /* @__PURE__ */ i(rt, {}),
+      /* @__PURE__ */ E(R, { display: "flex", alignItems: "center", children: [
+        /* @__PURE__ */ i(Oa, { color: "primary" }),
+        /* @__PURE__ */ i(F, { className: t.messageBoxLabel, children: n.formatMessage({ id: "task.customerMessages.newMessageTitle", defaultMessage: "Write a new message" }) })
+      ] }),
+      /* @__PURE__ */ i(
+        Iie,
+        {
+          value: a,
+          fullWidth: !0,
+          multiline: !0,
+          rows: 3,
+          onChange: (u) => l(u.target.value),
+          placeholder: n.formatMessage({ id: "task.customerMessages.newMessagePlaceholder", defaultMessage: "My message to customer..." })
+        }
+      )
+    ] })
+  ] });
+}, QN = "CustomerMessagesEdit", _ie = fe("div", {
+  name: QN,
+  slot: "Message",
+  overridesResolver: (e, t) => [
+    t.container
+  ]
+})(({ theme: e }) => ({
+  display: "flex",
+  flexDirection: "column",
+  height: "100%",
+  overflow: "hidden",
+  padding: e.spacing(2),
+  ".MuiDivider-root": {
+    marginTop: e.spacing(1),
+    marginBottom: e.spacing(1)
+  },
+  "& .CustomerMessagesEdit-messageBoxLabel": {
+    ...e.typography.body2,
+    fontWeight: "bold"
+  },
+  "& .CustomerMessagesEdit-messageRow": {
+    display: "flex",
+    alignItems: "center",
+    marginBottom: e.spacing(2)
+  },
+  "& .CustomerMessagesEdit-inputBox": {
+    flexShrink: 0,
+    bottom: 0,
+    position: "sticky",
+    width: "100%",
+    padding: e.spacing(1)
+  },
+  "& .CustomerMessagesEdit-messagesContainer": {
+    flexGrow: 1,
+    overflowY: "auto",
+    paddingRight: e.spacing(1)
+  },
+  "& .CustomerMessagesEdit-senderInfo": {
+    fontWeight: "bold !important"
+    //TODO figure out a better way with cardThemeConfig
+  },
+  "& .CustomerMessagesEdit-frontdeskAvatar": {
+    border: `1px solid ${$n("#caf0f8", 0.1)}`,
+    backgroundColor: "#caf0f8",
+    marginRight: e.spacing(1),
+    boxShadow: "0px 2px 4px rgba(0, 0, 0, 0.1)"
+  },
+  "& .CustomerMessagesEdit-customerAvatar": {
+    border: `1px solid ${$n("#ecf39e", 0.1)}`,
+    backgroundColor: "#ecf39e",
+    marginRight: e.spacing(1),
+    boxShadow: "0px 2px 4px rgba(0, 0, 0, 0.1)"
+  },
+  "& .CustomerMessagesEdit-frontdeskMessageBody": {
+    flexGrow: 1,
+    backgroundColor: "#caf0f8",
+    borderRadius: "20px",
+    padding: e.spacing(1),
+    border: `1px solid ${$n("#caf0f8", 0.1)}`,
+    boxShadow: "0px 2px 4px rgba(0, 0, 0, 0.1)"
+  },
+  "& .CustomerMessagesEdit-customerMessageBody": {
+    flexGrow: 1,
+    backgroundColor: "#ecf39e",
+    borderRadius: "20px",
+    padding: e.spacing(1),
+    border: `1px solid ${$n("#ecf39e", 0.1)}`,
+    boxShadow: "0px 2px 4px rgba(0, 0, 0, 0.1)"
+  },
+  "& .MuiSvgIcon-root": {
+    fontSize: "20pt",
+    marginRight: e.spacing(1),
+    marginLeft: e.spacing(1)
+  }
+})), Iie = fe(Fe)(({ theme: e }) => ({
+  width: "100%",
+  "& .MuiInputBase-input": {
+    height: "2.5rem",
+    padding: "0 12px"
+  }
+})), xie = () => He({
+  container: ["container"],
+  messageRow: ["messageRow"],
+  messageBoxLabel: ["messageBoxLabel"],
+  messagesContainer: ["messagesContainer"],
+  senderInfo: ["senderInfo"],
+  inputBox: ["inputBox"],
+  frontdeskAvatar: ["frontdeskAvatar"],
+  customerAvatar: ["customerAvatar"],
+  frontdeskMessageBody: ["frontdeskMessageBody"],
+  customerMessageBody: ["customerMessageBody"]
+}, (n) => Ue(QN, n), {}), Nie = ({ task: e, open: t, onClose: n }) => {
+  const a = Die(), r = ie();
+  return /* @__PURE__ */ E(Rie, { className: a.editCustomerMessages, open: t, onClose: n, fullWidth: !0, maxWidth: "lg", slots: { transition: Uk }, children: [
+    /* @__PURE__ */ E(Ce, { children: [
+      r.formatMessage({ id: "task.customerMessages" }),
+      r.formatMessage({ id: "eveli.textSeparatorColon" }),
+      e.taskRef ?? "no task reference id"
+    ] }),
+    /* @__PURE__ */ i(ke, { children: /* @__PURE__ */ i(Aie, { task: e }) }),
+    /* @__PURE__ */ E(Ae, { children: [
+      /* @__PURE__ */ i(K, { variant: "outlined", onClick: n, children: r.formatMessage({ id: "button.cancel" }) }),
+      /* @__PURE__ */ i(K, { children: r.formatMessage({ id: "button.sendMessage", defaultMessage: "Send message now" }) })
+    ] })
+  ] });
+}, JN = "EditCustomerMessagesDialog", Rie = fe(Se, {
+  name: JN,
+  slot: "Messages",
+  overridesResolver: (e, t) => [
+    t.EditCustomerMessages
+  ]
+})(({ theme: e }) => ({
+  height: "100vh",
+  ".MuiDialogContent-root": {
+    display: "flex",
+    flexDirection: "column",
+    padding: 0,
+    overflow: "hidden"
+  }
+})), Die = () => He({
+  editCustomerMessages: ["editCustomerMessages"]
+}, (n) => Ue(JN, n), {}), Oie = ({ task: e, style: t }) => {
+  var l;
+  const n = Fie(), a = ((l = e.comments) == null ? void 0 : l.filter((c) => c.external).sort((c, u) => Pe.fromISO(u.created).toMillis() - Pe.fromISO(c.created).toMillis())) || [], r = a.slice(0, 3), s = (c) => {
+    try {
+      return Pe.fromISO(c).setLocale("fi").toLocaleString(Pe.DATETIME_SHORT);
+    } catch {
+      return c;
+    }
+  }, o = (c, u) => c.length <= u ? c : c.slice(0, u) + "…";
+  return /* @__PURE__ */ E(Lie, { className: n.container, children: [
+    r.length === 0 && /* @__PURE__ */ i(F, { sx: { ...t }, children: "No messages" }),
+    r.slice(0, 3).map((c) => /* @__PURE__ */ E(R, { className: n.messageRow, children: [
+      /* @__PURE__ */ i(Hn, { className: c.source === "FRONTDESK" ? n.frontdeskAvatar : n.customerAvatar }),
+      /* @__PURE__ */ E(R, { className: c.source === "FRONTDESK" ? n.frontdeskMessageBody : n.customerMessageBody, children: [
+        /* @__PURE__ */ E(F, { className: n.senderInfo, sx: { ...t.bodyTypography }, children: [
+          c.userName,
+          " wrote on ",
+          s(c.created)
+        ] }),
+        /* @__PURE__ */ i(F, { style: { ...t.bodyTypography, overflow: "hidden", whiteSpace: "normal" }, children: o(c.commentText, 200) })
+      ] })
+    ] }, c.id)),
+    a.length > 3 && /* @__PURE__ */ E(F, { sx: { ...t.bodyTypography }, children: [
+      "...",
+      a.length - 3,
+      " more..."
+    ] })
+  ] });
+}, eR = "EveliCustomerMessagesReadOnly", Lie = fe("div", {
+  name: eR,
+  slot: "Message",
+  overridesResolver: (e, t) => [
+    t.container
+  ]
+})(({ theme: e }) => ({
+  display: "flex",
+  flexDirection: "column",
+  gap: e.spacing(2),
+  "& .EveliCustomerMessagesReadOnly-messageRow": {
+    display: "flex",
+    alignItems: "center"
+  },
+  "& .EveliCustomerMessagesReadOnly-senderInfo": {
+    fontWeight: "bold !important"
+    //TODO figure out a better way with cardThemeConfig
+  },
+  "& .EveliCustomerMessagesReadOnly-frontdeskAvatar": {
+    border: `1px solid ${$n("#caf0f8", 0.1)}`,
+    backgroundColor: "#caf0f8",
+    marginRight: e.spacing(1),
+    boxShadow: "0px 2px 4px rgba(0, 0, 0, 0.1)"
+  },
+  "& .EveliCustomerMessagesReadOnly-customerAvatar": {
+    border: `1px solid ${$n("#ecf39e", 0.1)}`,
+    backgroundColor: "#ecf39e",
+    marginRight: e.spacing(1),
+    boxShadow: "0px 2px 4px rgba(0, 0, 0, 0.1)"
+  },
+  "& .EveliCustomerMessagesReadOnly-frontdeskMessageBody": {
+    flexGrow: 1,
+    backgroundColor: "#caf0f8",
+    borderRadius: "20px",
+    padding: e.spacing(1),
+    border: `1px solid ${$n("#caf0f8", 0.1)}`,
+    boxShadow: "0px 2px 4px rgba(0, 0, 0, 0.1)"
+  },
+  "& .EveliCustomerMessagesReadOnly-customerMessageBody": {
+    flexGrow: 1,
+    backgroundColor: "#ecf39e",
+    borderRadius: "20px",
+    padding: e.spacing(1),
+    border: `1px solid ${$n("#ecf39e", 0.1)}`,
+    boxShadow: "0px 2px 4px rgba(0, 0, 0, 0.1)"
+  },
+  "& .MuiSvgIcon-root": {
+    fontSize: "10pt",
+    marginRight: e.spacing(1),
+    marginLeft: e.spacing(1)
+  }
+})), Fie = () => He({
+  container: ["container"],
+  messageRow: ["messageRow"],
+  senderInfo: ["senderInfo"],
+  frontdeskAvatar: ["frontdeskAvatar"],
+  customerAvatar: ["customerAvatar"],
+  frontdeskMessageBody: ["frontdeskMessageBody"],
+  customerMessageBody: ["customerMessageBody"]
 }, (n) => Ue(eR, n), {}), Mie = (e) => {
   const [t, n] = C.useState(), { getTask: a } = ve("worker/rest/api/tasks/$taskId.GET", {}), [r, s] = C.useState(!1), [o, l] = C.useState({}), [c, u] = C.useState(), [d, p] = C.useState("default"), m = BN(r)[d], h = (k) => {
     l((w) => ({
@@ -70758,7 +70758,7 @@ const wie = ({ ...e }) => {
             Sa,
             {
               id: "task_main",
-              editDialog: c === "task_main" && /* @__PURE__ */ i(Tie, { task: t, open: !0, onClose: v }),
+              editDialog: c === "task_main" && /* @__PURE__ */ i(lie, { task: t, open: !0, onClose: v }),
               onDoubleClick: () => A("task_main"),
               isMenu: !0,
               title: `Task: ${t.taskRef}`,
@@ -70775,14 +70775,14 @@ const wie = ({ ...e }) => {
                     style: m,
                     value: /* @__PURE__ */ E(R, { display: "flex", justifyContent: "space-between", children: [
                       b(t.dueDate),
-                      /* @__PURE__ */ i(wie, { task: t, style: m })
+                      /* @__PURE__ */ i(pie, { task: t, style: m })
                     ] })
                   }
                 ),
                 /* @__PURE__ */ i(ka, { label: "Customer name", value: t.clientIdentificator ? t.clientIdentificator : "NONE", style: m }),
                 /* @__PURE__ */ i(ka, { label: "Subject", value: t.subject, style: m }),
                 /* @__PURE__ */ i(ka, { label: "Info", value: t.additionalInfo, style: m }),
-                /* @__PURE__ */ i(YN, { task: t }),
+                /* @__PURE__ */ i(GN, { task: t }),
                 /* @__PURE__ */ i(Se, { open: !1 })
               ]
             }
@@ -70822,9 +70822,9 @@ const wie = ({ ...e }) => {
               flashy: g("status-priority"),
               onToggleFlashy: () => h("status-priority"),
               children: /* @__PURE__ */ E(Rt, { direction: "column", height: "100%", children: [
-                /* @__PURE__ */ i(Nie, { style: m }),
+                /* @__PURE__ */ i(Eie, { style: m }),
                 /* @__PURE__ */ i(rt, { sx: { my: 1 } }),
-                /* @__PURE__ */ i(Aie, { style: m })
+                /* @__PURE__ */ i(mie, { style: m })
               ] })
             }
           ) }),
@@ -70839,7 +70839,7 @@ const wie = ({ ...e }) => {
               flashy: g("assignees-roles"),
               onToggleFlashy: () => h("assignees-roles"),
               children: [
-                /* @__PURE__ */ i(Ul, { label: "Roles", value: /* @__PURE__ */ i(nie, { task: t }), style: m }),
+                /* @__PURE__ */ i(Ul, { label: "Roles", value: /* @__PURE__ */ i(wie, { task: t }), style: m }),
                 /* @__PURE__ */ i(rt, { sx: { my: 1 } }),
                 /* @__PURE__ */ i(Ul, { label: "Assigned to", value: /* @__PURE__ */ i(eie, { task: t }), style: m })
               ]
@@ -70850,14 +70850,14 @@ const wie = ({ ...e }) => {
             {
               id: "customer_messages",
               title: "Customer messages",
-              editDialog: c === "customer_messages" && /* @__PURE__ */ i(bie, { task: t, open: !0, onClose: v }),
+              editDialog: c === "customer_messages" && /* @__PURE__ */ i(Nie, { task: t, open: !0, onClose: v }),
               onDoubleClick: () => A("customer_messages"),
               isMenu: !0,
               startAdornmentIcon: /* @__PURE__ */ i(Wa, { icon: MO }),
               styleVariant: d,
               flashy: g("customer_messages"),
               onToggleFlashy: () => h("customer_messages"),
-              children: /* @__PURE__ */ i(Rt, { direction: "column", children: /* @__PURE__ */ i(uie, { task: t, style: m }) })
+              children: /* @__PURE__ */ i(Rt, { direction: "column", children: /* @__PURE__ */ i(Oie, { task: t, style: m }) })
             }
           ) }),
           /* @__PURE__ */ i(oe, { size: r ? _t.singleCol : _t[d], children: /* @__PURE__ */ i(
@@ -70870,7 +70870,7 @@ const wie = ({ ...e }) => {
               styleVariant: d,
               flashy: g("files"),
               onToggleFlashy: () => h("files"),
-              children: /* @__PURE__ */ i(oie, { task: t, style: m })
+              children: /* @__PURE__ */ i(iie, { task: t, style: m })
             }
           ) }),
           /* @__PURE__ */ i(oe, { size: r ? _t.singleCol : _t[d], children: /* @__PURE__ */ i(
@@ -70883,7 +70883,7 @@ const wie = ({ ...e }) => {
               styleVariant: d,
               flashy: g("feedback"),
               onToggleFlashy: () => h("feedback"),
-              children: /* @__PURE__ */ i(rie, { task: t, style: m })
+              children: /* @__PURE__ */ i(nie, { task: t, style: m })
             }
           ) }),
           /* @__PURE__ */ i(oe, { size: r ? _t.singleCol : _t[d], children: /* @__PURE__ */ i(
@@ -70896,7 +70896,7 @@ const wie = ({ ...e }) => {
               styleVariant: d,
               flashy: g("notes"),
               onToggleFlashy: () => h("notes"),
-              children: /* @__PURE__ */ i(Oie, { task: t, style: m })
+              children: /* @__PURE__ */ i(vie, { task: t, style: m })
             }
           ) }),
           /* @__PURE__ */ i(oe, { size: r ? _t.singleCol : _t[d], children: /* @__PURE__ */ E(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxs-ts/eveli-ide",
-  "version": "0.0.431",
+  "version": "0.0.432",
   "homepage": "https://github.com/digiexpress-io/digiexpress-parent",
   "main": "build/index.js",
   "types": "build/index.d.ts",