diff --git a/src/lib/components/detail-list/detail-list-label.svelte b/src/lib/components/detail-list/detail-list-label.svelte
index a0c40d9a8b..ebe8899199 100644
--- a/src/lib/components/detail-list/detail-list-label.svelte
+++ b/src/lib/components/detail-list/detail-list-label.svelte
@@ -13,7 +13,7 @@
   const { children, href, class: className = '' }: Props = $props();
 </script>
 
-<dd class={twMerge('col-[1]', className)}>
+<dd class={twMerge('col-[1] text-secondary', className)}>
   {#if href}
     <Link {href} newTab>{@render children()}</Link>
   {:else}
diff --git a/src/lib/components/detail-list/detail-list-text-value.svelte b/src/lib/components/detail-list/detail-list-text-value.svelte
index b65c399ea6..120cca95aa 100644
--- a/src/lib/components/detail-list/detail-list-text-value.svelte
+++ b/src/lib/components/detail-list/detail-list-text-value.svelte
@@ -1,4 +1,6 @@
 <script lang="ts">
+  import type { ClassNameValue } from 'tailwind-merge';
+
   import Badge, { type BadgeType } from '$lib/holocene/badge.svelte';
   import type { IconName } from '$lib/holocene/icon';
   import Icon from '$lib/holocene/icon/icon.svelte';
@@ -11,9 +13,12 @@
     copyableText?: string;
     text: string;
     tooltipText?: string;
+    tooltipWidth?: number;
     isBadge?: boolean;
     badgeType?: BadgeType;
     iconName?: IconName | undefined;
+    iconPosition?: 'leading' | 'trailing';
+    class?: ClassNameValue;
   }
 
   let {
@@ -21,9 +26,12 @@
     text,
     copyableText = text,
     tooltipText,
+    tooltipWidth = 256,
     iconName,
+    iconPosition = 'leading',
     isBadge = false,
     badgeType = 'default',
+    class: className = '',
   }: Props = $props();
 </script>
 
@@ -34,17 +42,25 @@
     </Badge>
   {:else}
     <div class="flex select-all items-center gap-1 truncate rounded-sm">
