@apia/theme 4.0.45 → 5.0.0

package/dist/{index-Xe8KO81h.js → index-Rlqjgy-g.js}

@@ -1,12 +1,12 @@
+import { Box, ThemeUIProvider, useThemeUI, ThemeProvider } from 'theme-ui';
 import cloneDeep from 'lodash-es/cloneDeep';
 import tinycolor from 'tinycolor2';
 import merge from 'lodash-es/merge';
 import { jsxs, jsx, Fragment } from 'theme-ui/jsx-runtime';
-import { Box, ThemeUIProvider, useThemeUI, ThemeProvider } from 'theme-ui';
 import { forwardRef, useState, useRef, useMemo, Suspense } from 'react';
 import '@theme-ui/match-media';
 import { useMount, setValueByPath, EventEmitter } from '@apia/util';
-import { spacing as spacing$1, responsive as responsive$2, getOneColorState as getOneColorState$1, focusOutline as focusOutline$1, getColorsAndStatesByPath as getColorsAndStatesByPath$1 } from '@apia/theme';
+import { spacing as spacing$1, responsive as responsive$2, getOneColorState as getOneColorState$1, focusOutline as focusOutline$1, getColorsAndStatesByPath as getColorsAndStatesByPath$1, get } from '@apia/theme';
 import { keyframes } from '@emotion/react';
 
 function defaultLighten(color, ratio) {
@@ -2616,12 +2616,81 @@ const deletableInput = {
   }
 };
 
