diff --git a/server/go.sum b/server/go.sum
index 4d644ed0fc..30e0b1f093 100644
--- a/server/go.sum
+++ b/server/go.sum
@@ -18,8 +18,6 @@ github.com/davecgh/go-spew v1.1.1 h1:vj9j/u1bqnvCEfJOwUhtlOARqs3+rkHYY13jYWTU97c
 github.com/davecgh/go-spew v1.1.1/go.mod h1:J7Y8YcW2NihsgmVo/mv3lAwl/skON4iLHjSsI+c5H38=
 github.com/frankban/quicktest v1.14.6 h1:7Xjx+VpznH+oBnejlPUj8oUpdxnVs4f8XU8WnHkI4W8=
 github.com/frankban/quicktest v1.14.6/go.mod h1:4ptaffx2x8+WTWXmUCuVU6aPUX1/Mz7zb5vbUoiM6w0=
-github.com/go-jose/go-jose/v4 v4.1.4 h1:moDMcTHmvE6Groj34emNPLs/qtYXRVcd6S7NHbHz3kA=
-github.com/go-jose/go-jose/v4 v4.1.4/go.mod h1:x4oUasVrzR7071A4TnHLGSPpNOm2a21K9Kf04k1rs08=
 github.com/go-jose/go-jose/v4 v4.1.6 h1:sNRkftxFJxwsILiQukqp5z83QBSmntVwmgRY7AqBDO4=
 github.com/go-jose/go-jose/v4 v4.1.6/go.mod h1:x4oUasVrzR7071A4TnHLGSPpNOm2a21K9Kf04k1rs08=
 github.com/go-logr/logr v1.4.4 h1:tG4xh9yMsRCAiodLVTxyrkzSZ9+o0L1Kg/+cPVcbP/8=