-      {#if iconName}
+      {#if iconName && iconPosition === 'leading'}
         <Icon name={iconName} class="shrink-0" />
       {/if}
       <span class="truncate">{text}</span>
+      {#if iconName && iconPosition === 'trailing'}
+        <Icon name={iconName} class="shrink-0" />
+      {/if}
     </div>
   {/if}
 {/snippet}
 
-<DetailListValue {copyable} {copyableText}>
+<DetailListValue class={className} {copyable} {copyableText}>
   {#if tooltipText}
-    <Tooltip text={tooltipText} top class="min-w-0">
+    <Tooltip
+      text={tooltipText}
+      top
+      width={tooltipWidth}
+      class="min-w-0 font-sans"
+    >
       {@render content()}
     </Tooltip>
   {:else}
diff --git a/src/lib/components/detail-list/detail-list-timestamp-value.svelte b/src/lib/components/detail-list/detail-list-timestamp-value.svelte
index 98d7d53235..dc1e8fb62b 100644
--- a/src/lib/components/detail-list/detail-list-timestamp-value.svelte
+++ b/src/lib/components/detail-list/detail-list-timestamp-value.svelte
@@ -31,7 +31,7 @@
   </div>
 {/snippet}
 
-<DetailListValue>
+<DetailListValue class="font-mono">
   <Tooltip
     hide={!t}
     text={$relativeTime ? formattedTimestamp : relativeTimestamp}
diff --git a/src/lib/components/detail-list/detail-list-value.svelte b/src/lib/components/detail-list/detail-list-value.svelte
index 34779e054c..063262dca9 100644
--- a/src/lib/components/detail-list/detail-list-value.svelte
+++ b/src/lib/components/detail-list/detail-list-value.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
   import type { Snippet } from 'svelte';
+  import { type ClassNameValue, twMerge } from 'tailwind-merge';
 
   import CopyButton from '$lib/holocene/copyable/button.svelte';
   import { translate } from '$lib/i18n/translate';
@@ -9,9 +10,15 @@
     copyable?: boolean;
     copyableText?: string;
     children: Snippet;
+    class?: ClassNameValue;
   }
 
-  const { children, copyable, copyableText }: Props = $props();
+  const {
+    children,
+    copyable,
+    copyableText,
+    class: className = '',
+  }: Props = $props();
   const { copy, copied } = copyToClipboard();
 
   const handleCopy = (e: Event) => {
@@ -19,7 +26,7 @@
   };
 </script>
 
-<dt class="col-[2] flex">
+<dt class={twMerge('col-[2] flex', className)}>
   {@render children()}
   {#if copyable}
     <!-- 
diff --git a/src/lib/components/lines-and-dots/sdk-logo.svelte b/src/lib/components/lines-and-dots/sdk-logo.svelte
index 3f1d4ecd18..0204b78444 100644
--- a/src/lib/components/lines-and-dots/sdk-logo.svelte
+++ b/src/lib/components/lines-and-dots/sdk-logo.svelte
@@ -1,12 +1,14 @@
 <script lang="ts">
-  import dotNet from '$lib/vendor/sdk-logos/dot-net-logo.png';
-  import go from '$lib/vendor/sdk-logos/go-logo.png';
-  import java from '$lib/vendor/sdk-logos/java-logo.png';
-  import php from '$lib/vendor/sdk-logos/php-logo.png';
-  import python from '$lib/vendor/sdk-logos/python-logo.png';
-  import ruby from '$lib/vendor/sdk-logos/ruby-logo.png';
-  import rust from '$lib/vendor/sdk-logos/rust-logo.png';
-  import typescript from '$lib/vendor/sdk-logos/ts-logo.png';
+  import Icon from '$lib/holocene/icon/icon.svelte';
+  import Link from '$lib/holocene/link.svelte';
+  import dotNet from '$lib/vendor/sdk-logos/dotnet-colorblock.svg';
+  import go from '$lib/vendor/sdk-logos/go-colorblock.svg';
+  import java from '$lib/vendor/sdk-logos/java-colorblock.svg';
+  import php from '$lib/vendor/sdk-logos/php-colorblock.svg';
+  import python from '$lib/vendor/sdk-logos/python-colorblock.svg';
+  import ruby from '$lib/vendor/sdk-logos/ruby-colorblock.svg';
+  import rust from '$lib/vendor/sdk-logos/rust-colorblock.svg';
+  import typescript from '$lib/vendor/sdk-logos/typescript-colorblock.svg';
 
   const sdkLogos: Record<string, string> = {
     go,
@@ -19,6 +21,16 @@
     rust,
   };
 
+  const sdkToDocsSlug: Record<string, string> = {
+    Ruby: 'ruby',
+    Go: 'go',
+    Java: 'java',
+    Python: 'python',
+    '.NET': 'dotnet',
+    PHP: 'php',
+    Typescript: 'typescript',
+  };
+
   interface Props {
     sdk: string;
     version: string;
@@ -26,9 +38,14 @@
 
   let { sdk, version }: Props = $props();
   const logo = $derived(sdkLogos[sdk.toLowerCase()]);
+  const href = $derived(
+    sdkToDocsSlug[sdk]
+      ? `https://docs.temporal.io/develop/${sdkToDocsSlug[sdk]}`
+      : undefined,
+  );
 </script>
 
-<p class="flex w-full items-center gap-1">
+<p class="flex w-full items-center gap-2">
   {#if logo}
     <span class="relative flex w-6 shrink-0 items-center" aria-hidden="true">
       <img src={logo} alt="SDK Icon" class="absolute h-6 w-6" />
@@ -38,4 +55,8 @@
     {sdk}
     {version}
   </span>
+  {#if href}
+    <Link {href} newTab>Docs</Link>
+    <Icon name="book" />
+  {/if}
 </p>
diff --git a/src/lib/components/lines-and-dots/workflow-details.svelte b/src/lib/components/lines-and-dots/workflow-details.svelte
index 2f21e2bfa1..eee0e9b266 100644
--- a/src/lib/components/lines-and-dots/workflow-details.svelte
+++ b/src/lib/components/lines-and-dots/workflow-details.svelte
@@ -1,20 +1,13 @@
 <script lang="ts">
   import { page } from '$app/state';
 
-  import { timestamp } from '$lib/components/timestamp.svelte';
   import Tooltip from '$lib/holocene/tooltip.svelte';
   import { translate } from '$lib/i18n/translate';
   import { fetchWorkflow } from '$lib/services/workflow-service';
   import { isCloud } from '$lib/stores/advanced-visibility';
   import { fullEventHistory, sdkInfo } from '$lib/stores/events';
-  import {
-    relativeTime,
-    timeFormat,
-    timestampFormat,
-  } from '$lib/stores/time-format';
   import type { WorkflowExecution } from '$lib/types/workflows';
   import { formatBytes } from '$lib/utilities/format-bytes';
-  import { formatDate } from '$lib/utilities/format-date';
   import {
     formatDistanceAbbreviated,
     formatDuration,
@@ -36,6 +29,7 @@
     DetailListTextValue,
     DetailListValue,
   } from '../detail-list';
+  import DetailListTimestampValue from '../detail-list/detail-list-timestamp-value.svelte';
 
   import SdkLogo from './sdk-logo.svelte';
 
@@ -110,42 +104,25 @@
 
 <DetailList aria-label="workflow details" rowCount={5}>
   <DetailListLabel>{translate('common.start')}</DetailListLabel>
-  <DetailListTextValue
-    text={$timestamp(workflow?.startTime)}
-    tooltipText={formatDate(workflow?.startTime, $timeFormat, {
-      relative: !$relativeTime,
-      format: $timestampFormat,
-    })}
-  />
+  <DetailListTimestampValue timestamp={workflow?.startTime} />
 
   {#if workflow?.startDelay}
     <DetailListLabel>{translate('workflows.execution-start')}</DetailListLabel>
-    <DetailListTextValue
-      text={$timestamp(workflow?.executionTime)}
-      tooltipText={formatDate(workflow?.executionTime, $timeFormat, {
-        relative: !$relativeTime,
-        format: $timestampFormat,
-      })}
-    />
+    <DetailListTimestampValue timestamp={workflow?.executionTime} />
   {/if}
 
   <DetailListLabel>{translate('common.end')}</DetailListLabel>
-  <DetailListTextValue
-    text={workflow?.endTime ? $timestamp(workflow?.endTime) : '-'}
-    tooltipText={formatDate(workflow?.endTime, $timeFormat, {
-      relative: !$relativeTime,
-      format: $timestampFormat,
-    })}
-  />
+  <DetailListTimestampValue timestamp={workflow?.endTime} fallback="-" />
 
   <DetailListLabel>
     {translate('common.duration')}
   </DetailListLabel>
-  <DetailListTextValue text={elapsedTime} />
+  <DetailListTextValue class="font-mono" text={elapsedTime} />
 
   {#if workflow?.workflowExecutionTimeout && workflow?.workflowExecutionTimeout.toString() !== '0s'}
     <DetailListLabel>{translate('workflows.workflow-timeout')}</DetailListLabel>
     <DetailListTextValue
+      class="font-mono"
       text={formatDuration(workflow.workflowExecutionTimeout)}
       tooltipText={formatDuration(workflow.workflowExecutionTimeout)}
     />
@@ -284,13 +261,40 @@
 
   <DetailListColumn>
     <DetailListLabel>{translate('common.history-size')}</DetailListLabel>
-    <DetailListTextValue text={historySizeFormatted} />
+    <DetailListTextValue
+      class="font-mono"
+      tooltipText={workflow.externalPayloadCount
+        ? translate('workflows.external-payload-tooltip')
+        : ''}
+      iconName={workflow.externalPayloadCount ? 'square-info' : undefined}
+      iconPosition="trailing"
+      text={historySizeFormatted}
+    />
+    {#if workflow.externalPayloadCount}
+      <DetailListLabel
+        >{translate('workflows.external-payload-size')}</DetailListLabel
+      >
+      <DetailListTextValue
+        class="font-mono"
+        text={formatBytes(parseInt(workflow.externalPayloadSizeBytes, 10))}
+      />
+      <DetailListLabel
+        >{translate('workflows.external-payload-count')}</DetailListLabel
+      >
+      <DetailListTextValue
+        class="font-mono"
+        text={workflow.externalPayloadCount}
+      />
+    {/if}
 
     {#if !$isCloud}
       <DetailListLabel
         >{translate('workflows.state-transitions')}</DetailListLabel
       >
-      <DetailListTextValue text={workflow?.stateTransitionCount} />
+      <DetailListTextValue
+        class="font-mono"
+        text={workflow?.stateTransitionCount}
+      />
     {:else}
       <Tooltip
         bottomLeft
diff --git a/src/lib/holocene/icon/paths.ts b/src/lib/holocene/icon/paths.ts
index 12e795c5db..aa18e5e9fe 100644
--- a/src/lib/holocene/icon/paths.ts
+++ b/src/lib/holocene/icon/paths.ts
@@ -115,6 +115,7 @@ import signal from './svg/signal.svelte';
 import slashForward from './svg/slash-forward.svelte';
 import sliders from './svg/sliders.svelte';
 import spinner from './svg/spinner.svelte';
+import squareInfo from './svg/square-info.svelte';
 import starEmpty from './svg/star-empty.svelte';
 import starFilled from './svg/star-filled.svelte';
 import summary from './svg/summary.svelte';
@@ -266,6 +267,7 @@ export const icons = {
   'slash-forward': slashForward,
   sliders,
   spinner,
+  'square-info': squareInfo,
   'star-empty': starEmpty,
   'star-filled': starFilled,
   success: checkmark,
diff --git a/src/lib/holocene/icon/svg/square-info.svelte b/src/lib/holocene/icon/svg/square-info.svelte
new file mode 100644
index 0000000000..dc3522050e
--- /dev/null
+++ b/src/lib/holocene/icon/svg/square-info.svelte
@@ -0,0 +1,11 @@
+<script lang="ts">
+  import Svg from '../svg.svelte';
+  let props = $props();
+</script>
+
+<Svg {...props}>
+  <path
+    d="M 2.5714286,2.5714286 V 21.428571 H 21.428571 V 2.5714286 Z M 0,0 H 2.5714286 21.428571 24 V 2.5714286 21.428571 24 H 21.428571 2.5714286 0 V 21.428571 2.5714286 Z M 9.8571428,16.285714 H 11.142857 V 12.857143 H 9.8571428 8.5714285 v -2.571429 h 1.2857143 2.5714282 1.285715 v 1.285714 4.714286 h 0.428571 1.285714 v 2.571429 H 14.142857 9.8571428 8.5714285 V 16.285714 Z M 13.714286,5.1428571 V 8.5714285 H 10.285714 V 5.1428571 Z"
+    fill="currentcolor"
+  />
+</Svg>
diff --git a/src/lib/i18n/locales/en/workflows.ts b/src/lib/i18n/locales/en/workflows.ts
index 27494b8c70..cad2c24ee7 100644
--- a/src/lib/i18n/locales/en/workflows.ts
+++ b/src/lib/i18n/locales/en/workflows.ts
@@ -349,5 +349,9 @@ export const Strings = {
   'timeline-minimized':
     'Timeline and Event History are collapsed to minimized height',
   'timeline-expanded': 'Timeline and Event History are expanded to full height',
+  'external-payload-size': 'External Payloads Size',
+  'external-payload-count': 'External Payloads',
+  'external-payload-tooltip':
+    'History Size does not include externally stored payload size.',
   sdk: 'Workflow SDK',
 } as const;
diff --git a/src/lib/models/__snapshots__/workflow-execution.test.ts.snap b/src/lib/models/__snapshots__/workflow-execution.test.ts.snap
index 648e8f2f4b..28fe0d08f4 100644
--- a/src/lib/models/__snapshots__/workflow-execution.test.ts.snap
+++ b/src/lib/models/__snapshots__/workflow-execution.test.ts.snap
@@ -9,6 +9,8 @@ exports[`toWorkflowExecution > should match the snapshot for Canceled workflows
   "details": undefined,
   "endTime": "2022-07-01T20:20:50.181506253Z",
   "executionTime": "2022-07-01T20:20:50.157120545Z",
+  "externalPayloadCount": undefined,
+  "externalPayloadSizeBytes": undefined,
   "historyEvents": "13",
   "historySizeBytes": undefined,
   "id": "temporal.fixture.cancelled.workflow.id",
@@ -64,6 +66,8 @@ exports[`toWorkflowExecution > should match the snapshot for Completed workflows
   "details": undefined,
   "endTime": "2022-07-01T20:28:52.916373379Z",
   "executionTime": "2022-07-01T20:28:48.796369169Z",
+  "externalPayloadCount": undefined,
+  "externalPayloadSizeBytes": undefined,
   "historyEvents": "18",
   "historySizeBytes": undefined,
   "id": "temporal.fixture.completed.workflow.id",
@@ -119,6 +123,8 @@ exports[`toWorkflowExecution > should match the snapshot for Failed workflows 1`
   "details": undefined,
   "endTime": "2022-07-01T20:22:50.027441003Z",
   "executionTime": "2022-07-01T20:22:50.015107253Z",
+  "externalPayloadCount": undefined,
+  "externalPayloadSizeBytes": undefined,
   "historyEvents": "7",
   "historySizeBytes": undefined,
   "id": "temporal.fixture.failed.workflow.id",
@@ -167,6 +173,8 @@ exports[`toWorkflowExecution > should match the snapshot for Running workflows 1
   "details": undefined,
   "endTime": null,
   "executionTime": "2022-07-01T20:23:49.104303753Z",
+  "externalPayloadCount": undefined,
+  "externalPayloadSizeBytes": undefined,
   "historyEvents": "13",
   "historySizeBytes": undefined,
   "id": "temporal.fixture.running.workflow.id",
@@ -248,6 +256,8 @@ exports[`toWorkflowExecution > should match the snapshot for Terminated workflow
   "details": undefined,
   "endTime": "2022-07-01T20:14:51.002030504Z",
   "executionTime": "2022-07-01T20:14:48.911627544Z",
+  "externalPayloadCount": undefined,
+  "externalPayloadSizeBytes": undefined,
   "historyEvents": "30",
   "historySizeBytes": undefined,
   "id": "temporal.fixture.completed.workflow.id",
@@ -334,6 +344,8 @@ exports[`toWorkflowExecution > should match the snapshot for TimedOut workflows
   "details": undefined,
   "endTime": "2022-07-01T14:16:18.804308503Z",
   "executionTime": "2022-07-01T13:56:18.803016378Z",
+  "externalPayloadCount": undefined,
+  "externalPayloadSizeBytes": undefined,
   "historyEvents": "18",
   "historySizeBytes": undefined,
   "id": "temporal.fixture.timed-out.workflow.id/workflow.advanced-visibility",
@@ -396,6 +408,8 @@ exports[`toWorkflowExecutions > should match the snapshot 1`] = `
     "details": undefined,
     "endTime": "2022-07-01T20:20:50.181506253Z",
     "executionTime": "2022-07-01T20:20:50.157120545Z",
+    "externalPayloadCount": undefined,
+    "externalPayloadSizeBytes": undefined,
     "historyEvents": "13",
     "historySizeBytes": undefined,
     "id": "temporal.fixture.cancelled.workflow.id",
@@ -445,6 +459,8 @@ exports[`toWorkflowExecutions > should match the snapshot 1`] = `
     "details": undefined,
     "endTime": "2022-07-01T20:28:52.916373379Z",
     "executionTime": "2022-07-01T20:28:48.796369169Z",
+    "externalPayloadCount": undefined,
+    "externalPayloadSizeBytes": undefined,
     "historyEvents": "18",
     "historySizeBytes": undefined,
     "id": "temporal.fixture.completed.workflow.id",
@@ -494,6 +510,8 @@ exports[`toWorkflowExecutions > should match the snapshot 1`] = `
     "details": undefined,
     "endTime": "2022-07-01T20:22:50.027441003Z",
     "executionTime": "2022-07-01T20:22:50.015107253Z",
+    "externalPayloadCount": undefined,
+    "externalPayloadSizeBytes": undefined,
     "historyEvents": "7",
     "historySizeBytes": undefined,
     "id": "temporal.fixture.failed.workflow.id",
@@ -539,6 +557,8 @@ exports[`toWorkflowExecutions > should match the snapshot 1`] = `
     "details": undefined,
     "endTime": null,
     "executionTime": "2022-07-01T20:23:49.104303753Z",
+    "externalPayloadCount": undefined,
+    "externalPayloadSizeBytes": undefined,
     "historyEvents": "19",
     "historySizeBytes": undefined,
     "id": "temporal.fixture.running.workflow.id",
@@ -588,6 +608,8 @@ exports[`toWorkflowExecutions > should match the snapshot 1`] = `
     "details": undefined,
     "endTime": "2022-07-01T20:14:51.073853795Z",
     "executionTime": "2022-07-01T20:14:51.002662504Z",
+    "externalPayloadCount": undefined,
+    "externalPayloadSizeBytes": undefined,
     "historyEvents": "42",
     "historySizeBytes": undefined,
     "id": "temporal.fixture.completed.workflow.id",
@@ -637,6 +659,8 @@ exports[`toWorkflowExecutions > should match the snapshot 1`] = `
     "details": undefined,
     "endTime": "2022-07-01T20:14:51.002030504Z",
     "executionTime": "2022-07-01T20:14:48.911627544Z",
+    "externalPayloadCount": undefined,
+    "externalPayloadSizeBytes": undefined,
     "historyEvents": "30",
     "historySizeBytes": undefined,
     "id": "temporal.fixture.terminated.workflow.id",
@@ -686,6 +710,8 @@ exports[`toWorkflowExecutions > should match the snapshot 1`] = `
     "details": undefined,
     "endTime": "2022-07-01T14:16:18.804308503Z",
     "executionTime": "2022-07-01T13:56:18.803016378Z",
+    "externalPayloadCount": undefined,
+    "externalPayloadSizeBytes": undefined,
     "historyEvents": "18",
     "historySizeBytes": undefined,
     "id": "temporal.fixture.timed-out.workflow.id",
diff --git a/src/lib/models/__snapshots__/workflow-execution.write-disabled.test.ts.snap b/src/lib/models/__snapshots__/workflow-execution.write-disabled.test.ts.snap
index c21ec0738b..89c39b4c6d 100644
--- a/src/lib/models/__snapshots__/workflow-execution.write-disabled.test.ts.snap
+++ b/src/lib/models/__snapshots__/workflow-execution.write-disabled.test.ts.snap
@@ -9,6 +9,8 @@ exports[`toWorkflowExecution > should match the snapshot for Canceled workflows
   "details": undefined,
   "endTime": "2022-07-01T20:20:50.181506253Z",
   "executionTime": "2022-07-01T20:20:50.157120545Z",
+  "externalPayloadCount": undefined,
+  "externalPayloadSizeBytes": undefined,
   "historyEvents": "13",
   "historySizeBytes": undefined,
   "id": "temporal.fixture.cancelled.workflow.id",
@@ -64,6 +66,8 @@ exports[`toWorkflowExecution > should match the snapshot for Completed workflows
   "details": undefined,
   "endTime": "2022-07-01T20:28:52.916373379Z",
   "executionTime": "2022-07-01T20:28:48.796369169Z",
+  "externalPayloadCount": undefined,
+  "externalPayloadSizeBytes": undefined,
   "historyEvents": "18",
   "historySizeBytes": undefined,
   "id": "temporal.fixture.completed.workflow.id",
@@ -119,6 +123,8 @@ exports[`toWorkflowExecution > should match the snapshot for Failed workflows 1`
   "details": undefined,
   "endTime": "2022-07-01T20:22:50.027441003Z",
   "executionTime": "2022-07-01T20:22:50.015107253Z",
+  "externalPayloadCount": undefined,
+  "externalPayloadSizeBytes": undefined,
   "historyEvents": "7",
   "historySizeBytes": undefined,
   "id": "temporal.fixture.failed.workflow.id",
@@ -167,6 +173,8 @@ exports[`toWorkflowExecution > should match the snapshot for Running workflows 1
   "details": undefined,
   "endTime": null,
   "executionTime": "2022-07-01T20:23:49.104303753Z",
+  "externalPayloadCount": undefined,
+  "externalPayloadSizeBytes": undefined,
   "historyEvents": "13",
   "historySizeBytes": undefined,
   "id": "temporal.fixture.running.workflow.id",
@@ -248,6 +256,8 @@ exports[`toWorkflowExecution > should match the snapshot for Terminated workflow
   "details": undefined,
   "endTime": "2022-07-01T20:14:51.002030504Z",
   "executionTime": "2022-07-01T20:14:48.911627544Z",
+  "externalPayloadCount": undefined,
+  "externalPayloadSizeBytes": undefined,
   "historyEvents": "30",
   "historySizeBytes": undefined,
   "id": "temporal.fixture.completed.workflow.id",
@@ -334,6 +344,8 @@ exports[`toWorkflowExecution > should match the snapshot for TimedOut workflows
   "details": undefined,
   "endTime": "2022-07-01T14:16:18.804308503Z",
   "executionTime": "2022-07-01T13:56:18.803016378Z",
+  "externalPayloadCount": undefined,
+  "externalPayloadSizeBytes": undefined,
   "historyEvents": "18",
   "historySizeBytes": undefined,
   "id": "temporal.fixture.timed-out.workflow.id/workflow.advanced-visibility",
@@ -396,6 +408,8 @@ exports[`toWorkflowExecutions > should match the snapshot 1`] = `
     "details": undefined,
     "endTime": "2022-07-01T20:20:50.181506253Z",
     "executionTime": "2022-07-01T20:20:50.157120545Z",
+    "externalPayloadCount": undefined,
+    "externalPayloadSizeBytes": undefined,
     "historyEvents": "13",
     "historySizeBytes": undefined,
     "id": "temporal.fixture.cancelled.workflow.id",
@@ -445,6 +459,8 @@ exports[`toWorkflowExecutions > should match the snapshot 1`] = `
     "details": undefined,
     "endTime": "2022-07-01T20:28:52.916373379Z",
     "executionTime": "2022-07-01T20:28:48.796369169Z",
+    "externalPayloadCount": undefined,
+    "externalPayloadSizeBytes": undefined,
     "historyEvents": "18",
     "historySizeBytes": undefined,
     "id": "temporal.fixture.completed.workflow.id",
@@ -494,6 +510,8 @@ exports[`toWorkflowExecutions > should match the snapshot 1`] = `
     "details": undefined,
     "endTime": "2022-07-01T20:22:50.027441003Z",
     "executionTime": "2022-07-01T20:22:50.015107253Z",
+    "externalPayloadCount": undefined,
+    "externalPayloadSizeBytes": undefined,
     "historyEvents": "7",
     "historySizeBytes": undefined,
     "id": "temporal.fixture.failed.workflow.id",
@@ -539,6 +557,8 @@ exports[`toWorkflowExecutions > should match the snapshot 1`] = `
     "details": undefined,
     "endTime": null,
     "executionTime": "2022-07-01T20:23:49.104303753Z",
+    "externalPayloadCount": undefined,
+    "externalPayloadSizeBytes": undefined,
     "historyEvents": "19",
     "historySizeBytes": undefined,
     "id": "temporal.fixture.running.workflow.id",
@@ -588,6 +608,8 @@ exports[`toWorkflowExecutions > should match the snapshot 1`] = `
     "details": undefined,
     "endTime": "2022-07-01T20:14:51.073853795Z",
     "executionTime": "2022-07-01T20:14:51.002662504Z",
+    "externalPayloadCount": undefined,
+    "externalPayloadSizeBytes": undefined,
     "historyEvents": "42",
     "historySizeBytes": undefined,
     "id": "temporal.fixture.completed.workflow.id",
@@ -637,6 +659,8 @@ exports[`toWorkflowExecutions > should match the snapshot 1`] = `
     "details": undefined,
     "endTime": "2022-07-01T20:14:51.002030504Z",
     "executionTime": "2022-07-01T20:14:48.911627544Z",
+    "externalPayloadCount": undefined,
+    "externalPayloadSizeBytes": undefined,
     "historyEvents": "30",
     "historySizeBytes": undefined,
     "id": "temporal.fixture.terminated.workflow.id",
@@ -686,6 +710,8 @@ exports[`toWorkflowExecutions > should match the snapshot 1`] = `
     "details": undefined,
     "endTime": "2022-07-01T14:16:18.804308503Z",
     "executionTime": "2022-07-01T13:56:18.803016378Z",
+    "externalPayloadCount": undefined,
+    "externalPayloadSizeBytes": undefined,
     "historyEvents": "18",
     "historySizeBytes": undefined,
     "id": "temporal.fixture.timed-out.workflow.id",
diff --git a/src/lib/models/workflow-execution.ts b/src/lib/models/workflow-execution.ts
index 42ff4717e4..5d668b2e45 100644
--- a/src/lib/models/workflow-execution.ts
+++ b/src/lib/models/workflow-execution.ts
@@ -145,6 +145,10 @@ export const toWorkflowExecution = (
   const priority = response.workflowExecutionInfo?.priority;
   const workflowExtendedInfo = response.workflowExtendedInfo ?? {};
   const startDelay = getStartDelay({ executionTime, startTime });
+  const externalPayloadCount =
+    response?.workflowExecutionInfo?.externalPayloadCount;
+  const externalPayloadSizeBytes =
+    response?.workflowExecutionInfo?.externalPayloadSizeBytes;
 
   let summary;
   let details;
@@ -163,6 +167,8 @@ export const toWorkflowExecution = (
     status,
     historyEvents,
     historySizeBytes,
+    externalPayloadCount,
+    externalPayloadSizeBytes,
     searchAttributes,
     memo,
     rootExecution,
diff --git a/src/lib/types/workflows.ts b/src/lib/types/workflows.ts
index 00d8adb306..f3c5cf2906 100644
--- a/src/lib/types/workflows.ts
+++ b/src/lib/types/workflows.ts
@@ -38,6 +38,8 @@ export type WorkflowExecutionInfo = Replace<
     closeTime: string;
     executionTime: string;
     historySizeBytes: string;
+    externalPayloadCount?: string;
+    externalPayloadSizeBytes?: string;
     historyLength: string;
     searchAttributes?: WorkflowSearchAttributes;
     memo?: Memo;
@@ -173,6 +175,8 @@ export type WorkflowExecution = {
   taskQueue?: string;
   historyEvents: string;
   historySizeBytes: string;
+  externalPayloadCount: string | undefined;
+  externalPayloadSizeBytes: string | undefined;
   mostRecentWorkerVersionStamp?: MostRecentWOrkflowVersionStamp;
   assignedBuildId?: string;
   searchAttributes?: DecodedWorkflowSearchAttributes;
diff --git a/src/lib/vendor/sdk-logos/dot-net-logo.png b/src/lib/vendor/sdk-logos/dot-net-logo.png
deleted file mode 100644
index 9594c54293..0000000000
Binary files a/src/lib/vendor/sdk-logos/dot-net-logo.png and /dev/null differ
diff --git a/src/lib/vendor/sdk-logos/dotnet-colorblock.svg b/src/lib/vendor/sdk-logos/dotnet-colorblock.svg
new file mode 100644
index 0000000000..06f5b9efeb
--- /dev/null
+++ b/src/lib/vendor/sdk-logos/dotnet-colorblock.svg
@@ -0,0 +1,7 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="24" height="24" fill="#9747FF"/>
+<path d="M4.49655 15C4.35862 15 4.24138 14.9519 4.14483 14.8556C4.04828 14.7568 4 14.6395 4 14.5037C4 14.3654 4.04828 14.2469 4.14483 14.1482C4.24138 14.0494 4.35862 14 4.49655 14C4.63678 14 4.75517 14.0494 4.85172 14.1482C4.95057 14.2469 5 14.3654 5 14.5037C5 14.6395 4.95057 14.7568 4.85172 14.8556C4.75517 14.9519 4.63678 15 4.49655 15Z" fill="white"/>
+<path d="M11 15H9.93095L7.11431 10.59C7.04304 10.4784 6.9841 10.3626 6.9375 10.2427H6.91283C6.93476 10.371 6.94573 10.6457 6.94573 11.0669V15H6V9H7.13898L9.86101 13.3054C9.97615 13.484 10.0502 13.6067 10.0831 13.6736H10.0995C10.0721 13.5146 10.0584 13.2455 10.0584 12.8661V9H11V15Z" fill="white"/>
+<path d="M15 15H12V9H14.8808V9.84519H12.8869V11.5439H14.7242V12.3849H12.8869V14.159H15V15Z" fill="white"/>
+<path d="M19 9.84519H17.4468V15H16.5495V9.84519H15V9H19V9.84519Z" fill="white"/>
+</svg>
diff --git a/src/lib/vendor/sdk-logos/go-colorblock.svg b/src/lib/vendor/sdk-logos/go-colorblock.svg
new file mode 100644
index 0000000000..ff8688e4c4
--- /dev/null
+++ b/src/lib/vendor/sdk-logos/go-colorblock.svg
@@ -0,0 +1,8 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="24" height="24" fill="#444CE7"/>
+<path d="M3.50935 11.1195C3.4704 11.1195 3.46066 11.1013 3.48014 11.0739L3.68463 10.8276C3.7041 10.8002 3.75279 10.782 3.79174 10.782H7.26809C7.30704 10.782 7.31678 10.8094 7.29731 10.8367L7.13177 11.0739C7.11229 11.1013 7.0636 11.1286 7.03439 11.1286L3.50935 11.1195Z" fill="white"/>
+<path d="M2.03895 11.9588C2 11.9588 1.99026 11.9406 2.00974 11.9132L2.21423 11.6669C2.2337 11.6395 2.28239 11.6213 2.32134 11.6213H6.76172C6.80068 11.6213 6.82015 11.6486 6.81041 11.676L6.73251 11.8949C6.72277 11.9314 6.68382 11.9497 6.64487 11.9497L2.03895 11.9588Z" fill="white"/>
+<path d="M4.39549 12.7981C4.35654 12.7981 4.3468 12.7707 4.36628 12.7433L4.5026 12.5153C4.52208 12.4879 4.56103 12.4605 4.59998 12.4605H6.54752C6.58647 12.4605 6.60594 12.4879 6.60594 12.5244L6.58647 12.7433C6.58647 12.7798 6.54751 12.8072 6.5183 12.8072L4.39549 12.7981Z" fill="white"/>
+<path d="M14.5032 10.9553C13.8897 11.1013 13.471 11.2108 12.8673 11.3567C12.7212 11.3932 12.7115 11.4023 12.5849 11.2655C12.4388 11.1104 12.3317 11.0101 12.1272 10.9188C11.5137 10.636 10.9197 10.7181 10.3647 11.0557C9.70252 11.4571 9.36171 12.05 9.37144 12.7889C9.38118 13.5187 9.91675 14.1208 10.686 14.2211C11.3482 14.3033 11.9032 14.0843 12.3414 13.6191C12.4291 13.5187 12.507 13.4093 12.6044 13.2815C12.2538 13.2815 11.8156 13.2815 10.725 13.2815C10.5205 13.2815 10.4718 13.1629 10.54 13.0079C10.6666 12.7251 10.9003 12.2507 11.0366 12.0135C11.0658 11.9588 11.134 11.8676 11.28 11.8676C11.7766 11.8676 13.6073 11.8676 14.8245 11.8676C14.8051 12.1139 14.8051 12.3602 14.7661 12.6065C14.659 13.2633 14.3961 13.8654 13.9676 14.3945C13.2665 15.2611 12.3512 15.7993 11.1924 15.9453C10.2381 16.0639 9.35197 15.8905 8.57295 15.3432C7.85237 14.8323 7.44338 14.1573 7.33627 13.318C7.20968 12.3237 7.52128 11.4297 8.16397 10.6452C8.85535 9.79678 9.77069 9.25856 10.8905 9.06699C11.8059 8.91191 12.6823 9.01225 13.471 9.51399C13.9871 9.83327 14.3571 10.2711 14.6006 10.8002C14.659 10.8823 14.6201 10.928 14.5032 10.9553Z" fill="white"/>
+<path d="M17.7264 16C16.8402 15.9818 16.032 15.7446 15.3504 15.1972C14.7758 14.732 14.4155 14.139 14.2987 13.4366C14.1234 12.4058 14.4253 11.4935 15.0874 10.6816C15.7983 9.80589 16.6552 9.34976 17.814 9.15819C18.8072 8.99399 19.7421 9.08521 20.5892 9.62344C21.3585 10.116 21.8357 10.782 21.9622 11.6577C22.1278 12.8893 21.748 13.8927 20.8424 14.7502C20.1997 15.3614 19.411 15.7446 18.5054 15.9179C18.2424 15.9635 17.9795 15.9726 17.7264 16ZM20.0439 12.3145C20.0342 12.196 20.0342 12.1047 20.0147 12.0135C19.8394 11.1104 18.9533 10.5995 18.0282 10.8002C17.1226 10.9918 16.5384 11.53 16.3241 12.3875C16.1488 13.0991 16.5189 13.8197 17.22 14.1117C17.7556 14.3306 18.2911 14.3032 18.8072 14.0569C19.5765 13.6829 19.9952 13.0991 20.0439 12.3145Z" fill="white"/>
+</svg>
diff --git a/src/lib/vendor/sdk-logos/go-logo.png b/src/lib/vendor/sdk-logos/go-logo.png
deleted file mode 100644
index 70f0a1954c..0000000000
Binary files a/src/lib/vendor/sdk-logos/go-logo.png and /dev/null differ
diff --git a/src/lib/vendor/sdk-logos/java-colorblock.svg b/src/lib/vendor/sdk-logos/java-colorblock.svg
new file mode 100644
index 0000000000..26141abf87
--- /dev/null
+++ b/src/lib/vendor/sdk-logos/java-colorblock.svg
@@ -0,0 +1,8 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="24" height="24" fill="#FF9B27"/>
+<path d="M9.86473 16.3737C9.86473 16.3737 9.24298 16.7293 10.3072 16.8496C11.5966 16.9942 12.2555 16.9735 13.6764 16.709C13.6764 16.709 14.05 16.9393 14.5716 17.1389C11.3865 18.4812 7.36293 17.0611 9.86473 16.3737ZM9.47551 14.622C9.47551 14.622 8.77815 15.1296 9.8432 15.2379C11.2205 15.3776 12.3082 15.3891 14.1903 15.0327C14.1903 15.0327 14.4506 15.2922 14.86 15.4341C11.0089 16.5415 6.7195 15.5215 9.47551 14.622Z" fill="#181925"/>
+<path d="M12.7567 11.6504C13.5415 12.539 12.5505 13.3386 12.5505 13.3386C12.5505 13.3386 14.5433 12.3269 13.6281 11.0601C12.7733 9.8788 12.1178 9.29176 15.6664 7.26797C15.6664 7.26797 10.0963 8.63602 12.7567 11.6504Z" fill="#181925"/>
+<path d="M16.9693 17.6694C16.9693 17.6694 17.4295 18.0422 16.4626 18.3306C14.6241 18.8783 8.81047 19.0437 7.19546 18.3525C6.61493 18.1041 7.70363 17.7595 8.04607 17.6871C8.40321 17.611 8.60734 17.6252 8.60734 17.6252C7.9617 17.1779 4.43423 18.5034 6.81557 18.8829C13.3098 19.9186 18.6538 18.4166 16.9693 17.6694ZM10.1637 12.807C10.1637 12.807 7.20658 13.4977 9.11654 13.7484C9.92297 13.8546 11.5306 13.8306 13.0281 13.7072C14.2519 13.6058 15.4807 13.3899 15.4807 13.3899C15.4807 13.3899 15.0492 13.5716 14.737 13.7812C11.734 14.5579 5.93288 14.1966 7.60296 13.4022C9.01535 12.7308 10.1637 12.807 10.1637 12.807ZM15.4685 15.7228C18.5212 14.1629 17.1098 12.6639 16.1246 12.8659C15.8831 12.9153 15.7755 12.9581 15.7755 12.9581C15.7755 12.9581 15.8651 12.82 16.0363 12.7603C17.9853 12.0864 19.4841 14.7475 15.4072 15.8014C15.4072 15.8015 15.4544 15.76 15.4685 15.7228Z" fill="#181925"/>
+<path d="M13.6281 4C13.6281 4 15.3187 5.6631 12.0246 8.22032C9.38313 10.2717 11.4223 11.4414 12.0235 12.7777C10.4816 11.4097 9.35005 10.2054 10.1092 9.08463C11.2234 7.43927 14.3102 6.64163 13.6281 4Z" fill="#181925"/>
+<path d="M10.4637 19.9497C13.3939 20.1342 17.8934 19.8474 18 18.484C18 18.484 17.7952 19.0009 15.5784 19.4113C13.0774 19.8741 9.99287 19.8201 8.16336 19.5235C8.16341 19.5235 8.53784 19.8283 10.4637 19.9497Z" fill="#181925"/>
+</svg>
diff --git a/src/lib/vendor/sdk-logos/java-logo.png b/src/lib/vendor/sdk-logos/java-logo.png
deleted file mode 100644
index e88a81308f..0000000000
Binary files a/src/lib/vendor/sdk-logos/java-logo.png and /dev/null differ
diff --git a/src/lib/vendor/sdk-logos/php-colorblock.svg b/src/lib/vendor/sdk-logos/php-colorblock.svg
new file mode 100644
index 0000000000..edfd72a98e
--- /dev/null
+++ b/src/lib/vendor/sdk-logos/php-colorblock.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="24" height="24" fill="#FF6BFF"/>
+<path d="M12 8C16.9702 8.00007 21 10.1198 21 12.7344C20.9998 15.3488 16.9701 17.4687 12 17.4688C7.02979 17.4688 3.00022 15.3489 3 12.7344C3 10.1198 7.02966 8 12 8ZM6.55469 10.5498L5.59473 15.4873H6.66992L6.92578 14.1748H7.84668C8.25289 14.1748 8.58717 14.1323 8.84961 14.0469C9.11214 13.9616 9.35164 13.8181 9.56641 13.6172C9.74655 13.4516 9.89225 13.2681 10.0039 13.0684C10.1153 12.8688 10.1944 12.6481 10.2412 12.4072C10.3549 11.8223 10.2694 11.3665 9.98438 11.04C9.69915 10.7136 9.24499 10.5499 8.62305 10.5498H6.55469ZM14.9492 10.5498L13.9893 15.4873H15.0654L15.3203 14.1748H16.2412C16.6477 14.1748 16.9826 14.1324 17.2451 14.0469C17.5075 13.9616 17.7462 13.8181 17.9609 13.6172C18.1411 13.4515 18.2868 13.2681 18.3984 13.0684C18.5099 12.8688 18.5889 12.6481 18.6357 12.4072C18.7494 11.8223 18.664 11.3665 18.3789 11.04C18.0937 10.7135 17.6396 10.5499 17.0176 10.5498H14.9492ZM11.1328 9.2373L10.1729 14.1748H11.2402L11.79 11.3467H12.6426C12.9156 11.3467 13.0948 11.3911 13.1787 11.4814C13.2626 11.5718 13.2797 11.7418 13.2314 11.9902L12.8066 14.1748H13.8906L14.3379 11.877C14.4285 11.4098 14.3598 11.0719 14.1328 10.8633C13.9057 10.6549 13.4935 10.5498 12.8955 10.5498H11.9453L12.2002 9.2373H11.1328ZM8.21582 11.3291C8.62409 11.3292 8.89609 11.4049 9.03223 11.5557C9.1682 11.7065 9.201 11.9653 9.12988 12.332C9.05552 12.714 8.91232 12.987 8.7002 13.1504C8.48804 13.3137 8.16486 13.3955 7.73145 13.3955H7.07715L7.47852 11.3291H8.21582ZM16.6104 11.3291C17.0186 11.3291 17.2906 11.405 17.4268 11.5557C17.5628 11.7065 17.5956 11.9652 17.5244 12.332C17.45 12.7141 17.3069 12.987 17.0947 13.1504C16.8826 13.3137 16.5594 13.3955 16.126 13.3955H15.4717L15.873 11.3291H16.6104Z" fill="#181925"/>
+</svg>
diff --git a/src/lib/vendor/sdk-logos/php-logo.png b/src/lib/vendor/sdk-logos/php-logo.png
deleted file mode 100644
index baaf706346..0000000000
Binary files a/src/lib/vendor/sdk-logos/php-logo.png and /dev/null differ
diff --git a/src/lib/vendor/sdk-logos/python-colorblock.svg b/src/lib/vendor/sdk-logos/python-colorblock.svg
new file mode 100644
index 0000000000..0e09091e06
--- /dev/null
+++ b/src/lib/vendor/sdk-logos/python-colorblock.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="24" height="24" fill="#FECB2F"/>
+<path d="M12.3409 5.00012C11.7282 5.00294 11.1431 5.05469 10.6282 5.14491C9.11162 5.41027 8.83626 5.96568 8.83626 6.98995V8.34269H12.4202V8.79361H7.49123C6.44963 8.79361 5.53758 9.41364 5.2523 10.5931C4.92324 11.9451 4.90864 12.7888 5.2523 14.2005C5.50706 15.2513 6.11547 16 7.15706 16H8.38931V14.3784C8.38931 13.2068 9.41282 12.1734 10.6282 12.1734H14.208C15.2045 12.1734 16 11.3609 16 10.3698V6.98995C16 6.02803 15.1806 5.30545 14.208 5.14491C13.5924 5.04341 12.9535 4.9973 12.3409 5.00012ZM10.4027 6.08811C10.7729 6.08811 11.0752 6.39241 11.0752 6.76656C11.0752 7.13938 10.7729 7.44086 10.4027 7.44086C10.0311 7.44086 9.73016 7.13938 9.73016 6.76656C9.73016 6.39241 10.0311 6.08811 10.4027 6.08811Z" fill="#181925"/>
+<path d="M15.9048 9V10.422C15.9048 11.5244 14.9557 12.4522 13.8735 12.4522H10.6258C9.73615 12.4522 9 13.2021 9 14.0795V17.1286C9 17.9964 9.76625 18.5069 10.6258 18.7558C11.655 19.0539 12.642 19.1078 13.8735 18.7558C14.6921 18.5224 15.4993 18.0527 15.4993 17.1286V15.9082H12.2515V15.5014H17.125C18.07 15.5014 18.4221 14.8523 18.7508 13.8779C19.0903 12.8749 19.0758 11.9102 18.7508 10.6235C18.5172 9.69702 18.0712 9 17.125 9H15.9048ZM14.0781 16.7218C14.4152 16.7218 14.6883 16.9938 14.6883 17.3302C14.6883 17.6677 14.4152 17.9422 14.0781 17.9422C13.7423 17.9422 13.468 17.6677 13.468 17.3302C13.468 16.9938 13.7423 16.7218 14.0781 16.7218Z" fill="#181925"/>
+</svg>
diff --git a/src/lib/vendor/sdk-logos/python-logo.png b/src/lib/vendor/sdk-logos/python-logo.png
deleted file mode 100644
index 2c1ef19d50..0000000000
Binary files a/src/lib/vendor/sdk-logos/python-logo.png and /dev/null differ
diff --git a/src/lib/vendor/sdk-logos/ruby-colorblock.svg b/src/lib/vendor/sdk-logos/ruby-colorblock.svg
new file mode 100644
index 0000000000..831b933bf6
--- /dev/null
+++ b/src/lib/vendor/sdk-logos/ruby-colorblock.svg
@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="24" height="24" fill="#FF6565"/>
+<path d="M14.5401 14.5401L12.9647 10.1754L13.14 9.95225L13.2674 9.68117L17.8834 10.2387M14.5401 14.5401L17.4142 17.4142M14.5401 14.5401L16.5324 12.5477M14.5401 14.5401L10.1754 12.9647L9.95225 13.14L9.68117 13.2674L10.2387 17.8834M14.5401 14.5401L12.5477 16.5324M17.8834 10.2387L17.4142 17.4142M17.8834 10.2387L16.5324 12.5477M17.8834 10.2387L17.9766 8.61257L18 7.51228L17.3554 6.47721L16.153 6M17.8834 10.2387L13.9928 7.05664M17.4142 17.4142L16.5324 12.5477M17.4142 17.4142L10.2387 17.8834M17.4142 17.4142L12.5477 16.5324M13.353 6.18096L12.9451 6.17117L10.1621 7.0381L8.48853 8.48853L7.0381 10.1621L6.17117 12.9451L6.18096 13.353M13.353 6.18096L16.153 6M13.353 6.18096L13.7192 6.54677C13.8546 6.68216 13.9448 6.85451 13.9928 7.05664M16.153 6L13.9928 7.05664M13.9928 7.05664C14.2446 8.11846 13.3298 10.002 11.6659 11.6659C10.002 13.3298 8.11846 14.2446 7.05664 13.9928M10.2387 17.8834L12.5477 16.5324M10.2387 17.8834L8.61257 17.9766L7.51228 18L6.47721 17.3554L6 16.153M10.2387 17.8834L7.05664 13.9928M6.18096 13.353L6 16.153M6.18096 13.353L6.54677 13.7192C6.68216 13.8546 6.85451 13.9448 7.05664 13.9928M6 16.153L7.05664 13.9928" stroke="url(#paint0_linear_3011_76)" stroke-width="0.75" stroke-linejoin="round"/>
+<defs>
+<linearGradient id="paint0_linear_3011_76" x1="12" y1="6" x2="12" y2="18" gradientUnits="userSpaceOnUse">
+<stop stop-color="#111827"/>
+<stop offset="1" stop-color="#141414"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/src/lib/vendor/sdk-logos/ruby-logo.png b/src/lib/vendor/sdk-logos/ruby-logo.png
deleted file mode 100644
index 7d7f641c07..0000000000
Binary files a/src/lib/vendor/sdk-logos/ruby-logo.png and /dev/null differ
diff --git a/src/lib/vendor/sdk-logos/rust-colorblock.svg b/src/lib/vendor/sdk-logos/rust-colorblock.svg
new file mode 100644
index 0000000000..9f803bfcdc
--- /dev/null
+++ b/src/lib/vendor/sdk-logos/rust-colorblock.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="24" height="24" fill="#1E2650"/>
+<path d="M12.0003 4.54858C7.89228 4.54858 4.54883 7.89361 4.54883 12C4.54883 16.1064 7.89385 19.4514 12.0003 19.4514C16.1067 19.4514 19.4517 16.1064 19.4517 12C19.4517 7.89361 16.1067 4.54858 12.0003 4.54858ZM11.9892 5.21065C12.1166 5.21395 12.2377 5.26706 12.3266 5.35864C12.4156 5.45022 12.4653 5.57304 12.4653 5.7009C12.4653 5.83092 12.4136 5.95562 12.3217 6.04756C12.2298 6.13949 12.1051 6.19115 11.975 6.19115C11.845 6.19115 11.7203 6.13949 11.6284 6.04756C11.5364 5.95562 11.4848 5.83092 11.4848 5.7009C11.4848 5.63531 11.4979 5.57038 11.5234 5.50995C11.5489 5.44953 11.5863 5.39484 11.6334 5.34913C11.6804 5.30341 11.7361 5.2676 11.7973 5.24382C11.8584 5.22003 11.9237 5.20875 11.9892 5.21065ZM13.1116 6.01775C13.9722 6.17895 14.7874 6.52556 15.5007 7.03351C16.2139 7.54146 16.8079 8.19858 17.2416 8.95922L16.6631 10.2644C16.5638 10.4899 16.6663 10.7547 16.8901 10.8556L18.003 11.349C18.0375 11.6969 18.0418 12.0471 18.0156 12.3957H17.3961C17.3346 12.3957 17.3094 12.4367 17.3094 12.4966V12.7803C17.3094 13.4487 16.9327 13.5953 16.6016 13.6315C16.2864 13.6678 15.938 13.4991 15.8939 13.3068C15.7078 12.2617 15.3989 12.0394 14.9102 11.6532C15.5171 11.2686 16.1476 10.6995 16.1476 9.93972C16.1476 9.11844 15.5849 8.60139 15.2018 8.3476C14.6627 7.99292 14.0669 7.92198 13.9061 7.92198H7.50607C8.39104 6.93336 9.57725 6.26407 10.881 6.01775L11.6361 6.80908C11.8064 6.9872 12.0885 6.99509 12.2667 6.82326L13.1116 6.01775ZM6.1441 9.64651C6.27165 9.65021 6.39273 9.70348 6.48162 9.79503C6.57051 9.88657 6.62021 10.0092 6.62016 10.1368C6.62016 10.2668 6.56851 10.3915 6.47657 10.4834C6.38463 10.5754 6.25993 10.627 6.12991 10.627C5.99989 10.627 5.87519 10.5754 5.78326 10.4834C5.69132 10.3915 5.63967 10.2668 5.63967 10.1368C5.63964 10.0712 5.65277 10.0062 5.67829 9.94582C5.70381 9.88539 5.7412 9.8307 5.78823 9.78499C5.83527 9.73928 5.891 9.70347 5.95213 9.67968C6.01326 9.65589 6.07854 9.64462 6.1441 9.64651ZM17.8328 9.66858C17.9603 9.67228 18.0814 9.72555 18.1703 9.81709C18.2592 9.90864 18.3089 10.0312 18.3088 10.1588C18.3088 10.2889 18.2572 10.4135 18.1652 10.5055C18.0733 10.5974 17.9486 10.6491 17.8186 10.6491C17.6886 10.6491 17.5639 10.5974 17.4719 10.5055C17.38 10.4135 17.3283 10.2889 17.3283 10.1588C17.3283 10.0932 17.3414 10.0283 17.367 9.96789C17.3925 9.90746 17.4299 9.85277 17.4769 9.80706C17.5239 9.76135 17.5797 9.72554 17.6408 9.70175C17.7019 9.67796 17.7672 9.66669 17.8328 9.66858ZM7.06784 9.7474H7.92223V13.6H6.1977C5.98471 12.8521 5.91834 12.0701 6.00223 11.297L7.05838 10.8272C7.2838 10.7263 7.38627 10.4631 7.28538 10.2376L7.06784 9.7474ZM10.6336 9.78839H12.6686C12.7742 9.78839 13.4111 9.90977 13.4111 10.3874C13.4111 10.7831 12.9224 10.9249 12.5205 10.9249H10.632L10.6336 9.78839ZM10.6336 12.5565H12.1926C12.3344 12.5565 12.954 12.5975 13.151 13.3888C13.2125 13.6315 13.3496 14.4229 13.4426 14.6767C13.5356 14.9604 13.9124 15.5279 14.3143 15.5279H16.8586C16.6881 15.7562 16.5016 15.9722 16.3006 16.1742L15.2649 15.9519C15.0237 15.8999 14.7857 16.0544 14.7337 16.2956L14.4877 17.4432C13.697 17.8014 12.8382 17.9847 11.9701 17.9806C11.102 17.9765 10.245 17.7852 9.4576 17.4195L9.21169 16.2719C9.15967 16.0308 8.92321 15.8763 8.68203 15.9283L7.66843 16.1458C7.48034 15.9518 7.3055 15.7454 7.14508 15.5279H12.0743C12.1295 15.5279 12.1674 15.5184 12.1674 15.4664V13.723C12.1674 13.6725 12.1295 13.6615 12.0743 13.6615H10.632L10.6336 12.5565ZM8.35888 16.5494C8.48642 16.5531 8.60751 16.6063 8.6964 16.6979C8.78529 16.7894 8.83499 16.912 8.83494 17.0396C8.83494 17.1696 8.78329 17.2943 8.69135 17.3863C8.59941 17.4782 8.47471 17.5299 8.34469 17.5299C8.21467 17.5299 8.08997 17.4782 7.99803 17.3863C7.90609 17.2943 7.85444 17.1696 7.85444 17.0396C7.85442 16.974 7.86755 16.9091 7.89307 16.8487C7.91859 16.7882 7.95598 16.7336 8.00301 16.6878C8.05005 16.6421 8.10578 16.6063 8.16691 16.5825C8.22803 16.5588 8.29331 16.5475 8.35888 16.5494ZM15.618 16.5714C15.7455 16.5751 15.8666 16.6284 15.9555 16.72C16.0444 16.8115 16.0941 16.9341 16.094 17.0617C16.094 17.1917 16.0424 17.3164 15.9505 17.4083C15.8585 17.5003 15.7338 17.5519 15.6038 17.5519C15.4738 17.5519 15.3491 17.5003 15.2571 17.4083C15.1652 17.3164 15.1136 17.1917 15.1136 17.0617C15.1135 16.9961 15.1267 16.9312 15.1522 16.8707C15.1777 16.8103 15.2151 16.7556 15.2621 16.7099C15.3092 16.6642 15.3649 16.6284 15.426 16.6046C15.4871 16.5808 15.5524 16.5695 15.618 16.5714Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19.0353 12C19.0353 13.8659 18.2941 15.6553 16.9747 16.9747C15.6553 18.2941 13.8659 19.0353 12 19.0353C10.1341 19.0353 8.34468 18.2941 7.02531 16.9747C5.70594 15.6553 4.96473 13.8659 4.96473 12C4.96473 10.1341 5.70594 8.34468 7.02531 7.02531C8.34468 5.70594 10.1341 4.96473 12 4.96473C13.8659 4.96473 15.6553 5.70594 16.9747 7.02531C18.2941 8.34468 19.0353 10.1341 19.0353 12ZM18.9029 11.3206L20 12L18.9029 12.6794L19.8455 13.5606L18.638 14.013L19.3915 15.0613L18.1163 15.2694L18.6522 16.4453L17.3612 16.3996L17.6575 17.6575L16.3996 17.3612L16.4453 18.6522L15.2694 18.1163L15.0613 19.3915L14.013 18.638L13.5606 19.8455L12.6794 18.9029L12 20L11.3206 18.9029L10.4394 19.8455L9.98699 18.638L8.93872 19.3915L8.73064 18.1163L7.55468 18.6522L7.60039 17.3612L6.34246 17.6575L6.63882 16.3996L5.34778 16.4453L5.88374 15.2694L4.60847 15.0613L5.36197 14.013L4.15448 13.5606L5.09714 12.6794L4 12L5.09714 11.3206L4.15448 10.4394L5.36197 9.98699L4.60847 8.93872L5.88374 8.73064L5.34778 7.55468L6.63882 7.60039L6.34246 6.34246L7.60039 6.63882L7.55468 5.34778L8.73064 5.88374L8.93872 4.60847L9.98699 5.36197L10.4394 4.15448L11.3206 5.09714L12 4L12.6794 5.09714L13.5606 4.15448L14.013 5.36197L15.0613 4.60847L15.2694 5.88374L16.4453 5.34778L16.3996 6.63882L17.6575 6.34246L17.3612 7.60039L18.6522 7.55468L18.1163 8.73064L19.3915 8.93872L18.638 9.98699L19.8455 10.4394L18.9029 11.3206Z" fill="white" stroke="white" stroke-width="0.472906" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/lib/vendor/sdk-logos/rust-logo.png b/src/lib/vendor/sdk-logos/rust-logo.png
deleted file mode 100644
index 086168c880..0000000000
Binary files a/src/lib/vendor/sdk-logos/rust-logo.png and /dev/null differ
diff --git a/src/lib/vendor/sdk-logos/ts-logo.png b/src/lib/vendor/sdk-logos/ts-logo.png
deleted file mode 100644
index cbc2875838..0000000000
Binary files a/src/lib/vendor/sdk-logos/ts-logo.png and /dev/null differ
diff --git a/src/lib/vendor/sdk-logos/typescript-colorblock.svg b/src/lib/vendor/sdk-logos/typescript-colorblock.svg
new file mode 100644
index 0000000000..6ecc6ff8e5
--- /dev/null
+++ b/src/lib/vendor/sdk-logos/typescript-colorblock.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="24" height="24" fill="#59FDA0"/>
+<path d="M17.4375 6C17.7481 6 17.9999 6.2519 18 6.5625V17.4375C18 17.7481 17.7481 18 17.4375 18H6.5625C6.25205 17.9998 6.00001 17.748 6 17.4375V6.5625C6.00007 6.25205 6.25208 6.00023 6.5625 6H17.4375ZM15.2451 10.875C14.9338 10.875 14.6389 10.9085 14.3604 10.9756C14.0819 11.0427 13.8366 11.1467 13.625 11.2891C13.4133 11.4315 13.2459 11.6135 13.123 11.834C13.0001 12.0545 12.9385 12.3182 12.9385 12.625C12.9385 13.0167 13.051 13.3513 13.2764 13.6279C13.5017 13.9045 13.844 14.1384 14.3027 14.3301C14.4829 14.404 14.651 14.4767 14.8066 14.5479C14.9621 14.619 15.0967 14.6929 15.21 14.7695C15.3233 14.8462 15.413 14.9301 15.4785 15.0205C15.5441 15.1109 15.5771 15.214 15.5771 15.3291C15.5771 15.4139 15.5565 15.493 15.5156 15.5654C15.4747 15.6378 15.4123 15.7006 15.3291 15.7539C15.2458 15.8073 15.1418 15.8488 15.0176 15.8789C14.8933 15.909 14.7476 15.9248 14.5811 15.9248C14.2972 15.9248 14.0157 15.8744 13.7373 15.7744C13.4588 15.6745 13.2004 15.5241 12.9629 15.3242V16.6396C13.1758 16.7491 13.4281 16.831 13.7188 16.8857C14.0096 16.9406 14.3165 16.9678 14.6387 16.9678C14.9528 16.9678 15.2515 16.9382 15.5342 16.8779C15.8167 16.8177 16.0644 16.7183 16.2773 16.5801C16.4903 16.4417 16.6589 16.2604 16.7832 16.0371C16.9073 15.814 16.9697 15.5384 16.9697 15.21C16.9697 14.9717 16.9342 14.7624 16.8633 14.583C16.7922 14.4036 16.6895 14.2442 16.5557 14.1045C16.422 13.9649 16.262 13.8394 16.0752 13.7285C15.8881 13.6176 15.6763 13.5127 15.4414 13.4141C15.2695 13.3429 15.115 13.2731 14.9785 13.2061C14.8422 13.139 14.7263 13.0707 14.6309 13.001C14.5353 12.9311 14.4611 12.8574 14.4092 12.7793C14.3573 12.7012 14.332 12.6123 14.332 12.5137C14.3321 12.4234 14.355 12.342 14.4014 12.2695C14.4477 12.1971 14.5132 12.135 14.5977 12.083C14.6823 12.031 14.7863 11.9897 14.9092 11.9609C15.0321 11.9322 15.1691 11.918 15.3193 11.918C15.4285 11.918 15.5437 11.926 15.665 11.9424C15.7865 11.9588 15.9093 11.9843 16.0322 12.0186C16.155 12.0528 16.2746 12.0964 16.3906 12.1484C16.5066 12.2005 16.6137 12.2607 16.7119 12.3291V11.1006C16.5126 11.0239 16.2948 10.9667 16.0586 10.9297C15.8223 10.8927 15.5511 10.875 15.2451 10.875ZM7.68848 12.0518H9.39551V16.874H10.7549V12.0518H12.4697V10.9688H7.68848V12.0518Z" fill="#181925"/>
+</svg>