ai-design-system 0.1.23 → 0.1.24

package/components/blocks/SectionLayout/SectionLayout.tsx

@@ -26,11 +26,11 @@ export const SectionLayout = React.memo<SectionLayoutProps>(
     const transformedSections = sections.map(section => ({
       ...section,
       content: (
-        <div className="h-full min-h-0 flex flex-col">
+        <div className="h-full min-h-0 flex flex-col overflow-hidden">
           {section.header && (
             <AppHeader {...section.header} />
           )}
-          <div className="min-h-0 flex-1">
+          <div className="min-h-0 flex-1 overflow-auto">
             {section.content}
           </div>
         </div>

package/components/features/PageLayout/PageLayout.tsx

@@ -136,7 +136,7 @@ export const PageLayout = React.memo<PageLayoutProps>(
         <AppSidebar {...sidebar} />
         <PageContainer className={`overflow-hidden ${className ?? ""}`}>
           <AppHeader {...header} />
-          <div className="min-h-0 flex-1 overflow-y-auto overflow-x-hidden">
+          <div className={`min-h-0 flex-1 overflow-x-hidden ${layoutSections ? "overflow-hidden" : "overflow-y-auto"}`}>
             {contentArea}
           </div>
         </PageContainer>

package/components/features/WorkflowObservabilityFeature/WorkflowObservabilityFeature.tsx

@@ -65,7 +65,7 @@ function buildObservabilitySections({
   return [
     {
       ...traceSection,
-      defaultSize: 70,
+      defaultSize: 66.67,
       minSize: 55,
     },
     {
@@ -80,7 +80,7 @@ function buildObservabilitySections({
           spans={spans}
         />
       ),
-      defaultSize: 30,
+      defaultSize: 33.33,
       minSize: 25,
     },
   ]

package/dist/index.cjs

@@ -9134,9 +9134,9 @@ var SectionLayout = React33__namespace.memo(
       "className"
     ]);
     const transformedSections = sections.map((section) => __spreadProps(__spreadValues({}, section), {
-      content: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "h-full min-h-0 flex flex-col", children: [
+      content: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "h-full min-h-0 flex flex-col overflow-hidden", children: [
         section.header && /* @__PURE__ */ jsxRuntime.jsx(AppHeader, __spreadValues({}, section.header)),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-0 flex-1", children: section.content })
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-0 flex-1 overflow-auto", children: section.content })
       ] })
     }));
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -9703,7 +9703,7 @@ var PageLayout = React33__namespace.memo(
           /* @__PURE__ */ jsxRuntime.jsx(AppSidebar, __spreadValues({}, sidebar)),
           /* @__PURE__ */ jsxRuntime.jsxs(PageContainer, { className: `overflow-hidden ${className != null ? className : ""}`, children: [
             /* @__PURE__ */ jsxRuntime.jsx(AppHeader, __spreadValues({}, header)),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-0 flex-1 overflow-y-auto overflow-x-hidden", children: contentArea })
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: `min-h-0 flex-1 overflow-x-hidden ${layoutSections ? "overflow-hidden" : "overflow-y-auto"}`, children: contentArea })
           ] })
         ]
       }
@@ -10508,7 +10508,7 @@ function buildObservabilitySections({
   }
   return [
     __spreadProps(__spreadValues({}, traceSection), {
-      defaultSize: 70,
+      defaultSize: 66.67,
       minSize: 55
     }),
     {
@@ -10524,7 +10524,7 @@ function buildObservabilitySections({
           spans
         }
       ),
-      defaultSize: 30,
+      defaultSize: 33.33,
       minSize: 25
     }
   ];