diff --git a/src/lib/components/batch-operations/empty-state.svelte b/src/lib/components/batch-operations/empty-state.svelte
new file mode 100644
index 0000000000..55b42b4df4
--- /dev/null
+++ b/src/lib/components/batch-operations/empty-state.svelte
@@ -0,0 +1,24 @@
+<script lang="ts">
+  import ResourceEmptyState from '$lib/components/empty-states/resource-empty-state.svelte';
+  import Link from '$lib/holocene/link.svelte';
+  import { translate } from '$lib/i18n/translate';
+  import { IconBatchOperation } from '$lib/io/icon';
+</script>
+
+<ResourceEmptyState
+  title={translate('batch.empty-state-title')}
+  Icon={IconBatchOperation}
+  testId="batch-operations-empty-state"
+  placeholder
+>
+  {#snippet description()}
+    <p>{translate('batch.empty-state-description')}</p>
+    <p>
+      {translate('batch.empty-state-read-docs-prefix')}
+      <Link href="https://docs.temporal.io/cli/command-reference/batch" newTab>
+        {translate('batch.empty-state-docs-link')}
+      </Link>
+      {translate('batch.empty-state-read-docs-suffix')}
+    </p>
+  {/snippet}
+</ResourceEmptyState>
diff --git a/src/lib/components/batch-operations/table.svelte b/src/lib/components/batch-operations/table.svelte
index 034cb30590..67ff362bd6 100644
--- a/src/lib/components/batch-operations/table.svelte
+++ b/src/lib/components/batch-operations/table.svelte
@@ -2,7 +2,6 @@
   import BatchOperationStatusBadge from '$lib/components/batch-operations/batch-operation-status-badge.svelte';
   import OperationType from '$lib/components/batch-operations/operation-type.svelte';
   import Timestamp from '$lib/components/timestamp.svelte';
-  import EmptyState from '$lib/holocene/empty-state.svelte';
   import Link from '$lib/holocene/link.svelte';
   import TableHeaderRow from '$lib/holocene/table/table-header-row.svelte';
   import TableRow from '$lib/holocene/table/table-row.svelte';
@@ -51,11 +50,5 @@
       <Timestamp as="td" class="max-sm:hidden" dateTime={startTime} />
       <Timestamp as="td" class="max-sm:hidden" dateTime={closeTime} />
     </TableRow>
-  {:else}
-    <TableRow>
-      <td class="max-sm:hidden" colspan="5">
-        <EmptyState title={translate('batch.empty-state-title')}></EmptyState>
-      </td>
-    </TableRow>
   {/each}
 </Table>
diff --git a/src/lib/components/deployments/deployments-empty-state.svelte b/src/lib/components/deployments/deployments-empty-state.svelte
index 6d574999f6..3fe15e7f66 100644
--- a/src/lib/components/deployments/deployments-empty-state.svelte
+++ b/src/lib/components/deployments/deployments-empty-state.svelte
@@ -1,12 +1,8 @@
 <script lang="ts">
-  import Alert from '$lib/holocene/alert.svelte';
+  import ResourceEmptyState from '$lib/components/empty-states/resource-empty-state.svelte';
   import Button from '$lib/holocene/button.svelte';
   import { translate } from '$lib/i18n/translate';
-  import {
-    IconExternalLinkOptical,
-    IconTemporalWorker,
-    IconWarning,
-  } from '$lib/io/icon';
+  import { IconExternalLinkOptical, IconTemporalWorker } from '$lib/io/icon';
 
   interface Props {
     createHref: string;
@@ -21,17 +17,15 @@
   }: Props = $props();
 </script>
 
-<div class="flex flex-col items-center gap-4 py-16">
-  <IconTemporalWorker class="h-20 w-20 text-indigo-6" />
-  <div class="flex flex-col items-center gap-2">
-    <p class="text-base font-medium">
-      {translate('deployments.empty-state-title')}
-    </p>
-    <p class="max-w-[500px] text-center text-sm text-secondary">
-      {translate('deployments.empty-state-description')}
-    </p>
-  </div>
-  <div class="flex flex-wrap items-center justify-center gap-4">
+<ResourceEmptyState
+  title={translate('deployments.empty-state-title')}
+  content={translate('deployments.empty-state-description')}
+  Icon={IconTemporalWorker}
+  {error}
+  testId="deployments-empty-state"
+  placeholder
+>
+  {#snippet actions()}
     {#if canCreateServerlessDeployment}
       <Button variant="secondary" href={createHref}>
         {translate('deployments.create-serverless-deployment')}
@@ -45,10 +39,5 @@
     >
       {translate('deployments.self-managed-deployment')}
     </Button>
-  </div>
-  {#if error}
-    <Alert intent="warning" Icon={IconWarning} class="max-w-lg">
-      {error}
-    </Alert>
-  {/if}
-</div>
+  {/snippet}
+</ResourceEmptyState>
diff --git a/src/lib/components/empty-states/empty-state-transition.svelte b/src/lib/components/empty-states/empty-state-transition.svelte
new file mode 100644
index 0000000000..0a878a4e31
--- /dev/null
+++ b/src/lib/components/empty-states/empty-state-transition.svelte
@@ -0,0 +1,36 @@
+<script lang="ts">
+  import { prefersReducedMotion } from 'svelte/motion';
+  import { fade } from 'svelte/transition';
+
+  import type { Snippet } from 'svelte';
+
+  interface Props {
+    empty: boolean;
+    emptyState: Snippet;
+    children: Snippet;
+  }
+
+  let { empty, emptyState, children }: Props = $props();
+
+  const fadeOut = $derived({
+    duration: prefersReducedMotion.current ? 0 : 200,
+  });
+</script>
+
+<div
+  class="grid grow grid-cols-1 grid-rows-[minmax(0,1fr)]"
+  class:min-h-0={!empty}
+>
+  {#if empty}
+    <div class="col-start-1 row-start-1">
+      {@render emptyState()}
+    </div>
+  {:else}
+    <div
+      class="col-start-1 row-start-1 flex min-h-0 flex-col"
+      out:fade={fadeOut}
+    >
+      {@render children()}
+    </div>
+  {/if}
+</div>
diff --git a/src/lib/components/empty-states/nexus-illustration.svelte b/src/lib/components/empty-states/nexus-illustration.svelte
new file mode 100644
index 0000000000..d156147f4a
--- /dev/null
+++ b/src/lib/components/empty-states/nexus-illustration.svelte
@@ -0,0 +1,353 @@
+<script lang="ts">
+  import { prefersReducedMotion } from 'svelte/motion';
+
+  interface Props {
+    class?: string;
+  }
+
+  let { class: className = '' }: Props = $props();
+
+  const namespaceGlyph =
+    'm8 0 .266.102 7.25 2.818.484.19v9.496l-.463.195-7.25 3.074L8 16l-.287-.122-7.25-3.073-.463-.2V3.11l.484-.189L7.734.102zM1.5 11.581l5.75 2.437V7.496L1.5 5.18zm7.25 2.437 5.75-2.437v-6.4L8.75 7.496zM8 1.646l-5.687 2.21L8 6.143l5.688-2.289z';
+
+  const workflowGlyph =
+    'M5.208 16H0v-5.208h5.208zm8.188-5.208a2.604 2.604 0 1 1 0 5.208 2.604 2.604 0 0 1 0-5.208M1.455 14.545h2.299v-2.299h-2.3zm11.94-2.299a1.15 1.15 0 1 0 .001 2.3 1.15 1.15 0 0 0 0-2.3M9.94 14.123H6.061V12.67h3.878zM3.331 9.94H1.877V6.061H3.33zM2.604 0a2.604 2.604 0 1 1 0 5.209 2.604 2.604 0 0 1 0-5.209M16 5.208h-5.208V0H16zM2.604 1.455a1.15 1.15 0 1 0 0 2.299 1.15 1.15 0 0 0 0-2.3m9.642 2.299h2.3v-2.3h-2.3zM9.94 3.33H6.061V1.877h3.878z';
+
+  const CENTER = { x: 320, y: 220 };
+  const RING = 40;
+  const ORBIT = 170;
+  const NAMESPACE = { w: 120, h: 88 };
+  const CARD = { w: 56, h: 44 };
+  const BADGE = 12;
+  const ANGLES = [-90, -30, 30, 90, 150, 210];
+
+  const round = (n: number) => Math.round(n * 10) / 10;
+
+  const namespaces = ANGLES.map((deg) => {
+    const rad = (deg * Math.PI) / 180;
+    const ux = Math.cos(rad);
+    const uy = Math.sin(rad);
+    const x = CENTER.x + ORBIT * ux;
+    const y = CENTER.y + ORBIT * uy;
+    const reach = Math.min(
+      NAMESPACE.w / 2 / Math.max(Math.abs(ux), 1e-6),
+      NAMESPACE.h / 2 / Math.max(Math.abs(uy), 1e-6),
+    );
+    const badge = { x: round(x - reach * ux), y: round(y - reach * uy) };
+    const edge = {
+      x: round(CENTER.x + RING * ux),
+      y: round(CENTER.y + RING * uy),
+    };
+    return {
+      x: round(x),
+      y: round(y),
+      badge,
+      edge,
+      linkEnd: {
+        x: round(badge.x - BADGE * ux),
+        y: round(badge.y - BADGE * uy),
+      },
+    };
+  });
+
+  type Point = { x: number; y: number };
+  type Leg = {
+    kind: 'request' | 'response';
+    from: Point;
+    to: Point;
+    arrivesAt: 'center' | number;
+  };
+
+  const LEG_MS = 1400;
+  const DWELL_MS = 250;
+  const PAUSE_MS = 900;
+  const HIGHLIGHT_MS = 1100;
+
+  let leg = $state<Leg | undefined>();
+  let step = $state(0);
+  let pulseKey = $state(0);
+  let highlighted = $state<number | undefined>();
+
+  const pick = (exclude?: number) => {
+    const choices = namespaces
+      .map((_, index) => index)
+      .filter((index) => index !== exclude);
+    return choices[Math.floor(Math.random() * choices.length)];
+  };
+
+  const roundTrip = (caller: number, handler: number): Leg[] => {
+    const from = namespaces[caller];
+    const to = namespaces[handler];
+    return [
+      { kind: 'request', from: from.badge, to: from.edge, arrivesAt: 'center' },
+      { kind: 'request', from: to.edge, to: to.badge, arrivesAt: handler },
+      { kind: 'response', from: to.badge, to: to.edge, arrivesAt: 'center' },
+      { kind: 'response', from: from.edge, to: from.badge, arrivesAt: caller },
+    ];
+  };
+
+  $effect(() => {
+    if (prefersReducedMotion.current) return;
+
+    let queue: Leg[] = [];
+    let timer: ReturnType<typeof setTimeout> | undefined;
+    let highlightTimer: ReturnType<typeof setTimeout> | undefined;
+
+    const later = (ms: number, fn: () => void) => {
+      clearTimeout(timer);
+      timer = setTimeout(fn, ms);
+    };
+
+    const next = () => {
+      if (!queue.length) {
+        const caller = pick();
+        queue = roundTrip(caller, pick(caller));
+      }
+      leg = queue.shift();
+      step += 1;
+    };
+
+    const onLegEnd = () => {
+      const arrivedAt = leg?.arrivesAt;
+      if (arrivedAt === 'center') {
+        pulseKey += 1;
+        later(DWELL_MS, next);
+        return;
+      }
+      highlighted = arrivedAt;
+      clearTimeout(highlightTimer);
+      highlightTimer = setTimeout(
+        () => (highlighted = undefined),
+        HIGHLIGHT_MS,
+      );
+      later(queue.length ? DWELL_MS : PAUSE_MS, next);
+    };
+
+    legEnded = onLegEnd;
+    later(PAUSE_MS, next);
+
+    return () => {
+      clearTimeout(timer);
+      clearTimeout(highlightTimer);
+      legEnded = undefined;
+      leg = undefined;
+      highlighted = undefined;
+    };
+  });
+
+  let legEnded: (() => void) | undefined;
+</script>
+
+<svg
+  viewBox="0 0 640 440"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+  class="nexus-illustration {className}"
+  style:--leg="{LEG_MS}ms"
+  aria-hidden="true"
+  focusable="false"
+>
+  <g class="namespace">
+    {#each namespaces as { x, y } (`${x}:${y}`)}
+      <rect
+        x={x - NAMESPACE.w / 2}
+        y={y - NAMESPACE.h / 2}
+        width={NAMESPACE.w}
+        height={NAMESPACE.h}
+        rx="12"
+      />
+    {/each}
+  </g>
+
+  <g class="links">
+    {#each namespaces as { edge, linkEnd } (`${edge.x}:${edge.y}`)}
+      <line x1={edge.x} y1={edge.y} x2={linkEnd.x} y2={linkEnd.y} />
+    {/each}
+  </g>
+
+  {#each namespaces as { x, y }, index (`${x}:${y}`)}
+    <g class="node" class:highlight={highlighted === index}>
+      <rect
+        x={x - CARD.w / 2}
+        y={y - CARD.h / 2}
+        width={CARD.w}
+        height={CARD.h}
+        rx="8"
+      />
+      <g transform="translate({x - 12} {y - 12}) scale(1.5)">
+        <path d={workflowGlyph} />
+      </g>
+    </g>
+  {/each}
+
+  <g class="boundary">
+    {#each namespaces as { badge } (`${badge.x}:${badge.y}`)}
+      <circle cx={badge.x} cy={badge.y} r={BADGE} />
+      <g transform="translate({badge.x - 8} {badge.y - 8})">
+        <path d={namespaceGlyph} />
+      </g>
+    {/each}
+  </g>
+
+  <g class="endpoint">
+    {#key pulseKey}
+      {#if pulseKey}
+        <circle class="pulse" cx={CENTER.x} cy={CENTER.y} r={RING} />
+      {/if}
+    {/key}
+    <circle class="ring" cx={CENTER.x} cy={CENTER.y} r={RING} />
+    <g transform="translate({CENTER.x - 20} {CENTER.y - 20}) scale(2.5)">
+      <path d="M7.25 0h1.5v16h-1.5z" />
+      <path d="m14.788 3.7.68 1.336L1.213 12.3l-.68-1.336z" />
+      <path d="m1.212 3.7-.68 1.336L14.787 12.3l.68-1.336z" />
+    </g>
+  </g>
+
+  {#key step}
+    {#if leg}
+      <circle
+        class="packet {leg.kind}"
+        cx={leg.from.x}
+        cy={leg.from.y}
+        r="5"
+        style:--dx="{round(leg.to.x - leg.from.x)}px"
+        style:--dy="{round(leg.to.y - leg.from.y)}px"
+        onanimationend={() => legEnded?.()}
+      />
+    {/if}
+  {/key}
+</svg>
+
+<style>
+  .nexus-illustration {
+    --link: var(--color-border-tertiary);
+    --card-fill: var(--color-surface-primary);
+    --card-stroke: var(--color-border-secondary);
+    --glyph: var(--color-content-secondary);
+    --brand: var(--color-content-brand);
+    --brand-fill: var(--color-surface-brand);
+    --brand-stroke: var(--color-border-brand);
+    --success: var(--color-content-success);
+  }
+
+  .namespace rect {
+    fill: var(--color-surface-secondary);
+    stroke: var(--link);
+    stroke-width: 2;
+    stroke-dasharray: 6 6;
+  }
+
+  .boundary circle {
+    fill: var(--card-fill);
+    stroke: var(--card-stroke);
+    stroke-width: 2;
+  }
+
+  .boundary path {
+    fill: var(--glyph);
+  }
+
+  .links line {
+    stroke: var(--link);
+    stroke-width: 2;
+    stroke-linecap: round;
+    stroke-dasharray: 4 8;
+    animation: flow 1.2s linear infinite;
+  }
+
+  .node rect {
+    fill: var(--card-fill);
+    stroke: var(--card-stroke);
+    stroke-width: 2;
+    transition: stroke 300ms ease-out;
+  }
+
+  .node path {
+    fill: var(--glyph);
+    transition: fill 300ms ease-out;
+  }
+
+  .node.highlight rect {
+    stroke: var(--brand-stroke);
+  }
+
+  .node.highlight path {
+    fill: var(--brand);
+  }
+
+  .endpoint .ring {
+    fill: var(--brand-fill);
+    stroke: var(--brand-stroke);
+    stroke-width: 2;
+  }
+
+  .endpoint path {
+    fill: var(--brand);
+  }
+
+  .pulse {
+    fill: none;
+    stroke: var(--brand-stroke);
+    stroke-width: 2;
+    opacity: 0;
+    transform-origin: 320px 220px;
+    animation: pulse 900ms ease-out forwards;
+  }
+
+  .packet {
+    opacity: 0;
+    animation: travel var(--leg) ease-in-out forwards;
+  }
+
+  .packet.request {
+    fill: var(--brand);
+  }
+
+  .packet.response {
+    fill: var(--success);
+  }
+
+  @keyframes flow {
+    to {
+      stroke-dashoffset: -12;
+    }
+  }
+
+  @keyframes travel {
+    0% {
+      opacity: 0;
+      transform: translate(0, 0);
+    }
+
+    12% {
+      opacity: 1;
+    }
+
+    88% {
+      opacity: 1;
+    }
+
+    100% {
+      opacity: 0;
+      transform: translate(var(--dx), var(--dy));
+    }
+  }
+
+  @keyframes pulse {
+    0% {
+      opacity: 0.7;
+      transform: scale(1);
+    }
+
+    100% {
+      opacity: 0;
+      transform: scale(1.45);
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .nexus-illustration * {
+      animation: none !important;
+    }
+  }
+</style>
diff --git a/src/lib/components/empty-states/placeholder-cards.svelte b/src/lib/components/empty-states/placeholder-cards.svelte
new file mode 100644
index 0000000000..9fcb717524
--- /dev/null
+++ b/src/lib/components/empty-states/placeholder-cards.svelte
@@ -0,0 +1,41 @@
+<script lang="ts">
+  import { twMerge } from 'tailwind-merge';
+
+  interface Props {
+    class?: string;
+  }
+
+  let { class: className }: Props = $props();
+
+  const outerCard = 'opacity-50 bg-surface-secondary dark:bg-surface-primary';
+  const centerCard = 'bg-primary shadow-lg dark:bg-surface-secondary';
+  const cards = [outerCard, centerCard, outerCard];
+  const lines = ['w-full', 'w-3/5', 'w-full', 'w-3/5', 'w-full', 'w-3/5'];
+</script>
+
+<div
+  class={twMerge(
+    'hidden w-full max-w-6xl grid-cols-3 gap-9 md:grid',
+    className,
+  )}
+  aria-hidden="true"
+>
+  {#each cards as opacity, card (card)}
+    <div
+      class={twMerge(
+        'border-subtle flex flex-col gap-5 rounded-lg border p-7',
+        'dark:border-surface-tertiary',
+        opacity,
+      )}
+    >
+      {#each lines as width, i (i)}
+        <div
+          class={twMerge(
+            'h-4 rounded bg-surface-overlay-primary dark:bg-surface-tertiary',
+            width,
+          )}
+        ></div>
+      {/each}
+    </div>
+  {/each}
+</div>
diff --git a/src/lib/components/empty-states/resource-empty-state.stories.svelte b/src/lib/components/empty-states/resource-empty-state.stories.svelte
new file mode 100644
index 0000000000..a868c669e2
--- /dev/null
+++ b/src/lib/components/empty-states/resource-empty-state.stories.svelte
@@ -0,0 +1,81 @@
+<script lang="ts" module>
+  import { defineMeta } from '@storybook/addon-svelte-csf';
+
+  import BatchEmptyState from '$lib/components/batch-operations/empty-state.svelte';
+  import SchedulesEmptyState from '$lib/components/schedule/schedules-list/schedules-empty-state.svelte';
+  import ActivitiesEmptyState from '$lib/components/standalone-activities/activities-summary-configurable-table/table-empty-state.svelte';
+  import NexusEmptyState from '$lib/components/standalone-nexus-operations/nexus-operations-summary-configurable-table/table-empty-state.svelte';
+  import WorkersEmptyState from '$lib/components/workers/workers-table/worker-heartbeats-sdk-warning.svelte';
+  import WorkflowsEmptyState from '$lib/components/workflow/workflows-summary-configurable-table/table-empty-state.svelte';
+
+  import ResourceEmptyState from './resource-empty-state.svelte';
+
+  const { Story } = defineMeta({
+    title: 'Empty State/Resources',
+    component: ResourceEmptyState,
+    parameters: {
+      layout: 'fullscreen',
+      sveltekit_experimental: {
+        stores: {
+          page: {
+            url: new URL('http://localhost/namespaces/default'),
+            params: { namespace: 'default' },
+            data: {},
+          },
+        },
+      },
+    },
+  });
+</script>
+
+<Story name="Workflows" asChild>
+  <WorkflowsEmptyState />
+</Story>
+
+<Story name="Standalone Activities" asChild>
+  <ActivitiesEmptyState />
+</Story>
+
+<Story name="Standalone Nexus Operations" asChild>
+  <NexusEmptyState />
+</Story>
+
+<Story name="Schedules" asChild>
+  <SchedulesEmptyState />
+</Story>
+
+<Story name="Workers" asChild>
+  <WorkersEmptyState showPlaceholder />
+</Story>
+
+<Story name="Batch" asChild>
+  <BatchEmptyState />
+</Story>
+
+<Story name="Schedules Error" asChild>
+  <SchedulesEmptyState error="Unable to load schedules." />
+</Story>
+
+<Story
+  name="Workflows No Matches"
+  asChild
+  parameters={{
+    sveltekit_experimental: {
+      stores: {
+        page: {
+          url: new URL(
+            'http://localhost/namespaces/default/workflows?query=WorkflowType%3D%22Example%22',
+          ),
+          params: { namespace: 'default' },
+          data: {},
+        },
+      },
+    },
+  }}
+>
+  <WorkflowsEmptyState />
+</Story>
+
+<Story name="Schedules No Matches" asChild>
+  <SchedulesEmptyState query="WorkflowType = &quot;Example&quot;" />
+</Story>
diff --git a/src/lib/components/empty-states/resource-empty-state.svelte b/src/lib/components/empty-states/resource-empty-state.svelte
new file mode 100644
index 0000000000..fe7703b577
--- /dev/null
+++ b/src/lib/components/empty-states/resource-empty-state.svelte
@@ -0,0 +1,144 @@
+<script lang="ts">
+  import { prefersReducedMotion } from 'svelte/motion';
+  import { fade } from 'svelte/transition';
+
+  import type { Snippet } from 'svelte';
+  import { twJoin, twMerge } from 'tailwind-merge';
+
+  import PlaceholderCards from '$lib/components/empty-states/placeholder-cards.svelte';
+  import CodeBlock from '$lib/holocene/code-block.svelte';
+  import { translate } from '$lib/i18n/translate';
+  import { IconComet, type IconComponent, IconWarning } from '$lib/io/icon';
+
+  type Variant = 'page' | 'inline';
+
+  interface Props {
+    title: string;
+    content?: string;
+    error?: string;
+    Icon?: IconComponent;
+    variant?: Variant;
+    testId?: string;
+    class?: string;
+    illustration?: Snippet;
+    placeholder?: boolean;
+    description?: Snippet;
+    actions?: Snippet;
+    resources?: Snippet;
+    children?: Snippet;
+  }
+
+  let {
+    title,
+    content,
+    error,
+    Icon = IconComet,
+    variant = 'page',
+    testId,
+    class: className,
+    illustration,
+    placeholder = false,
+    description,
+    actions,
+    resources,
+    children,
+  }: Props = $props();
+
+  const variantClasses: Record<Variant, string> = {
+    page: 'my-12',
+    inline: twJoin(
+      'my-4 rounded-lg border border-dashed border-secondary',
+      'bg-surface-secondary py-10',
+    ),
+  };
+
+  const containerClass = $derived(
+    twMerge(
+      'flex w-full min-w-0 flex-col items-center gap-5',
+      'whitespace-normal px-4 text-center text-primary',
+      variantClasses[variant],
+      className,
+    ),
+  );
+
+  const showPlaceholder = $derived(placeholder && !error);
+
+  const iconBackdropClass = $derived(
+    twJoin(
+      'flex size-14 shrink-0 items-center justify-center rounded-lg',
+      error
+        ? 'bg-surface-danger text-danger'
+        : 'bg-interactive-secondary-hover text-brand',
+      showPlaceholder && 'md:hidden',
+    ),
+  );
+
+  const ResolvedIcon = $derived(error ? IconWarning : Icon);
+  const hasDescription = $derived(Boolean(description || content));
+  const fadeIn = $derived({
+    duration: prefersReducedMotion.current ? 0 : 200,
+  });
+</script>
+
+<div
+  class={containerClass}
+  data-testid={testId}
+  aria-live="polite"
+  in:fade={fadeIn}
+>
+  {#if illustration && !error}
+    <div class="flex w-full max-w-full justify-center" aria-hidden="true">
+      {@render illustration()}
+    </div>
+  {:else}
+    {#if showPlaceholder}
+      <PlaceholderCards />
+    {/if}
+    <span class={iconBackdropClass} aria-hidden="true">
+      <ResolvedIcon class="size-7" />
+    </span>
+  {/if}
+
+  <div class="flex w-full min-w-0 max-w-lg flex-col items-center gap-2">
+    <h2 class="text-balance text-xl font-medium">{title}</h2>
+    {#if error}
+      <CodeBlock
+        content={error}
+        language="text"
+        copyable
+        copyIconTitle={translate('common.copy-icon-title')}
+        copySuccessIconTitle={translate('common.copy-success-icon-title')}
+        disableMaximize
+        class="mt-2 w-full text-left"
+      />
+    {:else if hasDescription}
+      <div
+        class="flex w-full flex-col gap-2 text-pretty text-sm text-secondary"
+      >
+        {#if description}
+          {@render description()}
+        {:else}
+          <p>{content}</p>
+        {/if}
+      </div>
+    {/if}
+  </div>
+
+  {#if !error}
+    {#if actions}
+      <div class="flex flex-wrap items-center justify-center gap-2">
+        {@render actions()}
+      </div>
+    {/if}
+
+    {@render children?.()}
+
+    {#if resources}
+      <div
+        class="mt-1 flex w-full max-w-2xl flex-col items-center gap-3 border-t border-primary pt-6"
+      >
+        {@render resources()}
+      </div>
+    {/if}
+  {/if}
+</div>
diff --git a/src/lib/components/empty-states/sdk-links.svelte b/src/lib/components/empty-states/sdk-links.svelte
new file mode 100644
index 0000000000..31a887677d
--- /dev/null
+++ b/src/lib/components/empty-states/sdk-links.svelte
@@ -0,0 +1,32 @@
+<script lang="ts">
+  import { sdkLogos } from '$lib/components/lines-and-dots/sdk-logo.svelte';
+  import { ButtonLink } from '$lib/io/button';
+
+  interface Props {
+    links: { sdk: string; href: string; version?: string }[];
+    label?: string;
+  }
+
+  let { links, label }: Props = $props();
+</script>
+
+<div class="flex w-full flex-col items-center gap-3">
+  {#if label}
+    <p class="text-sm font-bold uppercase tracking-wide text-tertiary">
+      {label}
+    </p>
+  {/if}
+  <div class="flex flex-wrap items-center justify-center gap-2 lg:flex-nowrap">
+    {#each links as { sdk, href, version } (sdk)}
+      <ButtonLink
+        {href}
+        colorScheme="tertiary"
+        LeadingIcon={sdkLogos[sdk.toLowerCase()]}
+        target="_blank"
+        rel="noreferrer noopener"
+      >
+        {version ? `${sdk} ${version}` : sdk}
+      </ButtonLink>
+    {/each}
+  </div>
+</div>
diff --git a/src/lib/components/lines-and-dots/sdk-logo.svelte b/src/lib/components/lines-and-dots/sdk-logo.svelte
index 4345f85d84..2bb4a9a48b 100644
--- a/src/lib/components/lines-and-dots/sdk-logo.svelte
+++ b/src/lib/components/lines-and-dots/sdk-logo.svelte
@@ -1,8 +1,5 @@
-<script lang="ts">
-  import Link from '$lib/holocene/link.svelte';
-  import Tooltip from '$lib/holocene/tooltip.svelte';
+<script lang="ts" module>
   import {
-    IconBook,
     type IconComponent,
     IconDotnetColorblock,
     IconGoColorblock,
@@ -14,7 +11,7 @@
     IconTypescriptColorblock,
   } from '$lib/io/icon';
 
-  const sdkLogos: Record<string, IconComponent> = {
+  export const sdkLogos: Record<string, IconComponent> = {
     go: IconGoColorblock,
     typescript: IconTypescriptColorblock,
     java: IconJavaColorblock,
@@ -24,6 +21,12 @@
     php: IconPhpColorblock,
     rust: IconRustColorblock,
   };
+</script>
+
+<script lang="ts">
+  import Link from '$lib/holocene/link.svelte';
+  import Tooltip from '$lib/holocene/tooltip.svelte';
+  import { IconBook } from '$lib/io/icon';
 
   const sdkToDocsSlug: Record<string, string> = {
     Ruby: 'ruby',
diff --git a/src/lib/components/schedule/schedules-list/schedules-empty-state.svelte b/src/lib/components/schedule/schedules-list/schedules-empty-state.svelte
new file mode 100644
index 0000000000..f7662570b0
--- /dev/null
+++ b/src/lib/components/schedule/schedules-list/schedules-empty-state.svelte
@@ -0,0 +1,89 @@
+<script lang="ts">
+  import EmptyState from '$lib/components/empty-states/resource-empty-state.svelte';
+  import SdkLinks from '$lib/components/empty-states/sdk-links.svelte';
+  import Link from '$lib/holocene/link.svelte';
+  import { translate } from '$lib/i18n/translate';
+  import { IconTemporalSchedules } from '$lib/io/icon';
+
+  interface Props {
+    error?: string;
+    query?: string;
+  }
+
+  let { error = '', query = '' }: Props = $props();
+
+  const sdkLinks = [
+    {
+      sdk: 'Go',
+      href: 'https://docs.temporal.io/develop/go/workflows/schedules',
+    },
+    {
+      sdk: 'Python',
+      href: 'https://docs.temporal.io/develop/python/workflows/schedules',
+    },
+    {
+      sdk: 'Typescript',
+      href: 'https://docs.temporal.io/develop/typescript/workflows/schedules',
+    },
+    {
+      sdk: '.NET',
+      href: 'https://docs.temporal.io/develop/dotnet/workflows/schedules',
+    },
+    {
+      sdk: 'Ruby',
+      href: 'https://docs.temporal.io/develop/ruby/workflows/schedules',
+    },
+    {
+      sdk: 'Java',
+      href: 'https://docs.temporal.io/develop/java/workflows/schedules',
+    },
+    {
+      sdk: 'PHP',
+      href: 'https://docs.temporal.io/develop/php/workflows/schedules',
+    },
+    {
+      sdk: 'Rust',
+      href: 'https://docs.rs/temporalio-client/latest/temporalio_client/schedules/index.html',
+    },
+  ];
+</script>
+
+{#if error}
+  <EmptyState
+    title={translate('schedules.empty-state-title')}
+    Icon={IconTemporalSchedules}
+    {error}
+  />
+{:else if query}
+  <EmptyState
+    title={translate('schedules.empty-state-title')}
+    content={translate('schedules.empty-state-description')}
+    Icon={IconTemporalSchedules}
+  />
+{:else}
+  <EmptyState
+    title={translate('schedules.empty-state-title')}
+    Icon={IconTemporalSchedules}
+    placeholder
+  >
+    {#snippet description()}
+      <p>{translate('schedules.no-schedules-description')}</p>
+      <p>
+        {translate('schedules.getting-started-docs-link-preface')}
+        <Link newTab href="https://docs.temporal.io/schedule"
+          >{translate('schedules.getting-started-docs-link')}</Link
+        >
+        {translate('schedules.getting-started-cli-link-preface')}
+        <Link newTab href="https://docs.temporal.io/cli/schedule"
+          >Temporal CLI</Link
+        >.
+      </p>
+    {/snippet}
+    {#snippet resources()}
+      <SdkLinks
+        links={sdkLinks}
+        label={translate('schedules.getting-started-sdk-title')}
+      />
+    {/snippet}
+  </EmptyState>
+{/if}
diff --git a/src/lib/components/standalone-activities/activities-summary-configurable-table.svelte b/src/lib/components/standalone-activities/activities-summary-configurable-table.svelte
index 9b79c49a29..b0d9b34220 100644
--- a/src/lib/components/standalone-activities/activities-summary-configurable-table.svelte
+++ b/src/lib/components/standalone-activities/activities-summary-configurable-table.svelte
@@ -43,9 +43,10 @@
 
   interface Props {
     onClickConfigure: () => void;
+    countLoaded?: boolean;
   }
 
-  let { onClickConfigure }: Props = $props();
+  let { onClickConfigure, countLoaded = true }: Props = $props();
 
   const { allSelected, selectedActivities, selectActivities } =
     getContext<ActivityBatchOperationContext>(ACTIVITY_BATCH_OPERATION_CONTEXT);
@@ -59,6 +60,7 @@
   const tableSort = createTableSort(() => [namespace, query]);
 
   const onFetch = $derived(() => fetchPaginatedActivities(namespace, query));
+  const awaitingCount = $derived(!query && !countLoaded);
 
   const showBatchActions = $derived(
     standaloneActivityBulkActionsEnabled(page) && $supportsAdvancedVisibility,
@@ -122,6 +124,7 @@
     bind:sort={tableSort.value}
     {sortColumns}
     {onFetch}
+    loading={awaitingCount}
     onItemsChange={(items) => {
       visiblePaginatedItems = items;
     }}
diff --git a/src/lib/components/standalone-activities/activities-summary-configurable-table/table-empty-state.svelte b/src/lib/components/standalone-activities/activities-summary-configurable-table/table-empty-state.svelte
index 1581e7c725..77629fa430 100644
--- a/src/lib/components/standalone-activities/activities-summary-configurable-table/table-empty-state.svelte
+++ b/src/lib/components/standalone-activities/activities-summary-configurable-table/table-empty-state.svelte
@@ -2,13 +2,12 @@
   import { page } from '$app/state';
 
   import NoQueryResults from '$lib/components/empty-states/no-query-results.svelte';
-  import SdkLogo from '$lib/components/lines-and-dots/sdk-logo.svelte';
-  import Alert from '$lib/holocene/alert.svelte';
+  import ResourceEmptyState from '$lib/components/empty-states/resource-empty-state.svelte';
+  import SdkLinks from '$lib/components/empty-states/sdk-links.svelte';
   import Link from '$lib/holocene/link.svelte';
   import { translate } from '$lib/i18n/translate';
-  import { IconWarning } from '$lib/io/icon';
+  import { IconTemporalActivity } from '$lib/io/icon';
   import { activityError } from '$lib/stores/activities';
-  import noResultsImages from '$lib/vendor/empty-state.svg';
 
   let query = $derived(page.url.searchParams.get('query'));
   const SDK_LINKS = [
@@ -36,89 +35,62 @@
       sdk: 'Ruby',
       href: 'https://docs.temporal.io/develop/ruby/activities/standalone-activities',
     },
+    {
+      sdk: 'Rust',
+      href: 'https://docs.temporal.io/develop/rust/activities/standalone-activities-quickstart',
+    },
   ];
 </script>
 
 {#if query}
-  <div
-    class="flex h-full w-full flex-col items-center justify-center p-4"
-    aria-live="polite"
+  <ResourceEmptyState
+    title={translate(
+      $activityError
+        ? 'standalone-activities.activity-query-error-state'
+        : 'standalone-activities.empty-state-title',
+    )}
+    content={translate('standalone-activities.empty-state-description')}
+    error={$activityError}
   >
-    <div class="text-center">
-      <h2>
-        {#if $activityError}
-          {translate('standalone-activities.activity-query-error-state')}
-        {:else}
-          {translate('standalone-activities.empty-state-title')}
-        {/if}
-      </h2>
-      <p class="text-secondary">
-        {#if $activityError}
-          {$activityError}
-        {:else}
-          {translate('standalone-activities.empty-state-description')}
-        {/if}
-      </p>
-      <NoQueryResults class="m-auto mt-8 text-tertiary" />
-    </div>
-  </div>
+    {#snippet illustration()}
+      <NoQueryResults class="text-tertiary" />
+    {/snippet}
+  </ResourceEmptyState>
 {:else}
-  <div
-    class="h-full w-full overflow-y-auto xl:flex xl:flex-row xl:overflow-hidden"
-    aria-live="polite"
+  <ResourceEmptyState
+    title={translate(
+      $activityError
+        ? 'standalone-activities.empty-state-title'
+        : 'standalone-activities.no-activities-title',
+    )}
+    Icon={IconTemporalActivity}
+    error={$activityError}
+    placeholder
   >
-    <div
-      class="flex w-auto min-w-[280px] flex-col gap-4 bg-surface-primary p-8 text-primary xl:min-w-[520px] xl:flex-1"
-    >
-      {#if $activityError}
-        <h2>
-          {translate('standalone-activities.empty-state-title')}
-        </h2>
-        <Alert
-          intent="warning"
-          Icon={IconWarning}
-          title={translate('common.error-occurred')}
-          style="overflow-wrap: anywhere"
+    {#snippet description()}
+      <p>
+        {translate('standalone-activities.empty-state-value-proposition')}
+      </p>
+      <p>
+        {translate('standalone-activities.empty-state-read-docs-prefix')}
+        <Link href="https://docs.temporal.io/standalone-activity" newTab>
+          {translate('standalone-activities.empty-state-activity-docs-link')}
+        </Link>
+        {translate('standalone-activities.empty-state-read-docs-middle')}
+        <Link
+          href="https://docs.temporal.io/evaluate/development-production-features/job-queue"
+          newTab
         >
-          {$activityError}
-        </Alert>
-      {:else}
-        <h2>
-          {translate('standalone-activities.no-activities-title')}
-        </h2>
-        <p>
-          <Link href="https://docs.temporal.io/standalone-activity" newTab
-            >{translate('standalone-activities.standalone-activities')}</Link
-          >{translate(
-            'standalone-activities.no-activities-description-part-1-preface',
-          )}<Link
-            href="https://docs.temporal.io/evaluate/development-production-features/job-queue"
-            newTab>{translate('standalone-activities.job-queue-link')}</Link
-          >{translate(
-            'standalone-activities.no-activities-description-part-1-postface',
-          )}
-        </p>
-        <p>
-          {translate('standalone-activities.no-activities-description-part-2')}
-        </p>
-        <p>
-          {translate('standalone-activities.no-activities-description-part-3')}
-        </p>
-        <h3>
-          {translate('standalone-activities.get-started-title')}
-        </h3>
-        {#each SDK_LINKS as { sdk, href } (sdk)}
-          <Link newTab {href}>
-            <SdkLogo {sdk} version="" hideDocsLink />
-          </Link>
-        {/each}
-      {/if}
-    </div>
-    <div class="flex flex-col max-xl:hidden">
-      <div class="bg-surface-primary">
-        <img src={noResultsImages} alt="" class="w-full" />
-      </div>
-      <div class="flex-1 bg-[#8da4ef]"></div>
-    </div>
-  </div>
+          {translate('standalone-activities.empty-state-job-queue-guide-link')}
+        </Link>
+        {translate('standalone-activities.empty-state-read-docs-suffix')}
+      </p>
+    {/snippet}
+    {#snippet resources()}
+      <SdkLinks
+        links={SDK_LINKS}
+        label={translate('standalone-activities.get-started-title')}
+      />
+    {/snippet}
+  </ResourceEmptyState>
 {/if}
diff --git a/src/lib/components/standalone-nexus-operations/nexus-operations-summary-configurable-table.svelte b/src/lib/components/standalone-nexus-operations/nexus-operations-summary-configurable-table.svelte
index 658f90dae7..e13195edb3 100644
--- a/src/lib/components/standalone-nexus-operations/nexus-operations-summary-configurable-table.svelte
+++ b/src/lib/components/standalone-nexus-operations/nexus-operations-summary-configurable-table.svelte
@@ -31,9 +31,10 @@
 
   interface Props {
     onClickConfigure: () => void;
+    countLoaded?: boolean;
   }
 
-  let { onClickConfigure }: Props = $props();
+  let { onClickConfigure, countLoaded = true }: Props = $props();
 
   const namespace = $derived(page.params.namespace);
   const columns = $derived(
@@ -46,6 +47,7 @@
   const onFetch = $derived(() =>
     fetchPaginatedNexusOperations(namespace, query),
   );
+  const awaitingCount = $derived(!query && !countLoaded);
   const sortColumns = $derived(
     getNexusOperationSortColumns(
       columns.map((column) => column.label),
@@ -60,6 +62,7 @@
     bind:sort={tableSort.value}
     {sortColumns}
     {onFetch}
+    loading={awaitingCount}
     aria-label={translate(
       'standalone-nexus-operations.standalone-nexus-operations',
     )}
diff --git a/src/lib/components/standalone-nexus-operations/nexus-operations-summary-configurable-table/table-empty-state.svelte b/src/lib/components/standalone-nexus-operations/nexus-operations-summary-configurable-table/table-empty-state.svelte
index d92e2680ec..e8f41d39d9 100644
--- a/src/lib/components/standalone-nexus-operations/nexus-operations-summary-configurable-table/table-empty-state.svelte
+++ b/src/lib/components/standalone-nexus-operations/nexus-operations-summary-configurable-table/table-empty-state.svelte
@@ -2,137 +2,85 @@
   import { page } from '$app/state';
 
   import NoQueryResults from '$lib/components/empty-states/no-query-results.svelte';
-  import Alert from '$lib/holocene/alert.svelte';
+  import ResourceEmptyState from '$lib/components/empty-states/resource-empty-state.svelte';
+  import SdkLinks from '$lib/components/empty-states/sdk-links.svelte';
   import Link from '$lib/holocene/link.svelte';
   import { translate } from '$lib/i18n/translate';
-  import { IconGithub, IconWarning } from '$lib/io/icon';
+  import { IconTemporalNexus } from '$lib/io/icon';
   import { nexusOperationError } from '$lib/stores/nexus-operations';
-  import noResultsImages from '$lib/vendor/empty-state.svg';
 
   let query = $derived(page.url.searchParams.get('query'));
 
   const codeSamples = [
     {
-      label: 'samples-go',
+      sdk: 'Go',
       href: 'https://github.com/temporalio/samples-go',
     },
     {
-      label: 'samples-java',
+      sdk: 'Java',
       href: 'https://github.com/temporalio/samples-java',
     },
     {
-      label: 'samples-typescript',
+      sdk: 'Typescript',
       href: 'https://github.com/temporalio/samples-typescript',
     },
     {
-      label: 'samples-python',
+      sdk: 'Python',
       href: 'https://github.com/temporalio/samples-python',
     },
     {
-      label: 'samples-dotnet',
+      sdk: '.NET',
       href: 'https://github.com/temporalio/samples-dotnet',
     },
   ];
 </script>
 
 {#if query}
-  <div
-    class="flex h-full w-full flex-col items-center justify-center p-4"
-    aria-live="polite"
+  <ResourceEmptyState
+    title={translate(
+      $nexusOperationError
+        ? 'standalone-nexus-operations.nexus-operation-query-error-state'
+        : 'standalone-nexus-operations.empty-state-title',
+    )}
+    content={translate('standalone-nexus-operations.empty-state-description')}
+    error={$nexusOperationError}
   >
-    <div class="text-center">
-      <h2>
-        {#if $nexusOperationError}
+    {#snippet illustration()}
+      <NoQueryResults class="text-tertiary" />
+    {/snippet}
+  </ResourceEmptyState>
+{:else}
+  <ResourceEmptyState
+    title={translate('standalone-nexus-operations.empty-state-no-data-title')}
+    Icon={IconTemporalNexus}
+    error={$nexusOperationError}
+    placeholder
+  >
+    {#snippet description()}
+      <p>
+        {translate('standalone-nexus-operations.empty-state-value-proposition')}
+      </p>
+      <p>
+        {translate('standalone-nexus-operations.empty-state-read-docs-prefix')}
+        <Link href="https://docs.temporal.io/evaluate/nexus" newTab>
+          {translate('standalone-nexus-operations.empty-state-nexus-docs-link')}
+        </Link>
+        {translate('standalone-nexus-operations.empty-state-read-docs-middle')}
+        <Link href="https://docs.temporal.io/cloud/nexus" newTab>
           {translate(
-            'standalone-nexus-operations.nexus-operation-query-error-state',
+            'standalone-nexus-operations.empty-state-nexus-eval-guide-link',
           )}
-        {:else}
-          {translate('standalone-nexus-operations.empty-state-title')}
-        {/if}
-      </h2>
-      <p class="text-secondary">
-        {#if $nexusOperationError}
-          {$nexusOperationError}
-        {:else}
-          {translate('standalone-nexus-operations.empty-state-description')}
-        {/if}
+        </Link>
+        {translate('standalone-nexus-operations.empty-state-read-docs-suffix')}
       </p>
-      <NoQueryResults class="m-auto mt-8 text-tertiary" />
-    </div>
-  </div>
-{:else}
-  <div
-    class="h-full w-full overflow-hidden xl:flex xl:flex-row"
-    aria-live="polite"
-  >
-    <div
-      class="flex w-auto min-w-[280px] flex-col gap-6 bg-surface-primary p-8 text-primary xl:min-w-[520px] xl:flex-1"
-    >
-      <h2>
-        {translate('standalone-nexus-operations.empty-state-no-data-title')}
-      </h2>
-      {#if $nexusOperationError}
-        <Alert
-          intent="warning"
-          Icon={IconWarning}
-          title={translate('common.error-occurred')}
-          style="overflow-wrap: anywhere"
-        >
-          {$nexusOperationError}
-        </Alert>
-      {:else}
-        <div class="flex flex-col gap-2">
-          <p>
-            {translate(
-              'standalone-nexus-operations.empty-state-value-proposition',
-            )}
-          </p>
-          <p>
-            {translate(
-              'standalone-nexus-operations.empty-state-read-docs-prefix',
-            )}
-            <Link href="https://docs.temporal.io/evaluate/nexus" newTab>
-              {translate(
-                'standalone-nexus-operations.empty-state-nexus-docs-link',
-              )}
-            </Link>
-            {translate(
-              'standalone-nexus-operations.empty-state-read-docs-middle',
-            )}
-            <Link href="https://docs.temporal.io/cloud/nexus" newTab>
-              {translate(
-                'standalone-nexus-operations.empty-state-nexus-eval-guide-link',
-              )}
-            </Link>
-            {translate(
-              'standalone-nexus-operations.empty-state-read-docs-suffix',
-            )}
-          </p>
-        </div>
-        <div class="flex flex-col gap-3">
-          <h3 class="text-base font-medium">
-            {translate(
-              'standalone-nexus-operations.empty-state-code-samples-title',
-            )}
-          </h3>
-          <ul class="flex flex-col gap-2">
-            {#each codeSamples as sample (sample.label)}
-              <li class="flex items-center gap-2">
-                <IconGithub class="h-5 w-5 shrink-0" />
-                <Link href={sample.href} newTab>
-                  {sample.label}
-                </Link>
-              </li>
-            {/each}
-          </ul>
-        </div>
-      {/if}
-    </div>
-    <div class="flex flex-col">
-      <div class="bg-surface-primary">
-        <img src={noResultsImages} alt="" class="w-full" />
-      </div>
-      <div class="flex-1 bg-[#8da4ef]"></div>
-    </div>
-  </div>
+    {/snippet}
+    {#snippet resources()}
+      <SdkLinks
+        links={codeSamples}
+        label={translate(
+          'standalone-nexus-operations.empty-state-code-samples-title',
+        )}
+      />
+    {/snippet}
+  </ResourceEmptyState>
 {/if}
diff --git a/src/lib/components/status-count-filters.svelte b/src/lib/components/status-count-filters.svelte
index 4831810f77..49026a1d76 100644
--- a/src/lib/components/status-count-filters.svelte
+++ b/src/lib/components/status-count-filters.svelte
@@ -39,6 +39,7 @@
   let {
     staticQuery = '',
     refreshTime = $bindable(),
+    loaded = $bindable(false),
     countStore = workflowCount,
     refresh = workflowRefresh,
     filters = workflowFilters,
@@ -69,6 +70,10 @@
     refreshTime = new Date(statusCounts.refreshTime);
   });
 
+  $effect(function propagateLoadedChange() {
+    loaded = statusCounts.loaded;
+  });
+
   const onStatusClick = (status: Status) => {
     const statusExists = $filters.some(
       (filter) =>
diff --git a/src/lib/components/status-counts-state.svelte.ts b/src/lib/components/status-counts-state.svelte.ts
index 5f4eac01e4..dab2a0ea79 100644
--- a/src/lib/components/status-counts-state.svelte.ts
+++ b/src/lib/components/status-counts-state.svelte.ts
@@ -95,6 +95,9 @@ export function createStatusCountsState(options: StatusCountsStateOptions) {
     get loading(): boolean {
       return countPoller.loading;
     },
+    get loaded(): boolean {
+      return countPoller.loaded;
+    },
     get refreshTime(): number {
       return countPoller.refreshTime;
     },
@@ -104,6 +107,7 @@ export function createStatusCountsState(options: StatusCountsStateOptions) {
 export interface StatusCountDataProps {
   staticQuery?: string;
   refreshTime?: Date;
+  loaded?: boolean;
   countStore?: CountStore;
   refresh?: Writable<number>;
   fetchCounts?: StatusCountFetcher;
diff --git a/src/lib/components/workers/workers-table/worker-heartbeats-sdk-warning.svelte b/src/lib/components/workers/workers-table/worker-heartbeats-sdk-warning.svelte
index 3e72644449..ff7f79c65a 100644
--- a/src/lib/components/workers/workers-table/worker-heartbeats-sdk-warning.svelte
+++ b/src/lib/components/workers/workers-table/worker-heartbeats-sdk-warning.svelte
@@ -1,4 +1,6 @@
 <script lang="ts">
+  import ResourceEmptyState from '$lib/components/empty-states/resource-empty-state.svelte';
+  import SdkLinks from '$lib/components/empty-states/sdk-links.svelte';
   import SdkLogo from '$lib/components/lines-and-dots/sdk-logo.svelte';
   import Link from '$lib/holocene/link.svelte';
   import { translate } from '$lib/i18n/translate';
@@ -6,6 +8,12 @@
   import { sdkInfo } from '$lib/stores/events';
   import { minimumVersionRequired } from '$lib/utilities/version-check';
 
+  interface Props {
+    showPlaceholder?: boolean;
+  }
+
+  let { showPlaceholder = false }: Props = $props();
+
   const supportedVersions = [
     {
       sdk: 'Go',
@@ -18,7 +26,7 @@
       href: 'https://github.com/temporalio/sdk-python/releases',
     },
     {
-      sdk: 'TypeScript',
+      sdk: 'Typescript',
       version: '1.14.0',
       href: 'https://github.com/temporalio/sdk-typescript/releases',
     },
@@ -48,42 +56,39 @@
       ({ sdk }) => sdk.toLowerCase() === $sdkInfo.sdk.toLowerCase(),
     ),
   );
+  const needsUpgrade = $derived(
+    Boolean(
+      currentSdk &&
+      !minimumVersionRequired(currentSdk.version, $sdkInfo.version),
+    ),
+  );
 </script>
 
-<div
-  class="my-12 flex w-full flex-col items-center justify-start gap-4"
-  data-testid="worker-heartbeats-sdk-warning"
-  aria-live="polite"
->
-  <span class="flex h-20 w-20 items-center justify-center rounded-full">
-    <IconHeartbeat class="block h-full w-full text-information" />
-  </span>
-  <div class="text-center">
-    <h5>{translate('workers.no-worker-heartbeats')}</h5>
-    {#if currentSdk}
-      {@const { href, sdk, version } = currentSdk}
-      {#if !minimumVersionRequired(version, $sdkInfo.version)}
-        <p class="flex flex-row gap-1 text-secondary">
-          {translate('workers.worker-heartbeats-sdk-link-preface')}
-          <Link newTab {href}>
-            <SdkLogo {sdk} {version} hideDocsLink />
-          </Link>
-          {translate('workers.worker-heartbeats-sdk-link-postface')}
-        </p>
-      {/if}
-    {:else}
-      <p class="text-secondary">
-        {translate('workers.worker-heartbeats-sdk-list-preface')}
-      </p>
-      <div
-        class="mt-4 flex flex-row flex-wrap items-center justify-center gap-4"
-      >
-        {#each supportedVersions as { href, sdk, version } (`${sdk}:${version}`)}
-          <Link newTab {href}>
-            <SdkLogo {sdk} {version} hideDocsLink />
-          </Link>
-        {/each}
-      </div>
-    {/if}
-  </div>
-</div>
+{#snippet upgradeNote()}
+  {#if currentSdk}
+    {@const { href, sdk, version } = currentSdk}
+    <div class="flex flex-wrap items-center justify-center gap-1">
+      {translate('workers.worker-heartbeats-sdk-link-preface')}
+      <Link newTab {href}>
+        <SdkLogo {sdk} {version} hideDocsLink />
+      </Link>
+      {translate('workers.worker-heartbeats-sdk-link-postface')}
+    </div>
+  {/if}
+{/snippet}
+
+{#snippet supportedSdks()}
+  <SdkLinks
+    links={supportedVersions}
+    label={translate('workers.worker-heartbeats-sdk-list-preface')}
+  />
+{/snippet}
+
+<ResourceEmptyState
+  title={translate('workers.no-worker-heartbeats')}
+  Icon={IconHeartbeat}
+  testId="worker-heartbeats-sdk-warning"
+  description={needsUpgrade ? upgradeNote : undefined}
+  resources={currentSdk ? undefined : supportedSdks}
+  placeholder={showPlaceholder}
+/>
diff --git a/src/lib/components/workers/workers-table/workers-table.svelte b/src/lib/components/workers/workers-table/workers-table.svelte
index f9803640e6..f8caf710e5 100644
--- a/src/lib/components/workers/workers-table/workers-table.svelte
+++ b/src/lib/components/workers/workers-table/workers-table.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { page } from '$app/state';
 
-  import EmptyState from '$lib/holocene/empty-state.svelte';
+  import EmptyState from '$lib/components/empty-states/resource-empty-state.svelte';
   import PaginatedTable, {
     type PaginatedRequest,
   } from '$lib/holocene/table/paginated-table/api-paginated.svelte';
@@ -21,6 +21,7 @@
 
   interface Props {
     filterable?: boolean;
+    showSdkWarning?: boolean;
     namespace: string;
     onFetch: () => Promise<PaginatedRequest<WorkerListInfo | WorkerHeartbeat>>;
     onError?: (err: unknown) => void;
@@ -30,6 +31,7 @@
 
   let {
     filterable = false,
+    showSdkWarning = true,
     namespace,
     onFetch,
     onError,
@@ -122,7 +124,7 @@
     <div class="flex h-full flex-col items-center justify-center">
       {#if hasQuery}
         <WorkersQueryEmptyState />
-      {:else if runningWithNoWorkers}
+      {:else if runningWithNoWorkers || !showSdkWarning}
         <EmptyState title={translate('workers.empty-state-title')} />
       {:else}
         <WorkerHeartbeatsSDKAlert />
diff --git a/src/lib/components/workflow/workflows-summary-configurable-table.svelte b/src/lib/components/workflow/workflows-summary-configurable-table.svelte
index 8d38bb8bc9..71a8641d17 100644
--- a/src/lib/components/workflow/workflows-summary-configurable-table.svelte
+++ b/src/lib/components/workflow/workflows-summary-configurable-table.svelte
@@ -56,10 +56,11 @@
 
   interface Props {
     onClickConfigure: () => void;
+    countLoaded?: boolean;
     cloud?: Snippet;
   }
 
-  let { onClickConfigure, cloud }: Props = $props();
+  let { onClickConfigure, countLoaded = true, cloud }: Props = $props();
 
   const { allSelected, selectedWorkflows, selectWorkflows } =
     getContext<BatchOperationContext>(BATCH_OPERATION_CONTEXT);
@@ -136,6 +137,7 @@
   };
 
   const onFetch = $derived(() => fetchPaginatedWorkflows(namespace, query));
+  const awaitingCount = $derived(!query && !countLoaded);
 
   const dense = $derived($tableDensity === 'dense');
 
@@ -220,6 +222,7 @@
     bind:sort={tableSort.value}
     {sortColumns}
     {onFetch}
+    loading={awaitingCount}
     onItemsChange={(items) => {
       visiblePaginatedItems = items;
     }}
diff --git a/src/lib/components/workflow/workflows-summary-configurable-table/table-empty-state.svelte b/src/lib/components/workflow/workflows-summary-configurable-table/table-empty-state.svelte
index 9ddc175987..10d3fda2a8 100644
--- a/src/lib/components/workflow/workflows-summary-configurable-table/table-empty-state.svelte
+++ b/src/lib/components/workflow/workflows-summary-configurable-table/table-empty-state.svelte
@@ -5,13 +5,13 @@
 
   import NoQueryResults from '$lib/components/empty-states/no-query-results.svelte';
   import NoWorkflowTaskFailures from '$lib/components/empty-states/no-workflow-task-failures.svelte';
-  import Alert from '$lib/holocene/alert.svelte';
+  import ResourceEmptyState from '$lib/components/empty-states/resource-empty-state.svelte';
+  import SdkLinks from '$lib/components/empty-states/sdk-links.svelte';
   import Link from '$lib/holocene/link.svelte';
   import { translate } from '$lib/i18n/translate';
-  import { IconGithub, IconWarning } from '$lib/io/icon';
+  import { IconTemporalWorkflow } from '$lib/io/icon';
   import { workflowError } from '$lib/stores/workflows';
   import { TASK_FAILURES_QUERY } from '$lib/utilities/workflow-task-failures';
-  import noResultsImages from '$lib/vendor/empty-state.svg';
 
   interface Props {
     cloud?: Snippet;
@@ -24,97 +24,70 @@
   let hasTaskFailuresQuery = $derived(query === TASK_FAILURES_QUERY);
 
   const samples = [
-    'samples-go',
-    'samples-java',
-    'samples-typescript',
-    'samples-python',
-    'samples-dotnet',
-    'samples-php',
-    'samples-ruby',
+    { sdk: 'Go', href: 'https://github.com/temporalio/samples-go' },
+    { sdk: 'Java', href: 'https://github.com/temporalio/samples-java' },
+    {
+      sdk: 'Typescript',
+      href: 'https://github.com/temporalio/samples-typescript',
+    },
+    { sdk: 'Python', href: 'https://github.com/temporalio/samples-python' },
+    { sdk: '.NET', href: 'https://github.com/temporalio/samples-dotnet' },
+    { sdk: 'PHP', href: 'https://github.com/temporalio/samples-php' },
+    { sdk: 'Ruby', href: 'https://github.com/temporalio/samples-ruby' },
+    {
+      sdk: 'Rust',
+      href: 'https://github.com/temporalio/sdk-rust/tree/main/crates/sdk/examples',
+    },
   ];
 </script>
 
 {#if query}
-  <div
-    class="flex h-full w-full flex-col items-center justify-center p-4"
-    aria-live="polite"
+  <ResourceEmptyState
+    title={$workflowError
+      ? translate('workflows.workflow-query-error-state')
+      : hasTaskFailuresQuery
+        ? translate('workflows.workflow-task-failures-query-empty-state-title')
+        : translate('workflows.workflow-query-empty-state-title')}
+    content={hasTaskFailuresQuery
+      ? translate(
+          'workflows.workflow-task-failures-query-empty-state-description',
+        )
+      : translate('workflows.workflow-query-empty-state-description')}
+    error={$workflowError}
   >
-    <div class="text-center">
-      <h2>
-        {#if $workflowError}
-          {translate('workflows.workflow-query-error-state')}
-        {:else}
-          {hasTaskFailuresQuery
-            ? translate(
-                'workflows.workflow-task-failures-query-empty-state-title',
-              )
-            : translate('workflows.workflow-query-empty-state-title')}
-        {/if}
-      </h2>
-      <p class="text-secondary">
-        {#if $workflowError}
-          {$workflowError}
-        {:else}
-          {hasTaskFailuresQuery
-            ? translate(
-                'workflows.workflow-task-failures-query-empty-state-description',
-              )
-            : translate('workflows.workflow-query-empty-state-description')}
-        {/if}
-      </p>
+    {#snippet illustration()}
       {#if hasTaskFailuresQuery}
-        <NoWorkflowTaskFailures class="m-auto mt-8 text-tertiary" />
+        <NoWorkflowTaskFailures class="text-tertiary" />
       {:else}
-        <NoQueryResults class="m-auto mt-8 text-tertiary" />
+        <NoQueryResults class="text-tertiary" />
       {/if}
-    </div>
-  </div>
+    {/snippet}
+  </ResourceEmptyState>
 {:else}
-  <div
-    class="h-full w-full overflow-hidden xl:flex xl:flex-row"
-    aria-live="polite"
+  <ResourceEmptyState
+    title={translate('workflows.workflow-empty-state-title')}
+    Icon={IconTemporalWorkflow}
+    error={$workflowError}
+    actions={cloud}
+    placeholder
   >
-    <div
-      class="flex w-auto min-w-[280px] flex-col gap-4 bg-surface-primary p-8 text-primary xl:min-w-[520px] xl:flex-1"
-    >
-      <h2>
-        {translate('workflows.workflow-empty-state-title')}
-      </h2>
-      {#if $workflowError}
-        <Alert
-          intent="warning"
-          Icon={IconWarning}
-          title={translate('common.error-occurred')}
-          style="overflow-wrap: anywhere"
-        >
-          {$workflowError}
-        </Alert>
-      {:else}
-        {@render cloud?.()}
-        <p>
-          {translate('workflows.workflow-empty-state-description')}
-          <Link newTab href="https://github.com/temporalio"
-            >github.com/temporalio</Link
-          >.
-        </p>
-        <ul class="flex flex-col gap-2">
-          {#each samples as sample (sample)}
-            <li>
-              <Link
-                LeadingIcon={IconGithub}
-                newTab
-                href="https://github.com/temporalio/{sample}">{sample}</Link
-              >
-            </li>
-          {/each}
-        </ul>
-      {/if}
-    </div>
-    <div class="flex flex-col">
-      <div class="bg-surface-primary">
-        <img src={noResultsImages} alt="" class="w-full" />
-      </div>
-      <div class="flex-1 bg-[#8da4ef]"></div>
-    </div>
-  </div>
+    {#snippet description()}
+      <p>
+        {translate('workflows.workflow-empty-state-value-proposition')}
+      </p>
+      <p>
+        {translate('workflows.workflow-empty-state-read-docs-prefix')}
+        <Link href="https://docs.temporal.io/workflows" newTab>
+          {translate('workflows.workflow-empty-state-docs-link')}
+        </Link>
+        {translate('workflows.workflow-empty-state-read-docs-suffix')}
+      </p>
+    {/snippet}
+    {#snippet resources()}
+      <SdkLinks
+        links={samples}
+        label={translate('workflows.workflow-empty-state-samples-title')}
+      />
+    {/snippet}
+  </ResourceEmptyState>
 {/if}
diff --git a/src/lib/holocene/table/paginated-table/api-paginated.svelte b/src/lib/holocene/table/paginated-table/api-paginated.svelte
index 0643dff135..5167693825 100644
--- a/src/lib/holocene/table/paginated-table/api-paginated.svelte
+++ b/src/lib/holocene/table/paginated-table/api-paginated.svelte
@@ -56,6 +56,7 @@
     sort?: TableSort;
     sortColumns?: Record<string, TableSortColumn<T>>;
     onLoadingChange?: ((loading: boolean) => void) | undefined;
+    loading?: boolean;
     onShiftUp?: KeyboardHandler;
     onShiftDown?: KeyboardHandler;
     onSpace?: KeyboardHandler;
@@ -87,6 +88,7 @@
     sort = $bindable(),
     sortColumns = {},
     onLoadingChange,
+    loading = false,
     onShiftUp,
     onShiftDown,
     onSpace,
@@ -318,7 +320,7 @@
 
 <PaginatedTable
   bind:this={paginatedTable}
-  loading={$store.loading}
+  loading={loading || $store.loading}
   updating={$store.updating}
   {visibleItems}
   {maxHeight}
diff --git a/src/lib/i18n/locales/en/batch.ts b/src/lib/i18n/locales/en/batch.ts
index f0f7a7dd24..5e9f4531f4 100644
--- a/src/lib/i18n/locales/en/batch.ts
+++ b/src/lib/i18n/locales/en/batch.ts
@@ -5,6 +5,11 @@ export const Strings = {
   'list-page-title': 'Batch Operations',
   'describe-page-title': 'Batch Operation',
   'empty-state-title': 'No Batch Operations',
+  'empty-state-description':
+    'Apply the same action to multiple Workflows or Standalone Activities at once, such as canceling or terminating.',
+  'empty-state-read-docs-prefix': 'Read the',
+  'empty-state-docs-link': 'Batch Operation Docs',
+  'empty-state-read-docs-suffix': 'to learn more.',
   'back-link': 'Back to Batch Operations',
   'operation-type': 'Operation Type',
   details: 'Operation Details',
diff --git a/src/lib/i18n/locales/en/schedules.ts b/src/lib/i18n/locales/en/schedules.ts
index 43039d58ff..e2733fd601 100644
--- a/src/lib/i18n/locales/en/schedules.ts
+++ b/src/lib/i18n/locales/en/schedules.ts
@@ -21,7 +21,9 @@ export const Strings = {
   'schedule-spec': 'Schedule Spec',
   'cron-string': 'Cron String',
   'workflow-input': 'Workflow Input',
-  'empty-state-title': 'No Schedules Found',
+  'empty-state-title': 'No Schedules',
+  'no-schedules-description':
+    'Schedules automatically start Workflows at recurring times or intervals. Pause and resume a Schedule, backfill missed runs, and control how overlapping runs are handled.',
   'empty-state-description':
     'Try adjusting or clearing the filters to see the Schedules running on this Namespace.',
   'error-message-fetching': 'Error fetching schedules',
@@ -110,6 +112,7 @@ export const Strings = {
   'getting-started-docs-link-preface': 'Go to',
   'getting-started-docs-link': 'docs',
   'getting-started-cli-link-preface': 'or get started with',
+  'getting-started-sdk-title': 'Create Schedules from your preferred SDK',
   'add-schedule-attr': 'Schedule Attributes',
   'add-workflow-attr': 'Workflow Attributes',
   'schedule-specs': 'Schedule Specs',
diff --git a/src/lib/i18n/locales/en/standalone-activities.ts b/src/lib/i18n/locales/en/standalone-activities.ts
index 9f23495f85..1d03aa1240 100644
--- a/src/lib/i18n/locales/en/standalone-activities.ts
+++ b/src/lib/i18n/locales/en/standalone-activities.ts
@@ -16,17 +16,15 @@ export const Strings = {
   'timed-out-activities': 'Timed Out',
   'empty-state-title': 'No Activities Found',
   'empty-state-description': 'No activities match the current filters.',
-  'no-activities-title':
-    'This Namespace doesn’t have any Standalone Activities yet.',
-  'no-activities-description-part-1-preface': ' are Temporal’s ',
-  'job-queue-link': 'job queue',
-  'no-activities-description-part-1-postface':
-    ' – the simplest way to run durable, retryable tasks on Temporal. Create an Activity function once and invoke it standalone (as a job) or as a step in a Workflow.',
-  'no-activities-description-part-2':
-    'Standalone Activities come with the durability benefits of Temporal plus declarative retries, deduplication, priority & fairness, and heartbeats with checkpointing for longer running jobs.',
-  'no-activities-description-part-3':
-    'Get started with a job today and graduate to a Workflow when you need multi-step orchestration, human-in-the-loop, signals, updates, or timers.',
-  'get-started-title': 'Get started with your preferred SDK’s code samples',
+  'no-activities-title': 'No Standalone Activities',
+  'empty-state-value-proposition':
+    'Run durable, retryable tasks from your code without a Workflow, with automatic retries, timeouts, and heartbeats.',
+  'empty-state-read-docs-prefix': 'Read the',
+  'empty-state-activity-docs-link': 'Standalone Activity Docs',
+  'empty-state-read-docs-middle': 'and',
+  'empty-state-job-queue-guide-link': 'Job Queue Guide',
+  'empty-state-read-docs-suffix': 'to get started.',
+  'get-started-title': 'Explore SDK code samples',
   'recent-activities': 'Recent Standalone Activities',
   'activity-id': 'Activity ID',
   'run-id': 'Run ID',
diff --git a/src/lib/i18n/locales/en/standalone-nexus-operations.ts b/src/lib/i18n/locales/en/standalone-nexus-operations.ts
index 628b205cdd..44bf89122e 100644
--- a/src/lib/i18n/locales/en/standalone-nexus-operations.ts
+++ b/src/lib/i18n/locales/en/standalone-nexus-operations.ts
@@ -23,18 +23,15 @@ export const Strings = {
   'empty-state-title': 'No Nexus Operations Found',
   'empty-state-description': 'No nexus operations match the current filters.',
   'nexus-operations-table': 'Standalone Nexus Operations Table',
-  'empty-state-no-data-title':
-    "This namespace doesn't have any Standalone Nexus Operations yet.",
+  'empty-state-no-data-title': 'No Standalone Nexus Operations',
   'empty-state-value-proposition':
-    'Standalone Nexus Operations can call any Temporal-hosted endpoint from existing code using a simple SDK client call - no need to set up a Workflow or run a worker. Get all the durable execution benefits like automatic retries, timeouts, and at-least-once execution guarantees out of the box.',
+    'Call Temporal-hosted Nexus endpoints from your code without a Workflow, with automatic retries and timeouts.',
   'empty-state-read-docs-prefix': 'Read the',
   'empty-state-nexus-docs-link': 'Nexus Docs',
-  'empty-state-read-docs-middle': 'and check out the',
+  'empty-state-read-docs-middle': 'and',
   'empty-state-nexus-eval-guide-link': 'Nexus Evaluation Guide',
-  'empty-state-read-docs-suffix':
-    'to learn how Nexus can fit into your operations.',
-  'empty-state-code-samples-title':
-    'Explore code samples for Standalone Nexus Operations',
+  'empty-state-read-docs-suffix': 'to get started.',
+  'empty-state-code-samples-title': 'Explore SDK code samples',
   'start-standalone-nexus-operation': 'Start a Standalone Nexus Operation',
   'back-to-nexus-operations': 'Back to Standalone Nexus Operations',
   'layout-tabs-label': 'Nexus Operation Details',
diff --git a/src/lib/i18n/locales/en/workflows.ts b/src/lib/i18n/locales/en/workflows.ts
index 2ae939239b..e233c3bf70 100644
--- a/src/lib/i18n/locales/en/workflows.ts
+++ b/src/lib/i18n/locales/en/workflows.ts
@@ -303,9 +303,14 @@ export const Strings = {
   'workflow-task-failures-query-empty-state-description':
     'None of your Workflows currently match your task failure criteria',
   'workflow-query-error-state': 'Error Filtering Workflows',
-  'workflow-empty-state-title': 'No Workflows running in this Namespace',
-  'workflow-empty-state-description':
-    'You can populate the Web UI with sample Workflows. You can find a complete list of executable code samples at',
+  'workflow-empty-state-title': 'No Workflows',
+  'workflow-empty-state-samples-title': 'Explore SDK code samples',
+  'workflow-empty-state-value-proposition':
+    'Orchestrate Activities, child Workflows, and timers as durable code that survives process failures and restarts.',
+  'workflow-empty-state-read-docs-prefix': 'Read the',
+  'workflow-empty-state-docs-link': 'Workflow Docs',
+  'workflow-empty-state-read-docs-suffix':
+    'and check out the code samples below to get started.',
   'visibility-disabled-archival':
     'This namespace is currently enabled for archival but visibility is not enabled.',
   'archival-link-preface': 'To enable ',
diff --git a/src/lib/pages/batch-operations.svelte b/src/lib/pages/batch-operations.svelte
index c57aa3e729..7b0fb26edf 100644
--- a/src/lib/pages/batch-operations.svelte
+++ b/src/lib/pages/batch-operations.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+  import BatchOperationsEmptyState from '$lib/components/batch-operations/empty-state.svelte';
   import BatchOperationsTable from '$lib/components/batch-operations/table.svelte';
   import Alert from '$lib/holocene/alert.svelte';
   import Loading from '$lib/holocene/loading.svelte';
@@ -31,5 +32,9 @@
       {translate('batch.max-concurrent-alert-description')}
     </Alert>
   {/if}
-  <BatchOperationsTable {operations} {namespace} />
+  {#if operations.length}
+    <BatchOperationsTable {operations} {namespace} />
+  {:else}
+    <BatchOperationsEmptyState />
+  {/if}
 {/await}
diff --git a/src/lib/pages/deployments.svelte b/src/lib/pages/deployments.svelte
index 4eb412e41c..4cac16742a 100644
--- a/src/lib/pages/deployments.svelte
+++ b/src/lib/pages/deployments.svelte
@@ -3,6 +3,7 @@
 
   import DeploymentTableRow from '$lib/components/deployments/deployment-table-row.svelte';
   import DeploymentsEmptyState from '$lib/components/deployments/deployments-empty-state.svelte';
+  import EmptyStateTransition from '$lib/components/empty-states/empty-state-transition.svelte';
   import ConfigurableTableHeadersDrawer from '$lib/components/table/configurable-table-headers-drawer.svelte';
   import ResetColumnWidthsButton from '$lib/components/table/reset-column-widths-button.svelte';
   import Button from '$lib/holocene/button.svelte';
@@ -58,10 +59,18 @@
 
   const createHref = $derived(routeForWorkerDeploymentCreate({ namespace }));
 
+  let firstPageEmpty = $state(false);
+  const showEmptyState = $derived(firstPageEmpty && !error);
+
   const onFetch = $derived.by(() => {
-    return () => {
+    return async () => {
       error = '';
-      return fetchPaginatedDeployments(namespace, '', onError);
+      const fetchPage = await fetchPaginatedDeployments(namespace, '', onError);
+      return (size: number, token: string) =>
+        fetchPage(size, token).then((result) => {
+          if (!token) firstPageEmpty = result.items.length === 0;
+          return result;
+        });
     };
   });
 
@@ -130,8 +139,11 @@
   };
 </script>
 
-{#key [namespace, $refresh]}
-  <div class="flex min-h-0 grow flex-col gap-4">
+<EmptyStateTransition empty={showEmptyState}>
+  {#snippet emptyState()}
+    <DeploymentsEmptyState {createHref} {canCreateServerlessDeployment} />
+  {/snippet}
+  {#key [namespace, $refresh]}
     <PaginatedTable
       bind:sort={tableSort.value}
       {sortColumns}
@@ -185,11 +197,13 @@
       {/snippet}
 
       {#snippet empty()}
-        <DeploymentsEmptyState
-          {createHref}
-          {error}
-          {canCreateServerlessDeployment}
-        />
+        {#if error}
+          <DeploymentsEmptyState
+            {createHref}
+            {error}
+            {canCreateServerlessDeployment}
+          />
+        {/if}
       {/snippet}
       {#snippet actionsEndAdditional()}
         <ResetColumnWidthsButton
@@ -213,8 +227,8 @@
         </Tooltip>
       {/snippet}
     </PaginatedTable>
-  </div>
-{/key}
+  {/key}
+</EmptyStateTransition>
 
 <ConfigurableTableHeadersDrawer
   {availableColumns}
diff --git a/src/lib/pages/nexus-empty-state.svelte b/src/lib/pages/nexus-empty-state.svelte
index 860dfb64ee..b8b59e9198 100644
--- a/src/lib/pages/nexus-empty-state.svelte
+++ b/src/lib/pages/nexus-empty-state.svelte
@@ -6,43 +6,37 @@
 <script lang="ts">
   import type { Snippet } from 'svelte';
 
-  import { useDarkMode } from '$lib/utilities/dark-mode';
-  import andromeda from '$lib/vendor/andromeda.png';
+  import NexusIllustration from '$lib/components/empty-states/nexus-illustration.svelte';
 
   type Props = {
     actions?: Snippet;
+    nexusRegistryDescription?: Snippet;
   };
 
-  let { actions }: Props = $props();
+  let { actions, nexusRegistryDescription = nexusDescription }: Props =
+    $props();
 </script>
 
 <div class="flex flex-col gap-8 p-10">
   <div class="flex flex-col gap-4 lg:flex-row">
-    <div>
-      <div class="mb-8 flex items-center gap-4">
-        <h1
-          data-testid="namespace-selector-title"
-          class="text-marketingGreen font-mono uppercase"
-        >
-          {translate('nexus.endpoints')}
-        </h1>
-      </div>
+    <div class="min-w-0 flex-1">
       <div class="flex w-full flex-col gap-4 pr-8 md:pr-24">
-        <h2 class="text-4xl">
+        <h2>
           {translate('nexus.registry-empty-state-title')}
         </h2>
-
-        {@render nexusRegistryDescription()}
+        {@render nexusRegistryDescription?.()}
         {@render actions?.()}
       </div>
     </div>
-    <div class="mx-auto mt-8 w-full bg-background-primary" aria-hidden="true">
-      <img src={andromeda} alt="" class:invert={!$useDarkMode} />
+    <div
+      class="flex w-full shrink-0 items-center justify-center lg:mt-8 lg:w-[26rem] xl:w-[32rem]"
+    >
+      <NexusIllustration class="w-full max-w-xl" />
     </div>
   </div>
 </div>
 
-{#snippet nexusRegistryDescription()}
+{#snippet nexusDescription()}
   <p>
     <Link href="https://docs.temporal.io/evaluate/nexus" newTab>
       {translate('nexus.registry-empty-state-nexus-link')}
@@ -70,9 +64,3 @@
     {translate('nexus.registry-empty-state-proxy-postface')}
   </p>
 {/snippet}
-
-<style>
-  .invert {
-    filter: invert(1);
-  }
-</style>
diff --git a/src/lib/pages/schedules.svelte b/src/lib/pages/schedules.svelte
index ddd5dda1dc..e5fe1aa07a 100644
--- a/src/lib/pages/schedules.svelte
+++ b/src/lib/pages/schedules.svelte
@@ -4,25 +4,24 @@
   import { page } from '$app/state';
 
   import CountRefreshButton from '$lib/components/count-refresh-button.svelte';
+  import EmptyStateTransition from '$lib/components/empty-states/empty-state-transition.svelte';
   import SavedQueryViews from '$lib/components/saved-query-views/saved-views.svelte';
   import { scheduledActionPresentations } from '$lib/components/schedule/scheduled-action-types/presentation-registry';
   import { resolveScheduledActionListEntry } from '$lib/components/schedule/scheduled-action-types/resolve-scheduled-action-list-entry';
+  import SchedulesEmptyState from '$lib/components/schedule/schedules-list/schedules-empty-state.svelte';
   import SchedulesTableRow from '$lib/components/schedule/schedules-list/schedules-table-row.svelte';
   import FilterBar from '$lib/components/search-attribute-filter/filter-bar.svelte';
   import ConfigurableTableHeadersDrawer from '$lib/components/table/configurable-table-headers-drawer.svelte';
   import ResetColumnWidthsButton from '$lib/components/table/reset-column-widths-button.svelte';
   import { timestamp } from '$lib/components/timestamp.svelte';
-  import Alert from '$lib/holocene/alert.svelte';
   import Button from '$lib/holocene/button.svelte';
-  import EmptyState from '$lib/holocene/empty-state.svelte';
-  import Link from '$lib/holocene/link.svelte';
   import ColumnResizeHandle from '$lib/holocene/table/column-resize-handle.svelte';
   import PaginatedTable from '$lib/holocene/table/paginated-table/api-paginated.svelte';
   import MaximizableTableView from '$lib/holocene/table/paginated-table/maximizable-view.svelte';
   import SortableTableHeader from '$lib/holocene/table/sortable-table-header.svelte';
   import Tooltip from '$lib/holocene/tooltip.svelte';
   import { translate } from '$lib/i18n/translate';
-  import { IconTemporalSettings, IconWarning } from '$lib/io/icon';
+  import { IconTemporalSettings } from '$lib/io/icon';
   import { createCountPoller } from '$lib/runes/count-poller.svelte';
   import { createTableSort } from '$lib/runes/table-sort-state.svelte';
   import { fetchPaginatedSchedules } from '$lib/services/schedule-service';
@@ -213,118 +212,105 @@
   </div>
 </header>
 
-<MaximizableTableView>
-  <SavedQueryViews
-    filters={scheduleFilters}
-    savedQueries={savedScheduleQueries}
-    systemViews={systemScheduleViews}
-    defaultView={DEFAULT_SCHEDULE_SYSTEM_VIEW}
-    searchAttributes={scheduleSearchAttributes}
-    id="schedule"
-  />
-  <FilterBar
-    filters={scheduleFilters}
-    options={$scheduleSearchAttributeOptions}
-    searchAttributes={$scheduleSearchAttributes}
-    id="schedules"
-  />
-  {#key [namespace, query, $schedulesRefresh]}
-    <PaginatedTable
-      bind:sort={tableSort.value}
-      {sortColumns}
-      {onFetch}
-      {onError}
-      total={$schedulesCount.count}
-      aria-label={translate('common.schedules')}
-      pageSizeSelectLabel={translate('common.per-page')}
-      nextButtonLabel={translate('common.next')}
-      previousButtonLabel={translate('common.previous')}
-      emptyStateMessage={translate('schedules.empty-state-title')}
-      errorMessage={translate('schedules.error-message-fetching')}
-    >
-      {#snippet caption()}
-        <caption class="sr-only">{translate('common.schedules')}</caption>
-      {/snippet}
-      {#snippet headers()}
-        <tr class="text-left">
-          {#each columns as { label, width }, i (`${label}:${i}`)}
-            <SortableTableHeader column={label} style={columnWidthStyle(width)}>
-              <ColumnResizeHandle
-                {label}
-                {width}
-                min={MIN_COLUMN_WIDTH}
-                onResize={(newWidth) =>
-                  resizeColumn(
-                    label,
-                    newWidth,
-                    namespace,
-                    TABLE_TYPE.SCHEDULES,
-                  )}
-              />
-            </SortableTableHeader>
+<EmptyStateTransition
+  empty={!query && countPoller.loaded && $schedulesCount.count === 0}
+>
+  {#snippet emptyState()}
+    <SchedulesEmptyState />
+  {/snippet}
+  <MaximizableTableView>
+    <SavedQueryViews
+      filters={scheduleFilters}
+      savedQueries={savedScheduleQueries}
+      systemViews={systemScheduleViews}
+      defaultView={DEFAULT_SCHEDULE_SYSTEM_VIEW}
+      searchAttributes={scheduleSearchAttributes}
+      id="schedule"
+    />
+    <FilterBar
+      filters={scheduleFilters}
+      options={$scheduleSearchAttributeOptions}
+      searchAttributes={$scheduleSearchAttributes}
+      id="schedules"
+    />
+    {#key [namespace, query, $schedulesRefresh]}
+      <PaginatedTable
+        bind:sort={tableSort.value}
+        {sortColumns}
+        {onFetch}
+        {onError}
+        loading={!query && !countPoller.loaded}
+        total={$schedulesCount.count}
+        aria-label={translate('common.schedules')}
+        pageSizeSelectLabel={translate('common.per-page')}
+        nextButtonLabel={translate('common.next')}
+        previousButtonLabel={translate('common.previous')}
+        emptyStateMessage={translate('schedules.empty-state-title')}
+        errorMessage={translate('schedules.error-message-fetching')}
+      >
+        {#snippet caption()}
+          <caption class="sr-only">{translate('common.schedules')}</caption>
+        {/snippet}
+        {#snippet headers()}
+          <tr class="text-left">
+            {#each columns as { label, width }, i (`${label}:${i}`)}
+              <SortableTableHeader
+                column={label}
+                style={columnWidthStyle(width)}
+              >
+                <ColumnResizeHandle
+                  {label}
+                  {width}
+                  min={MIN_COLUMN_WIDTH}
+                  onResize={(newWidth) =>
+                    resizeColumn(
+                      label,
+                      newWidth,
+                      namespace,
+                      TABLE_TYPE.SCHEDULES,
+                    )}
+                />
+              </SortableTableHeader>
+            {/each}
+          </tr>
+        {/snippet}
+        {#snippet rows({ visibleItems })}
+          <!-- IDs can repeat in visibility results; entry identity stays unique when sorting. -->
+          {#each visibleItems as schedule (schedule)}
+            <SchedulesTableRow {schedule} {columns} />
           {/each}
-        </tr>
-      {/snippet}
-      {#snippet rows({ visibleItems })}
-        <!-- IDs can repeat in visibility results; entry identity stays unique when sorting. -->
-        {#each visibleItems as schedule (schedule)}
-          <SchedulesTableRow {schedule} {columns} />
-        {/each}
-      {/snippet}
+        {/snippet}
 
-      {#snippet empty()}
-        <div class="flex h-full flex-col items-center justify-center">
-          {#if error}
-            <EmptyState title={translate('schedules.empty-state-title')}>
-              <Alert intent="warning" Icon={IconWarning} class="mx-12">
-                {error}
-              </Alert>
-            </EmptyState>
-          {:else if query}
-            <EmptyState
-              title={translate('schedules.empty-state-title')}
-              content={translate('schedules.empty-state-description')}
-            />
-          {:else}
-            <EmptyState title={translate('schedules.empty-state-title')}>
-              <p>
-                {translate('schedules.getting-started-docs-link-preface')}
-                <Link newTab href="https://docs.temporal.io/schedule"
-                  >{translate('schedules.getting-started-docs-link')}</Link
-                >
-                {translate('schedules.getting-started-cli-link-preface')}
-                <Link newTab href="https://docs.temporal.io/cli/schedule"
-                  >Temporal CLI</Link
-                >.
-              </p>
-            </EmptyState>
-          {/if}
-        </div>
-      {/snippet}
-      {#snippet actionsEndAdditional()}
-        <ResetColumnWidthsButton
-          {columns}
-          {namespace}
-          table={TABLE_TYPE.SCHEDULES}
-        />
-        <Tooltip text={translate('common.configure-columns')} top>
-          <Button
-            onclick={openCustomizationDrawer}
-            data-testid="schedules-summary-table-configuration-button"
-            size="xs"
-            variant="ghost"
-            aria-label={translate('common.configure-columns')}
-            data-track-name="configure-columns-table-control"
-            data-track-intent="action"
-            data-track-text={translate('common.configure-columns')}
-          >
-            <IconTemporalSettings />
-          </Button>
-        </Tooltip>
-      {/snippet}
-    </PaginatedTable>
-  {/key}
-</MaximizableTableView>
+        {#snippet empty()}
+          <div class="flex h-full flex-col items-center justify-center">
+            <SchedulesEmptyState {error} {query} />
+          </div>
+        {/snippet}
+        {#snippet actionsEndAdditional()}
+          <ResetColumnWidthsButton
+            {columns}
+            {namespace}
+            table={TABLE_TYPE.SCHEDULES}
+          />
+          <Tooltip text={translate('common.configure-columns')} top>
+            <Button
+              onclick={openCustomizationDrawer}
+              data-testid="schedules-summary-table-configuration-button"
+              size="xs"
+              variant="ghost"
+              aria-label={translate('common.configure-columns')}
+              data-track-name="configure-columns-table-control"
+              data-track-intent="action"
+              data-track-text={translate('common.configure-columns')}
+            >
+              <IconTemporalSettings />
+            </Button>
+          </Tooltip>
+        {/snippet}
+      </PaginatedTable>
+    {/key}
+  </MaximizableTableView>
+</EmptyStateTransition>
 
 <ConfigurableTableHeadersDrawer
   {availableColumns}
diff --git a/src/lib/pages/standalone-activities.svelte b/src/lib/pages/standalone-activities.svelte
index 38095e8eaf..350a0cef2f 100644
--- a/src/lib/pages/standalone-activities.svelte
+++ b/src/lib/pages/standalone-activities.svelte
@@ -34,7 +34,9 @@
   import { page } from '$app/state';
 
   import CountRefreshButton from '$lib/components/count-refresh-button.svelte';
+  import EmptyStateTransition from '$lib/components/empty-states/empty-state-transition.svelte';
   import SavedQueryViews from '$lib/components/saved-query-views/saved-views.svelte';
+  import ActivitiesEmptyState from '$lib/components/standalone-activities/activities-summary-configurable-table/table-empty-state.svelte';
   import ActivitiesSummaryConfigurableTable from '$lib/components/standalone-activities/activities-summary-configurable-table.svelte';
   import FilterBar from '$lib/components/standalone-activities/activities-summary-filter-bar/filter-bar.svelte';
   import BatchCancelConfirmationModal from '$lib/components/standalone-activities/batch-cancel-confirmation-modal.svelte';
@@ -109,6 +111,13 @@
   });
 
   let customizationDrawerOpen = $state(false);
+  let countLoaded = $state(false);
+  const showEmptyState = $derived(
+    $supportsAdvancedVisibility &&
+      !query &&
+      countLoaded &&
+      $activityCount.count === 0,
+  );
 
   let batchCancelConfirmationModalOpen = $state(false);
   let batchTerminateConfirmationModalOpen = $state(false);
@@ -212,6 +221,7 @@
       {@render releaseStageBadge?.()}
       <StatusCountFilters
         bind:refreshTime
+        bind:loaded={countLoaded}
         countStore={activityCount}
         refresh={activityRefresh}
         filters={activityFilters}
@@ -228,20 +238,26 @@
   </div>
 </header>
 
-<MaximizableTableView>
-  <SavedQueryViews
-    filters={activityFilters}
-    savedQueries={savedActivityQueries}
-    systemViews={systemActivityViews}
-    defaultView={DEFAULT_ACTIVITY_SYSTEM_VIEW}
-    searchAttributes={activityExecutionSearchAttributes}
-    id="activity"
-  />
-  <FilterBar />
-  <ActivitiesSummaryConfigurableTable
-    onClickConfigure={openCustomizationDrawer}
-  />
-</MaximizableTableView>
+<EmptyStateTransition empty={showEmptyState}>
+  {#snippet emptyState()}
+    <ActivitiesEmptyState />
+  {/snippet}
+  <MaximizableTableView>
+    <SavedQueryViews
+      filters={activityFilters}
+      savedQueries={savedActivityQueries}
+      systemViews={systemActivityViews}
+      defaultView={DEFAULT_ACTIVITY_SYSTEM_VIEW}
+      searchAttributes={activityExecutionSearchAttributes}
+      id="activity"
+    />
+    <FilterBar />
+    <ActivitiesSummaryConfigurableTable
+      onClickConfigure={openCustomizationDrawer}
+      {countLoaded}
+    />
+  </MaximizableTableView>
+</EmptyStateTransition>
 <ConfigurableTableHeadersDrawer
   {availableColumns}
   bind:open={customizationDrawerOpen}
diff --git a/src/lib/pages/standalone-nexus-operations.svelte b/src/lib/pages/standalone-nexus-operations.svelte
index 2b2e4d98be..5b8968398e 100644
--- a/src/lib/pages/standalone-nexus-operations.svelte
+++ b/src/lib/pages/standalone-nexus-operations.svelte
@@ -5,7 +5,9 @@
   import { page } from '$app/state';
 
   import CountRefreshButton from '$lib/components/count-refresh-button.svelte';
+  import EmptyStateTransition from '$lib/components/empty-states/empty-state-transition.svelte';
   import SavedQueryViews from '$lib/components/saved-query-views/saved-views.svelte';
+  import NexusOperationsEmptyState from '$lib/components/standalone-nexus-operations/nexus-operations-summary-configurable-table/table-empty-state.svelte';
   import NexusOperationsSummaryConfigurableTable from '$lib/components/standalone-nexus-operations/nexus-operations-summary-configurable-table.svelte';
   import FilterBar from '$lib/components/standalone-nexus-operations/nexus-operations-summary-filter-bar/filter-bar.svelte';
   import StatusCountFilters from '$lib/components/status-count-filters.svelte';
@@ -72,6 +74,13 @@
   });
 
   let customizationDrawerOpen = $state(false);
+  let countLoaded = $state(false);
+  const showEmptyState = $derived(
+    $supportsAdvancedVisibility &&
+      !query &&
+      countLoaded &&
+      $nexusOperationCount.count === 0,
+  );
 
   const openCustomizationDrawer = () => {
     customizationDrawerOpen = true;
@@ -110,6 +119,7 @@
       {@render releaseStageBadge?.()}
       <StatusCountFilters
         bind:refreshTime
+        bind:loaded={countLoaded}
         countStore={nexusOperationCount}
         refresh={nexusOperationRefresh}
         filters={nexusOperationFilters}
@@ -126,20 +136,26 @@
   </div>
 </header>
 
-<MaximizableTableView>
-  <SavedQueryViews
-    filters={nexusOperationFilters}
-    savedQueries={savedNexusQueries}
-    systemViews={systemNexusViews}
-    defaultView={DEFAULT_NEXUS_SYSTEM_VIEW}
-    searchAttributes={nexusOperationSearchAttributes}
-    id="nexus"
-  />
-  <FilterBar />
-  <NexusOperationsSummaryConfigurableTable
-    onClickConfigure={openCustomizationDrawer}
-  />
-</MaximizableTableView>
+<EmptyStateTransition empty={showEmptyState}>
+  {#snippet emptyState()}
+    <NexusOperationsEmptyState />
+  {/snippet}
+  <MaximizableTableView>
+    <SavedQueryViews
+      filters={nexusOperationFilters}
+      savedQueries={savedNexusQueries}
+      systemViews={systemNexusViews}
+      defaultView={DEFAULT_NEXUS_SYSTEM_VIEW}
+      searchAttributes={nexusOperationSearchAttributes}
+      id="nexus"
+    />
+    <FilterBar />
+    <NexusOperationsSummaryConfigurableTable
+      onClickConfigure={openCustomizationDrawer}
+      {countLoaded}
+    />
+  </MaximizableTableView>
+</EmptyStateTransition>
 <ConfigurableTableHeadersDrawer
   {availableColumns}
   bind:open={customizationDrawerOpen}
diff --git a/src/lib/pages/workers.svelte b/src/lib/pages/workers.svelte
index 713af441a6..fd7970ebbf 100644
--- a/src/lib/pages/workers.svelte
+++ b/src/lib/pages/workers.svelte
@@ -3,9 +3,11 @@
 
   import { page } from '$app/state';
 
+  import EmptyStateTransition from '$lib/components/empty-states/empty-state-transition.svelte';
   import SavedQueryViews from '$lib/components/saved-query-views/saved-views.svelte';
   import FilterBar from '$lib/components/search-attribute-filter/filter-bar.svelte';
   import WorkerHeartbeatsDisabled from '$lib/components/workers/worker-heartbeats-disabled.svelte';
+  import WorkerHeartbeatsSdkWarning from '$lib/components/workers/workers-table/worker-heartbeats-sdk-warning.svelte';
   import WorkersTable from '$lib/components/workers/workers-table/workers-table.svelte';
   import MaximizableTableView from '$lib/holocene/table/paginated-table/maximizable-view.svelte';
   import { createTableSort } from '$lib/runes/table-sort-state.svelte';
@@ -38,35 +40,56 @@
   const workerHeartbeatsEnabled = $derived(
     !!page.data.namespace.namespaceInfo?.capabilities?.workerHeartbeats,
   );
+
+  let firstPageEmpty = $state(false);
+  let fetchFailed = $state(false);
+  const showEmptyState = $derived(!query && firstPageEmpty && !fetchFailed);
+
+  const onFetch = async () => {
+    fetchFailed = false;
+    const fetchPage = await fetchPaginatedWorkers({ namespace, query });
+    return (size: number, token: string) =>
+      fetchPage(size, token).then((result) => {
+        if (!token) firstPageEmpty = result.items.length === 0;
+        return result;
+      });
+  };
 </script>
 
 {#if workerHeartbeatsEnabled}
-  <MaximizableTableView>
-    <SavedQueryViews
-      filters={workerFilters}
-      savedQueries={savedWorkerQueries}
-      systemViews={systemWorkerViews}
-      defaultView={DEFAULT_WORKER_SYSTEM_VIEW}
-      searchAttributes={workerSearchAttributes}
-      id="worker"
-    />
-    <FilterBar
-      filters={workerFilters}
-      options={$workerSearchAttributeOptions}
-      searchAttributes={$workerSearchAttributes}
-      id="worker"
-      statusAttribute="WorkerStatus"
-    />
-    {#key [namespace, query, $refresh]}
-      <WorkersTable
-        bind:sort={tableSort.value}
-        {namespace}
-        onFetch={() => fetchPaginatedWorkers({ namespace, query })}
-        total={$workerCount.count}
-        filterable
+  <EmptyStateTransition empty={showEmptyState}>
+    {#snippet emptyState()}
+      <WorkerHeartbeatsSdkWarning showPlaceholder />
+    {/snippet}
+    <MaximizableTableView>
+      <SavedQueryViews
+        filters={workerFilters}
+        savedQueries={savedWorkerQueries}
+        systemViews={systemWorkerViews}
+        defaultView={DEFAULT_WORKER_SYSTEM_VIEW}
+        searchAttributes={workerSearchAttributes}
+        id="worker"
+      />
+      <FilterBar
+        filters={workerFilters}
+        options={$workerSearchAttributeOptions}
+        searchAttributes={$workerSearchAttributes}
+        id="worker"
+        statusAttribute="WorkerStatus"
       />
-    {/key}
-  </MaximizableTableView>
+      {#key [namespace, query, $refresh]}
+        <WorkersTable
+          bind:sort={tableSort.value}
+          {namespace}
+          {onFetch}
+          onError={() => (fetchFailed = true)}
+          showSdkWarning={false}
+          total={$workerCount.count}
+          filterable
+        />
+      {/key}
+    </MaximizableTableView>
+  </EmptyStateTransition>
 {:else}
   <WorkerHeartbeatsDisabled />
 {/if}
diff --git a/src/lib/pages/workflows-with-new-search.svelte b/src/lib/pages/workflows-with-new-search.svelte
index 0d14349665..da20fcdd4f 100644
--- a/src/lib/pages/workflows-with-new-search.svelte
+++ b/src/lib/pages/workflows-with-new-search.svelte
@@ -27,6 +27,7 @@
   import { page } from '$app/state';
 
   import CountRefreshButton from '$lib/components/count-refresh-button.svelte';
+  import EmptyStateTransition from '$lib/components/empty-states/empty-state-transition.svelte';
   import SavedQueryViews from '$lib/components/saved-query-views/saved-views.svelte';
   import StatusCountFilters from '$lib/components/status-count-filters.svelte';
   import ConfigurableTableHeadersDrawer from '$lib/components/table/configurable-table-headers-drawer.svelte';
@@ -37,6 +38,7 @@
   import CancelConfirmationModal from '$lib/components/workflow/client-actions/cancel-confirmation-modal.svelte';
   import TerminateConfirmationModal from '$lib/components/workflow/client-actions/terminate-confirmation-modal.svelte';
   import FilterBar from '$lib/components/workflow/filter-bar/index.svelte';
+  import WorkflowsEmptyState from '$lib/components/workflow/workflows-summary-configurable-table/table-empty-state.svelte';
   import WorkflowsSummaryConfigurableTable from '$lib/components/workflow/workflows-summary-configurable-table.svelte';
   import Button from '$lib/holocene/button.svelte';
   import MaximizableTableView from '$lib/holocene/table/paginated-table/maximizable-view.svelte';
@@ -135,7 +137,13 @@
   });
 
   let customizationDrawerOpen = $state(false);
-
+  let countLoaded = $state(false);
+  const showEmptyState = $derived(
+    $supportsAdvancedVisibility &&
+      !query &&
+      countLoaded &&
+      $workflowCount.count === 0,
+  );
   let batchTerminateConfirmationModalOpen = $state(false);
   let batchCancelConfirmationModalOpen = $state(false);
   let batchResetConfirmationModalOpen = $state(false);
@@ -254,7 +262,7 @@
           {refreshTimeFormatted}
         </p>
       </div>
-      <StatusCountFilters bind:refreshTime />
+      <StatusCountFilters bind:refreshTime bind:loaded={countLoaded} />
     </div>
     {#if headerActions || workflowStartEnabled}
       <div class="flex items-center gap-4">
@@ -269,21 +277,27 @@
   </div>
 </header>
 
-<MaximizableTableView>
-  <SavedQueryViews
-    filters={workflowFilters}
-    savedQueries={savedWorkflowQueries}
-    {systemViews}
-    defaultView={DEFAULT_WORKFLOW_SYSTEM_VIEW}
-    {searchAttributes}
-    id="workflow"
-  />
-  <FilterBar />
-  <WorkflowsSummaryConfigurableTable
-    onClickConfigure={openCustomizationDrawer}
-    {cloud}
-  />
-</MaximizableTableView>
+<EmptyStateTransition empty={showEmptyState}>
+  {#snippet emptyState()}
+    <WorkflowsEmptyState {cloud} />
+  {/snippet}
+  <MaximizableTableView>
+    <SavedQueryViews
+      filters={workflowFilters}
+      savedQueries={savedWorkflowQueries}
+      {systemViews}
+      defaultView={DEFAULT_WORKFLOW_SYSTEM_VIEW}
+      {searchAttributes}
+      id="workflow"
+    />
+    <FilterBar />
+    <WorkflowsSummaryConfigurableTable
+      onClickConfigure={openCustomizationDrawer}
+      {countLoaded}
+      {cloud}
+    />
+  </MaximizableTableView>
+</EmptyStateTransition>
 <ConfigurableTableHeadersDrawer
   {availableColumns}
   bind:open={customizationDrawerOpen}
diff --git a/src/lib/runes/count-poller.svelte.ts b/src/lib/runes/count-poller.svelte.ts
index 675e1dee24..52433081d8 100644
--- a/src/lib/runes/count-poller.svelte.ts
+++ b/src/lib/runes/count-poller.svelte.ts
@@ -23,6 +23,7 @@ export function createCountPoller<T>(opts: CountPollerOptions<T>) {
 
   let attempt = 1;
   let loading = $state(false);
+  let loaded = $state(false);
   let refreshTime = $state(Date.now());
   let timeoutId: ReturnType<typeof setTimeout> | undefined;
 
@@ -52,6 +53,7 @@ export function createCountPoller<T>(opts: CountPollerOptions<T>) {
       const count = opts.transform(response);
       opts.getStore().update((s) => ({ ...s, count }));
       setRefresh();
+      loaded = true;
       opts.onInitialFetch?.(count, response);
     } catch (e: unknown) {
       console.error('Initial count fetch failed', e);
@@ -118,6 +120,9 @@ export function createCountPoller<T>(opts: CountPollerOptions<T>) {
     get loading() {
       return loading;
     },
+    get loaded() {
+      return loaded;
+    },
     /** Timestamp of the most recent full fetch. Not updated by poll fetches. */
     get refreshTime() {
       return refreshTime;
diff --git a/src/lib/vendor/andromeda.png b/src/lib/vendor/andromeda.png
deleted file mode 100644
index ec4328a07c..0000000000
Binary files a/src/lib/vendor/andromeda.png and /dev/null differ
diff --git a/tests/integration/schedules-list.spec.ts b/tests/integration/schedules-list.spec.ts
index a144578a4d..8a98f5c742 100644
--- a/tests/integration/schedules-list.spec.ts
+++ b/tests/integration/schedules-list.spec.ts
@@ -35,7 +35,7 @@ test.describe('Schedules List with no schedules', () => {
     await page.goto(schedulesUrl);
 
     await page.waitForResponse(SCHEDULES_COUNT_API);
-    const emptyState = page.getByText('No Schedules Found');
+    const emptyState = page.getByText('No Schedules', { exact: true });
     await expect(emptyState).toBeVisible();
   });
 });