+const formGrid = {
+  display: "grid",
+  gridTemplateColumns: "1fr 1fr 1fr",
+  gap: 5,
+  ".fieldLabel__label": {
+    whiteSpace: "nowrap",
+    textOverflow: "ellipsis",
+    overflow: "hidden"
+  },
+  ".fieldLabel": {
+    overflow: "hidden",
+    "& > div": {
+      display: "flex",
+      alignItems: "center"
+    },
+    ".autocomplete__keyhandler": {
+      width: "100%"
+    }
+  },
+  ".fieldLabel__error": {
+    color: "palette.error.main",
+    fontWeight: "bold"
+  },
+  ".field_with_error": {
+    input: {
+      // ...getfield <---- poner aqcá los estilos de error
+    }
+  },
+  ".span_all": {
+    gridColumn: "span 3"
+  },
+  ".extra_gap": {
+    marginY: 6
+  },
+  ".error": {
+    input: {
+      borderLeft: "8px solid darkred !important"
+    }
+  },
+  ".gap_before": {
+    marginTop: 6
+  },
+  ".gap_after": {
+    marginBottom: 6
+  },
+  ".checkbox": {
+    display: "flex",
+    gap: 4,
+    flexDirection: "row-reverse",
+    alignItems: "center",
+    justifyContent: "start",
+    "& > *": {
+      flexShrink: 0
+    }
+  },
+  ".span_with_boxes": {
+    alignItems: "start",
+    gridColumn: "span 3",
+    display: "flex",
+    flexDirection: "column",
+    gap: 4,
+    ".boxes": {
+      display: "flex",
+      gap: 4
+    }
+  }
+};
+
 const forms$1 = (theme) => {
   return {
     checkbox,
     customCheckbox,
     dateInput,
     deletableInput,
+    formGrid,
     iconInput,
     input,
     label,
@@ -2762,12 +2831,14 @@ const apiaApi = {
 };
 
 const confirm = {
-  display: "flex",
-  flexDirection: "column",
-  gap: spacing$1(6),
-  height: "100%",
-  width: "100%",
-  overflow: "auto",
+  "&.confirm[class]": {
+    display: "flex",
+    flexDirection: "column",
+    gap: spacing$1(6),
+    height: "100%",
+    width: "100%",
+    overflow: "auto"
+  },
   ".confirm__content": {
     overflow: "auto",
     flexBasis: "100%",
@@ -3464,7 +3535,14 @@ const primary$4 = (theme) => {
             height: "30px",
             padding: "3px",
             border: "none",
-            background: "transparent"
+            background: "transparent",
+            svg: {
+              transform: "rotate(0deg)",
+              transition: "transform 200ms"
+            },
+            "&.expanded svg": {
+              transform: `rotate(90deg)`
+            }
           }
         },
         "&.locked": {
@@ -4550,6 +4628,9 @@ const accordion = {
       borderTop: "1px solid",
       borderTopColor: "palette.border.ghost"
     },
+    ".accordion__item__content": {
+      background: "palette.background.paper"
+    },
     ".accordion__item__content > *": {
       p: 4,
       boxShadow: "default",
@@ -5346,268 +5427,854 @@ const scheduler = {
   /* PREPEND HERE */
 };
 
-const components = {
-  /* PREPEND HERE */
-  accordion,
-  autocomplete,
-  datePicker,
-  pagination,
-  chat: chat$1,
-  scheduler,
-  toolbar,
-  aiMessage,
-  infoButton,
-  filters,
-  fileCard
-};
-
-const labelBox = {
-  alignItems: "center",
-  border: "1px solid",
-  borderColor: "palette.border.field",
-  display: "flex",
-  gap: spacing$1(3),
-  justifyContent: "space-between",
-  p: spacing$1(3),
-  pl: spacing$1(5),
-  "&.selected": {
-    background: (theme) => getOneColorState$1("palette.background.paper", "selected", theme.palette)
-  },
-  "& > .labelAndIcon": {
+const permissions = {
+  ".uploader__permissions_selection": {
     display: "flex",
-    alignItems: "center",
-    gap: spacing$1(3),
-    "& ~ div button": {
-      border: "none"
+    flexDirection: "row",
+    alignItems: "end",
+    gap: 4,
+    div: {
+      width: "100%"
     },
-    svg: {
-      minHeight: "iconMd",
-      minWidth: "iconMd"
+    select: {
+      width: "100%"
     },
-    "&:last-of-type": {
-      textAlign: "right"
+    button: {
+      width: "70%"
+    },
+    span: {
+      fontWeight: "normal"
+    }
+  },
+  ".permissions__list": {
+    display: "flex",
+    flexDirection: "column",
+    gap: 3,
+    ul: {
+      borderRadius: "default",
+      border: "1px solid",
+      borderColor: "palette.border.field",
+      background: "palette.background.paper"
     }
   }
 };
 
-const boxes = {
-  labelBox
-  /* PREPEND HERE */
-};
-
-const formsAssistant = {
-  modalRow: {
-    "&": {
-      position: "relative",
-      'div[data-variant="layout.ai.execution.formsAssistant.buttonsDiv"]': {
-        position: "absolute",
-        top: "7%",
-        right: "15%"
-      }
-    }
+const collapsiblePanel = {
+  ".collapsiblePanel": {
+    display: "flex",
+    flexDirection: "column"
   },
-  modal: {
-    'div[class="modal__main"]': { position: "relative" },
-    'div[data-variant="layout.ai.execution.formsAssistant.buttonsDiv"]': {
-      position: "absolute",
-      top: "5.4%",
-      right: "17%"
+  ".collapsiblePanel__label": {
+    "& span": {
+      fontWeight: 700
+    },
+    "& button > span": {
+      fontWeight: "normal"
     }
   },
-  buttonsDiv: {
+  ".collapsiblePanel__label__button": {
     display: "flex",
-    justifyContent: "end",
-    gap: 2,
     alignItems: "center",
-    "button.manualButton:nth-child(2)": {
-      marginLeft: "auto"
+    width: "100%",
+    justifyContent: "space-between",
+    '&[aria-expanded="false"]': {
+      borderBottom: "1px solid #e1e1e1"
     }
   },
-  settingsButton: {
-    variant: "buttons.icon-outline",
-    border: "none"
-  },
-  openTextarea: {
-    position: "fixed",
-    bottom: "1%",
-    right: "0.5%",
-    zIndex: 1200
+  ".collapsiblePanel__content": {
+    "&>div": {
+      display: "flex",
+      flexDirection: "column",
+      gap: 3,
+      border: "1px solid",
+      borderColor: "palette.border.field",
+      padding: 4,
+      borderRadius: "default",
+      background: "inherit",
+      boxShadow: "neum"
+    }
+  }
+};
+const defaultView = {
+  "&.uploader__container": {
+    display: "flex",
+    flexDirection: "column",
+    gap: 4,
+    overflow: "auto",
+    'button[data-variant="outline"]': {
+      boxShadow: "sharp"
+    }
   },
-  tableText: { wordBreak: "normal" },
-  thModal: { whiteSpace: "nowrap" },
-  genericWindowDragger: {
-    maxWidth: "600px",
-    maxHeight: "455px",
-    zIndex: "1200",
-    bottom: "49px",
-    right: "11px"
+  ".uploader__content": {
+    display: "flex",
+    flexDirection: "column",
+    gap: 4,
+    overflow: "auto",
+    p: 2,
+    overflowX: "hidden"
   },
-  customGridWindowDragger: {
-    variant: "layout.ai.execution.formsAssistant.genericWindowDragger",
-    bottom: "auto",
-    right: "auto",
-    ".tooltip__wrapper": {
-      padding: "0px"
+  "& label": {
+    display: "flex",
+    flexDirection: "column",
+    gap: 2,
+    span: {
+      fontWeight: 700
     }
   },
-  floatingWindow: {
-    p: 5,
+  ".uploader__file_selection": {
     display: "flex",
-    flexDirection: "column",
-    gap: 5,
-    background: "palette.background.paper",
-    border: "1px solid",
-    borderColor: "palette.border.section",
-    minWidth: "478px",
-    'input[type="file"]': {
-      display: "none"
-    },
-    ".gpt__buttonsContainer": {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "end",
-      gap: 1
-    },
-    'button[data-variant="icon-outline-danger"]': {
-      border: "none"
-    },
-    ".gpt__form": {
-      flexDirection: "column",
-      display: "flex",
-      gap: 2
-    },
-    ".formsAssistant__closeButton": {
-      borderRadius: "5px",
-      top: "-7px",
-      right: "-7px",
-      position: "absolute"
+    flexDirection: "row",
+    gap: 3,
+    alignItems: "center",
+    alignContent: "center",
+    width: "100%",
+    ".autocomplete": {
+      width: "100%"
     },
-    ".history": {
-      height: "200px",
-      overflow: "hidden",
+    ".uploader__file_infoBtn": {
+      height: "48px",
+      width: "48px",
+      p: 0,
       display: "flex"
-    },
-    ".autoscrollContainer": { overflow: "auto" }
+    }
   },
-  phoneCase: {
-    p: 5,
+  ".uploader__dropzone_description_section": {
     display: "flex",
     flexDirection: "column",
-    gap: 5,
-    background: "palette.background.paper",
+    gap: 3,
+    background: "inherit",
+    padding: 4,
+    borderRadius: "default",
     border: "1px solid",
-    borderColor: "palette.border.section",
-    height: "100%",
-    justifyContent: "space-between",
-    'input[type="file"]': {
-      display: "none"
+    borderColor: "palette.border.field",
+    boxShadow: "neum"
+  },
+  ".uploader__dropzone": {
+    display: "grid",
+    flexDirection: "column",
+    gap: 3,
+    width: " 100%",
+    position: "relative",
+    ".dropzone__container[class]": {
+      height: "100%"
     },
-    ".gpt__buttonsContainer": {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "end",
-      gap: 1
+    ".dropzone": {
+      height: "50px"
     },
-    'button[data-variant="icon-outline-danger"]': {
-      border: "none"
-    },
-    'div[data-variant="layout.common.components.chat"]': {
-      minHeight: "60%"
-    },
-    'div[data-variant="layout.common.components.chat"] + div': {
+    ".uploader__dropzone_actions": {
+      display: "flex",
+      flexDirection: "row",
+      gap: 3,
+      button: {
+        width: "50%"
+      }
+    }
+  },
+  ".uploader__directory": {
+    ".collapsiblePanel__content": {
+      "&>div": {
+        position: "relative"
+      },
+      ".uploader__directory__clear-directory": {
+        position: "sticky",
+        top: 0,
+        alignSelf: "end",
+        width: "20px",
+        height: "20px",
+        p: 3
+      }
+    }
+  },
+  ...collapsiblePanel,
+  ...permissions,
+  ".mobxtree": {
+    background: "white",
+    border: "1px solid",
+    borderColor: "palette.border.field",
+    borderRadius: "default",
+    padding: "5px"
+  },
+  ".metadata__container": {
+    outline: "none!important",
+    display: "flex",
+    flexDirection: "column",
+    gap: "12px",
+    background: "palette.background.paper",
+    padding: 3,
+    borderRadius: "default",
+    border: "1px solid",
+    borderColor: "palette.border.field",
+    ".metadata__table_container": {
       width: "100%",
-      height: "29%"
+      maxHeight: "310px",
+      overflowY: "auto",
+      display: "block",
+      boxSizing: "border-box",
+      position: "relative",
+      table: {
+        width: "100%",
+        borderCollapse: "collapse",
+        tableLayout: "fixed",
+        boxSizing: "border-box",
+        td: { borderLeft: 0, borderRight: 0 },
+        "tr:last-child td:first-child": {
+          borderBottomLeftRadius: "default"
+        },
+        "tr:last-child td:last-child": {
+          borderBottomRightRadius: "default"
+        }
+      },
+      th: {
+        position: "sticky",
+        top: 0,
+        backgroundColor: "palette.background.paper",
+        zIndex: 2,
+        border: "none",
+        borderBottom: "1px solid #ccc",
+        padding: "8px",
+        textAlign: "left"
+      },
+      tbody: {
+        ".selected": {
+          background: "palette.gray.900"
+        },
+        td: {
+          padding: 3,
+          borderBottom: "1px solid #ececec",
+          verticalAlign: "top"
+        },
+        ".iconButton": {
+          border: "none"
+        }
+      },
+      ".metadata__render_container": {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "start",
+        position: "relative",
+        minHeight: "50px",
+        ".requiredMark": {
+          color: "danger",
+          position: "absolute",
+          left: "-9px"
+        },
+        ".errorRequired": {
+          color: "danger"
+        }
+      }
     },
-    ".gpt__form": {
-      flexDirection: "column",
+    ".metadata__actions": {
       display: "flex",
-      gap: 2,
-      height: "100%"
+      flexDirection: "row",
+      gap: 3
     },
-    ".formsAssistant__closeButton": {
-      borderRadius: "5px",
-      top: "-7px",
-      right: "-7px",
-      position: "absolute"
+    ".addMetadata, .deleteMetadata": {
+      height: "30px",
+      width: "30px",
+      p: "0px"
+    }
+  }
+};
+
+const infoModal = {
+  minWidth: "550px",
+  display: "flex",
+  flexDirection: "column",
+  gap: 3,
+  ...collapsiblePanel,
+  button: {
+    cursor: "pointer"
+  },
+  table: {
+    width: "100%",
+    span: {
+      fontWeight: "bold"
     },
-    ".history": {
-      height: "200px",
-      overflow: "hidden",
-      display: "flex"
+    button: {
+      boxShadow: "none",
+      color: "palette.text.primary",
+      background: "inherit"
     },
-    ".autoscrollContainer": { overflow: "auto" }
+    "tr > td:first-of-type": {
+      width: "50%"
+    },
+    ".table__buttons": {
+      display: "flex",
+      gap: 3
+    }
   },
-  configurationTable: {
-    variant: "layout.common.tables.information",
-    "th:last-of-type": {
-      width: "100px"
+  ".allPermissions": {
+    background: "palette.background.paper",
+    display: "flex",
+    flexDirection: "row",
+    gap: 3,
+    alignItems: "center",
+    borderRadius: "default",
+    border: "1px solid",
+    borderColor: "palette.gray.800",
+    p: 4,
+    width: "100%",
+    div: { width: "100%" },
+    select: { width: "100%" }
+  },
+  ".permissions__list": {
+    display: "flex",
+    flexDirection: "column",
+    gap: 3,
+    ul: {
+      borderRadius: "default",
+      border: "1px solid",
+      borderColor: "palette.gray.800",
+      background: "palette.background.paper"
     }
   },
-  overrideTable: {
-    ".attTitle": { fontWeight: "bold" },
-    'div[role="dialog"]': {
-      width: "95vw"
+  ".doc_info_table_container": {
+    display: "flex",
+    flexDirection: "column",
+    gap: "12px",
+    background: "palette.background.paper",
+    padding: 3,
+    borderRadius: "default",
+    border: "1px solid",
+    borderColor: "palette.gray.800"
+  },
+  ".doc_info_table": {
+    width: "100%",
+    maxHeight: "310px",
+    overflowY: "auto",
+    boxSizing: "border-box",
+    position: "relative",
+    th: {
+      position: "sticky",
+      top: 0,
+      backgroundColor: "palette.background.paper",
+      zIndex: 2,
+      border: "none",
+      borderBottom: "1px solid #ccc",
+      padding: "8px",
+      textAlign: "left",
+      width: "50%"
     },
-    ".confirmNewValues": {
-      variant: "layout.common.tables.information",
-      tableLayout: "fixed",
-      width: "100%",
-      'div[role="dialog"]': {
-        width: "95vw"
+    tbody: {
+      ".selected": {
+        background: "palette.gray.900"
       },
-      "& thead": {
-        th: {
-          width: "50%"
-        },
-        "th:last-of-type": {
-          width: "100px"
-        },
-        "th:first-of-type": {
-          width: "199px"
-        }
+      td: {
+        padding: 3,
+        borderBottom: "1px solid #ececec",
+        verticalAlign: "top"
       },
-      "& tbody": {
-        "td:last-of-type": {
-          textAlign: "center"
-        }
+      ".iconButton": {
+        border: "none"
       }
+    },
+    button: {
+      justifyContent: "start",
+      width: "100%"
+    }
+  },
+  ".versions_table": {
+    "thead tr th:first-of-type, tbody tr td:first-of-type": {
+      width: "100px",
+      textAlign: "center"
     }
   }
 };
 
-const execution = {
-  formsAssistant
+const dropzone = {
+  display: "flex",
+  flexDirection: "row",
+  p: 4,
+  borderRadius: "default",
+  padding: "0px!important",
+  border: "1px solid",
+  borderColor: "palette.border.field",
+  height: "51px",
+  alignItems: "center",
+  width: "100%",
+  background: "palette.background.paper",
+  position: "relative",
+  backgroundImage: (t) => `repeating-linear-gradient(45deg, 
+  ${get(t, "colors.dropzone.color")}, 
+  ${get(t, "colors.dropzone.color")} 3px, 
+  ${get(t, "colors.dropzone.backgroundColor")} 3px, 
+  ${get(t, "colors.dropzone.backgroundColor")} 12px)`,
+  ":focus-within": {
+    outlineColor: "outlineColor",
+    outlineWidth: "3px",
+    outlineOffset: "-3px",
+    outlineStyle: "solid",
+    borderColor: "transparent"
+  },
+  ".dropzone": {
+    backgroundSize: "200% 200%",
+    display: "flex",
+    flex: "1",
+    flexDirection: "column",
+    alignItems: "center",
+    justifyContent: "center",
+    fontWeight: "normal",
+    border: "none",
+    wordBreak: "break-word",
+    overflow: "hidden",
+    margin: "3px",
+    height: "calc( 100% - 6px)",
+    padding: 0,
+    width: "inherit",
+    borderTopLeftRadius: "7px",
+    borderBottomLeftRadius: "7px",
+    ":hover": {
+      cursor: "pointer",
+      animation: `${keyframes({
+        "100%": { backgroundPosition: "100% 100%" }
+      })} 20s linear infinite`,
+      "&:disabled": { animation: "none" }
+    },
+    ":focus": {
+      outline: "none"
+    },
+    ".progressBar": {
+      position: "absolute",
+      top: 0,
+      left: 0,
+      right: 0,
+      borderRadius: "7px",
+      backgroundColor: "#8080807a",
+      transition: "width 0.5s ease-in-out"
+    }
+  },
+  ".info": {
+    height: "100%",
+    border: "none",
+    borderTopLeftRadius: "0px",
+    borderBottomLeftRadius: "0px",
+    boxShadow: "none",
+    width: "49px",
+    ...getColorsAndStatesByPath$1("buttons.outline"),
+    background: "transparent",
+    svg: {
+      color: "#9f9f9f"
+    },
+    "&:focus": {
+      outline: "none"
+    }
+  }
   /* PREPEND HERE */
 };
 
-const connectors = {
-  testResult: {
-    td: {
-      verticalAlign: "middle !important",
-      "&.title": {
-        fontWeight: "bold",
-        textAlign: "center"
+const verifySignModal = {
+  minWidth: "550px",
+  display: "flex",
+  flexDirection: "column",
+  gap: 3,
+  "&.verifysign__container": {
+    outline: "none!important",
+    display: "flex",
+    flexDirection: "column",
+    gap: "12px",
+    background: "palette.background.paper",
+    padding: 3,
+    borderRadius: "default",
+    border: "1px solid",
+    borderColor: "palette.gray.800",
+    ".verifysign__table_container": {
+      width: "100%",
+      maxHeight: "310px",
+      overflowY: "auto",
+      display: "block",
+      boxSizing: "border-box",
+      position: "relative",
+      table: {
+        borderCollapse: "collapse",
+        tableLayout: "fixed",
+        boxSizing: "border-box",
+        td: { borderLeft: 0, borderRight: 0 },
+        "tr:last-child td:first-child": {
+          borderBottomLeftRadius: "default"
+        },
+        "tr:last-child td:last-child": {
+          borderBottomRightRadius: "default"
+        }
       },
-      div: {
-        height: "1.5em",
-        width: "1.5em",
-        borderRadius: "100px",
-        mx: "auto"
+      th: {
+        position: "sticky",
+        top: 0,
+        backgroundColor: "palette.background.paper",
+        zIndex: 2,
+        border: "none",
+        borderBottom: "1px solid #ccc",
+        padding: "8px",
+        textAlign: "left"
       },
-      "&.success": {
-        p: 3,
-        div: { backgroundColor: "palette.success.main" }
+      "th:first-of-type": {
+        width: "200px"
       },
-      "&.error": {
-        p: 3,
-        div: { backgroundColor: "palette.error.main" }
+      tbody: {
+        ".selected": {
+          background: "palette.gray.900"
+        },
+        "tr > td:first-of-type": {
+          width: "20%"
+        },
+        td: {
+          padding: 3,
+          borderBottom: "1px solid #ececec",
+          verticalAlign: "top"
+        },
+        ".iconButton": {
+          border: "none"
+        }
       }
     }
   }
 };
 
-keyframes`
-0% {
+const filesList = {
+  display: "flex",
+  flexDirection: "row",
+  gap: "10px",
+  alignItems: "center",
+  flexWrap: "wrap",
+  "&.uploadedFiles": {
+    display: "grid",
+    gridTemplateColumns: "repeat(3, 1fr)",
+    gap: 3
+  },
+  ".file__icon": {
+    flexShrink: 0
+  }
+  /* PREPEND HERE */
+};
+
+const uploader = {
+  defaultView,
+  dropzone,
+  infoModal,
+  filesList,
+  permissions,
+  verifySignModal,
+  tooltip: {
+    display: "flex",
+    flexDirection: "column",
+    gap: 3,
+    ".head": {
+      textDecoration: "underline"
+    },
+    ".fileBtn": {
+      "&.disabled": {
+        cursor: "not-allowed",
+        backgroundColor: "form.fields.disabled.backgroundColor"
+      },
+      "&.readonly, &:redonly": {
+        // backgroundColor: 'form.fields.readonly.backgroundColor',
+        backgroundColor: "red!important"
+      }
+    }
+  }
+  /* PREPEND HERE */
+};
+
+const switchCard = {
+  "&.switch__card": {
+    display: "flex",
+    flexDirection: "row",
+    justifyContent: "space-between",
+    width: "100%",
+    borderBottom: "1px solid",
+    borderColor: "palette.border.field",
+    p: 4,
+    ".label__container": {
+      display: "flex",
+      flexDirection: "row",
+      gap: 3,
+      alignItems: "center",
+      whiteSpace: "nowrap",
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      span: {
+        flexShrink: 0
+      }
+    },
+    ".switch__container": {
+      display: "flex",
+      flexDirection: "row",
+      gap: 3,
+      alignItems: "center",
+      "& label": {
+        height: "21px"
+      },
+      input: {
+        display: "none"
+      }
+    }
+  }
+  /* PREPEND HERE */
+};
+
+const components = {
+  /* PREPEND HERE */
+  accordion,
+  autocomplete,
+  datePicker,
+  pagination,
+  chat: chat$1,
+  scheduler,
+  toolbar,
+  aiMessage,
+  infoButton,
+  filters,
+  fileCard,
+  uploader,
+  switchCard
+};
+
+const labelBox = {
+  alignItems: "center",
+  border: "1px solid",
+  borderColor: "palette.border.field",
+  display: "flex",
+  gap: spacing$1(3),
+  justifyContent: "space-between",
+  p: spacing$1(3),
+  pl: spacing$1(5),
+  "&.selected": {
+    background: (theme) => getOneColorState$1("palette.background.paper", "selected", theme.palette)
+  },
+  "& > .labelAndIcon": {
+    display: "flex",
+    alignItems: "center",
+    gap: spacing$1(3),
+    "& ~ div button": {
+      border: "none"
+    },
+    svg: {
+      minHeight: "iconMd",
+      minWidth: "iconMd"
+    },
+    "&:last-of-type": {
+      textAlign: "right"
+    }
+  }
+};
+
+const boxes = {
+  labelBox
+  /* PREPEND HERE */
+};
+
+const formsAssistant = {
+  modalRow: {
+    "&": {
+      position: "relative",
+      'div[data-variant="layout.ai.execution.formsAssistant.buttonsDiv"]': {
+        position: "absolute",
+        top: "7%",
+        right: "15%"
+      }
+    }
+  },
+  modal: {
+    'div[class="modal__main"]': { position: "relative" },
+    'div[data-variant="layout.ai.execution.formsAssistant.buttonsDiv"]': {
+      position: "absolute",
+      top: "5.4%",
+      right: "17%"
+    }
+  },
+  buttonsDiv: {
+    display: "flex",
+    justifyContent: "end",
+    gap: 2,
+    alignItems: "center",
+    "button.manualButton:nth-child(2)": {
+      marginLeft: "auto"
+    }
+  },
+  settingsButton: {
+    variant: "buttons.icon-outline",
+    border: "none"
+  },
+  openTextarea: {
+    position: "fixed",
+    bottom: "1%",
+    right: "0.5%",
+    zIndex: 1200
+  },
+  tableText: { wordBreak: "normal" },
+  thModal: { whiteSpace: "nowrap" },
+  genericWindowDragger: {
+    maxWidth: "600px",
+    maxHeight: "455px",
+    zIndex: "1200",
+    bottom: "49px",
+    right: "11px"
+  },
+  customGridWindowDragger: {
+    variant: "layout.ai.execution.formsAssistant.genericWindowDragger",
+    bottom: "auto",
+    right: "auto",
+    ".tooltip__wrapper": {
+      padding: "0px"
+    }
+  },
+  floatingWindow: {
+    p: 5,
+    display: "flex",
+    flexDirection: "column",
+    gap: 5,
+    background: "palette.background.paper",
+    border: "1px solid",
+    borderColor: "palette.border.section",
+    minWidth: "478px",
+    'input[type="file"]': {
+      display: "none"
+    },
+    ".gpt__buttonsContainer": {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "end",
+      gap: 1
+    },
+    'button[data-variant="icon-outline-danger"]': {
+      border: "none"
+    },
+    ".gpt__form": {
+      flexDirection: "column",
+      display: "flex",
+      gap: 2
+    },
+    ".formsAssistant__closeButton": {
+      borderRadius: "5px",
+      top: "-7px",
+      right: "-7px",
+      position: "absolute"
+    },
+    ".history": {
+      height: "200px",
+      overflow: "hidden",
+      display: "flex"
+    },
+    ".autoscrollContainer": { overflow: "auto" }
+  },
+  phoneCase: {
+    p: 5,
+    display: "flex",
+    flexDirection: "column",
+    gap: 5,
+    background: "palette.background.paper",
+    border: "1px solid",
+    borderColor: "palette.border.section",
+    height: "100%",
+    justifyContent: "space-between",
+    'input[type="file"]': {
+      display: "none"
+    },
+    ".gpt__buttonsContainer": {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "end",
+      gap: 1
+    },
+    'button[data-variant="icon-outline-danger"]': {
+      border: "none"
+    },
+    'div[data-variant="layout.common.components.chat"]': {
+      minHeight: "60%"
+    },
+    'div[data-variant="layout.common.components.chat"] + div': {
+      width: "100%",
+      height: "29%"
+    },
+    ".gpt__form": {
+      flexDirection: "column",
+      display: "flex",
+      gap: 2,
+      height: "100%"
+    },
+    ".formsAssistant__closeButton": {
+      borderRadius: "5px",
+      top: "-7px",
+      right: "-7px",
+      position: "absolute"
+    },
+    ".history": {
+      height: "200px",
+      overflow: "hidden",
+      display: "flex"
+    },
+    ".autoscrollContainer": { overflow: "auto" }
+  },
+  configurationTable: {
+    variant: "layout.common.tables.information",
+    "th:last-of-type": {
+      width: "100px"
+    }
+  },
+  overrideTable: {
+    ".attTitle": { fontWeight: "bold" },
+    'div[role="dialog"]': {
+      width: "95vw"
+    },
+    ".confirmNewValues": {
+      variant: "layout.common.tables.information",
+      tableLayout: "fixed",
+      width: "100%",
+      'div[role="dialog"]': {
+        width: "95vw"
+      },
+      "& thead": {
+        th: {
+          width: "50%"
+        },
+        "th:last-of-type": {
+          width: "100px"
+        },
+        "th:first-of-type": {
+          width: "199px"
+        }
+      },
+      "& tbody": {
+        "td:last-of-type": {
+          textAlign: "center"
+        }
+      }
+    }
+  }
+};
+
+const execution = {
+  formsAssistant
+  /* PREPEND HERE */
+};
+
+const connectors = {
+  testResult: {
+    td: {
+      verticalAlign: "middle !important",
+      "&.title": {
+        fontWeight: "bold",
+        textAlign: "center"
+      },
+      div: {
+        height: "1.5em",
+        width: "1.5em",
+        borderRadius: "100px",
+        mx: "auto"
+      },
+      "&.success": {
+        p: 3,
+        div: { backgroundColor: "palette.success.main" }
+      },
+      "&.error": {
+        p: 3,
+        div: { backgroundColor: "palette.error.main" }
+      }
+    }
+  }
+};
+
+keyframes`
+0% {
 	transform: rotate(0);
 }
 
@@ -6071,420 +6738,889 @@ const semanticSearch = {
         flexDirection: "column",
         gap: spacing(6)
       },
-      ".list_item": {
-        borderRadius: "panel",
-        padding: spacing(7),
-        backgroundColor: "palette.background.paper",
-        boxShadow: "0px 4px 6px #0002",
-        border: "1px solid",
-        borderColor: "palette.border.ghost"
+      ".list_item": {
+        borderRadius: "panel",
+        padding: spacing(7),
+        backgroundColor: "palette.background.paper",
+        boxShadow: "0px 4px 6px #0002",
+        border: "1px solid",
+        borderColor: "palette.border.ghost"
+      },
+      ".references_container": {
+        borderTop: "1px solid",
+        borderTopColor: "palette.border.article",
+        display: "flex",
+        gap: spacing(6),
+        pt: spacing(5)
+      }
+    },
+    ".autogrow_textarea": {
+      maxHeight: "20vh",
+      width: "100%"
+    },
+    refsAccordion: {
+      variant: "layout.common.components.accordion.panels",
+      border: (theme) => `1px solid ${theme.palette.border.ghost}`,
+      refButton: {
+        variant: "buttons.paper"
+      },
+      "& .accordion__item__button": {
+        userSelect: "unset",
+        position: "sticky",
+        top: 0
+      }
+    }
+  }
+};
+
+const ai = {
+  connectors,
+  execution,
+  semanticSearch
+  /* PREPEND HERE */
+};
+
+const form$1 = {
+  /* PREPEND HERE */
+  alignItems: "center",
+  justifyContent: "center",
+  display: "flex",
+  gap: 0,
+  mx: "auto",
+  background: "palette.background.paper",
+  border: "1px solid",
+  borderColor: "palette.border.section",
+  borderRadius: "panel",
+  boxShadow: "0px 2px 6px #0002",
+  width: "100%",
+  p: spacing(3),
+  flexDirection: "column",
+  position: "relative",
+  ".chatButtons": {
+    display: "flex",
+    flexDirection: "row",
+    alignitems: "end",
+    justifyContent: "end",
+    position: "absolute",
+    bottom: "8px",
+    right: "4px"
+  },
+  "&:focus-within": focusOutline,
+  "& > *:focus[class]": {
+    outlineWidth: 0
+  },
+  ".filter_button_box": {
+    position: "relative"
+  },
+  ".applied_filters_label": {
+    position: "absolute",
+    bottom: "21px",
+    left: "20px",
+    minWidth: "10px",
+    maxHeight: "10px",
+    border: "2px solid white",
+    borderRadius: "100%",
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    backgroundColor: "palette.error.main"
+  },
+  ".searchTextArea": {
+    minHeight: "16px",
+    height: "16px",
+    width: "100%",
+    maxHeight: "30vh",
+    resize: "none",
+    py: 0,
+    background: "transparent",
+    border: "none"
+  },
+  ".ChatBarButton": {
+    borderRadius: "panel",
+    height: "34px",
+    width: "34px",
+    flexShrink: 0,
+    background: "transparent",
+    border: "none",
+    color: "palette.text.primary"
+  },
+  ".isRecording": {
+    borderRadius: "panel",
+    height: "34px",
+    width: "34px",
+    flexShrink: 0,
+    background: "transparent",
+    border: "none",
+    color: "red"
+  }
+};
+
+const history = {
+  /* PREPEND HERE */
+  display: "flex",
+  flexDirection: "column",
+  width: "100%",
+  gap: 4,
+  p: 3,
+  ".history_message__content": {
+    display: "flex",
+    flexDirection: "column",
+    gap: "16px",
+    div: {
+      padding: 0
+    },
+    h3: {
+      fontSize: "20px"
+    }
+  },
+  ".history_message": {
+    px: 4,
+    py: 5,
+    pt: 0,
+    maxWidth: "calc(100% - 50px)",
+    width: "fit-content",
+    wordWrap: "break-word",
+    whiteSpace: "pre-wrap",
+    borderRadius: "chatMessage",
+    minWidth: "50px",
+    "&.last": {
+      mb: 4
+    },
+    "&.user": {
+      "&.first": {
+        borderTopRightRadius: "0px"
+      },
+      "&.first:has(+ .first))": {
+        mb: 4
+      },
+      backgroundColor: "rgb(108 166 203)",
+      // TODO: Set the correct color, if necessary, define it in palette
+      color: "white",
+      // TODO: Set the correct color, if necessary, define it in palette
+      ".fileCard__content": {
+        color: "palette.text.primary"
+      },
+      border: "1px solid rgb(113 145 193)",
+      // TODO: Set the correct color, if necessary, define it in palette
+      alignSelf: "end",
+      display: "flex",
+      flexDirection: "column"
+    },
+    "&.system": {
+      "&.first": {
+        borderTopLeftRadius: "0px"
+      },
+      "&.first:has(+ .first))": {
+        mb: 4
       },
-      ".references_container": {
-        borderTop: "1px solid",
-        borderTopColor: "palette.border.article",
-        display: "flex",
-        gap: spacing(6),
-        pt: spacing(5)
-      }
+      backgroundColor: "#00bcff14",
+      // TODO: Set the correct color, if necessary, define it in palette
+      border: "1px solid rgb(0 28 38 / 18%)"
+      // TODO: Set the correct color, if necessary, define it in palette
     },
-    ".autogrow_textarea": {
-      maxHeight: "20vh",
-      width: "100%"
+    "&.warning": {
+      borderRadius: "chatMessage",
+      borderTopLeftRadius: "0px",
+      alignSelf: "start",
+      backgroundColor: "#ffff0024",
+      // TODO: Set the correct color, if necessary, define it in palette
+      width: "100%",
+      border: "1px solid rgb(0 28 38 / 18%)"
+      // TODO: Set the correct color, if necessary, define it in palette
     },
-    refsAccordion: {
-      variant: "layout.common.components.accordion.panels",
-      border: (theme) => `1px solid ${theme.palette.border.ghost}`,
-      refButton: {
-        variant: "buttons.paper"
-      },
-      "& .accordion__item__button": {
-        userSelect: "unset",
-        position: "sticky",
-        top: 0
+    "&.error": {
+      borderRadius: "chatMessage",
+      borderTopLeftRadius: "0px",
+      alignSelf: "start",
+      backgroundColor: "#fd84212b",
+      // TODO: Set the correct color, if necessary, define it in palette
+      width: "100%",
+      border: "1px solid rgb(0 28 38 / 18%)"
+      // TODO: Set the correct color, if necessary, define it in palette
+    },
+    "&.information": {
+      borderRadius: "chatMessage",
+      borderTopLeftRadius: "0px",
+      alignSelf: "start",
+      backgroundColor: "#00bcff14",
+      //'#2222cc2b',
+      width: "100%",
+      border: "1px solid rgb(0 28 38 / 18%)"
+      // TODO: Set the correct color, if necessary, define it in palette
+    }
+  },
+  ".history_message__attachments": {
+    display: "flex",
+    justifyContent: "flex-end",
+    ".labelBox": {
+      width: "max-content",
+      background: "#fafafa",
+      color: "palette.text.primary",
+      fontSize: "14px",
+      ".labelAndIcon ": {
+        fontSize: "14px"
       }
     }
   }
 };
 
-const ai = {
-  connectors,
-  execution,
-  semanticSearch
+const controller = {
   /* PREPEND HERE */
+  display: "flex",
+  flexDirection: "column",
+  alignItems: "stretch",
+  height: "100%",
+  gap: 3,
+  flexBasis: "50vh",
+  flexGrow: 1,
+  ".autoscrollContainer": {
+    flexGrow: 1,
+    flexShrink: 1,
+    overflow: "auto"
+  },
+  ".search_controls": {
+    flexShrink: 0
+  },
+  ".assistantHistory": {
+    flexGrow: 1,
+    overflow: "auto",
+    maxHeight: "77vh"
+  }
 };
 
-const form$1 = {
+const attachments = {
   /* PREPEND HERE */
   alignItems: "center",
-  justifyContent: "center",
   display: "flex",
-  gap: 0,
-  mx: "auto",
-  background: "palette.background.paper",
-  border: "1px solid",
-  borderColor: "palette.border.section",
-  borderRadius: "panel",
-  boxShadow: "0px 2px 6px #0002",
-  width: "100%",
-  p: spacing(3),
-  flexDirection: "column",
-  position: "relative",
-  ".chatButtons": {
+  flexDirection: responsive$2({ 0: "column", 3: "row" }),
+  flexWrap: "wrap",
+  gap: spacing$1(3),
+  ".attachments__more_button": {
+    border: "1px solid",
+    borderColor: "palette.border.article",
+    borderRadius: "elementBox",
+    boxShadow: "sharp",
+    p: 2
+  },
+  ".file_box": {
+    alignItems: "center",
+    border: "1px solid",
+    borderColor: "palette.border.article",
+    borderRadius: "elementBox",
+    boxShadow: "sharp",
     display: "flex",
-    flexDirection: "row",
-    alignitems: "end",
-    justifyContent: "end",
+    gap: spacing$1(3),
+    width: responsive$2({
+      0: "100%",
+      3: "min(90vw, 200px)"
+    }),
+    p: 2
+  },
+  ".file_box__icon": {
+    flexShrink: 0
+  },
+  ".file_box__name": {
+    boxSizing: "border-box",
+    flexGrow: 1,
+    margin: "0px",
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap"
+  },
+  ".file_box__remove": {
+    flexShrink: 0,
+    p: 4
+  }
+};
+
+const message = {
+  position: "relative",
+  display: "flex",
+  flexDirection: "column",
+  ".closeButton": {
+    borderRadius: "5px",
+    right: "0px",
+    top: "-2px",
+    zIndex: "15",
     position: "absolute",
-    bottom: "8px",
-    right: "4px"
+    variant: "buttons.icon-outline-danger"
+  },
+  genericBox: {
+    margin: "10px",
+    display: "flex",
+    flexDirection: "column",
+    justifyContent: "space-between",
+    alignItems: "center",
+    padding: "12px"
+  },
+  fileName: {
+    bottom: "4px",
+    right: "4px",
+    fontSize: "12px",
+    color: "#333",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap",
+    overflow: "hidden",
+    width: "inherit",
+    textAlign: "center",
+    px: "5px"
+  },
+  textBox: {
+    variant: "layout.common.components.aiMessage.genericBox",
+    width: "50px",
+    padding: "10px",
+    backgroundColor: "#fff",
+    border: "1px solid #ddd",
+    borderRadius: "4px",
+    position: "relative"
+  },
+  textSnippet: {
+    bottom: "4px",
+    right: "4px",
+    fontSize: "12px",
+    color: "#555"
+  }
+};
+
+const assistant = {
+  floatingAssistant: {
+    "& div.modal__content[class]": {
+      p: 3,
+      width: "min(90vw, 500px)"
+    },
+    ".modal__main": {
+      maxWidth: "unset",
+      overflow: "hidden"
+    },
+    "#floatingAssistant": {
+      minWidth: "500px"
+    }
+  }
+};
+
+const chat = {
+  /* PREPEND HERE */
+  assistant,
+  form: form$1,
+  history,
+  controller,
+  attachments,
+  message
+};
+
+const markdown = {
+  padding: "0 24px 32px 24px",
+  "h1, h2, h3, h4, h5, h6": {
+    margin: "32px 0px 20px 0px",
+    "& *": {
+      fontSize: "inherit",
+      fontWeight: "inherit",
+      fontFamily: "inherit"
+    }
+  },
+  blockquote: {
+    fontStyle: "italic"
+  },
+  table: {
+    variant: "layout.common.tables.secondary",
+    thead: {
+      zIndex: 0
+    }
   },
-  "&:focus-within": focusOutline,
-  "& > *:focus[class]": {
-    outlineWidth: 0
+  h2: {
+    display: "block",
+    borderBottom: "2px solid hsl(195deg 10% 49% / 50%)",
+    paddingBottom: "16px"
   },
-  ".filter_button_box": {
-    position: "relative"
+  h3: {
+    textDecoration: "underline"
   },
-  ".applied_filters_label": {
-    position: "absolute",
-    bottom: "21px",
-    left: "20px",
-    minWidth: "10px",
-    maxHeight: "10px",
-    border: "2px solid white",
-    borderRadius: "100%",
-    display: "inline-flex",
-    alignItems: "center",
-    justifyContent: "center",
-    backgroundColor: "palette.error.main"
+  h4: {
+    fontSize: "20px"
   },
-  ".searchTextArea": {
-    minHeight: "16px",
-    height: "16px",
-    width: "100%",
-    maxHeight: "30vh",
-    resize: "none",
-    py: 0,
-    background: "transparent",
-    border: "none"
+  ul: {
+    listStyle: "unset",
+    listStyleType: "disc",
+    margin: "unset",
+    padding: "unset",
+    paddingLeft: "20px",
+    paddingBottom: "16px"
   },
-  ".ChatBarButton": {
-    borderRadius: "panel",
-    height: "34px",
-    width: "34px",
-    flexShrink: 0,
-    background: "transparent",
-    border: "none",
-    color: "palette.text.primary"
+  "ol + ul, ul + ul, ol ul, ul ul": {
+    paddingLeft: "72px"
   },
-  ".isRecording": {
-    borderRadius: "panel",
-    height: "34px",
-    width: "34px",
-    flexShrink: 0,
-    background: "transparent",
-    border: "none",
-    color: "red"
+  "p, ul, ol, blockQuote, table": {
+    mt: "16px"
   }
 };
 
-const history = {
-  /* PREPEND HERE */
+const observations = {
+  bg: "white",
   display: "flex",
   flexDirection: "column",
-  width: "100%",
-  gap: 4,
-  p: 3,
-  ".history_message__content": {
+  gap: spacing$1(5),
+  background: "transparent",
+  borderRadius: "default",
+  ".currentObservations": {
     display: "flex",
+    gap: spacing$1(5),
     flexDirection: "column",
-    gap: "16px",
-    div: {
-      padding: 0
-    },
-    h3: {
-      fontSize: "20px"
-    }
-  },
-  ".history_message": {
-    px: 4,
-    py: 5,
-    pt: 0,
-    maxWidth: "calc(100% - 50px)",
-    width: "fit-content",
-    wordWrap: "break-word",
-    whiteSpace: "pre-wrap",
-    borderRadius: "chatMessage",
-    minWidth: "50px",
-    "&.last": {
-      mb: 4
-    },
-    "&.user": {
-      "&.first": {
-        borderTopRightRadius: "0px"
-      },
-      "&.first:has(+ .first))": {
-        mb: 4
+    borderRadius: "default",
+    ".observation": {
+      border: "1px solid",
+      borderColor: "palette.border.article",
+      borderRadius: "default",
+      ".observation__header": {
+        display: "flex",
+        flexWrap: "wrap",
+        gap: spacing$1(3),
+        alignItems: "center",
+        borderBottom: "1px solid",
+        borderColor: "palette.border.article",
+        p: spacing$1(5),
+        backgroundColor: "palette.background.paper",
+        ".icon__wrapper": {
+          svg: {
+            color: "favorite"
+          }
+        },
+        img: {
+          width: "18px",
+          height: "18px"
+        },
+        ".observation__header__block": {
+          display: "flex",
+          flexWrap: "nowrap",
+          gap: spacing$1(3)
+        },
+        ".observation__label": {
+          fontWeight: "900"
+        }
       },
-      backgroundColor: "rgb(108 166 203)",
-      // TODO: Set the correct color, if necessary, define it in palette
-      color: "white",
-      // TODO: Set the correct color, if necessary, define it in palette
-      ".fileCard__content": {
-        color: "palette.text.primary"
+      "&.marked .observation__header": {
+        borderLeft: "4px solid",
+        borderLeftColor: "notifications.warning.backgroundColor",
+        borderColor: "notifications.warning.backgroundColor",
+        backgroundColor: "notifications.warning.backgroundColor",
+        borderRadius: "default"
       },
-      border: "1px solid rgb(113 145 193)",
-      // TODO: Set the correct color, if necessary, define it in palette
-      alignSelf: "end",
+      ".observation__body": {
+        display: "flex",
+        gap: spacing$1(5),
+        p: spacing$1(5),
+        alignItems: "start",
+        ".observation__comment": {
+          width: "100%",
+          maxHeight: "calc(100vh - 130px)",
+          resize: "vertical",
+          '&[style*="height"]': {
+            maxHeight: "unset"
+          },
+          overflow: "auto",
+          pr: spacing$1(4)
+        }
+      }
+    }
+  },
+  ".checkboxes": {
+    alignItems: "center",
+    display: "flex",
+    flexWrap: "wrap",
+    gap: spacing$1(6),
+    ".checkbox": {
+      alignItems: "center",
       display: "flex",
-      flexDirection: "column"
+      gap: spacing$1(3)
+    }
+  },
+  ".observation": {
+    display: "flex",
+    flexDirection: "column",
+    span: {
+      fontWeight: "bold"
     },
-    "&.system": {
-      "&.first": {
-        borderTopLeftRadius: "0px"
-      },
-      "&.first:has(+ .first))": {
-        mb: 4
-      },
-      backgroundColor: "#00bcff14",
-      // TODO: Set the correct color, if necessary, define it in palette
-      border: "1px solid rgb(0 28 38 / 18%)"
-      // TODO: Set the correct color, if necessary, define it in palette
+    textarea: {
+      height: "140px"
+    }
+  },
+  ".alert": {
+    color: "palette.warning.main"
+  }
+  /* PREPEND HERE */
+};
+
+const dataGrid = {
+  variant: "grids.form",
+  display: responsive$2({ 0: "flex", 2: "grid" }),
+  flexDirection: "column",
+  gap: spacing$1(6),
+  alignItems: "start",
+  gridAutoRows: "none",
+  gridTemplateColumns: responsive$2({
+    0: "repeat(1, 1fr)",
+    2: "repeat(3, 1fr)",
+    4: "repeat(3, 1fr)",
+    5: "repeat(5, 1fr)"
+  }),
+  "& label": {
+    display: "block",
+    ".elementValue": {
+      fontWeight: "normal",
+      ".errorContainer": {
+        flexDirection: "column",
+        alignItems: "center",
+        div: {
+          position: "relative"
+        }
+      }
     },
-    "&.warning": {
-      borderRadius: "chatMessage",
-      borderTopLeftRadius: "0px",
-      alignSelf: "start",
-      backgroundColor: "#ffff0024",
-      // TODO: Set the correct color, if necessary, define it in palette
-      width: "100%",
-      border: "1px solid rgb(0 28 38 / 18%)"
-      // TODO: Set the correct color, if necessary, define it in palette
+    "&.identifier, &.calendar": {
+      gridColumn: responsive$2({ 0: "span 2", 5: "span 3", 6: "span 2" }),
+      div: {
+        display: "flex",
+        gap: spacing$1(1),
+        alignItems: "center",
+        ".separator": {
+          alignSelf: "center"
+        },
+        input: {
+          minWidth: "60px"
+        },
+        ".body": {
+          width: "100%"
+        },
+        ".identifier__body": {
+          flexShrink: 0
+        }
+      }
     },
-    "&.error": {
-      borderRadius: "chatMessage",
-      borderTopLeftRadius: "0px",
-      alignSelf: "start",
-      backgroundColor: "#fd84212b",
-      // TODO: Set the correct color, if necessary, define it in palette
-      width: "100%",
-      border: "1px solid rgb(0 28 38 / 18%)"
-      // TODO: Set the correct color, if necessary, define it in palette
+    "strong + div": {
+      wordBreak: "break-all"
+    }
+  }
+};
+const entityAndProcessData = {
+  display: "flex",
+  flexDirection: "column",
+  // p: spacing(7),
+  gap: 7,
+  ".collapsiblePanel__label": {
+    display: "flex",
+    alignItems: "anchor-center",
+    gap: 3,
+    h3: {
+      m: spacing$1(0),
+      fontSize: 18
+    }
+  },
+  ".collapsiblePanel__content": {
+    borderRadius: "default",
+    '&:not([aria-hidden="true"])': {
+      border: "1px solid",
+      borderColor: "palette.border.article"
     },
-    "&.information": {
-      borderRadius: "chatMessage",
-      borderTopLeftRadius: "0px",
-      alignSelf: "start",
-      backgroundColor: "#00bcff14",
-      //'#2222cc2b',
-      width: "100%",
-      border: "1px solid rgb(0 28 38 / 18%)"
-      // TODO: Set the correct color, if necessary, define it in palette
+    "& > div > *:not(.noPadding, button, .uploadedFiles__container)": {
+      p: spacing$1(5)
     }
   },
-  ".history_message__attachments": {
+  ".dataGrid": dataGrid,
+  ".dropzone": {
+    border: "none"
+  },
+  ".uploadedFiles__container[class]": {
     display: "flex",
-    justifyContent: "flex-end",
-    ".labelBox": {
-      width: "max-content",
-      background: "#fafafa",
-      color: "palette.text.primary",
-      fontSize: "14px",
-      ".labelAndIcon ": {
-        fontSize: "14px"
+    gap: 3,
+    p: 0,
+    flexDirection: "column",
+    ".download_Button": {
+      width: "fit-content"
+    }
+  }
+};
+const entityData = {
+  ...entityAndProcessData,
+  "& h2": {
+    "&.visibilitiesTitle": {
+      display: "flex",
+      justifyContent: "start",
+      gap: spacing$1(3)
+    }
+  },
+  ".imageSelector": {
+    button: {
+      border: "none",
+      cursor: "pointer",
+      p: spacing$1(0),
+      width: "75px",
+      img: {
+        width: "100%"
+      }
+    }
+  },
+  ".EntityDataDocuments, .ProcessDataDocuments": {
+    ".entityData__actions": {
+      p: spacing$1(3)
+    }
+  },
+  ".categories__tree__label": {
+    display: "flex",
+    alignItems: "center",
+    gap: spacing$1(3),
+    "& > div": {
+      display: "flex",
+      py: spacing$1(2)
+    }
+  },
+  ".entity__visibilities__container": {
+    display: "flex",
+    flexDirection: "column",
+    gap: spacing$1(4),
+    ".entity__visibilities__grid": {
+      display: "grid",
+      gridTemplateColumns: "repeat(2, 1fr)",
+      gap: "1rem",
+      ".switch__card": {
+        border: "1px solid",
+        borderColor: "palette.border.field",
+        borderRadius: "default"
       }
     }
   }
+  /* PREPEND HERE */
 };
 
-const controller = {
+const processData = {
+  ...entityAndProcessData,
+  ".ProcessDataDocuments": {
+    ".processData__actions": {
+      p: spacing$1(3)
+    }
+  }
   /* PREPEND HERE */
+};
+
+const documents = {
   display: "flex",
   flexDirection: "column",
-  alignItems: "stretch",
-  height: "100%",
-  gap: 3,
-  flexBasis: "50vh",
-  flexGrow: 1,
-  ".autoscrollContainer": {
-    flexGrow: 1,
-    flexShrink: 1,
-    overflow: "auto"
+  gap: spacing$1(7),
+  ".collapsiblePanel__label": {
+    mb: spacing$1(3),
+    h2: {
+      m: spacing$1(0)
+    }
   },
-  ".search_controls": {
-    flexShrink: 0
+  ".collapsiblePanel__content": {
+    '&:not([aria-hidden="true"])': {
+      border: "1px solid",
+      borderColor: "palette.border.article"
+    },
+    "& > div > *:not(.noPadding)": {
+      p: spacing$1(7)
+    }
   },
-  ".assistantHistory": {
-    flexGrow: 1,
-    overflow: "auto",
-    maxHeight: "77vh"
+  ".dropzone": {
+    borderTop: "none",
+    borderLeft: "none",
+    borderRight: "none"
+  },
+  ".entityData__actions, .processData__actions": {
+    p: spacing$1(3)
   }
+  /* PREPEND HERE */
 };
 
-const attachments = {
-  /* PREPEND HERE */
-  alignItems: "center",
-  display: "flex",
-  flexDirection: responsive$2({ 0: "column", 3: "row" }),
-  flexWrap: "wrap",
-  gap: spacing$1(3),
-  ".attachments__more_button": {
-    border: "1px solid",
-    borderColor: "palette.border.article",
-    borderRadius: "elementBox",
-    boxShadow: "sharp",
-    p: 2
-  },
-  ".file_box": {
-    alignItems: "center",
+const taskMonitor = {
+  table: {
+    variant: "layout.common.tables.secondary",
     border: "1px solid",
     borderColor: "palette.border.article",
-    borderRadius: "elementBox",
-    boxShadow: "sharp",
-    display: "flex",
-    gap: spacing$1(3),
-    width: responsive$2({
-      0: "100%",
-      3: "min(90vw, 200px)"
-    }),
-    p: 2
+    borderRadius: "default",
+    overflow: "hidden"
   },
-  ".file_box__icon": {
-    flexShrink: 0
+  ".taskMonitor__warning": {
+    backgroundColor: "palette.warning.light",
+    color: "palette.warning.contrastText"
   },
-  ".file_box__name": {
-    boxSizing: "border-box",
-    flexGrow: 1,
-    margin: "0px",
-    overflow: "hidden",
-    textOverflow: "ellipsis",
-    whiteSpace: "nowrap"
+  ".taskMonitor__overdue": {
+    backgroundColor: "palette.error.light",
+    color: "palette.error.contrastText"
   },
-  ".file_box__remove": {
-    flexShrink: 0,
-    p: 4
+  "& > div": {
+    maxHeight: "500px",
+    "& > div": {
+      height: "100%",
+      overflowX: "auto",
+      "&.noFixedWidth": {
+        overflowX: "auto"
+      }
+    }
   }
+  /* PREPEND HERE */
 };
 
-const message = {
-  position: "relative",
-  display: "flex",
-  flexDirection: "column",
-  ".closeButton": {
-    borderRadius: "5px",
-    right: "0px",
-    top: "-2px",
-    zIndex: "15",
-    position: "absolute",
-    variant: "buttons.icon-outline-danger"
+const tab = {
+  list: {
+    ".tabs__list": {
+      borderRadius: "7px",
+      display: "flex",
+      flexDirection: "column"
+    },
+    ".tabs__item__wrapper": {
+      display: "flex",
+      alignItems: "center",
+      background: "palette.background.paper",
+      padding: "4px 10px",
+      border: "none",
+      borderBottom: "1px solid #ccc",
+      boxShadow: "sharp",
+      cursor: "pointer",
+      ".tabs__item__button": {
+        width: "100%",
+        p: 3,
+        background: "transparent",
+        justifyContent: "start",
+        color: "palette.text.primary",
+        ".button__content": {
+          display: "flex",
+          alignItems: "center",
+          gap: spacing$1(1),
+          textAlign: "start"
+        }
+      },
+      "&:hover": {
+        background: "palette.gray.900"
+      },
+      // First item: apply top border radii
+      "&:first-of-type": {
+        borderTopLeftRadius: "default",
+        borderTopRightRadius: "default"
+      },
+      // Last item: apply bottom border radii
+      "&:last-of-type": {
+        borderBottomLeftRadius: "default",
+        borderBottomRightRadius: "default"
+      }
+    },
+    ".warning-icon[class]": {
+      svg: {
+        // color: '#ffa600',
+        color: "favorite",
+        width: "18px",
+        height: "18px"
+      }
+    }
   },
-  genericBox: {
-    margin: "10px",
+  content: {
     display: "flex",
     flexDirection: "column",
-    justifyContent: "space-between",
-    alignItems: "center",
-    padding: "12px"
-  },
-  fileName: {
-    bottom: "4px",
-    right: "4px",
-    fontSize: "12px",
-    color: "#333",
-    textOverflow: "ellipsis",
-    whiteSpace: "nowrap",
-    overflow: "hidden",
-    width: "inherit",
-    textAlign: "center",
-    px: "5px"
-  },
-  textBox: {
-    variant: "layout.common.components.aiMessage.genericBox",
-    width: "50px",
-    padding: "10px",
-    backgroundColor: "#fff",
-    border: "1px solid #ddd",
-    borderRadius: "4px",
-    position: "relative"
-  },
-  textSnippet: {
-    bottom: "4px",
-    right: "4px",
-    fontSize: "12px",
-    color: "#555"
-  }
-};
-
-const assistant = {
-  floatingAssistant: {
-    "& div.modal__content[class]": {
-      p: 3,
-      width: "min(90vw, 500px)"
+    gap: "15px",
+    ".tabs__content": {
+      ".accordion__item": {
+        boxShadow: "default"
+      }
     },
-    ".modal__main": {
-      maxWidth: "unset",
-      overflow: "hidden"
+    ".accordion__item__button[class]": {
+      width: "100%",
+      p: "10px 15px",
+      borderRadius: "default",
+      userSelect: "unset",
+      ".button__content": {
+        display: "flex",
+        flexDirection: "row",
+        justifyContent: "space-between",
+        width: "100%",
+        alignItems: "center"
+      }
     },
-    "#floatingAssistant": {
-      minWidth: "500px"
+    ".accordion__item__content": {
+      borderRadius: "default",
+      background: "palette.background.paper",
+      '&:not(:has([data-variant="layout.execution.form"])) > div': {
+        p: spacing$1(7)
+      }
+    },
+    ".accordion__item__button__label": {
+      color: "palette.primary.contrastText"
+    },
+    ".accordion__item__button__rightGroup": {
+      display: "flex"
+    },
+    ".tabs__Item": {
+      height: "100%",
+      display: "flex",
+      gap: "15px",
+      flexDirection: "column"
+    },
+    ".collapsiblePanel__container": {
+      background: "palette.background.paper",
+      p: spacing$1(0),
+      ".collapsiblePanel__label__button": {
+        display: "flex"
+      }
     }
   }
-};
-
-const chat = {
   /* PREPEND HERE */
-  assistant,
-  form: form$1,
-  history,
-  controller,
-  attachments,
-  message
 };
 
-const markdown = {
-  padding: "0 24px 32px 24px",
-  "h1, h2, h3, h4, h5, h6": {
-    margin: "32px 0px 20px 0px",
-    "& *": {
-      fontSize: "inherit",
-      fontWeight: "inherit",
-      fontFamily: "inherit"
-    }
-  },
-  blockquote: {
-    fontStyle: "italic"
+const associations = {
+  display: "flex",
+  flexDirection: "column",
+  gap: 4,
+  ".associations__table_container": {
+    height: "400px",
+    overflowY: "auto",
+    overflowX: "hidden"
   },
   table: {
     variant: "layout.common.tables.secondary",
-    thead: {
-      zIndex: 0
-    }
+    border: "1px solid",
+    borderColor: "palette.border.article",
+    borderRadius: "default"
   },
-  h2: {
-    display: "block",
-    borderBottom: "2px solid hsl(195deg 10% 49% / 50%)",
-    paddingBottom: "16px"
+  ".associations__buttons": {
+    display: "flex",
+    flexDirection: "row",
+    gap: 2,
+    justifyContent: "flex-end"
   },
-  h3: {
-    textDecoration: "underline"
+  ".errorRequired": {
+    color: "palette.error.main"
   },
-  h4: {
-    fontSize: "20px"
+  ".association__errorRequired": {
+    input: {
+      color: "palette.error.main",
+      borderLeft: "3px solid !important",
+      borderLeftColor: "palette.error.main"
+    }
   },
-  ul: {
-    listStyle: "unset",
-    listStyleType: "disc",
-    margin: "unset",
-    padding: "unset",
-    paddingLeft: "20px",
-    paddingBottom: "16px"
+  ".associationSpinner": {
+    position: "absolute",
+    width: "20px",
+    height: "20px",
+    right: "55px",
+    top: "15px"
   },
-  "ol + ul, ul + ul, ol ul, ul ul": {
-    paddingLeft: "72px"
+  ".association__cell_content": {
+    position: "relative"
   },
-  "p, ul, ol, blockQuote, table": {
-    mt: "16px"
+  ".associationReq__after": { position: "absolute", left: "2px", top: "-3px" },
+  ".associationReq__before": {
+    position: "absolute",
+    right: "2px",
+    top: "-3px"
   }
+  /* PREPEND HERE */
+};
+
+const tabs = {
+  observations,
+  entityData,
+  processData,
+  documents,
+  taskMonitor,
+  associations,
+  ...tab
+  /* PREPEND HERE */
 };
 
 const common = (theme) => {
@@ -6493,6 +7629,7 @@ const common = (theme) => {
     forms,
     modals,
     tables: tables(theme),
+    tabs,
     components,
     trees,
     tooltips,
@@ -8316,7 +9453,7 @@ async function getRemarkable(extensions) {
 
 const parseMarkdown = async (options) => {
   const markdownLibrary = await getRemarkable(options.extensions);
-  const css = (await import('./styles-lzrkBfXz.js')).markdownParserStyles ?? new ErrorImporting();
+  const css = (await import('./styles-C1r5gTas.js')).markdownParserStyles ?? new ErrorImporting();
   if (css instanceof ErrorImporting)
     throw new Error("Could not import css, cannot continue");
   const html = options.htmlTemplate ?? (await import('./html-B-K0BIiw.js')).markdownHtml ?? new ErrorImporting();
@@ -8828,4 +9965,4 @@ ${pageBreakTag}`;
 }
 
 export { ApiaThemeProvider as A, MarkdownTableOfContents as B, Form as F, MaterialInput as M, Table as T, getColorStates as a, getColorsAndStatesByDefinition as b, getColorsAndStatesByPath as c, getColorsByDefinition as d, getColorsByPath as e, getOneColorState as f, getColorState as g, applyStatesGetColor as h, makeStyledComponent as i, injectStyles as j, getSpacingLayouts as k, spacing as l, markdownExtensions as m, smallButton as n, focusOutline as o, parsePalette as p, getVariant as q, responsive$1 as r, spacingLayouts as s, MarkdownBlock as t, useMainTheme as u, MarkdownBuilder as v, parseMarkdown as w, MarkdownList as x, MarkdownParagraph as y, MarkdownTable as z };
-//# sourceMappingURL=index-Xe8KO81h.js.map
+//# sourceMappingURL=index-Rlqjgy-g.js.map