[dev] [Marfuen] mariano/more (#1580)

* chore: standardize size of panels

* chore: make sure latest processing message is auto expanded not only the first one

* chore: make view mode switch smaller

* chore: use gpt-5-mini and improve test ui

* chore: add confetti animation to TestDialog on success

* chore(automation): enhance layout and improve chat message styling

* chore(layout): add padding to layout components for improved spacing

---------

Co-authored-by: Mariano Fuentes <marfuen98@gmail.com>

Author: github-actions[bot]

apps/app/src/app/(app)/[orgId]/components/DynamicMinHeight.tsx

@@ -42,7 +42,7 @@ export function DynamicMinHeight({ children, className }: DynamicMinHeightProps)
   const style = useMemo(() => ({ minHeight: `calc(100vh - ${offsetPx}px)` }), [offsetPx]);
 
   return (
-    <div ref={containerRef} className={cn('mx-auto px-4 py-4', className)} style={style}>
+    <div ref={containerRef} className={cn(className)} style={style}>
       {children}
     </div>
   );

apps/app/src/app/(app)/[orgId]/controls/layout.tsx

@@ -1,6 +1,6 @@
 export default async function Layout({ children }: { children: React.ReactNode }) {
   return (
-    <div className="mx-auto max-w-[1200px]">
+    <div className="mx-auto max-w-[1200px] py-8">
       <div>{children}</div>
     </div>
   );

apps/app/src/app/(app)/[orgId]/frameworks/layout.tsx

@@ -1,6 +1,6 @@
 export default async function Layout({ children }: { children: React.ReactNode }) {
   return (
-    <div className="mx-auto max-w-[1200px]">
+    <div className="mx-auto max-w-[1200px] py-8">
       <div>{children}</div>
     </div>
   );

apps/app/src/app/(app)/[orgId]/integrations/layout.tsx

@@ -1,3 +1,3 @@
 export default async function Layout({ children }: { children: React.ReactNode }) {
-  return <div className="m-auto max-w-[1200px]">{children}</div>;
+  return <div className="m-auto max-w-[1200px] py-8">{children}</div>;
 }

apps/app/src/app/(app)/[orgId]/people/layout.tsx

@@ -27,7 +27,7 @@ export default async function Layout({ children }: { children: React.ReactNode }
   });
 
   return (
-    <div className="m-auto max-w-[1200px]">
+    <div className="m-auto max-w-[1200px] py-8">
       <SecondaryMenu
         items={[
           {

apps/app/src/app/(app)/[orgId]/people/loading.tsx

@@ -1,3 +1,9 @@
 import Loader from '@/components/ui/loader';
 
-export default Loader;
+export default function Loading() {
+  return (
+    <div className="m-auto w-full max-w-[1200px] py-8">
+      <Loader />
+    </div>
+  );
+}

apps/app/src/app/(app)/[orgId]/policies/layout.tsx

@@ -9,7 +9,7 @@ export default async function Layout({ children, params }: LayoutProps) {
   const { orgId } = await params;
 
   return (
-    <div className="m-auto flex max-w-[1200px] flex-col">
+    <div className="m-auto flex max-w-[1200px] flex-col py-8">
       <SecondaryMenu
         items={[
           {

apps/app/src/app/(app)/[orgId]/risk/layout.tsx

@@ -1,3 +1,3 @@
 export default async function Layout({ children }: { children: React.ReactNode }) {
-  return <div className="m-auto max-w-[1200px]">{children}</div>;
+  return <div className="m-auto max-w-[1200px] py-8">{children}</div>;
 }

apps/app/src/app/(app)/[orgId]/settings/layout.tsx

@@ -16,7 +16,7 @@ export default async function Layout({ children }: { children: React.ReactNode }
   }
 
   return (
-    <div className="m-auto max-w-[1200px]">
+    <div className="m-auto max-w-[1200px] py-8">
       <Suspense fallback={<div>Loading...</div>}>
         <SecondaryMenu
           items={[

apps/app/src/app/(app)/[orgId]/tasks/[taskId]/automation/components/chat/message-part/text.tsx

@@ -3,7 +3,7 @@ import { MarkdownRenderer } from '../../markdown-renderer/markdown-renderer';
 
 export function Text({ part }: { part: TextUIPart }) {
   return (
-    <div className="text-sm px-3.5 py-3 border bg-secondary/90 text-secondary-foreground border-gray-300 rounded-md font-mono">
+    <div className="text-sm leading-relaxed text-foreground">
       <MarkdownRenderer content={part.text} />
     </div>
   );