ahs-cti 0.0.26 → 0.0.27

package/dist-react/index.js

@@ -28838,7 +28838,7 @@ function AgentPerformanceReportContent() {
             {
               columns,
               data: rows,
-              layoutMode: "grid",
+              layoutMode: "semantic",
               enableTopToolbar: false,
               enableColumnActions: false,
               enableColumnFilters: false,
@@ -28857,21 +28857,21 @@ function AgentPerformanceReportContent() {
                 sx: __spreadProps(__spreadValues({}, headCellSx2), {
                   fontFamily: FONT6,
                   textAlign: "left",
-                  // `&&` doubles specificity so these win over MUI's default cell
-                  // padding/box-sizing even under MUI v6 hosts (which don't wrap
-                  // base styles in a CSS @layer). Keeps header/body columns aligned
-                  // in the published SDK regardless of the host's MUI version.
-                  "&&": { px: "12px", py: "8px", display: "flex", alignItems: "center", boxSizing: "border-box" },
-                  "& .Mui-TableHeadCell-Content": { m: 0, p: 0, width: "100%", justifyContent: "flex-start" },
-                  "& .Mui-TableHeadCell-Content-Wrapper": { m: 0, p: 0 },
-                  "& .Mui-TableHeadCell-Content-Labels": { m: 0, p: 0 }
+                  verticalAlign: "middle",
+                  // Semantic (native <table>) layout: the browser computes one set of
+                  // column widths for header + body together, so columns always align
+                  // regardless of the host's MUI version. `&&` keeps our padding winning
+                  // over MUI's default cell padding under MUI v6 hosts (no CSS @layer).
+                  "&&": { px: "12px", py: "8px", boxSizing: "border-box" },
+                  "& .Mui-TableHeadCell-Content": { justifyContent: "flex-start" }
                 })
               },
               muiTableBodyCellProps: {
                 sx: __spreadProps(__spreadValues({}, bodyCellSx2), {
                   fontFamily: FONT6,
                   textAlign: "left",
-                  "&&": { px: "12px", py: "8px", display: "flex", alignItems: "center", justifyContent: "flex-start", boxSizing: "border-box" }
+                  verticalAlign: "middle",
+                  "&&": { px: "12px", py: "8px", boxSizing: "border-box" }
                 })
               },
               muiTableBodyRowProps: ({ row }) => ({