@apia/theme 4.0.44 → 4.0.46

package/dist/{index-DpVqNvc_.js → index-BOvGFjjE.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,38 +2616,12 @@ const deletableInput = {
   }
 };
 
-const formGrid = {
-  display: "grid",
-  gridTemplateColumns: "1fr 1fr 1fr",
-  gap: 5,
-  ".span_all": {
-    gridColumn: "span 3"
-  },
-  ".extra_gap": {
-    marginY: 6
-  },
-  ".gap_before": {
-    marginTop: 6
-  },
-  ".gap_after": {
-    marginBottom: 6
-  },
-  ".checkbox": {
-    display: "flex",
-    gap: 4,
-    flexDirection: "row-reverse",
-    alignItems: "center",
-    justifyContent: "start"
-  }
-};
-
 const forms$1 = (theme) => {
   return {
     checkbox,
     customCheckbox,
     dateInput,
     deletableInput,
-    formGrid,
     iconInput,
     input,
     label,
@@ -2788,12 +2762,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%",
@@ -3490,14 +3466,7 @@ const primary$4 = (theme) => {
             height: "30px",
             padding: "3px",
             border: "none",
-            background: "transparent",
-            svg: {
-              transform: "rotate(0deg)",
-              transition: "transform 200ms"
-            },
-            "&.expanded svg": {
-              transform: `rotate(90deg)`
-            }
+            background: "transparent"
           }
         },
         "&.locked": {
@@ -4583,9 +4552,6 @@ const accordion = {
       borderTop: "1px solid",
       borderTopColor: "palette.border.ghost"
     },
-    ".accordion__item__content": {
-      background: "palette.background.paper"
-    },
     ".accordion__item__content > *": {
       p: 4,
       boxShadow: "default",
@@ -5382,1614 +5348,1731 @@ 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"
+  ".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"
+    }
   },
-  openTextarea: {
-    position: "fixed",
-    bottom: "1%",
-    right: "0.5%",
-    zIndex: 1200
+  ".uploader__content": {
+    display: "flex",
+    flexDirection: "column",
+    gap: 4,
+    overflow: "auto",
+    p: 2,
+    overflowX: "hidden"
   },
-  tableText: { wordBreak: "normal" },
-  thModal: { whiteSpace: "nowrap" },
-  genericWindowDragger: {
-    maxWidth: "600px",
-    maxHeight: "455px",
-    zIndex: "1200",
-    bottom: "49px",
-    right: "11px"
+  "& label": {
+    display: "flex",
+    flexDirection: "column",
+    gap: 2,
+    span: {
+      fontWeight: 700
+    }
   },
-  customGridWindowDragger: {
-    variant: "layout.ai.execution.formsAssistant.genericWindowDragger",
-    bottom: "auto",
-    right: "auto",
-    ".tooltip__wrapper": {
-      padding: "0px"
+  ".uploader__file_selection": {
+    display: "flex",
+    flexDirection: "row",
+    gap: 3,
+    alignItems: "center",
+    alignContent: "center",
+    width: "100%",
+    ".autocomplete": {
+      width: "100%"
+    },
+    ".uploader__file_infoBtn": {
+      height: "48px",
+      width: "48px",
+      p: 0,
+      display: "flex"
     }
   },
-  floatingWindow: {
-    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",
-    minWidth: "478px",
-    'input[type="file"]': {
-      display: "none"
-    },
-    ".gpt__buttonsContainer": {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "end",
-      gap: 1
+    borderColor: "palette.border.field",
+    boxShadow: "neum"
+  },
+  ".uploader__dropzone": {
+    display: "grid",
+    flexDirection: "column",
+    gap: 3,
+    width: " 100%",
+    position: "relative",
+    ".dropzone__container[class]": {
+      height: "100%"
     },
-    'button[data-variant="icon-outline-danger"]': {
-      border: "none"
+    ".dropzone": {
+      height: "50px"
     },
-    ".gpt__form": {
-      flexDirection: "column",
+    ".uploader__dropzone_actions": {
       display: "flex",
-      gap: 2
-    },
-    ".formsAssistant__closeButton": {
-      borderRadius: "5px",
-      top: "-7px",
-      right: "-7px",
-      position: "absolute"
-    },
-    ".history": {
-      height: "200px",
-      overflow: "hidden",
-      display: "flex"
-    },
-    ".autoscrollContainer": { overflow: "auto" }
+      flexDirection: "row",
+      gap: 3,
+      button: {
+        width: "50%"
+      }
+    }
   },
-  phoneCase: {
-    p: 5,
+  ".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: 5,
+    gap: "12px",
     background: "palette.background.paper",
+    padding: 3,
+    borderRadius: "default",
     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': {
+    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% {
-	transform: rotate(0);
-}
-
-25% {
-	transform: rotate(1.5deg);
-}
-
-75% {
-	transform: rotate(-1.5deg);
-}
+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 */
+};
 
-100% {
-	transform: rotate(0);
-}`;
-const fadeInFromBottom = keyframes`
-0% {
-	transform: translateY(400px) scale(0.1); 
-	opacity: 0;
-}
-100% {
-	transform: translateY(0) scale(1); 
-	opacity: 1;
-}
-`;
-const fadeInFromTop = keyframes`
-0% {
-	transform: translateY(-800px) scale(0.1); 
-	opacity: 0;
-}
-100% {
-	transform: translateY(0) scale(1); 
-	opacity: 1;
-}
-`;
-const fadeIn = keyframes`
-0% {
-	opacity: 0;
-}
-100% {
-	opacity: 1;
-}
-`;
-const animations = { fadeInFromBottom, fadeInFromTop, fadeIn };
-
-const semanticSearch = {
-  execution: {
-    documentPage: {
-      padding: 4,
-      //maxWidth: 800,
-      width: "100%",
-      margin: "0 auto",
-      fontFamily: "body",
-      lineHeight: "body",
-      color: "text",
-      h1: {
-        fontSize: "25px",
-        mb: "24px",
-        mt: "13px",
-        borderColor: "muted",
-        pb: "2px",
-        color: "primary"
-      },
-      h2: {
-        fontSize: "22px",
-        mb: "23px",
-        color: "primary"
-      },
-      h3: {
-        fontSize: "21px",
-        mb: "10px",
-        mt: "16px",
-        color: "pallete.text.title"
-      },
-      h4: {
-        fontSize: "20px",
-        mb: "10px",
-        mt: "16px",
-        color: "pallete.text.title"
-      },
-      h5: {
-        fontSize: "19px",
-        mb: "10px",
-        mt: "16px",
-        color: "pallete.text.title"
-      },
-      h6: {
-        fontSize: "18px",
-        mb: "10px",
-        mt: "16px",
-        color: "pallete.text.title"
-      },
-      p: {
-        mb: "8px",
-        mt: "20px"
+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"
       },
-      table: {
-        variant: "layout.common.tables.secondary",
-        thead: {
-          zIndex: 0
-        }
+      "&.readonly, &:redonly": {
+        // backgroundColor: 'form.fields.readonly.backgroundColor',
+        backgroundColor: "red!important"
       }
-    },
-    background: "palette.background.default",
-    ".chat_history": {
-      margin: "50px 0 90px 0"
-    },
-    pre: {
-      m: 0
-    },
-    ".sem_search__system_message": {
-      display: "flex",
-      flexDirection: "column",
-      position: "relative"
-    },
-    streamBlock: {
-      animation: `${animations.fadeIn} 0.2s`,
-      borderRadius: "5px",
-      padding: "5px 10px",
-      background: "#d8e3e7",
-      color: "black",
-      listStyle: "disc"
-    },
-    streamBlocks: {
+    }
+  }
+  /* 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: "column",
+      flexDirection: "row",
       gap: 3,
-      padding: "16px 24px 0 24px"
-    },
-    ".sem_search__stream_blocks": {
-      variant: "layout.common.ai.semanticSearch.execution.streamBlocks"
-    },
-    ".sem_search__stream_block": {
-      variant: "layout.common.ai.semanticSearch.execution.streamBlock"
+      alignItems: "center",
+      whiteSpace: "nowrap",
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      span: {
+        flexShrink: 0
+      }
     },
-    ".sem_search__thumbs": {
+    ".switch__container": {
       display: "flex",
-      justifyContent: "end",
-      gap: 2,
-      position: "absolute",
-      bottom: 0,
-      right: 0,
-      ".unselected": {
-        color: "#c2c2c2"
-      },
-      ".selected": {
-        strokeWidth: "15px"
+      flexDirection: "row",
+      gap: 3,
+      alignItems: "center",
+      "& label": {
+        height: "21px"
       },
-      ".no_feedback": {
-        color: "gray"
+      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"
     },
-    ellipsis: { padding: "0 24px 32px 24px", fontWeight: "bold" },
-    ".ellipsis": {
-      variant: "layout.common.ai.semanticSearch.execution.ellipsis"
-    },
-    ".filters__container": {
-      " > div": {
-        display: "flex",
-        " > .filter_button:last-child": {
-          borderRadius: "panel",
-          height: "34px",
-          width: "34px",
-          flexShrink: 0,
-          background: "transparent",
-          border: "none",
-          opacity: 0,
-          transition: "opacity 400ms",
-          marginLeft: "auto"
-        }
-      },
-      paddingTop: "10px",
-      ".filter__input": {
-        paddingRight: "7px"
-      }
+    svg: {
+      minHeight: "iconMd",
+      minWidth: "iconMd"
     },
-    ".filled_filters": {
-      " > div": {
-        display: "flex",
-        " > .filter_button:last-child": {
-          borderRadius: "panel",
-          height: "34px",
-          width: "34px",
-          flexShrink: 0,
-          background: "transparent",
-          border: "none",
-          opacity: 1,
-          marginLeft: "auto"
-        }
+    "&: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%"
       }
-    },
-    ".search_controls": {
-      alignItems: "center",
-      justifyContent: "center",
+    }
+  },
+  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",
-      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),
-      "&:focus-within": focusOutline,
-      "& > *:focus": {
-        outline: "none"
-      },
-      ".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"
-      }
+      alignItems: "center",
+      justifyContent: "end",
+      gap: 1
     },
-    ".SearchButton": {
-      borderRadius: "panel",
-      height: "34px",
-      width: "34px",
-      flexShrink: 0,
-      background: "transparent",
-      border: "none",
-      color: "palette.text.primary",
-      ":disabled": {
-        background: "transparent"
-      }
+    'button[data-variant="icon-outline-danger"]': {
+      border: "none"
     },
-    ".FilterButton": {
-      borderRadius: "panel",
-      height: "34px",
-      width: "34px",
-      flexShrink: 0,
-      background: "transparent",
-      border: "none",
-      color: "palette.text.primary",
-      "&.open": {
-        color: "palette.primary.main"
-      }
+    ".gpt__form": {
+      flexDirection: "column",
+      display: "flex",
+      gap: 2
     },
-    ".references__box": {
+    ".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",
-      gap: spacing(5)
+      justifyContent: "end",
+      gap: 1
     },
-    ".searchTextArea": {
-      minHeight: "34px",
-      height: "34px",
-      resize: "none",
-      py: spacing(2),
-      background: "transparent",
+    'button[data-variant="icon-outline-danger"]': {
       border: "none"
     },
-    ".references_item": {
-      maxWidth: "180px",
-      whiteSpace: "nowrap",
-      zIndex: 0,
-      ".button__content": {
-        overflow: "hidden",
-        textOverflow: "ellipsis",
-        maxWidth: "180px"
-      }
+    'div[data-variant="layout.common.components.chat"]': {
+      minHeight: "60%"
     },
-    "&.mode_none": {
+    'div[data-variant="layout.common.components.chat"] + div': {
+      width: "100%",
+      height: "29%"
+    },
+    ".gpt__form": {
       flexDirection: "column",
       display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      height: "100vh",
-      gap: spacing(5),
-      ".search_header_container": {
-        fontSize: "50px",
-        maxWidth: "50vw",
-        textAlign: "left",
-        display: "flex",
-        flexDirection: "column",
-        gap: spacing(5)
-      },
-      ".search_section_container": {
-        mx: "auto",
-        display: "flex",
-        flexDirection: "column",
-        gap: spacing(3),
-        zIndex: 1,
-        background: "palette.background.default",
-        boxShadow: "0 10px 10px #f8f4f4",
-        width: responsive$1({
-          0: "calc(100%)",
-          3: "calc(75vw + 50px)",
-          5: "calc(50vw + 50px)"
-        })
-      }
+      gap: 2,
+      height: "100%"
     },
-    "&.mode_chat": {
-      h1: {
-        whiteSpace: "nowrap",
-        overflow: "hidden",
-        textOverflow: "ellipsis"
+    ".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"
       },
-      backgroundColor: "white",
-      width: responsive$1({
-        0: "calc(100%)",
-        3: "calc(75vw + 2px)",
-        5: "min(950px, calc(60vw + 2px))"
-      }),
-      margin: ["auto", "32px auto"],
-      border: "1px solid #ccc",
-      ".search_section_container": {
-        zIndex: 1,
-        position: "fixed",
-        bottom: "0",
-        transform: "translateX(-1px)",
-        borderBottom: "4px solid #f2f2f2",
-        width: responsive$1({
-          0: "calc(100%)",
-          3: "calc(75vw + 2px)",
-          5: "min(950px, calc(60vw + 2px))"
-        }),
-        background: "white",
-        textarea: { width: "calc(100%)" },
-        "& > div": {
-          padding: "4px 32px",
-          borderLeft: "1px solid #ccc",
-          borderRight: "1px solid #ccc",
-          borderBottom: "1px solid #ccc",
-          width: "calc(100%)",
-          background: "white"
-        }
-      },
-      ".search_header_container": {
-        position: "fixed",
-        zIndex: 1,
-        top: "0",
-        transform: "translateX(-1px)",
-        borderTop: "4px solid #f2f2f2",
-        padding: "0",
-        width: responsive$1({
-          0: "calc(100%)",
-          3: "calc(75vw + 2px)",
-          5: "min(950px, calc(60vw + 2px))"
-        }),
-        h1: {
-          padding: "32px",
-          pt: "20px",
-          pb: 0,
-          borderLeft: "1px solid #ccc",
-          borderRight: "1px solid #ccc",
-          borderTop: "1px solid #ccc",
-          width: "calc(100%)",
-          background: "white"
+      "& thead": {
+        th: {
+          width: "50%"
         },
-        p: {
-          background: "palette.background.paper",
-          padding: "32px",
-          pb: "20px",
-          pt: 0,
-          whiteSpace: "nowrap",
-          overflow: "hidden",
-          textOverflow: "ellipsis",
-          width: "calc(100% - 2px)",
-          ml: "1px"
-        }
-      },
-      ".messages_box": {
-        fontSize: "22px",
-        minHeight: "82vh",
-        paddingTop: "7%",
-        marginBottom: "8%"
-      },
-      ".history__message": {
-        borderRadius: "panel",
-        margin: "15px",
-        padding: "18px",
-        border: "1px",
-        //boxShadow: 'rgba(50, 50, 93, 0.25) 2px 2px 4px 1px',
-        "&.user": {
-          borderRadius: "chatMessage",
-          borderTopRightRadius: "0px",
-          backgroundColor: "rgb(108 166 203)",
-          //rgb(117 163 192)', //rgb(92, 143, 174)',
-          color: "white",
-          boxShadow: "rgba(50, 50, 93, 0.15) 1px 1px 2px 1px",
-          border: "1px solid rgb(113 145 193)"
+        "th:last-of-type": {
+          width: "100px"
         },
-        "&.system": {
-          borderRadius: "chatMessage",
-          borderTopLeftRadius: "0px",
-          backgroundColor: "#00bcff14",
-          boxShadow: "rgba(50, 50, 93, 0.15) 1px 1px 2px 1px",
-          border: "1px solid rgb(0 28 38 / 18%)"
-        }
-      },
-      ".history": {
-        animation: `${animations.fadeInFromBottom} 0.3s`,
-        padding: "100px 32px 80px 32px",
-        border: "none",
-        height: "unset"
-      }
-    },
-    "&.mode_list": {
-      p: {
-        '&[name="semSerDescription"]': {
-          padding: "0px 23vw",
-          whiteSpace: "nowrap",
-          overflow: "hidden",
-          textOverflow: "ellipsis",
-          width: "calc(100% - 2px)",
-          marginLeft: "1px"
+        "th:first-of-type": {
+          width: "199px"
         }
       },
-      display: "block",
-      gap: spacing(5),
-      px: responsive$1({
-        0: 5,
-        3: 0
-      }),
-      ".search_header_container": {
-        marginTop: "7px",
-        h1: {
-          padding: "0 23vw",
-          fontSize: "20px"
+      "& tbody": {
+        "td:last-of-type": {
+          textAlign: "center"
         }
+      }
+    }
+  }
+};
+
+const execution = {
+  formsAssistant
+  /* PREPEND HERE */
+};
+
+const connectors = {
+  testResult: {
+    td: {
+      verticalAlign: "middle !important",
+      "&.title": {
+        fontWeight: "bold",
+        textAlign: "center"
       },
-      ".filters__container": {
-        padding: "0 25px",
-        paddingTop: "10px"
-      },
-      ".search_section_container": {
-        paddingTop: "47px",
-        mx: "auto",
-        display: "flex",
-        flexDirection: "column",
-        zIndex: 1,
-        boxShadow: "0 10px 10px #f8f4f4",
-        width: responsive$1({
-          0: "calc(100%)",
-          3: "calc(75vw + 50px)",
-          5: "calc(50vw + 50px)"
-        }),
-        background: "palette.background.default",
-        position: "sticky",
-        top: 0,
-        py: spacing(5),
-        gap: spacing(5)
-      },
-      ".list_results": {
-        animation: `${animations.fadeInFromTop} 0.3s`,
-        height: "100%",
-        width: responsive$1({ 0: "100%", 3: "75vw", 5: "50vw" }),
-        mx: "auto",
-        pt: spacing(3),
-        display: "flex",
-        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"
+      div: {
+        height: "1.5em",
+        width: "1.5em",
+        borderRadius: "100px",
+        mx: "auto"
       },
-      ".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"
+      "&.success": {
+        p: 3,
+        div: { backgroundColor: "palette.success.main" }
       },
-      "& .accordion__item__button": {
-        userSelect: "unset",
-        position: "sticky",
-        top: 0
+      "&.error": {
+        p: 3,
+        div: { backgroundColor: "palette.error.main" }
       }
     }
   }
 };
 
-const ai = {
-  connectors,
-  execution,
-  semanticSearch
-  /* PREPEND HERE */
-};
+keyframes`
+0% {
+	transform: rotate(0);
+}
 
-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"
-  }
-};
+25% {
+	transform: rotate(1.5deg);
+}
 
-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"
+75% {
+	transform: rotate(-1.5deg);
+}
+
+100% {
+	transform: rotate(0);
+}`;
+const fadeInFromBottom = keyframes`
+0% {
+	transform: translateY(400px) scale(0.1); 
+	opacity: 0;
+}
+100% {
+	transform: translateY(0) scale(1); 
+	opacity: 1;
+}
+`;
+const fadeInFromTop = keyframes`
+0% {
+	transform: translateY(-800px) scale(0.1); 
+	opacity: 0;
+}
+100% {
+	transform: translateY(0) scale(1); 
+	opacity: 1;
+}
+`;
+const fadeIn = keyframes`
+0% {
+	opacity: 0;
+}
+100% {
+	opacity: 1;
+}
+`;
+const animations = { fadeInFromBottom, fadeInFromTop, fadeIn };
+
+const semanticSearch = {
+  execution: {
+    documentPage: {
+      padding: 4,
+      //maxWidth: 800,
+      width: "100%",
+      margin: "0 auto",
+      fontFamily: "body",
+      lineHeight: "body",
+      color: "text",
+      h1: {
+        fontSize: "25px",
+        mb: "24px",
+        mt: "13px",
+        borderColor: "muted",
+        pb: "2px",
+        color: "primary"
       },
-      "&.first:has(+ .first))": {
-        mb: 4
+      h2: {
+        fontSize: "22px",
+        mb: "23px",
+        color: "primary"
       },
-      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"
+      h3: {
+        fontSize: "21px",
+        mb: "10px",
+        mt: "16px",
+        color: "pallete.text.title"
       },
-      border: "1px solid rgb(113 145 193)",
-      // TODO: Set the correct color, if necessary, define it in palette
-      alignSelf: "end",
+      h4: {
+        fontSize: "20px",
+        mb: "10px",
+        mt: "16px",
+        color: "pallete.text.title"
+      },
+      h5: {
+        fontSize: "19px",
+        mb: "10px",
+        mt: "16px",
+        color: "pallete.text.title"
+      },
+      h6: {
+        fontSize: "18px",
+        mb: "10px",
+        mt: "16px",
+        color: "pallete.text.title"
+      },
+      p: {
+        mb: "8px",
+        mt: "20px"
+      },
+      table: {
+        variant: "layout.common.tables.secondary",
+        thead: {
+          zIndex: 0
+        }
+      }
+    },
+    background: "palette.background.default",
+    ".chat_history": {
+      margin: "50px 0 90px 0"
+    },
+    pre: {
+      m: 0
+    },
+    ".sem_search__system_message": {
       display: "flex",
-      flexDirection: "column"
+      flexDirection: "column",
+      position: "relative"
     },
-    "&.system": {
-      "&.first": {
-        borderTopLeftRadius: "0px"
+    streamBlock: {
+      animation: `${animations.fadeIn} 0.2s`,
+      borderRadius: "5px",
+      padding: "5px 10px",
+      background: "#d8e3e7",
+      color: "black",
+      listStyle: "disc"
+    },
+    streamBlocks: {
+      display: "flex",
+      flexDirection: "column",
+      gap: 3,
+      padding: "16px 24px 0 24px"
+    },
+    ".sem_search__stream_blocks": {
+      variant: "layout.common.ai.semanticSearch.execution.streamBlocks"
+    },
+    ".sem_search__stream_block": {
+      variant: "layout.common.ai.semanticSearch.execution.streamBlock"
+    },
+    ".sem_search__thumbs": {
+      display: "flex",
+      justifyContent: "end",
+      gap: 2,
+      position: "absolute",
+      bottom: 0,
+      right: 0,
+      ".unselected": {
+        color: "#c2c2c2"
       },
-      "&.first:has(+ .first))": {
-        mb: 4
+      ".selected": {
+        strokeWidth: "15px"
       },
-      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
-    },
-    "&.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
+      ".no_feedback": {
+        color: "gray"
+      }
     },
-    "&.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
+    ellipsis: { padding: "0 24px 32px 24px", fontWeight: "bold" },
+    ".ellipsis": {
+      variant: "layout.common.ai.semanticSearch.execution.ellipsis"
     },
-    "&.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"
+    ".filters__container": {
+      " > div": {
+        display: "flex",
+        " > .filter_button:last-child": {
+          borderRadius: "panel",
+          height: "34px",
+          width: "34px",
+          flexShrink: 0,
+          background: "transparent",
+          border: "none",
+          opacity: 0,
+          transition: "opacity 400ms",
+          marginLeft: "auto"
+        }
+      },
+      paddingTop: "10px",
+      ".filter__input": {
+        paddingRight: "7px"
       }
-    }
-  }
-};
-
-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 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",
-    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
-  },
-  ".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",
-    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"
+    ".filled_filters": {
+      " > div": {
+        display: "flex",
+        " > .filter_button:last-child": {
+          borderRadius: "panel",
+          height: "34px",
+          width: "34px",
+          flexShrink: 0,
+          background: "transparent",
+          border: "none",
+          opacity: 1,
+          marginLeft: "auto"
+        }
+      }
     },
-    "#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
-    }
-  },
-  h2: {
-    display: "block",
-    borderBottom: "2px solid hsl(195deg 10% 49% / 50%)",
-    paddingBottom: "16px"
-  },
-  h3: {
-    textDecoration: "underline"
-  },
-  h4: {
-    fontSize: "20px"
-  },
-  ul: {
-    listStyle: "unset",
-    listStyleType: "disc",
-    margin: "unset",
-    padding: "unset",
-    paddingLeft: "20px",
-    paddingBottom: "16px"
-  },
-  "ol + ul, ul + ul, ol ul, ul ul": {
-    paddingLeft: "72px"
-  },
-  "p, ul, ol, blockQuote, table": {
-    mt: "16px"
-  }
-};
-
-const observations = {
-  bg: "white",
-  display: "flex",
-  flexDirection: "column",
-  gap: spacing$1(5),
-  background: "transparent",
-  borderRadius: "default",
-  ".currentObservations": {
-    display: "flex",
-    gap: spacing$1(5),
-    flexDirection: "column",
-    borderRadius: "default",
-    ".observation": {
+    ".search_controls": {
+      alignItems: "center",
+      justifyContent: "center",
+      display: "flex",
+      gap: 0,
+      mx: "auto",
+      background: "palette.background.paper",
       border: "1px solid",
-      borderColor: "palette.border.article",
-      borderRadius: "default",
-      ".observation__header": {
+      borderColor: "palette.border.section",
+      borderRadius: "panel",
+      boxShadow: "0px 2px 6px #0002",
+      width: "100%",
+      p: spacing(3),
+      "&:focus-within": focusOutline,
+      "& > *:focus": {
+        outline: "none"
+      },
+      ".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"
+      }
+    },
+    ".SearchButton": {
+      borderRadius: "panel",
+      height: "34px",
+      width: "34px",
+      flexShrink: 0,
+      background: "transparent",
+      border: "none",
+      color: "palette.text.primary",
+      ":disabled": {
+        background: "transparent"
+      }
+    },
+    ".FilterButton": {
+      borderRadius: "panel",
+      height: "34px",
+      width: "34px",
+      flexShrink: 0,
+      background: "transparent",
+      border: "none",
+      color: "palette.text.primary",
+      "&.open": {
+        color: "palette.primary.main"
+      }
+    },
+    ".references__box": {
+      display: "flex",
+      alignItems: "center",
+      gap: spacing(5)
+    },
+    ".searchTextArea": {
+      minHeight: "34px",
+      height: "34px",
+      resize: "none",
+      py: spacing(2),
+      background: "transparent",
+      border: "none"
+    },
+    ".references_item": {
+      maxWidth: "180px",
+      whiteSpace: "nowrap",
+      zIndex: 0,
+      ".button__content": {
+        overflow: "hidden",
+        textOverflow: "ellipsis",
+        maxWidth: "180px"
+      }
+    },
+    "&.mode_none": {
+      flexDirection: "column",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      height: "100vh",
+      gap: spacing(5),
+      ".search_header_container": {
+        fontSize: "50px",
+        maxWidth: "50vw",
+        textAlign: "left",
         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)
+        flexDirection: "column",
+        gap: spacing(5)
+      },
+      ".search_section_container": {
+        mx: "auto",
+        display: "flex",
+        flexDirection: "column",
+        gap: spacing(3),
+        zIndex: 1,
+        background: "palette.background.default",
+        boxShadow: "0 10px 10px #f8f4f4",
+        width: responsive$1({
+          0: "calc(100%)",
+          3: "calc(75vw + 50px)",
+          5: "calc(50vw + 50px)"
+        })
+      }
+    },
+    "&.mode_chat": {
+      h1: {
+        whiteSpace: "nowrap",
+        overflow: "hidden",
+        textOverflow: "ellipsis"
+      },
+      backgroundColor: "white",
+      width: responsive$1({
+        0: "calc(100%)",
+        3: "calc(75vw + 2px)",
+        5: "min(950px, calc(60vw + 2px))"
+      }),
+      margin: ["auto", "32px auto"],
+      border: "1px solid #ccc",
+      ".search_section_container": {
+        zIndex: 1,
+        position: "fixed",
+        bottom: "0",
+        transform: "translateX(-1px)",
+        borderBottom: "4px solid #f2f2f2",
+        width: responsive$1({
+          0: "calc(100%)",
+          3: "calc(75vw + 2px)",
+          5: "min(950px, calc(60vw + 2px))"
+        }),
+        background: "white",
+        textarea: { width: "calc(100%)" },
+        "& > div": {
+          padding: "4px 32px",
+          borderLeft: "1px solid #ccc",
+          borderRight: "1px solid #ccc",
+          borderBottom: "1px solid #ccc",
+          width: "calc(100%)",
+          background: "white"
+        }
+      },
+      ".search_header_container": {
+        position: "fixed",
+        zIndex: 1,
+        top: "0",
+        transform: "translateX(-1px)",
+        borderTop: "4px solid #f2f2f2",
+        padding: "0",
+        width: responsive$1({
+          0: "calc(100%)",
+          3: "calc(75vw + 2px)",
+          5: "min(950px, calc(60vw + 2px))"
+        }),
+        h1: {
+          padding: "32px",
+          pt: "20px",
+          pb: 0,
+          borderLeft: "1px solid #ccc",
+          borderRight: "1px solid #ccc",
+          borderTop: "1px solid #ccc",
+          width: "calc(100%)",
+          background: "white"
         },
-        ".observation__label": {
-          fontWeight: "900"
+        p: {
+          background: "palette.background.paper",
+          padding: "32px",
+          pb: "20px",
+          pt: 0,
+          whiteSpace: "nowrap",
+          overflow: "hidden",
+          textOverflow: "ellipsis",
+          width: "calc(100% - 2px)",
+          ml: "1px"
         }
       },
-      "&.marked .observation__header": {
-        borderLeft: "4px solid",
-        borderLeftColor: "notifications.warning.backgroundColor",
-        borderColor: "notifications.warning.backgroundColor",
-        backgroundColor: "notifications.warning.backgroundColor",
-        borderRadius: "default"
+      ".messages_box": {
+        fontSize: "22px",
+        minHeight: "82vh",
+        paddingTop: "7%",
+        marginBottom: "8%"
       },
-      ".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)
+      ".history__message": {
+        borderRadius: "panel",
+        margin: "15px",
+        padding: "18px",
+        border: "1px",
+        //boxShadow: 'rgba(50, 50, 93, 0.25) 2px 2px 4px 1px',
+        "&.user": {
+          borderRadius: "chatMessage",
+          borderTopRightRadius: "0px",
+          backgroundColor: "rgb(108 166 203)",
+          //rgb(117 163 192)', //rgb(92, 143, 174)',
+          color: "white",
+          boxShadow: "rgba(50, 50, 93, 0.15) 1px 1px 2px 1px",
+          border: "1px solid rgb(113 145 193)"
+        },
+        "&.system": {
+          borderRadius: "chatMessage",
+          borderTopLeftRadius: "0px",
+          backgroundColor: "#00bcff14",
+          boxShadow: "rgba(50, 50, 93, 0.15) 1px 1px 2px 1px",
+          border: "1px solid rgb(0 28 38 / 18%)"
         }
+      },
+      ".history": {
+        animation: `${animations.fadeInFromBottom} 0.3s`,
+        padding: "100px 32px 80px 32px",
+        border: "none",
+        height: "unset"
       }
-    }
-  },
-  ".checkboxes": {
-    alignItems: "center",
-    display: "flex",
-    flexWrap: "wrap",
-    gap: spacing$1(6),
-    ".checkbox": {
-      alignItems: "center",
-      display: "flex",
-      gap: spacing$1(3)
-    }
-  },
-  ".observation": {
-    display: "flex",
-    flexDirection: "column",
-    span: {
-      fontWeight: "bold"
     },
-    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": {
+    "&.mode_list": {
+      p: {
+        '&[name="semSerDescription"]': {
+          padding: "0px 23vw",
+          whiteSpace: "nowrap",
+          overflow: "hidden",
+          textOverflow: "ellipsis",
+          width: "calc(100% - 2px)",
+          marginLeft: "1px"
+        }
+      },
+      display: "block",
+      gap: spacing(5),
+      px: responsive$1({
+        0: 5,
+        3: 0
+      }),
+      ".search_header_container": {
+        marginTop: "7px",
+        h1: {
+          padding: "0 23vw",
+          fontSize: "20px"
+        }
+      },
+      ".filters__container": {
+        padding: "0 25px",
+        paddingTop: "10px"
+      },
+      ".search_section_container": {
+        paddingTop: "47px",
+        mx: "auto",
+        display: "flex",
+        flexDirection: "column",
+        zIndex: 1,
+        boxShadow: "0 10px 10px #f8f4f4",
+        width: responsive$1({
+          0: "calc(100%)",
+          3: "calc(75vw + 50px)",
+          5: "calc(50vw + 50px)"
+        }),
+        background: "palette.background.default",
+        position: "sticky",
+        top: 0,
+        py: spacing(5),
+        gap: spacing(5)
+      },
+      ".list_results": {
+        animation: `${animations.fadeInFromTop} 0.3s`,
+        height: "100%",
+        width: responsive$1({ 0: "100%", 3: "75vw", 5: "50vw" }),
+        mx: "auto",
+        pt: spacing(3),
+        display: "flex",
         flexDirection: "column",
-        alignItems: "center",
-        div: {
-          position: "relative"
-        }
-      }
-    },
-    "&.identifier, &.calendar": {
-      gridColumn: responsive$2({ 0: "span 2", 5: "span 3", 6: "span 2" }),
-      div: {
+        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"
+      },
+      ".references_container": {
+        borderTop: "1px solid",
+        borderTopColor: "palette.border.article",
         display: "flex",
-        gap: spacing$1(1),
-        alignItems: "center",
-        ".separator": {
-          alignSelf: "center"
-        },
-        input: {
-          minWidth: "60px"
-        },
-        ".body": {
-          width: "100%"
-        },
-        ".identifier__body": {
-          flexShrink: 0
-        }
+        gap: spacing(6),
+        pt: spacing(5)
       }
     },
-    "strong + div": {
-      wordBreak: "break-all"
+    ".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 entityAndProcessData = {
+
+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",
-  // p: spacing(7),
-  gap: 7,
-  ".collapsiblePanel__label": {
+  position: "relative",
+  ".chatButtons": {
     display: "flex",
-    alignItems: "anchor-center",
-    gap: 3,
-    h3: {
-      m: spacing$1(0),
-      fontSize: 18
-    }
+    flexDirection: "row",
+    alignitems: "end",
+    justifyContent: "end",
+    position: "absolute",
+    bottom: "8px",
+    right: "4px"
   },
-  ".collapsiblePanel__content": {
-    borderRadius: "default",
-    '&:not([aria-hidden="true"])': {
-      border: "1px solid",
-      borderColor: "palette.border.article"
-    },
-    "& > div > *:not(.noPadding, button, .uploadedFiles__container)": {
-      p: spacing$1(5)
-    }
+  "&:focus-within": focusOutline,
+  "& > *:focus[class]": {
+    outlineWidth: 0
   },
-  ".dataGrid": dataGrid,
-  ".dropzone": {
+  ".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"
   },
-  ".uploadedFiles__container[class]": {
-    display: "flex",
-    gap: 3,
-    p: 0,
-    flexDirection: "column",
-    ".download_Button": {
-      width: "fit-content"
-    }
+  ".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 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)
+
+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"
     }
   },
-  ".categories__tree__label": {
-    display: "flex",
-    alignItems: "center",
-    gap: spacing$1(3),
-    "& > div": {
+  ".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",
-      py: spacing$1(2)
+      flexDirection: "column"
+    },
+    "&.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
+    },
+    "&.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
+    },
+    "&.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
     }
   },
-  ".entity__visibilities__container": {
+  ".history_message__attachments": {
     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"
+    justifyContent: "flex-end",
+    ".labelBox": {
+      width: "max-content",
+      background: "#fafafa",
+      color: "palette.text.primary",
+      fontSize: "14px",
+      ".labelAndIcon ": {
+        fontSize: "14px"
       }
     }
   }
-  /* PREPEND HERE */
 };
 
-const processData = {
-  ...entityAndProcessData,
-  ".ProcessDataDocuments": {
-    ".processData__actions": {
-      p: spacing$1(3)
-    }
-  }
+const controller = {
   /* PREPEND HERE */
-};
-
-const documents = {
   display: "flex",
   flexDirection: "column",
-  gap: spacing$1(7),
-  ".collapsiblePanel__label": {
-    mb: spacing$1(3),
-    h2: {
-      m: spacing$1(0)
-    }
-  },
-  ".collapsiblePanel__content": {
-    '&:not([aria-hidden="true"])': {
-      border: "1px solid",
-      borderColor: "palette.border.article"
-    },
-    "& > div > *:not(.noPadding)": {
-      p: spacing$1(7)
-    }
+  alignItems: "stretch",
+  height: "100%",
+  gap: 3,
+  flexBasis: "50vh",
+  flexGrow: 1,
+  ".autoscrollContainer": {
+    flexGrow: 1,
+    flexShrink: 1,
+    overflow: "auto"
   },
-  ".dropzone": {
-    borderTop: "none",
-    borderLeft: "none",
-    borderRight: "none"
+  ".search_controls": {
+    flexShrink: 0
   },
-  ".entityData__actions, .processData__actions": {
-    p: spacing$1(3)
+  ".assistantHistory": {
+    flexGrow: 1,
+    overflow: "auto",
+    maxHeight: "77vh"
   }
-  /* PREPEND HERE */
 };
 
-const taskMonitor = {
-  table: {
-    variant: "layout.common.tables.secondary",
+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: "default",
-    overflow: "hidden"
+    borderRadius: "elementBox",
+    boxShadow: "sharp",
+    p: 2
+  },
+  ".file_box": {
+    alignItems: "center",
+    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
   },
-  ".taskMonitor__warning": {
-    backgroundColor: "palette.warning.light",
-    color: "palette.warning.contrastText"
+  ".file_box__icon": {
+    flexShrink: 0
   },
-  ".taskMonitor__overdue": {
-    backgroundColor: "palette.error.light",
-    color: "palette.error.contrastText"
+  ".file_box__name": {
+    boxSizing: "border-box",
+    flexGrow: 1,
+    margin: "0px",
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap"
   },
-  "& > div": {
-    maxHeight: "500px",
-    "& > div": {
-      height: "100%",
-      overflowX: "auto",
-      "&.noFixedWidth": {
-        overflowX: "auto"
-      }
-    }
+  ".file_box__remove": {
+    flexShrink: 0,
+    p: 4
   }
-  /* PREPEND HERE */
 };
 
-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"
-      }
-    }
+const message = {
+  position: "relative",
+  display: "flex",
+  flexDirection: "column",
+  ".closeButton": {
+    borderRadius: "5px",
+    right: "0px",
+    top: "-2px",
+    zIndex: "15",
+    position: "absolute",
+    variant: "buttons.icon-outline-danger"
   },
-  content: {
+  genericBox: {
+    margin: "10px",
     display: "flex",
     flexDirection: "column",
-    gap: "15px",
-    ".tabs__content": {
-      ".accordion__item": {
-        boxShadow: "default"
-      }
-    },
-    ".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"
-      }
-    },
-    ".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"
+    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)"
     },
-    ".tabs__Item": {
-      height: "100%",
-      display: "flex",
-      gap: "15px",
-      flexDirection: "column"
+    ".modal__main": {
+      maxWidth: "unset",
+      overflow: "hidden"
     },
-    ".collapsiblePanel__container": {
-      background: "palette.background.paper",
-      p: spacing$1(0),
-      ".collapsiblePanel__label__button": {
-        display: "flex"
-      }
+    "#floatingAssistant": {
+      minWidth: "500px"
     }
   }
+};
+
+const chat = {
   /* PREPEND HERE */
+  assistant,
+  form: form$1,
+  history,
+  controller,
+  attachments,
+  message
 };
 
-const associations = {
-  display: "flex",
-  flexDirection: "column",
-  gap: 4,
-  ".associations__table_container": {
-    height: "400px",
-    overflowY: "auto",
-    overflowX: "hidden"
+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",
-    border: "1px solid",
-    borderColor: "palette.border.article",
-    borderRadius: "default"
+    thead: {
+      zIndex: 0
+    }
   },
-  ".associations__buttons": {
-    display: "flex",
-    flexDirection: "row",
-    gap: 2,
-    justifyContent: "flex-end"
+  h2: {
+    display: "block",
+    borderBottom: "2px solid hsl(195deg 10% 49% / 50%)",
+    paddingBottom: "16px"
   },
-  ".errorRequired": {
-    color: "palette.error.main"
+  h3: {
+    textDecoration: "underline"
   },
-  ".association__errorRequired": {
-    input: {
-      color: "palette.error.main",
-      borderLeft: "3px solid !important",
-      borderLeftColor: "palette.error.main"
-    }
+  h4: {
+    fontSize: "20px"
   },
-  ".associationSpinner": {
-    position: "absolute",
-    width: "20px",
-    height: "20px",
-    right: "55px",
-    top: "15px"
+  ul: {
+    listStyle: "unset",
+    listStyleType: "disc",
+    margin: "unset",
+    padding: "unset",
+    paddingLeft: "20px",
+    paddingBottom: "16px"
   },
-  ".association__cell_content": {
-    position: "relative"
+  "ol + ul, ul + ul, ol ul, ul ul": {
+    paddingLeft: "72px"
   },
-  ".associationReq__after": { position: "absolute", left: "2px", top: "-3px" },
-  ".associationReq__before": {
-    position: "absolute",
-    right: "2px",
-    top: "-3px"
+  "p, ul, ol, blockQuote, table": {
+    mt: "16px"
   }
-  /* PREPEND HERE */
-};
-
-const tabs = {
-  observations,
-  entityData,
-  processData,
-  documents,
-  taskMonitor,
-  associations,
-  ...tab
-  /* PREPEND HERE */
 };
 
 const common = (theme) => {
@@ -6998,7 +7081,6 @@ const common = (theme) => {
     forms,
     modals,
     tables: tables(theme),
-    tabs,
     components,
     trees,
     tooltips,
@@ -8822,7 +8904,7 @@ async function getRemarkable(extensions) {
 
 const parseMarkdown = async (options) => {
   const markdownLibrary = await getRemarkable(options.extensions);
-  const css = (await import('./styles-avriBVzL.js')).markdownParserStyles ?? new ErrorImporting();
+  const css = (await import('./styles-JuqAJl1O.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();
@@ -9334,4 +9416,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-DpVqNvc_.js.map
+//# sourceMappingURL=index-BOvGFjjE.js.map