feat(workflow): add InputAndResults back to Timeline and Event History tabs

Restore the Input and Results section to both workflow tabs so users
can see workflow input/output on either view.

Author: rossnelson

src/lib/components/workflow/input-and-results-payload.svelte

@@ -47,9 +47,9 @@
 </script>
 
 <div class="flex w-full grow flex-col gap-2">
-  <h2 class="flex items-center gap-2">
+  <h3 class="flex items-center gap-2 text-xs text-secondary">
     {title}
-  </h2>
+  </h3>
   {#if content}
     {#key $minimizeEventView}
       {#if payloadsSize > 0}

src/lib/layouts/workflow-history-layout.svelte

@@ -5,6 +5,7 @@
   import EventSummaryTable from '$lib/components/event/event-summary-table.svelte';
   import EventTypeFilter from '$lib/components/lines-and-dots/event-type-filter.svelte';
   import DownloadEventHistoryModal from '$lib/components/workflow/download-event-history-modal.svelte';
+  import InputAndResults from '$lib/components/workflow/input-and-results.svelte';
   import TabButton from '$lib/holocene/tab-buttons/tab-button.svelte';
   import TabButtons from '$lib/holocene/tab-buttons/tab-buttons.svelte';
   import ToggleButton from '$lib/holocene/toggle-button/toggle-button.svelte';
@@ -108,6 +109,7 @@
   };
 </script>
 
+<InputAndResults />
 <div class="relative pb-24">
   <div
     class="surface-background sticky top-0 z-30 flex flex-wrap items-center justify-between gap-2 border-b border-subtle md:top-12 xl:gap-8"

src/lib/layouts/workflow-timeline-layout.svelte

@@ -5,6 +5,7 @@
   import EventTypeFilter from '$lib/components/lines-and-dots/event-type-filter.svelte';
   import TimelineGraph from '$lib/components/lines-and-dots/svg/timeline-graph.svelte';
   import DownloadEventHistoryModal from '$lib/components/workflow/download-event-history-modal.svelte';
+  import InputAndResults from '$lib/components/workflow/input-and-results.svelte';
   import ToggleButton from '$lib/holocene/toggle-button/toggle-button.svelte';
   import ToggleButtons from '$lib/holocene/toggle-button/toggle-buttons.svelte';
   import { translate } from '$lib/i18n/translate';
@@ -62,6 +63,7 @@
   };
 </script>
 
+<InputAndResults />
 <div class="relative pb-24">
   <div
     class="surface-background sticky top-0 z-30 flex flex-wrap items-center justify-between gap-2 border-b border-subtle pb-2 md:top-12 xl:gap-8"

tests/integration/workflow-event-history.spec.ts

@@ -24,6 +24,7 @@ test.describe('Workflow History', () => {
     await expect(page.getByTestId('pending-activities-tab')).toBeVisible();
     await expect(page.getByTestId('call-stack-tab')).toBeVisible();
     await expect(page.getByTestId('queries-tab')).toBeVisible();
+    await expect(page.getByTestId('input-and-result')).toBeVisible();
     await expect(page.getByTestId('feed')).toBeVisible();
     await expect(page.getByTestId('compact')).toBeVisible();
     await expect(page.getByTestId('json')).toBeVisible();
@@ -78,6 +79,7 @@ test.describe('Workflow History', () => {
     await expect(page.getByTestId('pending-activities-tab')).toBeVisible();
     await expect(page.getByTestId('call-stack-tab')).toBeVisible();
     await expect(page.getByTestId('queries-tab')).toBeVisible();
+    await expect(page.getByTestId('input-and-result')).toBeVisible();
     await expect(page.getByTestId('feed')).toBeVisible();
     await expect(page.getByTestId('compact')).toBeVisible();
     await expect(page.getByTestId('json')).toBeVisible();