From f7f1f7f0903a60c1a093ceb24271512e64437ad7 Mon Sep 17 00:00:00 2001
From: Christopher DEBOVE <christopher@checkmarble.com>
Date: Tue, 28 Jan 2025 13:44:43 +0100
Subject: [PATCH 1/2] fix: remove whitespace-pre on real-time if no live
 version

---
 .../routes/_builder+/scenarios+/$scenarioId+/home.tsx    | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/app-builder/src/routes/_builder+/scenarios+/$scenarioId+/home.tsx b/packages/app-builder/src/routes/_builder+/scenarios+/$scenarioId+/home.tsx
index 1911b50d9..94c98e1aa 100644
--- a/packages/app-builder/src/routes/_builder+/scenarios+/$scenarioId+/home.tsx
+++ b/packages/app-builder/src/routes/_builder+/scenarios+/$scenarioId+/home.tsx
@@ -456,14 +456,19 @@ function RealTimeSection({
               }}
             />
           </span>
-          <span className="text-grey-00 text-s inline-flex items-center whitespace-pre font-semibold">
+          <span
+            className={clsx(
+              'text-grey-00 text-s inline-flex items-center font-semibold',
+              { 'whitespace-pre': isLive },
+            )}
+          >
             {isLive ? (
               <Trans
                 t={t}
                 i18nKey="scenarios:home.execution.real_time.callout.scenario_id"
                 components={{
                   CopyScenarioId: (
-                    <CopyToClipboardButton toCopy={scenarioId}>
+                    <CopyToClipboardButton toCopy={scenarioId} className="ml-1">
                       <code>scenario_id</code>
                     </CopyToClipboardButton>
                   ),

From cc5ab117820974b0c5264b004463424769a3813d Mon Sep 17 00:00:00 2001
From: Christopher DEBOVE <christopher@checkmarble.com>
Date: Tue, 28 Jan 2025 13:56:54 +0100
Subject: [PATCH 2/2] fix: empty rule table broken

---
 .../$scenarioId+/i+/$iterationId+/_edit-view+/rules.tsx        | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/app-builder/src/routes/_builder+/scenarios+/$scenarioId+/i+/$iterationId+/_edit-view+/rules.tsx b/packages/app-builder/src/routes/_builder+/scenarios+/$scenarioId+/i+/$iterationId+/_edit-view+/rules.tsx
index b8c8ce4c9..f51eb785b 100644
--- a/packages/app-builder/src/routes/_builder+/scenarios+/$scenarioId+/i+/$iterationId+/_edit-view+/rules.tsx
+++ b/packages/app-builder/src/routes/_builder+/scenarios+/$scenarioId+/i+/$iterationId+/_edit-view+/rules.tsx
@@ -206,6 +206,7 @@ export default function Rules() {
     getSortedRowModel: getSortedRowModel(),
     rowLink: ({ id }) => <Link to={`./${fromUUID(id)}`} />,
   });
+  const columnLength = table.getHeaderGroups()[0]?.headers.length ?? 1;
 
   return (
     <div className="flex flex-col gap-4">
@@ -252,7 +253,7 @@ export default function Rules() {
             rows.map((row) => <Table.Row key={row.id} row={row} />)
           ) : (
             <tr className="h-28">
-              <td colSpan={columns.length}>
+              <td colSpan={columnLength}>
                 <p className="text-center">{t('scenarios:rules.empty')}</p>
               </td>
             </tr>