diff --git a/.gitignore b/.gitignore
index d8f38b5409..751271e0cf 100644
--- a/.gitignore
+++ b/.gitignore
@@ -27,4 +27,5 @@ go.work.sum
 .claude/settings.local.json
 .claude/*
 !.claude/skills/
-.sisyphus/*
\ No newline at end of file
+.omc
+.sisyphus/*
diff --git a/src/lib/components/lines-and-dots/workflow-details.svelte b/src/lib/components/lines-and-dots/workflow-details.svelte
index c5c7e03698..a07d1fa818 100644
--- a/src/lib/components/lines-and-dots/workflow-details.svelte
+++ b/src/lib/components/lines-and-dots/workflow-details.svelte
@@ -305,7 +305,7 @@
     {/if}
 
     {#if sdk && sdkVersion}
-      <DetailListLabel>SDK</DetailListLabel>
+      <DetailListLabel>{translate('workflows.sdk')}</DetailListLabel>
       <DetailListValue>
         <SdkLogo {sdk} version={sdkVersion} />
       </DetailListValue>
diff --git a/src/lib/components/shared-search-attribute-filter/filter-bar.svelte b/src/lib/components/shared-search-attribute-filter/filter-bar.svelte
new file mode 100644
index 0000000000..f1d5dd0e85
--- /dev/null
+++ b/src/lib/components/shared-search-attribute-filter/filter-bar.svelte
@@ -0,0 +1,56 @@
+<script lang="ts">
+  import type { Writable } from 'svelte/store';
+
+  import Button from '$lib/holocene/button.svelte';
+  import Icon from '$lib/holocene/icon/icon.svelte';
+  import Tooltip from '$lib/holocene/tooltip.svelte';
+  import type { SearchAttributeFilter } from '$lib/models/search-attribute-filters';
+  import type { SearchAttributeOption } from '$lib/stores/search-attributes';
+
+  import type { StatusAttribute } from './types.ts';
+
+  import Filter from './filter.svelte';
+  import ManualQuery from './manual-query.svelte';
+
+  interface Props {
+    filters: Writable<SearchAttributeFilter[]>;
+    options: SearchAttributeOption[];
+    id: string;
+    statusAttribute?: StatusAttribute;
+    onManualSearch?: (query: string) => void;
+  }
+
+  let { filters, options, id, statusAttribute, onManualSearch }: Props =
+    $props();
+
+  let viewManualQuery = $state(false);
+</script>
+
+<div>
+  <div
+    class="flex w-full flex-wrap items-center justify-between gap-2 border border-subtle bg-primary p-1.5"
+  >
+    <div class="flex grow items-center justify-start gap-4 px-2">
+      <Icon name="filter-lines" class="text-primary-text h-4 w-4 shrink-0" />
+      <Filter {filters} {options} {id} {statusAttribute} />
+    </div>
+    <div class="flex items-center gap-1">
+      <Tooltip
+        text={viewManualQuery ? 'Hide raw query' : 'View raw query'}
+        left
+      >
+        <Button
+          variant="ghost"
+          size="xs"
+          leadingIcon="json"
+          active={viewManualQuery}
+          data-testid="toggle-manual-query"
+          on:click={() => (viewManualQuery = !viewManualQuery)}
+        />
+      </Tooltip>
+    </div>
+  </div>
+  {#if viewManualQuery}
+    <ManualQuery {filters} {id} onSearch={onManualSearch} />
+  {/if}
+</div>
diff --git a/src/lib/components/standalone-activities/activities-summary-filter-bar/dropdown-filter-list.svelte b/src/lib/components/shared-search-attribute-filter/filter-list.svelte
similarity index 50%
rename from src/lib/components/standalone-activities/activities-summary-filter-bar/dropdown-filter-list.svelte
rename to src/lib/components/shared-search-attribute-filter/filter-list.svelte
index 6db1c9e76c..6a5050decd 100644
--- a/src/lib/components/standalone-activities/activities-summary-filter-bar/dropdown-filter-list.svelte
+++ b/src/lib/components/shared-search-attribute-filter/filter-list.svelte
@@ -1,47 +1,59 @@
 <script lang="ts">
+  import type { Writable } from 'svelte/store';
+
   import { getContext } from 'svelte';
 
   import { page } from '$app/state';
 
   import DropdownFilterChip from '$lib/components/workflow/filter-bar/dropdown-filter-chip.svelte';
-  import StatusDropdownFilterChip from '$lib/components/workflow/filter-bar/status-dropdown-filter-chip.svelte';
   import Button from '$lib/holocene/button.svelte';
   import { translate } from '$lib/i18n/translate';
   import type { SearchAttributeFilter } from '$lib/models/search-attribute-filters';
-  import { activityFilters } from '$lib/stores/filters';
-  import { isStatusFilter } from '$lib/utilities/query/search-attribute-filter';
   import { emptyFilter } from '$lib/utilities/query/to-list-workflow-filters';
   import { updateQueryParamsFromFilter } from '$lib/utilities/query/to-list-workflow-filters';
 
+  import type { StatusAttribute } from './types.ts';
+
   import {
-    ACTIVITY_FILTER_CONTEXT,
-    type ActivityFilterContext,
+    SEARCH_ATTRIBUTE_FILTER_CONTEXT,
+    type SearchAttributeFilterContext,
   } from './filter.svelte';
+  import StatusFilterChip from './status-filter-chip.svelte';
+
+  interface Props {
+    filters: Writable<SearchAttributeFilter[]>;
+    statusAttribute?: StatusAttribute;
+  }
+
+  let { filters, statusAttribute }: Props = $props();
+
+  const isStatusFilter = (f: SearchAttributeFilter) =>
+    statusAttribute ? f.attribute === statusAttribute : false;
 
   const { filter, activeQueryIndex, chipOpenIndex } =
-    getContext<ActivityFilterContext>(ACTIVITY_FILTER_CONTEXT);
+    getContext<SearchAttributeFilterContext>(SEARCH_ATTRIBUTE_FILTER_CONTEXT);
 
   let totalFiltersInView = $state(10);
 
   const firstExecutionStatusIndex = $derived(
-    $activityFilters.findIndex((filter) => isStatusFilter(filter)),
-  );
-  const visibleFilters = $derived(
-    $activityFilters.slice(0, totalFiltersInView),
+    $filters.findIndex((filter) => isStatusFilter(filter)),
   );
-  const executionStatusFilters = $derived(
-    $activityFilters.filter((filter) => filter.attribute === 'ExecutionStatus'),
+  const visibleFilters = $derived($filters.slice(0, totalFiltersInView));
+  const statusFilters = $derived(
+    statusAttribute
+      ? $filters.filter((filter) => filter.attribute === statusAttribute)
+      : [],
   );
   const nonStatusFilters = $derived(
-    $activityFilters.filter((filter) => !isStatusFilter(filter)),
+    $filters.filter((filter) => !isStatusFilter(filter)),
   );
-  const hasMoreFilters = $derived(totalFiltersInView < $activityFilters.length);
+  const hasMoreFilters = $derived(totalFiltersInView < $filters.length);
 
   function updateFilter(index: number, updatedFilter: SearchAttributeFilter) {
-    const next = [...$activityFilters];
+    const next = [...$filters];
     next[index] = updatedFilter;
-    $activityFilters = next;
-    updateQueryParamsFromFilter(page.url, $activityFilters);
+    $filters = next;
+    updateQueryParamsFromFilter(page.url, $filters);
   }
 
   function updateStatusFilters(
@@ -49,24 +61,24 @@
     updatedFilters: SearchAttributeFilter[],
   ) {
     if (updatedFilters.length === 0) {
-      $activityFilters = nonStatusFilters;
-      updateQueryParamsFromFilter(page.url, $activityFilters);
+      $filters = nonStatusFilters;
+      updateQueryParamsFromFilter(page.url, $filters);
     } else {
-      const next = [...$activityFilters];
-      next.splice(index, executionStatusFilters.length, ...updatedFilters);
-      $activityFilters = next;
-      updateQueryParamsFromFilter(page.url, $activityFilters);
+      const next = [...$filters];
+      next.splice(index, statusFilters.length, ...updatedFilters);
+      $filters = next;
+      updateQueryParamsFromFilter(page.url, $filters);
     }
   }
 
   function removeFilter(index: number) {
-    const next = [...$activityFilters];
+    const next = [...$filters];
     next.splice(index, 1);
-    $activityFilters = next;
-    updateQueryParamsFromFilter(page.url, $activityFilters);
+    $filters = next;
+    updateQueryParamsFromFilter(page.url, $filters);
 
-    if (index === $activityFilters.length && $activityFilters.length > 0) {
-      const previousQuery = $activityFilters[$activityFilters.length - 1];
+    if (index === $filters.length && $filters.length > 0) {
+      const previousQuery = $filters[$filters.length - 1];
       if (previousQuery) {
         previousQuery.operator = '';
       }
@@ -89,17 +101,19 @@
 
 {#if visibleFilters.length > 0}
   <div class="flex flex-wrap items-center gap-2">
-    {#each visibleFilters as activityFilter, i (activityFilter.attribute + '-' + i)}
-      {#if isStatusFilter(activityFilter) && i === firstExecutionStatusIndex}
-        <StatusDropdownFilterChip
-          filters={executionStatusFilters}
+    {#each visibleFilters as filterItem, i (filterItem.attribute + '-' + i)}
+      {#if statusAttribute && isStatusFilter(filterItem) && i === firstExecutionStatusIndex}
+        <StatusFilterChip
+          attribute={statusAttribute}
+          filters={statusFilters}
           index={i}
           openIndex={$chipOpenIndex}
-          onUpdate={(statusFilters) => updateStatusFilters(i, statusFilters)}
+          onUpdate={(updatedStatusFilters) =>
+            updateStatusFilters(i, updatedStatusFilters)}
         />
-      {:else if !isStatusFilter(activityFilter) && activityFilter.attribute}
+      {:else if !isStatusFilter(filterItem) && filterItem.attribute}
         <DropdownFilterChip
-          filter={activityFilter}
+          filter={filterItem}
           index={i}
           openIndex={$chipOpenIndex}
           onUpdate={(updatedFilter) => updateFilter(i, updatedFilter)}
diff --git a/src/lib/components/standalone-activities/activities-summary-filter-bar/filter.svelte b/src/lib/components/shared-search-attribute-filter/filter.svelte
similarity index 55%
rename from src/lib/components/standalone-activities/activities-summary-filter-bar/filter.svelte
rename to src/lib/components/shared-search-attribute-filter/filter.svelte
index 2808b880d0..95a3deb3ce 100644
--- a/src/lib/components/standalone-activities/activities-summary-filter-bar/filter.svelte
+++ b/src/lib/components/shared-search-attribute-filter/filter.svelte
@@ -1,29 +1,45 @@
 <script lang="ts" module>
-  import { writable, type Writable } from 'svelte/store';
+  import type { Writable } from 'svelte/store';
 
-  import { setContext } from 'svelte';
+  import type { SearchAttributeFilter } from '$lib/models/search-attribute-filters';
 
-  export const ACTIVITY_FILTER_CONTEXT = 'activity-filter-context';
+  export const SEARCH_ATTRIBUTE_FILTER_CONTEXT =
+    'search-attribute-filter-context';
 
-  export interface ActivityFilterContext {
+  export interface SearchAttributeFilterContext {
     filter: Writable<SearchAttributeFilter>;
     activeQueryIndex: Writable<number | null>;
     handleSubmit: () => void;
     focusedElementId: Writable<string>;
     resetFilter: () => void;
     chipOpenIndex: Writable<number | null>;
+    id: string;
   }
 </script>
 
 <script lang="ts">
+  import { writable } from 'svelte/store';
+
+  import { setContext } from 'svelte';
+
   import { afterNavigate } from '$app/navigation';
 
-  import type { SearchAttributeFilter } from '$lib/models/search-attribute-filters';
-  import { activityFilters } from '$lib/stores/filters';
+  import type { SearchAttributeOption } from '$lib/stores/search-attributes';
   import { emptyFilter } from '$lib/utilities/query/to-list-workflow-filters';
 
-  import ActivityDropdownFilterList from './dropdown-filter-list.svelte';
-  import ActivitySearchAttributeMenu from './search-attribute-menu.svelte';
+  import type { StatusAttribute } from './types.ts';
+
+  import DropdownFilterList from './filter-list.svelte';
+  import SearchAttributeMenu from './search-attribute-menu.svelte';
+
+  interface Props {
+    filters: Writable<SearchAttributeFilter[]>;
+    options: SearchAttributeOption[];
+    id: string;
+    statusAttribute?: StatusAttribute;
+  }
+
+  let { filters, options, id, statusAttribute }: Props = $props();
 
   const filter = writable<SearchAttributeFilter>(emptyFilter());
   const activeQueryIndex = writable<number | null>(null);
@@ -34,22 +50,23 @@
     chipOpenIndex.set(null);
   });
 
-  setContext<ActivityFilterContext>(ACTIVITY_FILTER_CONTEXT, {
+  setContext<SearchAttributeFilterContext>(SEARCH_ATTRIBUTE_FILTER_CONTEXT, {
     filter,
     activeQueryIndex,
     handleSubmit,
     focusedElementId,
     resetFilter,
     chipOpenIndex,
+    id,
   });
 
   function handleSubmit() {
     if ($activeQueryIndex !== null) {
-      $activityFilters[$activeQueryIndex] = $filter;
+      $filters[$activeQueryIndex] = $filter;
       $activeQueryIndex = null;
     } else {
-      const newIndex = $activityFilters.length;
-      $activityFilters = [...$activityFilters, $filter];
+      const newIndex = $filters.length;
+      $filters = [...$filters, $filter];
       chipOpenIndex.set(newIndex);
     }
     filter.set(emptyFilter());
@@ -62,6 +79,6 @@
 </script>
 
 <div class="flex shrink flex-wrap items-center justify-start gap-2">
-  <ActivityDropdownFilterList />
-  <ActivitySearchAttributeMenu />
+  <DropdownFilterList {filters} {statusAttribute} />
+  <SearchAttributeMenu {options} {filters} {statusAttribute} />
 </div>
diff --git a/src/lib/components/standalone-activities/activities-summary-filter-bar/manual-query.svelte b/src/lib/components/shared-search-attribute-filter/manual-query.svelte
similarity index 75%
rename from src/lib/components/standalone-activities/activities-summary-filter-bar/manual-query.svelte
rename to src/lib/components/shared-search-attribute-filter/manual-query.svelte
index 1221aa6f23..701649a394 100644
--- a/src/lib/components/standalone-activities/activities-summary-filter-bar/manual-query.svelte
+++ b/src/lib/components/shared-search-attribute-filter/manual-query.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+  import type { Writable } from 'svelte/store';
   import { fade, slide } from 'svelte/transition';
 
   import { page } from '$app/state';
@@ -6,14 +7,21 @@
   import Button from '$lib/holocene/button.svelte';
   import Input from '$lib/holocene/input/input.svelte';
   import { translate } from '$lib/i18n/translate';
-  import { activitiesQuery, activityRefresh } from '$lib/stores/activities';
-  import { activityFilters } from '$lib/stores/filters';
+  import type { SearchAttributeFilter } from '$lib/models/search-attribute-filters';
   import { currentPageKey } from '$lib/stores/pagination';
   import { searchAttributes } from '$lib/stores/search-attributes';
   import { toListWorkflowFilters } from '$lib/utilities/query/to-list-workflow-filters';
   import { MAX_QUERY_LENGTH } from '$lib/utilities/request-from-api';
   import { updateQueryParameters } from '$lib/utilities/update-query-parameters';
 
+  interface Props {
+    filters: Writable<SearchAttributeFilter[]>;
+    id: string;
+    onSearch?: (query: string) => void;
+  }
+
+  let { filters, id, onSearch }: Props = $props();
+
   let manualSearchString = $state('');
 
   const query = $derived(page.url.searchParams.get('query') ?? '');
@@ -26,23 +34,19 @@
     setManualString(query);
   });
 
-  const onSearch = () => {
+  const handleSearch = () => {
     if (!manualSearchString) {
-      $activityFilters = [];
-      $activitiesQuery = '';
+      $filters = [];
     } else {
       try {
-        $activityFilters = toListWorkflowFilters(
-          manualSearchString,
-          $searchAttributes,
-        );
+        $filters = toListWorkflowFilters(manualSearchString, $searchAttributes);
       } catch (e) {
         console.error(e);
       }
     }
 
     if (manualSearchString && manualSearchString === query) {
-      $activityRefresh = Date.now();
+      onSearch?.(manualSearchString);
     } else {
       updateQueryParameters({
         url: page.url,
@@ -55,12 +59,17 @@
   };
 
   function handleClearInput() {
-    onSearch();
+    handleSearch();
   }
 </script>
 
 <div class="w-full border border-t-0 border-subtle" in:fade>
-  <form onsubmit={onSearch} class="flex gap-0" transition:slide role="search">
+  <form
+    onsubmit={handleSearch}
+    class="flex gap-0"
+    transition:slide
+    role="search"
+  >
     <Input
       id="query"
       type="search"
@@ -78,10 +87,10 @@
       maxLength={MAX_QUERY_LENGTH}
       hideCount={!manualSearchString ||
         manualSearchString.length < MAX_QUERY_LENGTH}
-      data-testid="activity-manual-search-input"
+      data-testid="{id}-manual-search-input"
     />
     <Button
-      data-testid="activity-manual-search-button"
+      data-testid="{id}-manual-search-button"
       variant="ghost"
       type="submit"
     >
diff --git a/src/lib/components/standalone-activities/activities-summary-filter-bar/search-attribute-menu.svelte b/src/lib/components/shared-search-attribute-filter/search-attribute-menu.svelte
similarity index 74%
rename from src/lib/components/standalone-activities/activities-summary-filter-bar/search-attribute-menu.svelte
rename to src/lib/components/shared-search-attribute-filter/search-attribute-menu.svelte
index fe0b47079f..81341b6789 100644
--- a/src/lib/components/standalone-activities/activities-summary-filter-bar/search-attribute-menu.svelte
+++ b/src/lib/components/shared-search-attribute-filter/search-attribute-menu.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { writable } from 'svelte/store';
+  import { writable, type Writable } from 'svelte/store';
 
   import { getContext } from 'svelte';
 
@@ -14,13 +14,12 @@
     MenuItem,
   } from '$lib/holocene/menu';
   import { translate } from '$lib/i18n/translate';
-  import { activityFilters } from '$lib/stores/filters';
-  import { activitySearchAttributeOptions } from '$lib/stores/search-attributes';
+  import type { SearchAttributeFilter } from '$lib/models/search-attribute-filters';
+  import type { SearchAttributeOption } from '$lib/stores/search-attributes';
   import {
     SEARCH_ATTRIBUTE_TYPE,
     type SearchAttributeType,
   } from '$lib/types/workflows';
-  import { isStatusFilter } from '$lib/utilities/query/search-attribute-filter';
   import {
     emptyFilter,
     updateQueryParamsFromFilter,
@@ -28,15 +27,23 @@
   import { MAX_QUERY_LENGTH } from '$lib/utilities/request-from-api';
 
   import {
-    ACTIVITY_FILTER_CONTEXT,
-    type ActivityFilterContext,
+    SEARCH_ATTRIBUTE_FILTER_CONTEXT,
+    type SearchAttributeFilterContext,
   } from './filter.svelte';
 
+  interface Props {
+    options: SearchAttributeOption[];
+    filters: Writable<SearchAttributeFilter[]>;
+    statusAttribute?: string;
+  }
+
+  let { options, filters, statusAttribute }: Props = $props();
+
   const query = $derived(page.url.searchParams.get('query') ?? '');
   let searchAttributeValue = $state('');
 
-  const { filter, activeQueryIndex, handleSubmit } =
-    getContext<ActivityFilterContext>(ACTIVITY_FILTER_CONTEXT);
+  const { filter, activeQueryIndex, handleSubmit, id } =
+    getContext<SearchAttributeFilterContext>(SEARCH_ATTRIBUTE_FILTER_CONTEXT);
 
   const open = writable(false);
 
@@ -75,8 +82,8 @@
 
   const filteredOptions = $derived(
     !searchAttributeValue
-      ? $activitySearchAttributeOptions
-      : $activitySearchAttributeOptions.filter((option) =>
+      ? options
+      : options.filter((option) =>
           option.value
             .toLowerCase()
             .includes(searchAttributeValue.toLowerCase()),
@@ -84,8 +91,8 @@
   );
 
   function clearAllFilters() {
-    $activityFilters = [];
-    updateQueryParamsFromFilter(page.url, $activityFilters, true);
+    $filters = [];
+    updateQueryParamsFromFilter(page.url, $filters, true);
     $activeQueryIndex = null;
     $filter = emptyFilter();
   }
@@ -93,8 +100,8 @@
 
 <MenuContainer {open}>
   <MenuButton
-    id="activity-search-attribute-filter-button"
-    controls="activity-search-attribute-menu"
+    id="{id}-search-attribute-filter-button"
+    controls="{id}-search-attribute-menu"
     leadingIcon="add"
     variant="secondary"
     data-testid="add-filter-button"
@@ -105,18 +112,18 @@
   >
     Add Filter
   </MenuButton>
-  <Menu id="activity-search-attribute-menu">
+  <Menu id="{id}-search-attribute-menu">
     <MenuItem
       class="p-0"
       hoverable={false}
       onclick={() => {
-        document.getElementById('activity-filter-search')?.focus();
+        document.getElementById(`${id}-filter-search`)?.focus();
       }}
     >
       <Input
         label={translate('common.search')}
         labelHidden
-        id="activity-filter-search"
+        id="{id}-filter-search"
         noBorder
         bind:value={searchAttributeValue}
         icon="search"
@@ -131,8 +138,9 @@
         onclick={() => {
           handleNewQuery(value, type);
         }}
-        disabled={value === 'ExecutionStatus' &&
-          !!$activityFilters.find((f) => isStatusFilter(f))}
+        disabled={statusAttribute &&
+          value === statusAttribute &&
+          !!$filters.find((f) => f.attribute === statusAttribute)}
       >
         <div>
           <p class="leading-3">{label}</p>
@@ -146,7 +154,7 @@
     {/each}
   </Menu>
 </MenuContainer>
-{#if $activityFilters.length > 0}
+{#if $filters.length > 0}
   <Button
     variant="ghost"
     size="xs"
diff --git a/src/lib/components/shared-search-attribute-filter/status-filter-chip.svelte b/src/lib/components/shared-search-attribute-filter/status-filter-chip.svelte
new file mode 100644
index 0000000000..c4c6c93fa6
--- /dev/null
+++ b/src/lib/components/shared-search-attribute-filter/status-filter-chip.svelte
@@ -0,0 +1,164 @@
+<script lang="ts">
+  import { writable } from 'svelte/store';
+
+  import WorkerStatus from '$lib/components/workers/worker-status.svelte';
+  import WorkflowStatus from '$lib/components/workflow-status.svelte';
+  import Checkbox from '$lib/holocene/checkbox.svelte';
+  import { Menu, MenuButton, MenuContainer } from '$lib/holocene/menu';
+  import MenuItem from '$lib/holocene/menu/menu-item.svelte';
+  import Translate from '$lib/i18n/translate.svelte';
+  import type { SearchAttributeFilter } from '$lib/models/search-attribute-filters';
+  import type {
+    WorkerFilters,
+    WorkerStatus as WorkerStatusType,
+  } from '$lib/models/worker-status';
+  import { workerStatusFilters } from '$lib/models/worker-status';
+  import {
+    type WorkflowFilters,
+    workflowStatusFilters,
+  } from '$lib/models/workflow-status';
+  import type { WorkflowStatus as WorkflowStatusType } from '$lib/types/workflows';
+
+  import type { StatusAttribute } from './types.ts';
+
+  interface Props {
+    attribute: StatusAttribute;
+    filters: SearchAttributeFilter[];
+    onUpdate: (updatedFilter: SearchAttributeFilter[]) => void;
+    index?: number;
+    openIndex?: number | null;
+  }
+
+  let {
+    attribute,
+    filters,
+    onUpdate,
+    index = 0,
+    openIndex = null,
+  }: Props = $props();
+
+  const statuses: Record<
+    StatusAttribute,
+    { label: string; filters: WorkflowFilters | WorkerFilters }
+  > = {
+    ExecutionStatus: {
+      label: 'Execution Status',
+      filters: workflowStatusFilters,
+    },
+    WorkerStatus: {
+      label: 'Worker Status',
+      filters: workerStatusFilters,
+    },
+  };
+
+  const open = writable(false);
+  let localFilters = $state([...filters]);
+
+  const controlsId = $derived(
+    `dropdown-filter-chip-${attribute.toLowerCase()}`,
+  );
+
+  function handleStatusSelect(status: string) {
+    if (localFilters.find((f) => f.value === status)) {
+      localFilters = localFilters.filter((f) => f.value !== status);
+      onUpdate(localFilters);
+      return;
+    }
+
+    if (status === 'All') {
+      localFilters = [];
+      onUpdate(localFilters);
+      return;
+    }
+
+    if (localFilters.length === 1 && localFilters[0].value === '') {
+      localFilters = [
+        {
+          attribute,
+          operator: '',
+          parenthesis: '',
+          type: 'Keyword',
+          value: status,
+          conditional: '=',
+        },
+      ];
+    } else {
+      localFilters = [
+        ...localFilters,
+        {
+          attribute,
+          operator: '',
+          parenthesis: localFilters.length ? ')' : '',
+          type: 'Keyword',
+          value: status,
+          conditional: '=',
+        },
+      ];
+    }
+
+    if (localFilters.length > 1) {
+      localFilters[0].parenthesis = '(';
+      localFilters[localFilters.length - 2].operator = 'OR';
+    }
+
+    onUpdate(localFilters);
+  }
+
+  $effect(() => {
+    if (openIndex === index) {
+      $open = true;
+    }
+  });
+
+  $effect(() => {
+    if (!$open) {
+      localFilters = [...filters];
+    }
+  });
+</script>
+
+<MenuContainer {open}>
+  <MenuButton size="xs" controls={controlsId} hasIndicator class="bg-secondary">
+    {attribute} =<span class="pl-1 text-brand"
+      >{filters.map((f) => f.value).join(', ')}</span
+    >
+  </MenuButton>
+
+  <Menu id={controlsId} class="max-h-fit w-80 max-w-fit p-4" keepOpen>
+    <div class="space-y-2">
+      <div class="flex items-center justify-between">
+        <h3 class="text-sm font-medium">
+          Filter by {statuses[attribute].label}
+        </h3>
+      </div>
+
+      {#each statuses[attribute].filters as status (status)}
+        {@const checked =
+          localFilters.some((filter) => filter.value === status) ||
+          (localFilters.length === 1 &&
+            !localFilters[0].value &&
+            status === 'All')}
+        <MenuItem
+          data-testid={`status-dropdown-filter-chip-${status}`}
+          onclick={() => handleStatusSelect(status)}
+        >
+          {#snippet leading()}
+            <Checkbox
+              on:change={() => handleStatusSelect(status)}
+              {checked}
+              label={status}
+              labelHidden
+            />
+          {/snippet}
+          {#if status === 'All'}
+            <Translate key="workflows.all-statuses" />
+          {:else if attribute === 'ExecutionStatus'}
+            <WorkflowStatus status={status as WorkflowStatusType} />
+          {:else if attribute === 'WorkerStatus'}
+            <WorkerStatus status={status as WorkerStatusType} />
+          {/if}
+        </MenuItem>
+      {/each}
+    </div>
+  </Menu>
+</MenuContainer>
diff --git a/src/lib/components/shared-search-attribute-filter/types.ts b/src/lib/components/shared-search-attribute-filter/types.ts
new file mode 100644
index 0000000000..4757d040fc
--- /dev/null
+++ b/src/lib/components/shared-search-attribute-filter/types.ts
@@ -0,0 +1 @@
+export type StatusAttribute = 'ExecutionStatus' | 'WorkerStatus';
diff --git a/src/lib/components/standalone-activities/activities-summary-filter-bar/filter-bar.svelte b/src/lib/components/standalone-activities/activities-summary-filter-bar/filter-bar.svelte
index d46b7a3e58..c0677a53de 100644
--- a/src/lib/components/standalone-activities/activities-summary-filter-bar/filter-bar.svelte
+++ b/src/lib/components/standalone-activities/activities-summary-filter-bar/filter-bar.svelte
@@ -1,40 +1,19 @@
 <script lang="ts">
-  import Button from '$lib/holocene/button.svelte';
-  import Icon from '$lib/holocene/icon/icon.svelte';
-  import Tooltip from '$lib/holocene/tooltip.svelte';
+  import FilterBar from '$lib/components/shared-search-attribute-filter/filter-bar.svelte';
+  import { activitiesQuery, activityRefresh } from '$lib/stores/activities';
+  import { activityFilters } from '$lib/stores/filters';
+  import { activitySearchAttributeOptions } from '$lib/stores/search-attributes';
 
-  import ActivityFilter from './filter.svelte';
-  import ActivityManualQuery from './manual-query.svelte';
-
-  let viewManualQuery = $state(false);
+  function onManualSearch(query: string) {
+    $activitiesQuery = query;
+    $activityRefresh = Date.now();
+  }
 </script>
 
-{#snippet actionToggleButtons()}
-  <div class="flex items-center gap-1">
-    <Tooltip text={viewManualQuery ? 'Hide raw query' : 'View raw query'} left>
-      <Button
-        variant="ghost"
-        size="xs"
-        leadingIcon="json"
-        active={viewManualQuery}
-        data-testid="toggle-manual-query"
-        on:click={() => (viewManualQuery = !viewManualQuery)}
-      />
-    </Tooltip>
-  </div>
-{/snippet}
-
-<div>
-  <div
-    class="flex w-full flex-wrap items-center justify-between gap-2 border border-subtle bg-primary p-1.5"
-  >
-    <div class="flex grow items-center justify-start gap-4 px-2">
-      <Icon name="filter-lines" class="text-primary-text h-4 w-4 shrink-0" />
-      <ActivityFilter />
-    </div>
-    {@render actionToggleButtons()}
-  </div>
-  {#if viewManualQuery}
-    <ActivityManualQuery />
-  {/if}
-</div>
+<FilterBar
+  filters={activityFilters}
+  options={$activitySearchAttributeOptions}
+  id="activity"
+  statusAttribute="ExecutionStatus"
+  {onManualSearch}
+/>
diff --git a/src/lib/components/task-queue/worker-info.svelte b/src/lib/components/task-queue/worker-info.svelte
new file mode 100644
index 0000000000..1eb54133cf
--- /dev/null
+++ b/src/lib/components/task-queue/worker-info.svelte
@@ -0,0 +1,364 @@
+<script lang="ts">
+  import { page } from '$app/state';
+
+  import DetailListColumn from '$lib/components/detail-list/detail-list-column.svelte';
+  import DetailListLabel from '$lib/components/detail-list/detail-list-label.svelte';
+  import DetailListLinkValue from '$lib/components/detail-list/detail-list-link-value.svelte';
+  import DetailListTextValue from '$lib/components/detail-list/detail-list-text-value.svelte';
+  import DetailListValue from '$lib/components/detail-list/detail-list-value.svelte';
+  import DetailList from '$lib/components/detail-list/detail-list.svelte';
+  import SdkLogo from '$lib/components/lines-and-dots/sdk-logo.svelte';
+  import Timestamp from '$lib/components/timestamp.svelte';
+  import { timestamp } from '$lib/components/timestamp.svelte';
+  import WorkerStatus from '$lib/components/workers/worker-status.svelte';
+  import Alert from '$lib/holocene/alert.svelte';
+  import Badge from '$lib/holocene/badge.svelte';
+  import Card from '$lib/holocene/card.svelte';
+  import Copyable from '$lib/holocene/copyable/index.svelte';
+  import Icon from '$lib/holocene/icon/icon.svelte';
+  import Link from '$lib/holocene/link.svelte';
+  import { translate } from '$lib/i18n/translate';
+  import type {
+    WorkerInfo,
+    WorkerPollerInfo,
+    WorkerSlotsInfo,
+  } from '$lib/types';
+  import { formatSDKName } from '$lib/utilities/get-sdk-version';
+  import { routeForTaskQueue } from '$lib/utilities/route-for';
+  import { toWorkerStatusReadable } from '$lib/utilities/screaming-enums';
+
+  type Props = {
+    worker: WorkerInfo;
+  };
+
+  let { worker }: Props = $props();
+
+  const { namespace } = $derived(page.params);
+  const heartbeat = $derived(worker.workerHeartbeat);
+  const status = $derived(toWorkerStatusReadable(heartbeat?.status));
+
+  const totalStickyCacheHit = $derived(heartbeat?.totalStickyCacheHit ?? 0);
+  const totalStickyCacheMiss = $derived(heartbeat?.totalStickyCacheMiss ?? 0);
+  const currentStickyCacheSize = $derived(
+    heartbeat?.currentStickyCacheSize ?? 0,
+  );
+  const isGoSdk = $derived(heartbeat?.sdkName?.startsWith('temporal-go'));
+  const goDependencyPotentiallyMissing = $derived(
+    isGoSdk
+      ? !heartbeat?.hostInfo?.currentHostCpuUsage &&
+          !heartbeat?.hostInfo?.currentHostMemUsage
+      : false,
+  );
+
+  const cacheHitRate = $derived.by(() => {
+    const total = totalStickyCacheHit + totalStickyCacheMiss;
+    if (total === 0) return 0;
+    return ((totalStickyCacheHit / total) * 100).toFixed(1);
+  });
+</script>
+
+<div class="flex flex-col gap-4">
+  <div
+    class="flex w-full flex-col items-start gap-4 xl:flex-row xl:items-center"
+  >
+    <WorkerStatus {status} />
+    <h1
+      data-testid="worker-instance-key"
+      class="gap-0 overflow-hidden max-sm:text-xl sm:max-md:text-2xl"
+    >
+      <Copyable
+        copyIconTitle={translate('common.copy-icon-title')}
+        copySuccessIconTitle={translate('common.copy-success-icon-title')}
+        content={heartbeat?.workerInstanceKey}
+        clickAllToCopy
+        container-class="w-full"
+        class="overflow-hidden text-ellipsis text-left"
+      />
+    </h1>
+  </div>
+
+  <DetailList aria-label="worker details" rowCount={1}>
+    <DetailListColumn>
+      <DetailListLabel>{translate('workflows.last-heartbeat')}</DetailListLabel>
+      <DetailListTextValue
+        text={heartbeat?.heartbeatTime
+          ? $timestamp(heartbeat?.heartbeatTime)
+          : '-'}
+        tooltipText={$timestamp(heartbeat?.heartbeatTime, {
+          relative: true,
+        })}
+      />
+    </DetailListColumn>
+    <DetailListColumn>
+      <DetailListLabel>{translate('common.start')}</DetailListLabel>
+      <DetailListTextValue
+        text={heartbeat?.startTime ? $timestamp(heartbeat?.startTime) : '-'}
+        tooltipText={$timestamp(heartbeat?.startTime, {
+          relative: true,
+        })}
+      />
+    </DetailListColumn>
+
+    <DetailListColumn>
+      <DetailListLabel>{translate('common.task-queue')}</DetailListLabel>
+      <DetailListLinkValue
+        copyable
+        text={heartbeat?.taskQueue}
+        href={routeForTaskQueue({
+          namespace,
+          queue: heartbeat?.taskQueue,
+        })}
+      />
+    </DetailListColumn>
+    <DetailListColumn>
+      <DetailListLabel>{translate('workers.sdk')}</DetailListLabel>
+      <DetailListValue>
+        <SdkLogo
+          sdk={formatSDKName(heartbeat?.sdkName)}
+          version={heartbeat?.sdkVersion}
+        />
+      </DetailListValue>
+    </DetailListColumn>
+  </DetailList>
+
+  <div class="flex flex-col gap-4 lg:flex-row">
+    <div class="flex flex-1 flex-col gap-4">
+      {@render taskSlotCard(
+        translate('common.workflows-plural', { count: 1 }),
+        heartbeat?.workflowTaskSlotsInfo,
+        heartbeat?.workflowPollerInfo,
+      )}
+      {@render taskSlotCard(
+        translate('common.activities-plural', { count: 1 }),
+        heartbeat?.activityTaskSlotsInfo,
+        heartbeat?.activityPollerInfo,
+      )}
+      {@render taskSlotCard(
+        translate('workers.nexus-tasks'),
+        heartbeat?.nexusTaskSlotsInfo,
+        heartbeat?.nexusPollerInfo,
+      )}
+      {@render taskSlotCard(
+        translate('workers.local-activities'),
+        heartbeat?.localActivitySlotsInfo,
+        null,
+      )}
+    </div>
+
+    <div class="flex w-full flex-col gap-4 lg:w-fit">
+      {@render hostInfo()}
+      {@render workflowCache()}
+      {@render diagnostics()}
+    </div>
+  </div>
+</div>
+
+{#snippet taskSlotCard(
+  title: string,
+  slots: WorkerSlotsInfo,
+  poller: WorkerPollerInfo,
+)}
+  <Card>
+    <div class="mb-4 flex items-center gap-2">
+      <h3 class="text-base font-medium">{title}</h3>
+      <Badge type="ghost" class="text-xs">{slots.slotSupplierKind}</Badge>
+    </div>
+
+    <div class="flex flex-wrap gap-x-32 gap-y-4">
+      <div>
+        <div class="flex h-6 items-center text-sm text-secondary">
+          {translate('workers.slots')}
+        </div>
+        <div class="flex items-baseline gap-12">
+          <p class="font-mono text-2xl font-semibold text-brand">
+            {slots.currentUsedSlots ?? 0}
+          </p>
+          <p class="font-mono text-2xl font-semibold">
+            {#if slots.currentAvailableSlots}
+              {slots.currentAvailableSlots - slots.currentUsedSlots || 0}
+            {:else}
+              -
+            {/if}
+          </p>
+        </div>
+        <div class="flex gap-8 text-xs text-secondary">
+          <p>{translate('workers.used')}</p>
+          <p>
+            {#if slots.currentAvailableSlots}
+              {translate('workers.available-out-of', {
+                count: slots.currentAvailableSlots,
+              })}
+            {:else}
+              {translate('workers.none-available')}
+            {/if}
+          </p>
+        </div>
+      </div>
+
+      <div>
+        <div class="flex h-6 items-center text-sm text-secondary">
+          {translate('workers.tasks-processed')}
+        </div>
+        <span class="font-mono text-2xl font-semibold">
+          {(slots.totalProcessedTasks ?? 0).toLocaleString()}
+        </span>
+      </div>
+
+      {#if poller}
+        <div>
+          <div class="flex h-6 items-center gap-2 text-sm text-secondary">
+            {translate('workers.poller')}
+            <Badge type="ghost" class="text-xs">
+              {poller.isAutoscaling ? 'Autoscaling' : 'Manual'}
+            </Badge>
+          </div>
+          <span class="font-mono text-2xl font-semibold">
+            {poller.currentPollers ?? 0}
+          </span>
+          <div class="text-xs text-secondary">
+            {#if poller.lastSuccessfulPollTime}
+              {translate('workers.last-poll')}
+              <Timestamp dateTime={poller.lastSuccessfulPollTime} as="span" />
+            {:else}
+              {translate('workers.no-activity')}
+            {/if}
+          </div>
+        </div>
+      {/if}
+    </div>
+  </Card>
+{/snippet}
+
+{#snippet goDependencyWarning()}
+  <Alert
+    class="max-w-96"
+    intent="warning"
+    title={translate('workers.go-dependency-warning')}
+  >
+    <p class="mb-1">{translate('workers.go-dependency-warning-description')}</p>
+    <Link icon="external-link" href="" newTab
+      >{translate('workers.go-dependency-warning-link')}</Link
+    >
+  </Alert>
+{/snippet}
+
+{#snippet hostUsage()}
+  <Card class="flex flex-col gap-2 border-t-0">
+    <div>
+      <div class="mb-1 flex items-center justify-between text-sm">
+        <span class="flex items-center gap-1 font-semibold">
+          <Icon name="microchip" class="h-3 w-3 text-secondary" />
+          {translate('workers.cpu-usage')}
+        </span>
+        <span>{heartbeat?.hostInfo?.currentHostCpuUsage.toFixed(0)}%</span>
+      </div>
+      <div class="relative h-2 w-full overflow-hidden rounded bg-indigo-100">
+        <div
+          class="absolute left-0 flex h-full items-center bg-indigo-600"
+          style="width:{Math.min(
+            heartbeat?.hostInfo?.currentHostCpuUsage,
+            100,
+          )}%;"
+        ></div>
+      </div>
+    </div>
+    <div>
+      <div class="mb-1 flex items-center justify-between text-sm">
+        <span class="flex items-center gap-1 font-semibold">
+          <Icon name="server" class="h-3 w-3 text-secondary" />
+          {translate('workers.memory-usage')}
+        </span>
+        <span>{heartbeat?.hostInfo?.currentHostMemUsage.toFixed(0)}%</span>
+      </div>
+      <div class="relative h-2 w-full overflow-hidden rounded bg-indigo-100">
+        <div
+          class="absolute left-0 flex h-full items-center bg-indigo-600"
+          style="width:{Math.min(
+            heartbeat?.hostInfo?.currentHostMemUsage,
+            100,
+          )}%;"
+        ></div>
+      </div>
+    </div>
+    {#if goDependencyPotentiallyMissing}
+      {@render goDependencyWarning()}
+    {/if}
+  </Card>
+{/snippet}
+
+{#snippet hostInfo()}
+  <div>
+    <Card>
+      <h3 class="mb-4 text-base font-medium">
+        {translate('workers.host-info')}
+      </h3>
+      <dl>
+        <dt class="text-secondary">{translate('workers.host-name')}</dt>
+        <dd class="select-all">{heartbeat?.hostInfo?.hostName}</dd>
+
+        <dt class="mt-2 text-secondary">{translate('workers.process-id')}</dt>
+        <dd class="select-all">{heartbeat?.hostInfo?.processId}</dd>
+
+        <dt class="mt-2 text-secondary">
+          {translate('workers.worker-grouping')}
+        </dt>
+        <dd class="select-all">{heartbeat?.hostInfo?.workerGroupingKey}</dd>
+      </dl>
+    </Card>
+    {@render hostUsage()}
+  </div>
+{/snippet}
+
+{#snippet workflowCache()}
+  <Card>
+    <h3 class="mb-4 text-base font-medium">
+      {translate('workers.workflow-cache')}
+    </h3>
+    <div class="grid grid-cols-2 gap-4">
+      <div>
+        <span class="font-mono text-2xl font-semibold">
+          {currentStickyCacheSize.toLocaleString()}
+        </span>
+        <div class="text-sm text-secondary">
+          {translate('workers.cache-size')}
+        </div>
+      </div>
+      <div>
+        <span class="font-mono text-2xl font-semibold">
+          {cacheHitRate}%
+        </span>
+        <div class="text-sm text-secondary">
+          {translate('workers.cache-hits')}
+        </div>
+      </div>
+    </div>
+    <div class="mt-3">
+      <span class="font-mono text-2xl font-semibold"> - </span>
+      <div class="text-sm text-secondary">
+        {translate('workers.active-thread-count')}
+      </div>
+    </div>
+  </Card>
+{/snippet}
+
+{#snippet diagnostics()}
+  <Card>
+    <h3 class="mb-4 text-base font-medium">
+      {translate('workers.diagnostics')}
+    </h3>
+    <div class="grid grid-cols-2 gap-4">
+      <div>
+        <span class="font-mono text-2xl"> - % </span>
+        <div class="text-sm text-secondary">
+          {translate('workers.poll-success-rate')}
+        </div>
+      </div>
+      <div>
+        <span class="font-mono text-2xl">{translate('common.none')}</span>
+        <div class="text-sm text-secondary">
+          {translate('workers.rate-limit')}
+        </div>
+      </div>
+    </div>
+  </Card>
+{/snippet}
diff --git a/src/lib/components/task-queue/worker-insights.svelte b/src/lib/components/task-queue/worker-insights.svelte
new file mode 100644
index 0000000000..aba0638192
--- /dev/null
+++ b/src/lib/components/task-queue/worker-insights.svelte
@@ -0,0 +1,11 @@
+<script lang="ts">
+  import { page } from '$app/state';
+
+  import WorkersTable from '$lib/components/workers/workers-table/task-queue-workers-table.svelte';
+  import { workflowRun } from '$lib/stores/workflow-run';
+
+  const { namespace, queue } = $derived(page.params);
+  const taskQueue = $derived($workflowRun?.workflow?.taskQueue || queue);
+</script>
+
+<WorkersTable {namespace} {taskQueue} />
diff --git a/src/lib/components/task-queue/worker-totals.svelte b/src/lib/components/task-queue/worker-totals.svelte
new file mode 100644
index 0000000000..d035fed777
--- /dev/null
+++ b/src/lib/components/task-queue/worker-totals.svelte
@@ -0,0 +1,65 @@
+<script lang="ts">
+  import Card from '$lib/holocene/card.svelte';
+  import { translate } from '$lib/i18n/translate';
+  import type { WorkerInfo } from '$lib/types';
+  import { toWorkerStatusReadable } from '$lib/utilities/screaming-enums';
+
+  let { workersInfo }: { workersInfo: WorkerInfo[] } = $props();
+
+  const { active, inactive, workflowTasks, activityTasks } = $derived.by(() => {
+    let active = 0;
+    let inactive = 0;
+    let workflowTasks = 0;
+    let activityTasks = 0;
+    for (const w of workersInfo) {
+      if (toWorkerStatusReadable(w?.workerHeartbeat?.status) === 'Running')
+        active++;
+      else inactive++;
+      workflowTasks +=
+        w?.workerHeartbeat?.workflowTaskSlotsInfo?.totalProcessedTasks ?? 0;
+      activityTasks +=
+        w?.workerHeartbeat?.activityTaskSlotsInfo?.totalProcessedTasks ?? 0;
+    }
+    return { active, inactive, workflowTasks, activityTasks };
+  });
+
+  const totalTasks = $derived(workflowTasks + activityTasks);
+</script>
+
+<div class="grid grid-cols-1 gap-4 md:grid-cols-3">
+  <Card>
+    <div class="text-sm uppercase tracking-wide text-secondary">
+      {translate('workers.active-workers')}
+    </div>
+    <div class="mt-1 text-3xl font-semibold">{active}</div>
+    <div class="mt-1 flex items-center gap-1.5">
+      <span class="inline-block h-2 w-2 rounded-full bg-green-500"></span>
+      <span class="text-sm text-success">
+        {translate('workflows.running')}
+      </span>
+    </div>
+  </Card>
+  <Card>
+    <div class="text-sm uppercase tracking-wide text-secondary">
+      {translate('workers.inactive-workers')}
+    </div>
+    <div class="mt-1 text-3xl font-semibold">{inactive}</div>
+    <div class="mt-1 flex items-center gap-1.5">
+      <span class="text-sm text-secondary">
+        {translate('common.inactive')}
+      </span>
+    </div>
+  </Card>
+
+  <Card>
+    <div class="text-sm uppercase tracking-wide text-secondary">
+      {translate('workers.total-processed-tasks')}
+    </div>
+    <div class="mt-1 text-3xl font-semibold">{totalTasks}</div>
+    <div class="mt-1 text-sm text-secondary">
+      {workflowTasks}
+      {translate('common.workflows-plural', { count: 1 })} · {activityTasks}
+      {translate('common.activities-plural', { count: 1 })}
+    </div>
+  </Card>
+</div>
diff --git a/src/lib/components/worker-table.svelte b/src/lib/components/worker-table.svelte
index 52737720ca..2af0455b96 100644
--- a/src/lib/components/worker-table.svelte
+++ b/src/lib/components/worker-table.svelte
@@ -178,7 +178,7 @@
   {:else}
     <tr class="w-full">
       <td colspan="7">
-        <EmptyState title={translate('workflows.workers-empty-state')} />
+        <EmptyState title={translate('workers.empty-state-title')} />
       </td>
     </tr>
   {/each}
diff --git a/src/lib/components/workers/no-workers-polling-alert.svelte b/src/lib/components/workers/no-workers-polling-alert.svelte
new file mode 100644
index 0000000000..ce450c7c87
--- /dev/null
+++ b/src/lib/components/workers/no-workers-polling-alert.svelte
@@ -0,0 +1,34 @@
+<script lang="ts">
+  import Alert from '$lib/holocene/alert.svelte';
+  import Icon from '$lib/holocene/icon/icon.svelte';
+  import Link from '$lib/holocene/link.svelte';
+  import { translate } from '$lib/i18n/translate';
+  import { workflowRun } from '$lib/stores/workflow-run';
+
+  const { workflow, workers, workersLoaded } = $derived($workflowRun);
+  const isPending = $derived(workflow?.isRunning || workflow?.isPaused);
+  const runningWithNoWorkers = $derived(
+    workersLoaded && isPending && !workers?.pollers?.length,
+  );
+</script>
+
+<Alert
+  icon="warning"
+  intent="warning"
+  title={translate('workflows.workflow-error-no-workers-title')}
+  class="max-w-screen-lg xl:w-2/3"
+  hidden={!runningWithNoWorkers}
+>
+  {translate('workflows.workflow-error-no-workers-description', {
+    taskQueue: workflow?.taskQueue ?? '',
+  })}
+  {translate('workflows.workers-alert-description')}
+  <Link
+    href="https://docs.temporal.io/develop/worker-performance"
+    newTab
+    class="mt-2 flex items-center gap-1"
+  >
+    {translate('workers.troubleshooting-workers-link')}
+    <Icon name="arrow-right" />
+  </Link>
+</Alert>
diff --git a/src/lib/components/workers/worker-status.svelte b/src/lib/components/workers/worker-status.svelte
new file mode 100644
index 0000000000..dab8c099f1
--- /dev/null
+++ b/src/lib/components/workers/worker-status.svelte
@@ -0,0 +1,46 @@
+<script lang="ts">
+  import { cva } from 'class-variance-authority';
+
+  import HeartBeat from '$lib/components/heart-beat-indicator.svelte';
+  import { translate } from '$lib/i18n/translate';
+  import type { WorkerStatus } from '$lib/models/worker-status';
+
+  interface Props {
+    delay?: number;
+    status?: WorkerStatus;
+  }
+
+  let { delay = 0, status = 'Running' }: Props = $props();
+
+  const label: Record<WorkerStatus, string> = {
+    Running: translate('workflows.running'),
+    ShuttingDown: 'Shutting Down',
+    Unspecified: translate('events.event-classification.unspecified'),
+  };
+
+  const workerStatus = cva(
+    [
+      'flex items-center rounded-sm px-1 py-0.5 h-5 whitespace-nowrap text-black gap-1 font-medium',
+    ],
+    {
+      variants: {
+        status: {
+          Unspecified: 'bg-slate-100',
+          Running: 'bg-blue-300',
+          ShuttingDown: 'bg-yellow-200',
+        },
+      },
+    },
+  );
+
+  const isRunning = $derived(status === 'Running');
+</script>
+
+<div class="relative flex items-center gap-0 text-center text-xs leading-4">
+  <span class={workerStatus({ status })}>
+    {label[status]}
+    {#if isRunning}
+      <HeartBeat {delay} />
+    {/if}
+  </span>
+</div>
diff --git a/src/lib/components/workers/workers-table/task-queue-workers-table.svelte b/src/lib/components/workers/workers-table/task-queue-workers-table.svelte
new file mode 100644
index 0000000000..96fe3fc2bd
--- /dev/null
+++ b/src/lib/components/workers/workers-table/task-queue-workers-table.svelte
@@ -0,0 +1,33 @@
+<script lang="ts">
+  import FallbackWorkersTable from '$lib/components/worker-table.svelte';
+  import { getPollers } from '$lib/services/pollers-service';
+  import { fetchPaginatedWorkers } from '$lib/services/worker-service';
+  import { isNotFound, isNotImplemented } from '$lib/utilities/handle-error';
+  import type { APIErrorResponse } from '$lib/utilities/request-from-api';
+
+  import WorkersTable from './workers-table.svelte';
+
+  interface Props {
+    namespace: string;
+    taskQueue: string;
+  }
+
+  let { namespace, taskQueue }: Props = $props();
+  let useFallback: boolean = $state(false);
+
+  const onFetch = $derived(() =>
+    fetchPaginatedWorkers({ namespace, query: `TaskQueue="${taskQueue}"` }),
+  );
+
+  const onError = (error: APIErrorResponse) => {
+    if (isNotFound(error) || isNotImplemented(error)) useFallback = true;
+  };
+</script>
+
+{#if useFallback}
+  {#await getPollers({ queue: taskQueue, namespace }) then workers}
+    <FallbackWorkersTable {workers} />
+  {/await}
+{:else}
+  <WorkersTable {namespace} {onFetch} {onError} />
+{/if}
diff --git a/src/lib/components/workers/workers-table/workers-table-cell.svelte b/src/lib/components/workers/workers-table/workers-table-cell.svelte
new file mode 100644
index 0000000000..7ce99217e0
--- /dev/null
+++ b/src/lib/components/workers/workers-table/workers-table-cell.svelte
@@ -0,0 +1,92 @@
+<script lang="ts">
+  import type { Snippet } from 'svelte';
+
+  import { page } from '$app/state';
+
+  import FilterOrCopyButtons from '$lib/holocene/filter-or-copy-buttons.svelte';
+  import Link from '$lib/holocene/link.svelte';
+  import { translate } from '$lib/i18n/translate';
+  import { updateQueryParameters } from '$lib/utilities/update-query-parameters';
+
+  interface Props {
+    attribute?: string;
+    copyable?: boolean;
+    value?: string;
+    filterable?: boolean;
+    href?: string;
+    children?: Snippet;
+  }
+
+  let {
+    attribute,
+    copyable = true,
+    value,
+    filterable = false,
+    href,
+    children,
+  }: Props = $props();
+
+  const query = $derived(page.url.searchParams.get('query') || '');
+
+  const onRowFilterClick = () => {
+    if (query.includes(`${attribute}="`)) {
+      updateQueryParameters({
+        parameter: 'query',
+        value: '',
+        url: page.url,
+        clearParameters: [attribute],
+      });
+    } else {
+      const newQuery = query
+        ? `${query} AND ${attribute}="${value}"`
+        : `${attribute}="${value}"`;
+      updateQueryParameters({
+        parameter: 'query',
+        value: newQuery,
+        url: page.url,
+      });
+    }
+  };
+
+  let filterOrCopyButtonsVisible = $state(false);
+  const showFilterOrCopy = () => (filterOrCopyButtonsVisible = true);
+  const hideFilterOrCopy = () => (filterOrCopyButtonsVisible = false);
+  const handleFocusOut = (e: FocusEvent) => {
+    const nextTarget = e.relatedTarget as HTMLElement;
+    if (
+      nextTarget &&
+      !['filter-button', 'copy-button'].includes(nextTarget.id)
+    ) {
+      hideFilterOrCopy();
+    }
+  };
+</script>
+
+<td
+  class="relative h-8"
+  onfocus={showFilterOrCopy}
+  onfocusin={showFilterOrCopy}
+  onfocusout={handleFocusOut}
+  onmouseover={showFilterOrCopy}
+  onmouseleave={hideFilterOrCopy}
+  onblur={hideFilterOrCopy}
+>
+  {#if href}
+    <Link {href}>{value}</Link>
+  {:else if children}
+    {@render children?.()}
+  {:else}
+    {value}
+  {/if}
+  <FilterOrCopyButtons
+    copyIconTitle={translate('common.copy-icon-title')}
+    copySuccessIconTitle={translate('common.copy-success-icon-title')}
+    filterIconTitle={translate('common.filter-workflows')}
+    show={filterOrCopyButtonsVisible}
+    content={value}
+    onFilter={onRowFilterClick}
+    {copyable}
+    {filterable}
+    filtered={query.includes(`${attribute}=`)}
+  />
+</td>
diff --git a/src/lib/components/workers/workers-table/workers-table-row.svelte b/src/lib/components/workers/workers-table/workers-table-row.svelte
new file mode 100644
index 0000000000..2c73ec3326
--- /dev/null
+++ b/src/lib/components/workers/workers-table/workers-table-row.svelte
@@ -0,0 +1,57 @@
+<script lang="ts">
+  import SdkLogo from '$lib/components/lines-and-dots/sdk-logo.svelte';
+  import WorkerStatus from '$lib/components/workers/worker-status.svelte';
+  import type { WorkerInfo } from '$lib/types';
+  import { formatSDKName } from '$lib/utilities/get-sdk-version';
+  import { routeForWorkerInstance } from '$lib/utilities/route-for';
+  import { toWorkerStatusReadable } from '$lib/utilities/screaming-enums';
+
+  import WorkersTableCell from './workers-table-cell.svelte';
+
+  interface Props {
+    worker: WorkerInfo;
+    namespace: string;
+    filterable?: boolean;
+  }
+
+  let { worker, namespace, filterable = false }: Props = $props();
+  const status = $derived(
+    toWorkerStatusReadable(worker.workerHeartbeat.status),
+  );
+</script>
+
+<tr>
+  <td>
+    <WorkerStatus {status} />
+  </td>
+  <WorkersTableCell
+    attribute="WorkerInstanceKey"
+    value={worker.workerHeartbeat.workerInstanceKey}
+    href={routeForWorkerInstance({
+      namespace,
+      workerInstanceKey: worker.workerHeartbeat.workerInstanceKey,
+    })}
+    {filterable}
+  />
+  <WorkersTableCell
+    attribute="TaskQueue"
+    value={worker.workerHeartbeat.taskQueue}
+    {filterable}
+  />
+  <WorkersTableCell
+    attribute="WorkerIdentity"
+    value={worker.workerHeartbeat.workerIdentity}
+    {filterable}
+  />
+  <WorkersTableCell
+    attribute="HostName"
+    value={worker.workerHeartbeat.hostInfo.hostName}
+    {filterable}
+  />
+  <WorkersTableCell copyable={false}>
+    <SdkLogo
+      sdk={formatSDKName(worker.workerHeartbeat.sdkName)}
+      version={worker.workerHeartbeat.sdkVersion}
+    />
+  </WorkersTableCell>
+</tr>
diff --git a/src/lib/components/workers/workers-table/workers-table-with-search.svelte b/src/lib/components/workers/workers-table/workers-table-with-search.svelte
new file mode 100644
index 0000000000..1094ec88f8
--- /dev/null
+++ b/src/lib/components/workers/workers-table/workers-table-with-search.svelte
@@ -0,0 +1,20 @@
+<script lang="ts">
+  import { page } from '$app/state';
+
+  import { fetchPaginatedWorkers } from '$lib/services/worker-service';
+
+  import WorkersTable from './workers-table.svelte';
+
+  interface Props {
+    namespace: string;
+  }
+
+  let { namespace }: Props = $props();
+
+  const query = $derived(page.url.searchParams.get('query') || '');
+  const onFetch = $derived(() => fetchPaginatedWorkers({ namespace, query }));
+</script>
+
+{#key query}
+  <WorkersTable {namespace} {onFetch} filterable />
+{/key}
diff --git a/src/lib/components/workers/workers-table/workers-table.svelte b/src/lib/components/workers/workers-table/workers-table.svelte
new file mode 100644
index 0000000000..64298ddac0
--- /dev/null
+++ b/src/lib/components/workers/workers-table/workers-table.svelte
@@ -0,0 +1,58 @@
+<script lang="ts">
+  import EmptyState from '$lib/holocene/empty-state.svelte';
+  import PaginatedTable, {
+    type PaginatedRequest,
+  } from '$lib/holocene/table/paginated-table/api-paginated.svelte';
+  import { translate } from '$lib/i18n/translate';
+  import type { WorkerInfo } from '$lib/types';
+  import type { APIErrorResponse } from '$lib/utilities/request-from-api';
+
+  import WorkersTableRow from './workers-table-row.svelte';
+
+  interface Props {
+    filterable?: boolean;
+    namespace: string;
+    onFetch: () => Promise<PaginatedRequest<WorkerInfo>>;
+    onError?: (err: APIErrorResponse) => void;
+  }
+
+  let { filterable = false, namespace, onFetch, onError }: Props = $props();
+
+  const columns = [
+    { label: translate('workers.status') },
+    { label: translate('workers.instance') },
+    { label: translate('workers.task-queue') },
+    { label: translate('workers.identity') },
+    { label: translate('workers.host-name') },
+    { label: translate('workers.sdk') },
+  ];
+</script>
+
+<PaginatedTable
+  let:visibleItems
+  {onFetch}
+  {onError}
+  aria-label={translate('workers.workers')}
+  pageSizeSelectLabel={translate('common.per-page')}
+  nextButtonLabel={translate('common.next')}
+  previousButtonLabel={translate('common.previous')}
+  emptyStateMessage={translate('workers.empty-state-title')}
+  errorMessage={translate('workers.error-message-fetching')}
+>
+  <caption class="sr-only" slot="caption">
+    {translate('workers.workers')}
+  </caption>
+
+  <tr slot="headers" class="text-left">
+    {#each columns as { label } (label)}
+      <th>{label}</th>
+    {/each}
+  </tr>
+  {#each visibleItems as worker (worker.workerHeartbeat.workerInstanceKey)}
+    <WorkersTableRow {worker} {namespace} {filterable} />
+  {/each}
+
+  <svelte:fragment slot="empty">
+    <EmptyState title={translate('workers.empty-state-title')}></EmptyState>
+  </svelte:fragment>
+</PaginatedTable>
diff --git a/src/lib/components/workflow/workflow-call-stack-error.svelte b/src/lib/components/workflow/workflow-call-stack-error.svelte
deleted file mode 100644
index 9cb6992968..0000000000
--- a/src/lib/components/workflow/workflow-call-stack-error.svelte
+++ /dev/null
@@ -1,27 +0,0 @@
-<script lang="ts">
-  import { fly } from 'svelte/transition';
-
-  import Alert from '$lib/holocene/alert.svelte';
-  import { translate } from '$lib/i18n/translate';
-  import { workflowRun } from '$lib/stores/workflow-run';
-
-  $: ({ workflow, workers, workersLoaded } = $workflowRun);
-  $: isPending = workflow?.isRunning || workflow?.isPaused;
-  $: runningWithNoWorkers =
-    workersLoaded && isPending && !workers?.pollers?.length;
-</script>
-
-{#if runningWithNoWorkers}
-  <div in:fly={{ duration: 200, delay: 100 }}>
-    <Alert
-      icon="warning"
-      intent="warning"
-      title={translate('workflows.workflow-error-no-workers-title')}
-      class="max-w-screen-lg xl:w-2/3"
-    >
-      {translate('workflows.workflow-error-no-workers-description', {
-        taskQueue: workflow?.taskQueue ?? '',
-      })}
-    </Alert>
-  </div>
-{/if}
diff --git a/src/lib/components/workflow/workflow-summary.svelte b/src/lib/components/workflow/workflow-summary.svelte
index 6c69b7135e..0d4939ec35 100644
--- a/src/lib/components/workflow/workflow-summary.svelte
+++ b/src/lib/components/workflow/workflow-summary.svelte
@@ -10,7 +10,7 @@
     workflowSummaryViewOpen,
   } from '$lib/stores/workflow-run';
   import { formatDistanceAbbreviated } from '$lib/utilities/format-time';
-  import { routeForWorkers } from '$lib/utilities/route-for';
+  import { routeForWorkflowWorkers } from '$lib/utilities/route-for';
 
   $: ({ workflow } = $workflowRun);
   $: elapsedTime = formatDistanceAbbreviated({
@@ -62,7 +62,7 @@
         <div class="h-0.5 rounded-full bg-inverse"></div>
         <WorkflowDetail
           content={workflow?.taskQueue}
-          href={routeForWorkers({
+          href={routeForWorkflowWorkers({
             namespace: $page.params.namespace,
             workflow: workflow?.id,
             run: workflow?.runId,
diff --git a/src/lib/holocene/badge.svelte b/src/lib/holocene/badge.svelte
index 949160f488..11f8744a52 100644
--- a/src/lib/holocene/badge.svelte
+++ b/src/lib/holocene/badge.svelte
@@ -12,6 +12,7 @@
     danger: 'bg-red-200',
     count: 'h-6 w-6 min-w-max rounded-full bg-blue-300',
     subtle: 'surface-subtle dark:text-white font-normal select-all',
+    ghost: 'surface-primary text-primary border border-subtle',
   };
 
   const types = cva(
diff --git a/src/lib/holocene/filter-or-copy-buttons.svelte b/src/lib/holocene/filter-or-copy-buttons.svelte
index c5c7d5b774..f43fcc977c 100644
--- a/src/lib/holocene/filter-or-copy-buttons.svelte
+++ b/src/lib/holocene/filter-or-copy-buttons.svelte
@@ -52,11 +52,11 @@
 
 <style lang="postcss">
   .copy-or-filter {
-    @apply absolute bottom-0 right-0 top-0 inline-flex gap-2 px-2;
+    @apply absolute bottom-0 right-0 top-0 inline-flex gap-1 px-1;
   }
 
   .copy-or-filter-button {
-    @apply surface-primary relative top-[50%] h-fit translate-y-[-50%] rounded-full p-1 text-primary hover:surface-inverse;
+    @apply surface-primary relative top-[40%] h-7 w-7 translate-y-[-40%] rounded-full p-0.5 text-primary hover:surface-inverse;
   }
 
   .filtered {
diff --git a/src/lib/holocene/icon/paths.ts b/src/lib/holocene/icon/paths.ts
index 9a4b81c346..56b32118cf 100644
--- a/src/lib/holocene/icon/paths.ts
+++ b/src/lib/holocene/icon/paths.ts
@@ -83,6 +83,7 @@ import lock from './svg/lock.svelte';
 import logout from './svg/logout.svelte';
 import marker from './svg/marker.svelte';
 import merge from './svg/merge.svelte';
+import microchip from './svg/microchip.svelte';
 import microsoft from './svg/microsoft.svelte';
 import minimize from './svg/minimize.svelte';
 import moon from './svg/moon.svelte';
@@ -227,6 +228,7 @@ export const icons = {
   logout,
   marker,
   merge,
+  microchip,
   microsoft,
   minimize,
   moon,
diff --git a/src/lib/holocene/icon/svg/microchip.svelte b/src/lib/holocene/icon/svg/microchip.svelte
new file mode 100644
index 0000000000..adb80b665a
--- /dev/null
+++ b/src/lib/holocene/icon/svg/microchip.svelte
@@ -0,0 +1,11 @@
+<script lang="ts">
+  import Svg from '../svg.svelte';
+  let props = $props();
+</script>
+
+<Svg {...props}>
+  <path
+    d="M 8.25,0.75 V 3 h 3 V 0.75 0 h 1.5 V 0.75 3 h 3 V 0.75 0 h 1.5 V 0.75 3 H 19.5 21 V 4.5 6.75 H 23.25 24 v 1.5 H 23.25 21 v 3 H 23.25 24 v 1.5 H 23.25 21 v 3 H 23.25 24 v 1.5 H 23.25 21 V 19.5 21 H 19.5 17.25 V 23.25 24 h -1.5 V 23.25 21 h -3 V 23.25 24 h -1.5 V 23.25 21 h -3 V 23.25 24 H 6.75 V 23.25 21 H 4.5 3 V 19.5 17.25 H 0.75 0 v -1.5 H 0.75 3 v -3 H 0.75 0 v -1.5 H 0.75 3 v -3 H 0.75 0 V 6.75 H 0.75 3 V 4.5 3 H 4.5 6.75 V 0.75 0 h 1.5 z M 19.5,4.5 h -15 v 15 h 15 z m -3,3 h -9 v 9 h 9 z M 7.5,6 h 9 1.5 v 1.5 9 1.5 H 16.5 7.5 6 V 16.5 7.5 6 Z"
+    fill="currentcolor"
+  />
+</Svg>
diff --git a/src/lib/i18n/locales/en/common.ts b/src/lib/i18n/locales/en/common.ts
index a65ec46161..382d12d964 100644
--- a/src/lib/i18n/locales/en/common.ts
+++ b/src/lib/i18n/locales/en/common.ts
@@ -108,6 +108,8 @@ export const Strings = {
   workflows: 'Workflows',
   'workflows-plural_one': 'Workflow',
   'workflows-plural_other': 'Workflows',
+  'activities-plural_one': 'Activity',
+  'activities-plural_other': 'Activities',
   schedules: 'Schedules',
   'schedules-plural_one': '{{ count }} Schedule',
   'schedules-plural_other': '{{ count }} Schedules',
diff --git a/src/lib/i18n/locales/en/workers.ts b/src/lib/i18n/locales/en/workers.ts
index 887059633e..e4135e7491 100644
--- a/src/lib/i18n/locales/en/workers.ts
+++ b/src/lib/i18n/locales/en/workers.ts
@@ -1,7 +1,11 @@
 export const Namespace = 'workers' as const;
 
 export const Strings = {
+  worker: 'Worker',
   workers: 'Workers',
+  'worker-views': 'Worker Views',
+  'view-all-workers': 'View All Workers',
+  'back-to-workers': 'Back to Workers',
   version: 'Version',
   versioning: 'Versioning',
   retirability: 'Retirability',
@@ -10,6 +14,14 @@ export const Strings = {
   'redirect-rules': 'Redirect Rules',
   default: 'Default',
   overall: 'Overall',
+  'host-name': 'Host Name',
+  identity: 'Identity',
+  instance: 'Instance',
+  'task-queue': 'Task Queue',
+  status: 'Status',
+  sdk: 'Worker SDK',
+  'empty-state-title': 'No Workers Found',
+  'error-message-fetching': 'An error occurred while fetching workers.',
   'compatible-build-ids': 'Compatible Build IDs',
   'version-sets': 'Version Sets',
   'no-version-sets-found': 'No Version Sets found',
@@ -26,4 +38,34 @@ export const Strings = {
     'Viewing workers for pinned Build ID. Go to the Task Queue page to view all workers.',
   'viewing-auto-upgrade-build-ids':
     'Viewing workers for current and ramping Build IDs. Go to the Task Queue page to view all workers.',
+  'active-workers': 'Active Workers',
+  'inactive-workers': 'Inactive Workers',
+  'total-processed-tasks': 'Total Processed Tasks',
+  'nexus-tasks': 'Nexus Tasks',
+  'local-activities': 'Local Activities',
+  slots: 'Slots',
+  used: 'Used',
+  'available-out-of': 'Available out of {{count}}',
+  'none-available': 'None Available',
+  'tasks-processed': 'Tasks Processed',
+  'last-poll': 'Last Poll',
+  'no-activity': 'No Activity',
+  'host-info': 'Host Info',
+  'process-id': 'Process ID',
+  'worker-grouping': 'Worker Grouping',
+  'cpu-usage': 'CPU Usage',
+  'memory-usage': 'Memory Usage',
+  'workflow-cache': 'Workflow Cache',
+  'cache-size': 'Cache size',
+  'cache-hits': 'Cache hits',
+  'active-thread-count': 'Active thread count',
+  diagnostics: 'Diagnostics',
+  'poll-success-rate': 'Poll success rate',
+  'rate-limit': 'Rate limit',
+  'troubleshooting-workers-link': 'Troubleshooting workers',
+  poller: 'Poller',
+  'go-dependency-warning': 'Potential missing dependency',
+  'go-dependency-warning-description':
+    'This worker is not showing any usage. You may need to enable a dependency for the Go SDK in order to see this data.',
+  'go-dependency-warning-link': 'Learn more.',
 } as const;
diff --git a/src/lib/i18n/locales/en/workflows.ts b/src/lib/i18n/locales/en/workflows.ts
index d06ea88181..27494b8c70 100644
--- a/src/lib/i18n/locales/en/workflows.ts
+++ b/src/lib/i18n/locales/en/workflows.ts
@@ -155,9 +155,11 @@ export const Strings = {
   'workflow-404-title': 'This is not the Workflow you are looking for',
   'workflow-error-title':
     'We are having technical difficulties retrieving this Workflow',
-  'workflow-error-no-workers-title': 'No Workers Running',
+  'workflow-error-no-workers-title': 'No workers polling',
   'workflow-error-no-workers-description':
-    'There are no Workers polling the {{taskQueue}} Task Queue.',
+    'There are no workers polling the {{taskQueue}} task queue.',
+  'workers-alert-description':
+    'Check your deployment or orchestration system (Kubernetes, ECS, etc.). Review worker logs for crash information. Restart or redeploy workers.',
   'workflow-error-no-compatible-workers-title': 'No Compatible Workers Running',
   'workflow-error-no-compatible-workers-description':
     'There are no compatible Workers polling the {{taskQueue}} Task Queue.',
@@ -203,7 +205,6 @@ export const Strings = {
   'workflow-task-handler': 'Workflow Task Handler',
   'activity-handler': 'Activity Handler',
   'nexus-handler': 'Nexus Handler',
-  'workers-empty-state': 'No Workers Found',
   'call-stack-empty-state': 'No Call Stacks Found',
   'no-workers-failure-message':
     'This will fail if you have no workers running.',
@@ -348,4 +349,5 @@ export const Strings = {
   'timeline-minimized':
     'Timeline and Event History are collapsed to minimized height',
   'timeline-expanded': 'Timeline and Event History are expanded to full height',
+  sdk: 'Workflow SDK',
 } as const;
diff --git a/src/lib/layouts/workflow-header.svelte b/src/lib/layouts/workflow-header.svelte
index c601ae4b3f..ea9ab871cd 100644
--- a/src/lib/layouts/workflow-header.svelte
+++ b/src/lib/layouts/workflow-header.svelte
@@ -6,7 +6,6 @@
   import CodecServerErrorBanner from '$lib/components/codec-server-error-banner.svelte';
   import WorkflowDetails from '$lib/components/lines-and-dots/workflow-details.svelte';
   import { timestamp } from '$lib/components/timestamp.svelte';
-  import WorkflowCallStackError from '$lib/components/workflow/workflow-call-stack-error.svelte';
   import WorkflowActions from '$lib/components/workflow-actions.svelte';
   import WorkflowStatus from '$lib/components/workflow-status.svelte';
   import Alert from '$lib/holocene/alert.svelte';
@@ -40,11 +39,11 @@
     routeForRelationships,
     routeForTimeline,
     routeForUserMetadata,
-    routeForWorkers,
     routeForWorkflowMemo,
     routeForWorkflowQuery,
     routeForWorkflows,
     routeForWorkflowSearchAttributes,
+    routeForWorkflowWorkers,
   } from '$lib/utilities/route-for';
   import { isWorkflowTaskFailure } from '$lib/utilities/workflow-task-failures';
 
@@ -175,7 +174,6 @@
   </div>
   <CodecServerErrorBanner />
   <WorkflowDetails {workflow} next={workflowRelationships.next} />
-  <WorkflowCallStackError />
   {#if cancelInProgress}
     <div in:fly={{ duration: 200, delay: 100 }}>
       <Alert
@@ -300,10 +298,10 @@
       <Tab
         label={translate('workflows.workers-tab')}
         id="workers-tab"
-        href={routeForWorkers(routeParameters)}
+        href={routeForWorkflowWorkers(routeParameters)}
         active={pathMatches(
           page.url.pathname,
-          routeForWorkers(routeParameters),
+          routeForWorkflowWorkers(routeParameters),
         )}
       >
         <Badge type="primary" class="px-2 py-0">
diff --git a/src/lib/layouts/workflow-run-layout.svelte b/src/lib/layouts/workflow-run-layout.svelte
index 452745e34b..152c7591e0 100644
--- a/src/lib/layouts/workflow-run-layout.svelte
+++ b/src/lib/layouts/workflow-run-layout.svelte
@@ -8,7 +8,6 @@
   import SkeletonWorkflow from '$lib/holocene/skeleton/workflow.svelte';
   import { translate } from '$lib/i18n/translate';
   import WorkflowHeader from '$lib/layouts/workflow-header.svelte';
-  import { Action } from '$lib/models/workflow-actions';
   import {
     fetchAllEvents,
     throttleRefresh,
diff --git a/src/lib/models/worker-status.ts b/src/lib/models/worker-status.ts
new file mode 100644
index 0000000000..6e1f2f2b53
--- /dev/null
+++ b/src/lib/models/worker-status.ts
@@ -0,0 +1,13 @@
+export type WorkerStatus = 'Unspecified' | 'Running' | 'ShuttingDown' | null;
+
+export type WorkerFilters = readonly (WorkerStatus | 'All')[];
+
+export const workerStatuses: readonly WorkerStatus[] = [
+  'Running',
+  'ShuttingDown',
+] as const;
+
+export const workerStatusFilters: WorkerFilters = [
+  'All',
+  ...workerStatuses,
+] as const;
diff --git a/src/lib/pages/deployments.svelte b/src/lib/pages/deployments.svelte
index bbb6f13b19..f3cfe78a81 100644
--- a/src/lib/pages/deployments.svelte
+++ b/src/lib/pages/deployments.svelte
@@ -3,7 +3,6 @@
 
   import DeploymentTableRow from '$lib/components/deployments/deployment-table-row.svelte';
   import Alert from '$lib/holocene/alert.svelte';
-  import Badge from '$lib/holocene/badge.svelte';
   import EmptyState from '$lib/holocene/empty-state.svelte';
   import Link from '$lib/holocene/link.svelte';
   import PaginatedTable from '$lib/holocene/table/paginated-table/api-paginated.svelte';
@@ -39,13 +38,6 @@
   ];
 </script>
 
-<div class="flex flex-wrap items-center gap-2">
-  <h1>
-    {translate('deployments.worker-deployments')}
-  </h1>
-  <Badge class="shrink-0">Public Preview</Badge>
-</div>
-
 {#key [namespace]}
   <PaginatedTable
     let:visibleItems
diff --git a/src/lib/pages/task-queue.svelte b/src/lib/pages/task-queue.svelte
index e0f5e5634f..b9297f4008 100644
--- a/src/lib/pages/task-queue.svelte
+++ b/src/lib/pages/task-queue.svelte
@@ -1,17 +1,15 @@
 <script lang="ts">
   import { page } from '$app/state';
 
-  import WorkerTable from '$lib/components/worker-table.svelte';
-  import { getPollers } from '$lib/services/pollers-service';
+  import TaskQueueWorkerInsights from '$lib/components/task-queue/worker-insights.svelte';
 
-  const { queue: taskQueue, namespace } = $derived(page.params);
+  const { queue: taskQueue } = $derived(page.params);
 </script>
 
-{#await getPollers({ queue: taskQueue, namespace }) then workers}
-  <section class="flex flex-col gap-4">
-    <h1 data-testid="task-queue-name">
-      {taskQueue}
-    </h1>
-    <WorkerTable {workers} />
-  </section>
-{/await}
+<section class="flex flex-col gap-4">
+  <h1 data-testid="task-queue-title">Task Queue</h1>
+  <h2 data-testid="task-queue-name">
+    {taskQueue}
+  </h2>
+  <TaskQueueWorkerInsights />
+</section>
diff --git a/src/lib/pages/workflow-workers.svelte b/src/lib/pages/workflow-workers.svelte
deleted file mode 100644
index 8e94b72878..0000000000
--- a/src/lib/pages/workflow-workers.svelte
+++ /dev/null
@@ -1,32 +0,0 @@
-<script lang="ts">
-  import { page } from '$app/stores';
-
-  import WorkerTable from '$lib/components/worker-table.svelte';
-  import Link from '$lib/holocene/link.svelte';
-  import { translate } from '$lib/i18n/translate';
-  import { workflowRun } from '$lib/stores/workflow-run';
-  import type { TaskQueueResponse } from '$lib/types';
-  import { routeForTaskQueue } from '$lib/utilities/route-for';
-
-  export let taskQueue: string;
-  export let workers: TaskQueueResponse;
-
-  $: ({ namespace } = $page.params);
-</script>
-
-<section class="flex flex-col gap-4">
-  <WorkerTable
-    {workers}
-    searchAttributes={$workflowRun?.workflow?.searchAttributes?.indexedFields}
-  >
-    <p data-testid="task-queue-name">
-      {translate('common.task-queue')}:
-      <Link
-        href={routeForTaskQueue({
-          namespace,
-          queue: taskQueue,
-        })}>{taskQueue}</Link
-      >
-    </p>
-  </WorkerTable>
-</section>
diff --git a/src/lib/services/worker-service.ts b/src/lib/services/worker-service.ts
new file mode 100644
index 0000000000..db70f87f42
--- /dev/null
+++ b/src/lib/services/worker-service.ts
@@ -0,0 +1,49 @@
+import type {
+  DescribeWorkerRequest,
+  DescribeWorkerResponse,
+  ListWorkersRequest,
+  ListWorkersResponse,
+  WorkerInfo,
+} from '$lib/types';
+import { requestFromAPI } from '$lib/utilities/request-from-api';
+import { routeForApi } from '$lib/utilities/route-for-api';
+
+type PaginatedWorkerListPromise = (
+  pageSize: number,
+  token: string,
+) => Promise<{ items: WorkerInfo[]; nextPageToken: string }>;
+
+export const fetchPaginatedWorkers = async (
+  parameters: ListWorkersRequest,
+  request = fetch,
+): Promise<PaginatedWorkerListPromise> => {
+  return (pageSize = 100, token = '') => {
+    const route = routeForApi('workers', parameters);
+    return requestFromAPI<ListWorkersResponse>(route, {
+      request,
+      params: {
+        maximumPageSize: String(pageSize),
+        nextPageToken: token,
+        query: parameters.query,
+      },
+    }).then(({ workersInfo, nextPageToken }) => {
+      // if (!workersInfo) {
+      //   throw new Error('No workers info in response');
+      // }
+      return {
+        items: workersInfo ?? [],
+        nextPageToken: nextPageToken ? String(nextPageToken) : '',
+      };
+    });
+  };
+};
+
+export async function describeWorker(
+  parameters: DescribeWorkerRequest,
+  request = fetch,
+): Promise<DescribeWorkerResponse> {
+  const route = routeForApi('worker', parameters);
+  return await requestFromAPI<DescribeWorkerResponse>(route, {
+    request,
+  });
+}
diff --git a/src/lib/stores/filters.ts b/src/lib/stores/filters.ts
index 7eaccadd83..46c125b439 100644
--- a/src/lib/stores/filters.ts
+++ b/src/lib/stores/filters.ts
@@ -84,6 +84,21 @@ export const activityFilters = writable<SearchAttributeFilter[]>(
   updateActivityFilters,
 );
 
+const updateWorkerFilters: StartStopNotifier<SearchAttributeFilter[]> = (
+  set,
+) => {
+  return parameters.subscribe(({ query }) => {
+    if (!query && get(workerFilters).length) {
+      set([]);
+    }
+  });
+};
+
+export const workerFilters = writable<SearchAttributeFilter[]>(
+  [],
+  updateWorkerFilters,
+);
+
 const updateEventCategoryFilter: StartStopNotifier<
   EventTypeCategory[] | null
 > = (set) => {
diff --git a/src/lib/stores/search-attributes.ts b/src/lib/stores/search-attributes.ts
index a7939e1f01..df21b05633 100644
--- a/src/lib/stores/search-attributes.ts
+++ b/src/lib/stores/search-attributes.ts
@@ -1,4 +1,4 @@
-import { derived, get, type Readable, writable } from 'svelte/store';
+import { derived, get, readable, type Readable, writable } from 'svelte/store';
 
 import { z } from 'zod/v3';
 
@@ -191,6 +191,30 @@ export const sortedSearchAttributeOptions: Readable<SearchAttributeOption[]> =
       });
   });
 
+export const workerSearchAttributes: Readable<SearchAttributes> = readable({
+  WorkerStatus: SEARCH_ATTRIBUTE_TYPE.KEYWORD,
+  WorkerInstanceKey: SEARCH_ATTRIBUTE_TYPE.KEYWORD,
+  WorkerIdentity: SEARCH_ATTRIBUTE_TYPE.KEYWORD,
+  HostName: SEARCH_ATTRIBUTE_TYPE.KEYWORD,
+  TaskQueue: SEARCH_ATTRIBUTE_TYPE.KEYWORD,
+  StartTime: SEARCH_ATTRIBUTE_TYPE.DATETIME,
+  LastHeartbeatTime: SEARCH_ATTRIBUTE_TYPE.DATETIME,
+  DeploymentName: SEARCH_ATTRIBUTE_TYPE.DATETIME,
+  BuildId: SEARCH_ATTRIBUTE_TYPE.DATETIME,
+  SdkName: SEARCH_ATTRIBUTE_TYPE.DATETIME,
+  SdkVersion: SEARCH_ATTRIBUTE_TYPE.DATETIME,
+});
+
+export const workerSearchAttributeOptions: Readable<SearchAttributeOption[]> =
+  derived(workerSearchAttributes, ($workerSearchAttributes) => {
+    return Object.entries($workerSearchAttributes).map(([key, value]) => {
+      return {
+        label: key,
+        value: key,
+        type: value,
+      };
+    });
+  });
 export const activitySearchAttributeOptions: Readable<SearchAttributeOption[]> =
   derived(customSearchAttributeOptions, ($customSearchAttributeOptions) => {
     return [
diff --git a/src/lib/types/api.ts b/src/lib/types/api.ts
index 7aa11f7afa..619600928a 100644
--- a/src/lib/types/api.ts
+++ b/src/lib/types/api.ts
@@ -43,7 +43,10 @@ export type ParameterlessAPIRoutePath =
   | 'user'
   | 'nexus-endpoints'
   | 'namespaces';
-export type WorkerAPIRoutePath = 'worker-task-reachability';
+export type WorkerAPIRoutePath =
+  | 'worker-task-reachability'
+  | 'workers'
+  | 'worker';
 export type SchedulesAPIRoutePath = 'schedules' | 'schedules.count';
 export type ScheduleAPIRoutePath =
   | 'schedule'
@@ -99,6 +102,7 @@ export type APIRouteParameters = {
   endpointId: string;
   deploymentName: string;
   version: string;
+  workerInstanceKey: string;
 };
 
 export type StandaloneActivitiesParameters = Pick<
diff --git a/src/lib/types/index.ts b/src/lib/types/index.ts
index 2c977f7d38..cd35cfe894 100644
--- a/src/lib/types/index.ts
+++ b/src/lib/types/index.ts
@@ -49,6 +49,14 @@ export type PauseWorkflowRequest =
   temporal.api.workflowservice.v1.IPauseWorkflowExecutionRequest;
 export type UnpauseWorkflowRequest =
   temporal.api.workflowservice.v1.IUnpauseWorkflowExecutionRequest;
+export type ListWorkersRequest =
+  temporal.api.workflowservice.v1.IListWorkersRequest;
+export type ListWorkersResponse =
+  temporal.api.workflowservice.v1.IListWorkersResponse;
+export type DescribeWorkerRequest =
+  temporal.api.workflowservice.v1.IDescribeWorkerRequest;
+export type DescribeWorkerResponse =
+  temporal.api.workflowservice.v1.IDescribeWorkerResponse;
 
 // api.history
 
@@ -178,6 +186,7 @@ export type PendingNexusOperationState =
 export type CallbackState = temporal.api.enums.v1.CallbackState;
 export type VersioningBehavior = temporal.api.enums.v1.VersioningBehavior;
 export type EventType = temporal.api.enums.v1.EventType;
+export type WorkerStatus = temporal.api.enums.v1.WorkerStatus;
 
 // temporal.api.enums.v1.ResetReapplyExcludeType
 export enum ResetReapplyExcludeType {
@@ -271,6 +280,18 @@ export type EventLink = temporal.api.common.v1.ILink;
 // api.failure
 export type Failure = temporal.api.failure.v1.IFailure;
 
+// api.worker
+export type WorkerHostInfo = temporal.api.worker.v1.IWorkerHostInfo & {
+  workerGroupingKey?: string;
+};
+export type WorkerHeartbeat = temporal.api.worker.v1.IWorkerHeartbeat & {
+  hostInfo?: WorkerHostInfo;
+};
+export type WorkerPollerInfo = temporal.api.worker.v1.IWorkerPollerInfo;
+export type WorkerSlotsInfo = temporal.api.worker.v1.IWorkerSlotsInfo;
+export type WorkerInfo = temporal.api.worker.v1.IWorkerInfo;
+export type PluginInfo = temporal.api.worker.v1.PluginInfo;
+
 // google
 
 export type Timestamp = google.protobuf.ITimestamp;
diff --git a/src/lib/utilities/get-sdk-version.ts b/src/lib/utilities/get-sdk-version.ts
index 182ca4f948..a5f99dda4d 100644
--- a/src/lib/utilities/get-sdk-version.ts
+++ b/src/lib/utilities/get-sdk-version.ts
@@ -2,6 +2,18 @@ import type { WorkflowTaskCompletedEvent } from '$lib/types/events';
 
 import { capitalize } from './format-camel-case';
 
+export const formatSDKName = (sdkName: string | undefined): string => {
+  let sdk = '';
+  if (!sdkName) return sdk;
+
+  sdk = capitalize(sdkName.split('-')[1]);
+  if (sdk === 'Dotnet') {
+    sdk = '.NET';
+  }
+
+  return sdk;
+};
+
 export const getSDKandVersion = (
   tasks: WorkflowTaskCompletedEvent[],
 ): { sdk: string; version: string } => {
@@ -16,10 +28,7 @@ export const getSDKandVersion = (
       const sdkName = sdkMetadata?.sdkName;
       const sdkVersion = sdkMetadata?.sdkVersion;
       if (sdkName) {
-        sdk = capitalize(sdkName.split('-')[1]);
-        if (sdk === 'Dotnet') {
-          sdk = '.NET';
-        }
+        sdk = formatSDKName(sdkName);
       }
       if (sdkVersion) {
         version = sdkVersion;
diff --git a/src/lib/utilities/route-for-api.ts b/src/lib/utilities/route-for-api.ts
index ec198ddbb3..b8e724a400 100644
--- a/src/lib/utilities/route-for-api.ts
+++ b/src/lib/utilities/route-for-api.ts
@@ -3,6 +3,7 @@ import { get } from 'svelte/store';
 import { resolve } from '$app/paths';
 import { page } from '$app/stores';
 
+import type { DescribeWorkerRequest } from '$lib/types';
 import type {
   APIRouteParameters,
   APIRoutePath,
@@ -120,6 +121,7 @@ const encode = (
       endpointId: '',
       deploymentName: '',
       version: '',
+      workerInstanceKey: '',
     },
   );
 };
@@ -151,6 +153,8 @@ export function pathForApi(
     'task-queue.compatibility': `/namespaces/${parameters?.namespace}/task-queues/${parameters?.queue}/worker-build-id-compatibility`,
     'task-queue.rules': `/namespaces/${parameters?.namespace}/task-queues/${parameters?.queue}/worker-versioning-rules`,
     user: '/me',
+    workers: `/namespaces/${parameters?.namespace}/workers`,
+    worker: `/namespaces/${parameters?.namespace}/workers/describe/${parameters?.workerInstanceKey}`,
     'worker-task-reachability': `/namespaces/${parameters?.namespace}/worker-task-reachability`,
     'workflow.terminate': `/namespaces/${parameters?.namespace}/workflows/${parameters?.workflowId}/terminate`,
     'workflow.cancel': `/namespaces/${parameters?.namespace}/workflows/${parameters?.workflowId}/cancel`,
@@ -211,7 +215,7 @@ export function routeForApi(
 ): string;
 export function routeForApi(
   route: WorkerAPIRoutePath,
-  parameters: NamespaceRouteParameters,
+  parameters: DescribeWorkerRequest,
   shouldEncode?: boolean,
 ): string;
 export function routeForApi(
diff --git a/src/lib/utilities/route-for.test.ts b/src/lib/utilities/route-for.test.ts
index 8204b1b8d3..f77ee3a2a0 100644
--- a/src/lib/utilities/route-for.test.ts
+++ b/src/lib/utilities/route-for.test.ts
@@ -19,11 +19,11 @@ import {
   routeForScheduleCreate,
   routeForSchedules,
   routeForTaskQueue,
-  routeForWorkers,
   routeForWorkflow,
   routeForWorkflowQuery,
   routeForWorkflows,
   routeForWorkflowsWithQuery,
+  routeForWorkflowWorkers,
 } from './route-for';
 
 describe('routeFor', () => {
@@ -117,7 +117,7 @@ describe('routeFor', () => {
   });
 
   it('should route to "workers"', () => {
-    const path = routeForWorkers({
+    const path = routeForWorkflowWorkers({
       namespace: 'default',
       workflow: 'abc',
       run: 'def',
diff --git a/src/lib/utilities/route-for.ts b/src/lib/utilities/route-for.ts
index d0ce22f3b8..40a3969978 100644
--- a/src/lib/utilities/route-for.ts
+++ b/src/lib/utilities/route-for.ts
@@ -301,9 +301,15 @@ export const routeForTimeline = ({
 };
 
 export const routeForWorkers = (
+  parameters: NamespaceParameter,
+): ResolvedPathname => {
+  return `${routeForNamespace({ namespace: parameters.namespace })}/workers`;
+};
+
+export const routeForWorkflowWorkers = (
   parameters: WorkflowParameters,
 ): ResolvedPathname => {
-  return resolve(`${routeForWorkflow(parameters)}/workers`, {});
+  return `${routeForWorkflow(parameters)}/workers`;
 };
 
 export const routeForWorkerDeployments = ({
@@ -314,6 +320,20 @@ export const routeForWorkerDeployments = ({
   return resolve('/namespaces/[namespace]/worker-deployments', { namespace });
 };
 
+export const routeForWorkerInstance = ({
+  namespace,
+  workerInstanceKey,
+}: {
+  namespace: string;
+  workerInstanceKey: string;
+}) => {
+  const workerInstanceKeyEncoded = encodeURIForSvelte(workerInstanceKey);
+  return resolve('/namespaces/[namespace]/workers/[workerInstanceKey]', {
+    namespace,
+    workerInstanceKey: workerInstanceKeyEncoded,
+  });
+};
+
 export const routeForWorkerDeployment = ({
   namespace,
   deployment,
diff --git a/src/lib/utilities/screaming-enums.ts b/src/lib/utilities/screaming-enums.ts
index 48b442f1fa..e11ef7ff63 100644
--- a/src/lib/utilities/screaming-enums.ts
+++ b/src/lib/utilities/screaming-enums.ts
@@ -1,8 +1,10 @@
+import type { WorkerStatus as ReadableWorkerStatus } from '$lib/models/worker-status';
 import type {
   ArchivalState,
   CallbackState,
   NamespaceState,
   PendingNexusOperationState,
+  WorkerStatus,
   WorkflowExecutionStatus,
 } from '$lib/types';
 import type { BatchOperationState, BatchOperationType } from '$lib/types/batch';
@@ -98,3 +100,13 @@ export const toCallbackStateReadable = (
   if (!state) return state;
   return fromScreamingEnum(state, 'CallbackState');
 };
+
+export const toWorkerStatusReadable = (
+  state?: WorkerStatus,
+): ReadableWorkerStatus => {
+  if (!state) return 'Unspecified';
+  return fromScreamingEnum(
+    state,
+    'WorkerStatus',
+  ) as unknown as ReadableWorkerStatus;
+};
diff --git a/src/routes/(app)/+layout.svelte b/src/routes/(app)/+layout.svelte
index 97686cea2f..347647ab5f 100644
--- a/src/routes/(app)/+layout.svelte
+++ b/src/routes/(app)/+layout.svelte
@@ -35,6 +35,7 @@
     routeForSchedules,
     routeForStandaloneActivities,
     routeForWorkerDeployments,
+    routeForWorkers,
     routeForWorkflows,
   } from '$lib/utilities/route-for';
   import { minimumVersionRequired } from '$lib/utilities/version-check';
@@ -78,6 +79,7 @@
       standaloneActivitiesRoute: routeForStandaloneActivities({ namespace }),
       schedulesRoute: routeForSchedules({ namespace }),
       batchOperationsRoute: routeForBatchOperations({ namespace }),
+      workersRoute: routeForWorkers({ namespace }),
       workerDeploymentsRoute: routeForWorkerDeployments({ namespace }),
       archivalRoute: routeForArchivalWorkflows({ namespace }),
       namespacesRoute: routeForNamespaces(),
@@ -92,6 +94,7 @@
       standaloneActivitiesRoute,
       schedulesRoute,
       batchOperationsRoute,
+      workersRoute,
       workerDeploymentsRoute,
       archivalRoute,
       namespacesRoute,
@@ -102,6 +105,7 @@
       standaloneActivitiesRoute: string;
       schedulesRoute: string;
       batchOperationsRoute: string;
+      workersRoute: string;
       workerDeploymentsRoute: string;
       archivalRoute: string;
       namespacesRoute: string;
@@ -120,6 +124,7 @@
           !path.includes(workflowsRoute) &&
           !path.includes(schedulesRoute) &&
           !path.includes(batchOperationsRoute) &&
+          !path.includes(workersRoute) &&
           !path.includes(workerDeploymentsRoute) &&
           !path.includes(standaloneActivitiesRoute) &&
           !path.includes(archivalRoute),
@@ -152,11 +157,12 @@
         isActive: (path) => path.includes(batchOperationsRoute),
       },
       {
-        href: workerDeploymentsRoute,
+        href: workersRoute,
         icon: 'merge',
         label: translate('deployments.deployments'),
         tooltip: translate('deployments.worker-deployments'),
-        isActive: (path) => path.includes(workerDeploymentsRoute),
+        isActive: (path) =>
+          path.includes(workersRoute) || path.includes(workerDeploymentsRoute),
       },
       {
         href: nexusRoute,
@@ -198,6 +204,7 @@
     workflowsRoute,
     schedulesRoute,
     batchOperationsRoute,
+    workersRoute,
     workerDeploymentsRoute,
     archivalRoute,
     standaloneActivitiesRoute,
@@ -206,6 +213,7 @@
     [
       workflowsRoute,
       schedulesRoute,
+      workersRoute,
       workerDeploymentsRoute,
       batchOperationsRoute,
       archivalRoute,
@@ -228,8 +236,8 @@
         fullRoute: routeForStandaloneActivities({ namespace }),
       },
       {
-        subPath: 'worker-deployments',
-        fullRoute: routeForWorkerDeployments({ namespace }),
+        subPath: 'workers',
+        fullRoute: routeForWorkers({ namespace }),
       },
     ];
 
diff --git a/src/routes/(app)/namespaces/[namespace]/task-queues/+layout.svelte b/src/routes/(app)/namespaces/[namespace]/task-queues/+layout.svelte
index 45155471cd..78635ae367 100644
--- a/src/routes/(app)/namespaces/[namespace]/task-queues/+layout.svelte
+++ b/src/routes/(app)/namespaces/[namespace]/task-queues/+layout.svelte
@@ -1,14 +1,10 @@
 <script lang="ts">
   import type { Snippet } from 'svelte';
 
-  import { translate } from '$lib/i18n/translate';
   interface Props {
     children: Snippet;
   }
   let { children }: Props = $props();
 </script>
 
-<p class="relative flex items-center gap-4" data-testid="task-queue-title">
-  {translate('common.task-queue')}
-</p>
 {@render children()}
diff --git a/src/routes/(app)/namespaces/[namespace]/worker-deployments/+page.svelte b/src/routes/(app)/namespaces/[namespace]/worker-deployments/+page.svelte
index da3d7ee384..266a412b77 100644
--- a/src/routes/(app)/namespaces/[namespace]/worker-deployments/+page.svelte
+++ b/src/routes/(app)/namespaces/[namespace]/worker-deployments/+page.svelte
@@ -1,9 +1,49 @@
 <script lang="ts">
-  import { page } from '$app/stores';
+  import { page } from '$app/state';
 
   import PageTitle from '$lib/components/page-title.svelte';
+  import TabList from '$lib/holocene/tab/tab-list.svelte';
+  import Tab from '$lib/holocene/tab/tab.svelte';
+  import Tabs from '$lib/holocene/tab/tabs.svelte';
+  import { translate } from '$lib/i18n/translate';
   import WorkerDeployments from '$lib/pages/deployments.svelte';
+  import {
+    routeForWorkerDeployments,
+    routeForWorkers,
+  } from '$lib/utilities/route-for';
+
+  const { namespace } = $derived(page.params);
+
+  const workersHref = $derived(routeForWorkers({ namespace }));
+  const deploymentsHref = $derived(routeForWorkerDeployments({ namespace }));
 </script>
 
-<PageTitle title="Deployments" url={$page.url.href} />
+<PageTitle
+  title={translate('deployments.worker-deployments')}
+  url={page.url.href}
+/>
+<header class="flex flex-col gap-2">
+  <div class="flex flex-wrap items-center gap-2">
+    <h1 class="leading-7" data-cy="workers-title">
+      {translate('deployments.worker-deployments')}
+    </h1>
+  </div>
+  <Tabs>
+    <TabList label={translate('workers.worker-views')}>
+      <Tab
+        label={translate('workers.workers')}
+        id="workers-tab"
+        href={workersHref}
+        active={false}
+      />
+      <Tab
+        label={translate('deployments.deployments')}
+        id="deployments-tab"
+        href={deploymentsHref}
+        active={true}
+      />
+    </TabList>
+  </Tabs>
+</header>
+
 <WorkerDeployments />
diff --git a/src/routes/(app)/namespaces/[namespace]/workers/+page.svelte b/src/routes/(app)/namespaces/[namespace]/workers/+page.svelte
new file mode 100644
index 0000000000..ab82f1c928
--- /dev/null
+++ b/src/routes/(app)/namespaces/[namespace]/workers/+page.svelte
@@ -0,0 +1,69 @@
+<script lang="ts">
+  import { onMount } from 'svelte';
+
+  import { page } from '$app/state';
+
+  import PageTitle from '$lib/components/page-title.svelte';
+  import FilterBar from '$lib/components/shared-search-attribute-filter/filter-bar.svelte';
+  import WorkersTableWithSearch from '$lib/components/workers/workers-table/workers-table-with-search.svelte';
+  import TabList from '$lib/holocene/tab/tab-list.svelte';
+  import Tab from '$lib/holocene/tab/tab.svelte';
+  import Tabs from '$lib/holocene/tab/tabs.svelte';
+  import { translate } from '$lib/i18n/translate';
+  import { workerFilters } from '$lib/stores/filters';
+  import {
+    workerSearchAttributeOptions,
+    workerSearchAttributes,
+  } from '$lib/stores/search-attributes';
+  import { toListWorkflowFilters } from '$lib/utilities/query/to-list-workflow-filters';
+  import {
+    routeForWorkerDeployments,
+    routeForWorkers,
+  } from '$lib/utilities/route-for';
+
+  const { namespace } = $derived(page.params);
+
+  const workersHref = $derived(routeForWorkers({ namespace }));
+  const deploymentsHref = $derived(routeForWorkerDeployments({ namespace }));
+
+  onMount(() => {
+    const query = page.url.searchParams.get('query') ?? '';
+    if (query) {
+      $workerFilters = toListWorkflowFilters(query, $workerSearchAttributes);
+    }
+  });
+</script>
+
+<PageTitle title={translate('workers.workers')} url={page.url.href} />
+<header class="flex flex-col gap-2">
+  <div class="flex flex-wrap items-center gap-2">
+    <h1 class="leading-7" data-cy="workers-title">
+      {translate('workers.workers')}
+    </h1>
+  </div>
+  <Tabs>
+    <TabList label={translate('workers.worker-views')}>
+      <Tab
+        label={translate('workers.workers')}
+        id="workers-tab"
+        href={workersHref}
+        active={true}
+      />
+      <Tab
+        label={translate('deployments.deployments')}
+        id="deployments-tab"
+        href={deploymentsHref}
+        active={false}
+      />
+    </TabList>
+  </Tabs>
+</header>
+
+<FilterBar
+  filters={workerFilters}
+  options={$workerSearchAttributeOptions}
+  id="worker"
+  statusAttribute="WorkerStatus"
+/>
+
+<WorkersTableWithSearch {namespace} />
diff --git a/src/routes/(app)/namespaces/[namespace]/workers/[workerInstanceKey]/+page.svelte b/src/routes/(app)/namespaces/[namespace]/workers/[workerInstanceKey]/+page.svelte
new file mode 100644
index 0000000000..c9a9327069
--- /dev/null
+++ b/src/routes/(app)/namespaces/[namespace]/workers/[workerInstanceKey]/+page.svelte
@@ -0,0 +1,38 @@
+<script lang="ts">
+  import { page } from '$app/state';
+
+  import PageTitle from '$lib/components/page-title.svelte';
+  import WorkerInfo from '$lib/components/task-queue/worker-info.svelte';
+  import Error from '$lib/holocene/error.svelte';
+  import Link from '$lib/holocene/link.svelte';
+  import { translate } from '$lib/i18n/translate';
+  import { describeWorker } from '$lib/services/worker-service';
+  import { routeForWorkers } from '$lib/utilities/route-for';
+
+  const namespace = $derived(page.params.namespace);
+  const workerInstanceKey = $derived(page.params.workerInstanceKey);
+</script>
+
+<PageTitle
+  title="{translate('workers.workers')} | {workerInstanceKey}"
+  url={page.url.href}
+/>
+
+<header class="flex flex-col gap-2">
+  <div class="flex items-center justify-between">
+    <div class="flex items-center gap-2">
+      <Link
+        href={routeForWorkers({ namespace })}
+        data-testid="view-all-workers"
+        icon="chevron-left"
+      >
+        {translate('workers.view-all-workers')}
+      </Link>
+    </div>
+  </div>
+</header>
+{#await describeWorker({ namespace, workerInstanceKey }) then data}
+  <WorkerInfo worker={data.workerInfo} />
+{:catch error}
+  <Error {error} status={error.statusCode} />
+{/await}
diff --git a/src/routes/(app)/namespaces/[namespace]/workflows/[workflow]/[run]/workers/+page.svelte b/src/routes/(app)/namespaces/[namespace]/workflows/[workflow]/[run]/workers/+page.svelte
index 44a0dc5f6a..a48be447a8 100644
--- a/src/routes/(app)/namespaces/[namespace]/workflows/[workflow]/[run]/workers/+page.svelte
+++ b/src/routes/(app)/namespaces/[namespace]/workflows/[workflow]/[run]/workers/+page.svelte
@@ -1,17 +1,17 @@
 <script lang="ts">
-  import { page } from '$app/stores';
+  import { page } from '$app/state';
 
   import PageTitle from '$lib/components/page-title.svelte';
+  import TaskQueueWorkerInsights from '$lib/components/task-queue/worker-insights.svelte';
+  import NoWorkersPollingAlert from '$lib/components/workers/no-workers-polling-alert.svelte';
   import { translate } from '$lib/i18n/translate';
-  import WorkflowWorkers from '$lib/pages/workflow-workers.svelte';
-  import { workflowRun } from '$lib/stores/workflow-run';
 
-  $: ({ workflow: workflowId } = $page.params);
-  $: ({ workers, workflow } = $workflowRun);
+  const workflowId = $derived(page.params.workflow);
 </script>
 
 <PageTitle
   title={`${translate('workflows.workers-tab')} | ${workflowId}`}
-  url={$page.url.href}
+  url={page.url.href}
 />
-<WorkflowWorkers {workers} taskQueue={workflow?.taskQueue} />
+<NoWorkersPollingAlert />
+<TaskQueueWorkerInsights />