diff --git a/package.json b/package.json
index 50280eb6c0..d66dd98bdf 100644
--- a/package.json
+++ b/package.json
@@ -130,7 +130,7 @@
     "@storybook/addon-essentials": "^8.6.11",
     "@storybook/addon-interactions": "^8.6.11",
     "@storybook/addon-links": "^8.6.11",
-    "@storybook/addon-svelte-csf": "^5.0.0-next.23",
+    "@storybook/addon-svelte-csf": "^5.0.10",
     "@storybook/addon-themes": "^8.6.11",
     "@storybook/blocks": "^8.6.11",
     "@storybook/icons": "^1.4.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index f99281f51d..4387e58d30 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -170,7 +170,7 @@ importers:
         specifier: ^8.6.11
         version: 8.6.15(react@18.3.1)(storybook@8.6.15(prettier@3.5.3))
       '@storybook/addon-svelte-csf':
-        specifier: ^5.0.0-next.23
+        specifier: ^5.0.10
         version: 5.0.10(@storybook/svelte@8.6.15(storybook@8.6.15(prettier@3.5.3))(svelte@5.46.4))(@sveltejs/vite-plugin-svelte@5.1.1(svelte@5.46.4)(vite@6.4.1(@types/node@18.19.130)(jiti@1.21.7)(terser@5.44.1)(yaml@2.8.2)))(storybook@8.6.15(prettier@3.5.3))(svelte@5.46.4)(vite@6.4.1(@types/node@18.19.130)(jiti@1.21.7)(terser@5.44.1)(yaml@2.8.2))
       '@storybook/addon-themes':
         specifier: ^8.6.11
diff --git a/server/go.mod b/server/go.mod
index e5bf2ed824..e74848f013 100644
--- a/server/go.mod
+++ b/server/go.mod
@@ -11,7 +11,7 @@ require (
 	github.com/labstack/echo/v4 v4.13.4
 	github.com/stretchr/testify v1.10.0
 	github.com/urfave/cli/v2 v2.3.0
-	go.temporal.io/api v1.57.0
+	go.temporal.io/api v1.62.0
 	golang.org/x/net v0.47.0
 	golang.org/x/oauth2 v0.30.0
 	google.golang.org/grpc v1.66.1
diff --git a/server/go.sum b/server/go.sum
index 2aaac2dde0..087cfff401 100644
--- a/server/go.sum
+++ b/server/go.sum
@@ -68,8 +68,8 @@ github.com/valyala/bytebufferpool v1.0.0 h1:GqA5TC/0021Y/b9FG4Oi9Mr3q7XYx6Kllzaw
 github.com/valyala/bytebufferpool v1.0.0/go.mod h1:6bBcMArwyJ5K/AmCkWv1jt77kVWyCJ6HpOuEn7z0Csc=
 github.com/valyala/fasttemplate v1.2.2 h1:lxLXG0uE3Qnshl9QyaK6XJxMXlQZELvChBOCmQD0Loo=
 github.com/valyala/fasttemplate v1.2.2/go.mod h1:KHLXt3tVN2HBp8eijSv/kGJopbvo7S+qRAEEKiv+SiQ=
-go.temporal.io/api v1.57.0 h1:vJGbU6RqMqCAXP03Jq4KEL61sCxAdJx4Yj7PxtbsrF0=
-go.temporal.io/api v1.57.0/go.mod h1:iaxoP/9OXMJcQkETTECfwYq4cw/bj4nwov8b3ZLVnXM=
+go.temporal.io/api v1.62.0 h1:rh7LqqV+pxaLNwPLsFRZgYoDJ/NvCNDv0EnWe6oS7A4=
+go.temporal.io/api v1.62.0/go.mod h1:iaxoP/9OXMJcQkETTECfwYq4cw/bj4nwov8b3ZLVnXM=
 golang.org/x/crypto v0.45.0 h1:jMBrvKuj23MTlT0bQEOBcAE0mjg8mK9RXFhRH6nyF3Q=
 golang.org/x/crypto v0.45.0/go.mod h1:XTGrrkGJve7CYK7J8PEww4aY7gM3qMCElcJQ8n8JdX4=
 golang.org/x/net v0.47.0 h1:Mx+4dIFzqraBXUugkia1OOvlD6LemFo1ALMHjrXDOhY=
diff --git a/src/lib/components/detail-list/detail-list-label.svelte b/src/lib/components/detail-list/detail-list-label.svelte
index 7e5f937d7a..a0c40d9a8b 100644
--- a/src/lib/components/detail-list/detail-list-label.svelte
+++ b/src/lib/components/detail-list/detail-list-label.svelte
@@ -1,17 +1,19 @@
 <script lang="ts">
   import type { Snippet } from 'svelte';
+  import { type ClassNameValue, twMerge } from 'tailwind-merge';
 
   import Link from '$lib/holocene/link.svelte';
 
   interface Props {
     children: Snippet;
+    class?: ClassNameValue;
     href?: string;
   }
 
-  const { children, href }: Props = $props();
+  const { children, href, class: className = '' }: Props = $props();
 </script>
 
-<dd class="col-[1]">
+<dd class={twMerge('col-[1]', className)}>
   {#if href}
     <Link {href} newTab>{@render children()}</Link>
   {:else}
diff --git a/src/lib/components/detail-list/detail-list-text-value.svelte b/src/lib/components/detail-list/detail-list-text-value.svelte
index c243efd8d0..00088b1b8f 100644
--- a/src/lib/components/detail-list/detail-list-text-value.svelte
+++ b/src/lib/components/detail-list/detail-list-text-value.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+  import Badge, { type BadgeType } from '$lib/holocene/badge.svelte';
   import type { IconName } from '$lib/holocene/icon';
   import Icon from '$lib/holocene/icon/icon.svelte';
   import Tooltip from '$lib/holocene/tooltip.svelte';
@@ -11,23 +12,34 @@
     text: string;
     tooltipText?: string;
     isBadge?: boolean;
+    badgeType?: BadgeType;
     iconName?: IconName | undefined;
   }
 
-  let { copyable, copyableText, text, tooltipText, isBadge, iconName }: Props =
-    $props();
+  let {
+    copyable,
+    copyableText,
+    text,
+    tooltipText,
+    iconName,
+    isBadge = false,
+    badgeType = 'default',
+  }: Props = $props();
 </script>
 
 {#snippet content()}
-  <div
-    class="flex select-all items-center gap-1 truncate rounded-sm"
-    class:surface-subtle={isBadge}
-  >
-    {#if iconName}
-      <Icon name={iconName} class="shrink-0" />
-    {/if}
-    <span class="truncate">{text}</span>
-  </div>
+  {#if isBadge}
+    <Badge type={badgeType}>
+      {text}
+    </Badge>
+  {:else}
+    <div class="flex select-all items-center gap-1 truncate rounded-sm">
+      {#if iconName}
+        <Icon name={iconName} class="shrink-0" />
+      {/if}
+      <span class="truncate">{text}</span>
+    </div>
+  {/if}
 {/snippet}
 
 <DetailListValue {copyable} {copyableText}>
diff --git a/src/lib/components/detail-list/detail-list-timestamp-value.svelte b/src/lib/components/detail-list/detail-list-timestamp-value.svelte
new file mode 100644
index 0000000000..98d7d53235
--- /dev/null
+++ b/src/lib/components/detail-list/detail-list-timestamp-value.svelte
@@ -0,0 +1,44 @@
+<script lang="ts">
+  import type { Snippet } from 'svelte';
+
+  import Tooltip from '$lib/holocene/tooltip.svelte';
+  import { relativeTime } from '$lib/stores/time-format';
+  import type { ValidTime } from '$lib/utilities/format-time';
+
+  import { timestamp } from '../timestamp.svelte';
+
+  import DetailListValue from './detail-list-value.svelte';
+
+  interface Props {
+    timestamp: ValidTime | undefined | null;
+    children?: Snippet;
+    fallback?: string;
+  }
+
+  let { timestamp: t, children, fallback }: Props = $props();
+
+  let formattedTimestamp = $derived(
+    t ? $timestamp(t) : fallback ? fallback : '',
+  );
+  let relativeTimestamp = $derived(
+    t ? $timestamp(t, { relative: true }) : fallback ? fallback : '',
+  );
+</script>
+
+{#snippet content()}
+  <div class="flex select-all items-center gap-1 truncate rounded-sm">
+    {$relativeTime ? relativeTimestamp : formattedTimestamp}
+  </div>
+{/snippet}
+
+<DetailListValue>
+  <Tooltip
+    hide={!t}
+    text={$relativeTime ? formattedTimestamp : relativeTimestamp}
+    top
+    class="min-w-0"
+  >
+    {@render content()}
+    {@render children?.()}
+  </Tooltip>
+</DetailListValue>
diff --git a/src/lib/components/detail-list/index.ts b/src/lib/components/detail-list/index.ts
index 2593d6aa4c..305ee02182 100644
--- a/src/lib/components/detail-list/index.ts
+++ b/src/lib/components/detail-list/index.ts
@@ -4,3 +4,4 @@ export { default as DetailListValue } from './detail-list-value.svelte';
 export { default as DetailListTextValue } from './detail-list-text-value.svelte';
 export { default as DetailListLinkValue } from './detail-list-link-value.svelte';
 export { default as DetailListColumn } from './detail-list-column.svelte';
+export { default as DetailListTimestampValue } from './detail-list-timestamp-value.svelte';
diff --git a/src/lib/components/payload-input-with-encoding.svelte b/src/lib/components/payload-input-with-encoding.svelte
index eb01dff1c7..26eddb5599 100644
--- a/src/lib/components/payload-input-with-encoding.svelte
+++ b/src/lib/components/payload-input-with-encoding.svelte
@@ -1,19 +1,12 @@
-<script context="module" lang="ts">
-  const encoding = ['json/plain', 'json/protobuf'] as const;
-  export type PayloadInputEncoding = (typeof encoding)[number];
-  export const isPayloadInputEncodingType = (
-    x: unknown,
-  ): x is PayloadInputEncoding => encoding.includes(x as PayloadInputEncoding);
-</script>
-
 <script lang="ts">
-  import { type Writable } from 'svelte/store';
+  import type { Writable } from 'svelte/store';
 
   import Card from '$lib/holocene/card.svelte';
   import Input from '$lib/holocene/input/input.svelte';
   import RadioGroup from '$lib/holocene/radio-input/radio-group.svelte';
   import RadioInput from '$lib/holocene/radio-input/radio-input.svelte';
   import { translate } from '$lib/i18n/translate';
+  import type { PayloadInputEncoding } from '$lib/models/payload-encoding';
 
   import PayloadInput from './payload-input.svelte';
 
@@ -44,7 +37,7 @@
         <div class="flex w-full flex-col gap-2">
           <RadioGroup
             description={translate('workflows.encoding')}
-            bind:group={encoding}
+            group={encoding}
             name="encoding"
           >
             <RadioInput id="json/plain" value="json/plain" label="json/plain" />
diff --git a/src/lib/components/retry-policy-input.svelte b/src/lib/components/retry-policy-input.svelte
new file mode 100644
index 0000000000..1c39e99b2c
--- /dev/null
+++ b/src/lib/components/retry-policy-input.svelte
@@ -0,0 +1,43 @@
+<script lang="ts">
+  import DurationInput from '$lib/holocene/duration-input/duration-input.svelte';
+  import Input from '$lib/holocene/input/input.svelte';
+
+  interface Props {
+    initialInterval: string;
+    backoffCoefficient: string;
+    maximumInterval: string;
+    maximumAttempts: string;
+  }
+
+  let {
+    initialInterval = $bindable(),
+    backoffCoefficient = $bindable(),
+    maximumAttempts = $bindable(),
+    maximumInterval = $bindable(),
+  }: Props = $props();
+</script>
+
+<div class="space-y-2">
+  <DurationInput
+    label="Initial Interval"
+    id="initial-interval-input"
+    bind:value={initialInterval}
+  />
+  <Input
+    type="number"
+    label="Backoff Coefficient"
+    id="backoff-coefficient-input"
+    bind:value={backoffCoefficient}
+  />
+  <DurationInput
+    label="Maximum Interval"
+    id="maximum-interval-input"
+    bind:value={maximumInterval}
+  />
+  <Input
+    type="number"
+    label="Maximum Attempts"
+    id="maximum-attempts-input"
+    bind:value={maximumAttempts}
+  />
+</div>
diff --git a/src/lib/components/schedule/schedule-form-view.svelte b/src/lib/components/schedule/schedule-form-view.svelte
index e8b981f1aa..88ab6f1f08 100644
--- a/src/lib/components/schedule/schedule-form-view.svelte
+++ b/src/lib/components/schedule/schedule-form-view.svelte
@@ -14,6 +14,7 @@
   import Link from '$lib/holocene/link.svelte';
   import Loading from '$lib/holocene/loading.svelte';
   import { translate } from '$lib/i18n/translate';
+  import type { PayloadInputEncoding } from '$lib/models/payload-encoding';
   import { error, loading } from '$lib/stores/schedules';
   import {
     customSearchAttributes,
@@ -31,8 +32,6 @@
   } from '$lib/utilities/route-for';
   import { writeActionsAreAllowed } from '$lib/utilities/write-actions-are-allowed';
 
-  import type { PayloadInputEncoding } from '../payload-input-with-encoding.svelte';
-
   import ScheduleInputPayload from './schedule-input-payload.svelte';
   import SchedulesSearchAttributesInputs from './schedules-search-attributes-inputs.svelte';
 
diff --git a/src/lib/components/schedule/schedule-input-payload.svelte b/src/lib/components/schedule/schedule-input-payload.svelte
index 3189d48636..81d994c335 100644
--- a/src/lib/components/schedule/schedule-input-payload.svelte
+++ b/src/lib/components/schedule/schedule-input-payload.svelte
@@ -3,15 +3,16 @@
 
   import Button from '$lib/holocene/button.svelte';
   import { translate } from '$lib/i18n/translate';
+  import {
+    isPayloadInputEncodingType,
+    type PayloadInputEncoding,
+  } from '$lib/models/payload-encoding';
   import type { Payloads } from '$lib/types';
   import { atob } from '$lib/utilities/atob';
   import { getSinglePayload } from '$lib/utilities/encode-payload';
 
   import PayloadDecoder from '../event/payload-decoder.svelte';
-  import PayloadInputWithEncoding, {
-    isPayloadInputEncodingType,
-    type PayloadInputEncoding,
-  } from '../payload-input-with-encoding.svelte';
+  import PayloadInputWithEncoding from '../payload-input-with-encoding.svelte';
 
   export let input: string;
   export let editInput: boolean;
diff --git a/src/lib/components/standalone-activities/activities-summary-configurable-table.svelte b/src/lib/components/standalone-activities/activities-summary-configurable-table.svelte
new file mode 100644
index 0000000000..bc928978d7
--- /dev/null
+++ b/src/lib/components/standalone-activities/activities-summary-configurable-table.svelte
@@ -0,0 +1,77 @@
+<script lang="ts">
+  import { page } from '$app/state';
+
+  import Button from '$lib/holocene/button.svelte';
+  import Icon from '$lib/holocene/icon/icon.svelte';
+  import PaginatedTable from '$lib/holocene/table/paginated-table/api-paginated.svelte';
+  import Tooltip from '$lib/holocene/tooltip.svelte';
+  import { translate } from '$lib/i18n/translate';
+  import { fetchPaginatedActivities } from '$lib/services/standalone-activities';
+  import { activityCount, activityRefresh } from '$lib/stores/activities';
+  import { configurableTableColumns } from '$lib/stores/configurable-table-columns';
+
+  import TableBodyCell from './activities-summary-configurable-table/table-body-cell.svelte';
+  import TableEmptyState from './activities-summary-configurable-table/table-empty-state.svelte';
+  import TableHeaderCell from './activities-summary-configurable-table/table-header-cell.svelte';
+  import TableHeaderRow from './activities-summary-configurable-table/table-header-row.svelte';
+  import TableRow from './activities-summary-configurable-table/table-row.svelte';
+
+  interface Props {
+    onClickConfigure: () => void;
+  }
+
+  let { onClickConfigure }: Props = $props();
+
+  const namespace = $derived(page.params.namespace);
+  const columns = $derived(
+    $configurableTableColumns?.[namespace]?.activities ?? [],
+  );
+  const query = $derived(page.url.searchParams.get('query') ?? '');
+
+  const onFetch = $derived(() => fetchPaginatedActivities(namespace, query));
+</script>
+
+{#key [namespace, query, $activityRefresh]}
+  <PaginatedTable
+    total={$activityCount.count}
+    {onFetch}
+    let:visibleItems
+    aria-label={translate('standalone-activities.standalone-activities')}
+    pageSizeSelectLabel={translate('common.per-page')}
+    nextButtonLabel={translate('common.next')}
+    previousButtonLabel={translate('common.previous')}
+    emptyStateMessage={translate('standalone-activities.empty-state-title')}
+  >
+    <caption class="sr-only" slot="caption">
+      {translate('standalone-activities.standalone-activities')}
+    </caption>
+    <TableHeaderRow slot="headers">
+      <th></th>
+      {#each columns as column}
+        <TableHeaderCell {column} />
+      {/each}
+    </TableHeaderRow>
+    {#each visibleItems as activity}
+      <TableRow {activity}>
+        {#each columns as column}
+          <TableBodyCell {activity} {column} />
+        {/each}
+      </TableRow>
+    {/each}
+    <svelte:fragment slot="empty">
+      <TableEmptyState />
+    </svelte:fragment>
+    <svelte:fragment slot="actions-end-additional">
+      <Tooltip text="Configure Columns" top>
+        <Button
+          on:click={onClickConfigure}
+          data-testid="activities-summary-table-configuration-button"
+          size="xs"
+          variant="ghost"
+        >
+          <Icon name="settings" />
+        </Button>
+      </Tooltip>
+    </svelte:fragment>
+  </PaginatedTable>
+{/key}
diff --git a/src/lib/components/standalone-activities/activities-summary-configurable-table/filterable-table-cell.svelte b/src/lib/components/standalone-activities/activities-summary-configurable-table/filterable-table-cell.svelte
new file mode 100644
index 0000000000..2222273bf8
--- /dev/null
+++ b/src/lib/components/standalone-activities/activities-summary-configurable-table/filterable-table-cell.svelte
@@ -0,0 +1,68 @@
+<script lang="ts">
+  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 type { SearchAttributeFilter } from '$lib/models/search-attribute-filters';
+  import { activityFilters } from '$lib/stores/filters';
+  import {
+    SEARCH_ATTRIBUTE_TYPE,
+    type SearchAttributeType,
+  } from '$lib/types/workflows';
+  import { updateQueryParamsFromFilter } from '$lib/utilities/query/to-list-workflow-filters';
+
+  type Props = {
+    attribute: string;
+    filterOrCopyButtonsVisible: boolean;
+    value: string;
+    href?: string;
+    type?: SearchAttributeType;
+  };
+  let {
+    attribute,
+    filterOrCopyButtonsVisible = false,
+    value,
+    href,
+    type = SEARCH_ATTRIBUTE_TYPE.KEYWORD,
+  }: Props = $props();
+
+  const onRowFilterClick = () => {
+    const filter = $activityFilters.find((f) => f.attribute === attribute);
+    const getOtherFilters = () =>
+      $activityFilters.filter((f) => f.attribute !== attribute);
+
+    if (!filter || filter.value !== value) {
+      const newFilter: SearchAttributeFilter = {
+        attribute,
+        type,
+        value,
+        conditional: '=',
+        operator: '',
+        parenthesis: '',
+      };
+      $activityFilters = [...getOtherFilters(), newFilter];
+    } else {
+      $activityFilters = [...getOtherFilters()];
+    }
+
+    updateQueryParamsFromFilter(page.url, $activityFilters);
+  };
+</script>
+
+{#if href}
+  <Link {href}>{value}</Link>
+{:else}
+  {value}
+{/if}
+<FilterOrCopyButtons
+  copyIconTitle={translate('common.copy-icon-title')}
+  copySuccessIconTitle={translate('common.copy-success-icon-title')}
+  filterIconTitle={translate('common.filter-activities')}
+  show={filterOrCopyButtonsVisible}
+  content={value}
+  onFilter={onRowFilterClick}
+  filtered={$activityFilters.some(
+    (filter) => filter.attribute === attribute && filter.value === value,
+  )}
+/>
diff --git a/src/lib/components/standalone-activities/activities-summary-configurable-table/table-body-cell.svelte b/src/lib/components/standalone-activities/activities-summary-configurable-table/table-body-cell.svelte
new file mode 100644
index 0000000000..6e7c1e32a6
--- /dev/null
+++ b/src/lib/components/standalone-activities/activities-summary-configurable-table/table-body-cell.svelte
@@ -0,0 +1,101 @@
+<script lang="ts">
+  import { page } from '$app/state';
+
+  import Timestamp from '$lib/components/timestamp.svelte';
+  import WorkflowStatus from '$lib/components/workflow-status.svelte';
+  import type { ConfigurableTableHeader } from '$lib/stores/configurable-table-columns';
+  import type { ActivityExecutionInfo } from '$lib/types/activity-execution';
+  import { formatDistance } from '$lib/utilities/format-time';
+  import { toActivityStatus } from '$lib/utilities/get-activity-status-and-count';
+  import { routeForStandaloneActivityDetails } from '$lib/utilities/route-for';
+
+  import FilterableTableCell from './filterable-table-cell.svelte';
+
+  type Props = {
+    column: ConfigurableTableHeader;
+    activity: ActivityExecutionInfo;
+  };
+  let { column, activity }: Props = $props();
+
+  const { label } = $derived(column);
+  const namespace = $derived(page.params.namespace);
+
+  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();
+    }
+  };
+
+  const filterableLabels = ['Activity ID', 'Activity Type', 'Task Queue'];
+</script>
+
+{#if filterableLabels.includes(label)}
+  <td
+    class="relative h-8 whitespace-nowrap pr-24"
+    data-testid="activities-summary-table-body-cell"
+    onmouseover={showFilterOrCopy}
+    onfocus={showFilterOrCopy}
+    onfocusin={showFilterOrCopy}
+    onfocusout={handleFocusOut}
+    onmouseleave={hideFilterOrCopy}
+    onblur={hideFilterOrCopy}
+  >
+    {#if label === 'Activity ID'}
+      <FilterableTableCell
+        {filterOrCopyButtonsVisible}
+        attribute="ActivityId"
+        value={activity.activityId}
+        href={routeForStandaloneActivityDetails({
+          namespace,
+          activityId: activity.activityId,
+        })}
+      />
+    {:else if label === 'Activity Type'}
+      <FilterableTableCell
+        {filterOrCopyButtonsVisible}
+        attribute="ActivityType"
+        value={activity.activityType?.name ?? ''}
+      />
+    {:else if label === 'Task Queue'}
+      <FilterableTableCell
+        {filterOrCopyButtonsVisible}
+        attribute="TaskQueue"
+        value={activity.taskQueue ?? ''}
+      />
+    {/if}
+  </td>
+{:else}
+  <td
+    class="h-8 whitespace-nowrap"
+    data-testid="activities-summary-table-body-cell"
+  >
+    {#if label === 'Status'}
+      <WorkflowStatus status={toActivityStatus(activity.status)} />
+    {:else if label === 'Run ID'}
+      {activity.runId ?? ''}
+    {:else if label === 'Start Time'}
+      <Timestamp dateTime={activity.lastStartedTime || activity.scheduleTime} />
+    {:else if label === 'Execution Time'}
+      <Timestamp dateTime={activity.lastStartedTime} />
+    {:else if label === 'Close Time'}
+      <Timestamp dateTime={activity.closeTime} />
+    {:else if label === 'Execution Duration'}
+      {#if activity.executionDuration}
+        {formatDistance({
+          start: activity.lastStartedTime || activity.scheduleTime,
+          end: activity.closeTime,
+          includeMillisecondsForUnderSecond: true,
+        })}
+      {/if}
+    {:else if label === 'State Transitions'}
+      {activity.stateTransitionCount ?? ''}
+    {/if}
+  </td>
+{/if}
diff --git a/src/lib/components/standalone-activities/activities-summary-configurable-table/table-empty-state.svelte b/src/lib/components/standalone-activities/activities-summary-configurable-table/table-empty-state.svelte
new file mode 100644
index 0000000000..c2bd5f4b79
--- /dev/null
+++ b/src/lib/components/standalone-activities/activities-summary-configurable-table/table-empty-state.svelte
@@ -0,0 +1,69 @@
+<script lang="ts">
+  import { page } from '$app/state';
+
+  import NoWorkflows from '$lib/components/workflow/workflows-summary-configurable-table/empty-states/no-workflows.svelte';
+  import Alert from '$lib/holocene/alert.svelte';
+  import { translate } from '$lib/i18n/translate';
+  import { activityError } from '$lib/stores/activities';
+  import noResultsImages from '$lib/vendor/empty-state.svg';
+
+  let query = $derived(page.url.searchParams.get('query'));
+</script>
+
+{#if query}
+  <div
+    class="flex h-full w-full flex-col items-center justify-center p-4"
+    aria-live="polite"
+  >
+    <div class="text-center">
+      <h2>
+        {#if $activityError}
+          {translate('standalone-activities.activity-query-error-state')}
+        {:else}
+          {translate('standalone-activities.empty-state-title')}
+        {/if}
+      </h2>
+      <p class="text-secondary">
+        {#if $activityError}
+          {$activityError}
+        {:else}
+          {translate('standalone-activities.empty-state-description')}
+        {/if}
+      </p>
+      <NoWorkflows class="m-auto mt-8 text-subtle" />
+    </div>
+  </div>
+{:else}
+  <div
+    class="h-full w-full overflow-hidden xl:flex xl:flex-row"
+    aria-live="polite"
+  >
+    <div
+      class="surface-primary flex w-auto min-w-[280px] flex-col gap-4 p-8 xl:min-w-[520px] xl:flex-1"
+    >
+      <h2>
+        {translate('standalone-activities.empty-state-title')}
+      </h2>
+      {#if $activityError}
+        <Alert
+          intent="warning"
+          icon="warning"
+          title={translate('common.error-occurred')}
+          style="overflow-wrap: anywhere"
+        >
+          {$activityError}
+        </Alert>
+      {:else}
+        <p>
+          {translate('standalone-activities.empty-state-description')}
+        </p>
+      {/if}
+    </div>
+    <div class="flex h-full flex-col">
+      <div class="bg-off-white dark:bg-[#0f1725]">
+        <img src={noResultsImages} alt="" class="w-full" />
+      </div>
+      <div class="flex-1 bg-[#818cf8]"></div>
+    </div>
+  </div>
+{/if}
diff --git a/src/lib/components/standalone-activities/activities-summary-configurable-table/table-header-cell.svelte b/src/lib/components/standalone-activities/activities-summary-configurable-table/table-header-cell.svelte
new file mode 100644
index 0000000000..310821952e
--- /dev/null
+++ b/src/lib/components/standalone-activities/activities-summary-configurable-table/table-header-cell.svelte
@@ -0,0 +1,15 @@
+<script lang="ts">
+  import type { ConfigurableTableHeader } from '$lib/stores/configurable-table-columns';
+
+  interface Props {
+    column: ConfigurableTableHeader;
+  }
+
+  let { column }: Props = $props();
+
+  const label = $derived(column.label);
+</script>
+
+<th data-testid="activities-summary-table-header-cell-{label}">
+  {label}
+</th>
diff --git a/src/lib/components/standalone-activities/activities-summary-configurable-table/table-header-row.svelte b/src/lib/components/standalone-activities/activities-summary-configurable-table/table-header-row.svelte
new file mode 100644
index 0000000000..315563430c
--- /dev/null
+++ b/src/lib/components/standalone-activities/activities-summary-configurable-table/table-header-row.svelte
@@ -0,0 +1,12 @@
+<script lang="ts">
+  import type { Snippet } from 'svelte';
+  interface Props {
+    children?: Snippet;
+  }
+
+  let { children }: Props = $props();
+</script>
+
+<tr>
+  {@render children?.()}
+</tr>
diff --git a/src/lib/components/standalone-activities/activities-summary-configurable-table/table-row.svelte b/src/lib/components/standalone-activities/activities-summary-configurable-table/table-row.svelte
new file mode 100644
index 0000000000..801352d1af
--- /dev/null
+++ b/src/lib/components/standalone-activities/activities-summary-configurable-table/table-row.svelte
@@ -0,0 +1,40 @@
+<script lang="ts">
+  import type { Snippet } from 'svelte';
+
+  import { page } from '$app/state';
+
+  import StartActivityButton from '$lib/components/standalone-activities/start-activity-button.svelte';
+  import type { ActivityExecutionInfo } from '$lib/types/activity-execution';
+
+  interface Props {
+    activity?: ActivityExecutionInfo;
+    empty?: boolean;
+    children?: Snippet;
+  }
+
+  let { activity, empty = false, children }: Props = $props();
+
+  const namespace = $derived(page.params.namespace);
+</script>
+
+<tr
+  data-testid="activities-summary-configurable-table-row"
+  class:empty
+  class="dense"
+>
+  {#if !empty && activity}
+    <td class="relative flex items-center justify-center py-0.5">
+      <StartActivityButton
+        {namespace}
+        activityId={activity.activityId}
+        activityType={activity.activityType?.name ?? ''}
+        taskQueue={activity.taskQueue}
+        scheduleToCloseTimeout={activity.scheduleToCloseTimeout}
+        startToCloseTimeout={activity.startToCloseTimeout}
+      />
+    </td>
+  {:else}
+    <td></td>
+  {/if}
+  {@render children?.()}
+</tr>
diff --git a/src/lib/components/standalone-activities/activities-summary-filter-bar/dropdown-filter-list.svelte b/src/lib/components/standalone-activities/activities-summary-filter-bar/dropdown-filter-list.svelte
new file mode 100644
index 0000000000..6db1c9e76c
--- /dev/null
+++ b/src/lib/components/standalone-activities/activities-summary-filter-bar/dropdown-filter-list.svelte
@@ -0,0 +1,117 @@
+<script lang="ts">
+  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 {
+    ACTIVITY_FILTER_CONTEXT,
+    type ActivityFilterContext,
+  } from './filter.svelte';
+
+  const { filter, activeQueryIndex, chipOpenIndex } =
+    getContext<ActivityFilterContext>(ACTIVITY_FILTER_CONTEXT);
+
+  let totalFiltersInView = $state(10);
+
+  const firstExecutionStatusIndex = $derived(
+    $activityFilters.findIndex((filter) => isStatusFilter(filter)),
+  );
+  const visibleFilters = $derived(
+    $activityFilters.slice(0, totalFiltersInView),
+  );
+  const executionStatusFilters = $derived(
+    $activityFilters.filter((filter) => filter.attribute === 'ExecutionStatus'),
+  );
+  const nonStatusFilters = $derived(
+    $activityFilters.filter((filter) => !isStatusFilter(filter)),
+  );
+  const hasMoreFilters = $derived(totalFiltersInView < $activityFilters.length);
+
+  function updateFilter(index: number, updatedFilter: SearchAttributeFilter) {
+    const next = [...$activityFilters];
+    next[index] = updatedFilter;
+    $activityFilters = next;
+    updateQueryParamsFromFilter(page.url, $activityFilters);
+  }
+
+  function updateStatusFilters(
+    index: number,
+    updatedFilters: SearchAttributeFilter[],
+  ) {
+    if (updatedFilters.length === 0) {
+      $activityFilters = nonStatusFilters;
+      updateQueryParamsFromFilter(page.url, $activityFilters);
+    } else {
+      const next = [...$activityFilters];
+      next.splice(index, executionStatusFilters.length, ...updatedFilters);
+      $activityFilters = next;
+      updateQueryParamsFromFilter(page.url, $activityFilters);
+    }
+  }
+
+  function removeFilter(index: number) {
+    const next = [...$activityFilters];
+    next.splice(index, 1);
+    $activityFilters = next;
+    updateQueryParamsFromFilter(page.url, $activityFilters);
+
+    if (index === $activityFilters.length && $activityFilters.length > 0) {
+      const previousQuery = $activityFilters[$activityFilters.length - 1];
+      if (previousQuery) {
+        previousQuery.operator = '';
+      }
+    }
+
+    if (index === $activeQueryIndex) {
+      $activeQueryIndex = null;
+      $filter = emptyFilter();
+    } else if (index < $activeQueryIndex) {
+      $activeQueryIndex -= 1;
+    }
+  }
+
+  function viewMoreFilters() {
+    if (hasMoreFilters) {
+      totalFiltersInView += 10;
+    }
+  }
+</script>
+
+{#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}
+          index={i}
+          openIndex={$chipOpenIndex}
+          onUpdate={(statusFilters) => updateStatusFilters(i, statusFilters)}
+        />
+      {:else if !isStatusFilter(activityFilter) && activityFilter.attribute}
+        <DropdownFilterChip
+          filter={activityFilter}
+          index={i}
+          openIndex={$chipOpenIndex}
+          onUpdate={(updatedFilter) => updateFilter(i, updatedFilter)}
+          onRemove={() => removeFilter(i)}
+        />
+      {/if}
+    {/each}
+
+    {#if hasMoreFilters}
+      <Button variant="secondary" size="xs" on:click={viewMoreFilters}>
+        {translate('common.view-more')}
+      </Button>
+    {/if}
+  </div>
+{/if}
diff --git a/src/lib/components/standalone-activities/activities-summary-filter-bar/edit-view-modal.svelte b/src/lib/components/standalone-activities/activities-summary-filter-bar/edit-view-modal.svelte
new file mode 100644
index 0000000000..95f69eacd2
--- /dev/null
+++ b/src/lib/components/standalone-activities/activities-summary-filter-bar/edit-view-modal.svelte
@@ -0,0 +1,29 @@
+<script lang="ts">
+  import ViewModal from '$lib/components/workflow/filter-bar/view-modal.svelte';
+  import { type SavedQuery } from '$lib/stores/saved-queries';
+
+  interface Props {
+    open?: boolean;
+    view?: SavedQuery;
+    onSaveView: (view: SavedQuery) => void;
+    onCreateView: (view: SavedQuery) => void;
+    onDeleteView: (view: SavedQuery) => void;
+  }
+
+  let {
+    open = $bindable(),
+    view,
+    onSaveView,
+    onCreateView,
+    onDeleteView,
+  }: Props = $props();
+</script>
+
+<ViewModal
+  id="activity-edit-view-modal"
+  bind:open
+  {view}
+  {onSaveView}
+  {onCreateView}
+  {onDeleteView}
+/>
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
new file mode 100644
index 0000000000..d46b7a3e58
--- /dev/null
+++ b/src/lib/components/standalone-activities/activities-summary-filter-bar/filter-bar.svelte
@@ -0,0 +1,40 @@
+<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 ActivityFilter from './filter.svelte';
+  import ActivityManualQuery from './manual-query.svelte';
+
+  let viewManualQuery = $state(false);
+</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>
diff --git a/src/lib/components/standalone-activities/activities-summary-filter-bar/filter.svelte b/src/lib/components/standalone-activities/activities-summary-filter-bar/filter.svelte
new file mode 100644
index 0000000000..2168f765b6
--- /dev/null
+++ b/src/lib/components/standalone-activities/activities-summary-filter-bar/filter.svelte
@@ -0,0 +1,70 @@
+<script lang="ts" module>
+  import { writable, type Writable } from 'svelte/store';
+
+  import { setContext } from 'svelte';
+
+  export const ACTIVITY_FILTER_CONTEXT = 'activity-filter-context';
+
+  export interface ActivityFilterContext {
+    filter: Writable<SearchAttributeFilter>;
+    activeQueryIndex: Writable<number | null>;
+    handleSubmit: () => void;
+    focusedElementId: Writable<string>;
+    resetFilter: () => void;
+    chipOpenIndex: Writable<number | null>;
+  }
+</script>
+
+<script lang="ts">
+  import { afterNavigate } from '$app/navigation';
+
+  import type { SearchAttributeFilter } from '$lib/models/search-attribute-filters';
+  import { activityFilters } from '$lib/stores/filters';
+  import { activitySearchAttributeOptions } 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';
+
+  const filter = writable<SearchAttributeFilter>(emptyFilter());
+  const activeQueryIndex = writable<number | null>(null);
+  const focusedElementId = writable<string>('');
+  const chipOpenIndex = writable<number | null>(null);
+
+  const options = activitySearchAttributeOptions;
+
+  afterNavigate(() => {
+    chipOpenIndex.set(null);
+  });
+
+  setContext<ActivityFilterContext>(ACTIVITY_FILTER_CONTEXT, {
+    filter,
+    activeQueryIndex,
+    handleSubmit,
+    focusedElementId,
+    resetFilter,
+    chipOpenIndex,
+  });
+
+  function handleSubmit() {
+    if ($activeQueryIndex !== null) {
+      $activityFilters[$activeQueryIndex] = $filter;
+      $activeQueryIndex = null;
+    } else {
+      const newIndex = $activityFilters.length;
+      $activityFilters = [...$activityFilters, $filter];
+      chipOpenIndex.set(newIndex);
+    }
+    filter.set(emptyFilter());
+  }
+
+  function resetFilter() {
+    activeQueryIndex.set(null);
+    filter.set(emptyFilter());
+  }
+</script>
+
+<div class="flex shrink flex-wrap items-center justify-start gap-2">
+  <ActivityDropdownFilterList />
+  <ActivitySearchAttributeMenu {options} />
+</div>
diff --git a/src/lib/components/standalone-activities/activities-summary-filter-bar/manual-query.svelte b/src/lib/components/standalone-activities/activities-summary-filter-bar/manual-query.svelte
new file mode 100644
index 0000000000..1221aa6f23
--- /dev/null
+++ b/src/lib/components/standalone-activities/activities-summary-filter-bar/manual-query.svelte
@@ -0,0 +1,91 @@
+<script lang="ts">
+  import { fade, slide } from 'svelte/transition';
+
+  import { page } from '$app/state';
+
+  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 { 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';
+
+  let manualSearchString = $state('');
+
+  const query = $derived(page.url.searchParams.get('query') ?? '');
+
+  function setManualString(query: string) {
+    manualSearchString = query;
+  }
+
+  $effect(() => {
+    setManualString(query);
+  });
+
+  const onSearch = () => {
+    if (!manualSearchString) {
+      $activityFilters = [];
+      $activitiesQuery = '';
+    } else {
+      try {
+        $activityFilters = toListWorkflowFilters(
+          manualSearchString,
+          $searchAttributes,
+        );
+      } catch (e) {
+        console.error(e);
+      }
+    }
+
+    if (manualSearchString && manualSearchString === query) {
+      $activityRefresh = Date.now();
+    } else {
+      updateQueryParameters({
+        url: page.url,
+        parameter: 'query',
+        value: manualSearchString,
+        allowEmpty: true,
+        clearParameters: [currentPageKey],
+      });
+    }
+  };
+
+  function handleClearInput() {
+    onSearch();
+  }
+</script>
+
+<div class="w-full border border-t-0 border-subtle" in:fade>
+  <form onsubmit={onSearch} class="flex gap-0" transition:slide role="search">
+    <Input
+      id="query"
+      type="search"
+      label={translate('workflows.search-placeholder')}
+      labelHidden
+      placeholder={translate('workflows.search-placeholder')}
+      icon="search"
+      class="grow  [&_*]:border-0"
+      inputContainerClass="surface-information !border-r border-subtle"
+      clearable
+      copyButtonLabel={translate('common.copy-icon-title')}
+      clearButtonLabel={translate('common.clear-input-button-label')}
+      on:clear={handleClearInput}
+      bind:value={manualSearchString}
+      maxLength={MAX_QUERY_LENGTH}
+      hideCount={!manualSearchString ||
+        manualSearchString.length < MAX_QUERY_LENGTH}
+      data-testid="activity-manual-search-input"
+    />
+    <Button
+      data-testid="activity-manual-search-button"
+      variant="ghost"
+      type="submit"
+    >
+      {translate('common.search')}
+    </Button>
+  </form>
+</div>
diff --git a/src/lib/components/standalone-activities/activities-summary-filter-bar/save-view-modal.svelte b/src/lib/components/standalone-activities/activities-summary-filter-bar/save-view-modal.svelte
new file mode 100644
index 0000000000..a441c00acb
--- /dev/null
+++ b/src/lib/components/standalone-activities/activities-summary-filter-bar/save-view-modal.svelte
@@ -0,0 +1,13 @@
+<script lang="ts">
+  import ViewModal from '$lib/components/workflow/filter-bar/view-modal.svelte';
+  import { type SavedQuery } from '$lib/stores/saved-queries';
+
+  interface Props {
+    open?: boolean;
+    onCreateView: (view: SavedQuery) => void;
+  }
+
+  let { open = $bindable(), onCreateView }: Props = $props();
+</script>
+
+<ViewModal id="activity-save-view-modal" bind:open {onCreateView} />
diff --git a/src/lib/components/standalone-activities/activities-summary-filter-bar/search-attribute-menu.svelte b/src/lib/components/standalone-activities/activities-summary-filter-bar/search-attribute-menu.svelte
new file mode 100644
index 0000000000..10e151f78c
--- /dev/null
+++ b/src/lib/components/standalone-activities/activities-summary-filter-bar/search-attribute-menu.svelte
@@ -0,0 +1,160 @@
+<script lang="ts">
+  import { writable } from 'svelte/store';
+
+  import { getContext } from 'svelte';
+
+  import { page } from '$app/state';
+
+  import Button from '$lib/holocene/button.svelte';
+  import Input from '$lib/holocene/input/input.svelte';
+  import {
+    Menu,
+    MenuButton,
+    MenuContainer,
+    MenuItem,
+  } from '$lib/holocene/menu';
+  import { translate } from '$lib/i18n/translate';
+  import { activityFilters } from '$lib/stores/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,
+  } from '$lib/utilities/query/to-list-workflow-filters';
+  import { MAX_QUERY_LENGTH } from '$lib/utilities/request-from-api';
+
+  import {
+    ACTIVITY_FILTER_CONTEXT,
+    type ActivityFilterContext,
+  } from './filter.svelte';
+
+  let { options }: { options: SearchAttributeOption[] } = $props();
+
+  const query = $derived(page.url.searchParams.get('query') ?? '');
+  let searchAttributeValue = $state('');
+
+  const { filter, activeQueryIndex, handleSubmit } =
+    getContext<ActivityFilterContext>(ACTIVITY_FILTER_CONTEXT);
+
+  const open = writable(false);
+
+  const getDefaultConditional = (type: SearchAttributeType) => {
+    switch (type) {
+      case SEARCH_ATTRIBUTE_TYPE.BOOL:
+        return '=';
+      case SEARCH_ATTRIBUTE_TYPE.DATETIME:
+        return '>=';
+      case SEARCH_ATTRIBUTE_TYPE.INT:
+        return '=';
+      case SEARCH_ATTRIBUTE_TYPE.DOUBLE:
+        return '=';
+      case SEARCH_ATTRIBUTE_TYPE.KEYWORDLIST:
+        return 'in';
+      case SEARCH_ATTRIBUTE_TYPE.KEYWORD:
+        return '=';
+      case SEARCH_ATTRIBUTE_TYPE.TEXT:
+        return '=';
+      default:
+        return '=';
+    }
+  };
+
+  function handleNewQuery(value: string, type: SearchAttributeType) {
+    searchAttributeValue = '';
+    filter.set({
+      ...emptyFilter(),
+      attribute: value,
+      conditional: getDefaultConditional(type),
+      type,
+    });
+    handleSubmit();
+    $open = false;
+  }
+
+  const filteredOptions = $derived(
+    !searchAttributeValue
+      ? options
+      : options.filter((option) =>
+          option.value
+            .toLowerCase()
+            .includes(searchAttributeValue.toLowerCase()),
+        ),
+  );
+
+  function clearAllFilters() {
+    $activityFilters = [];
+    updateQueryParamsFromFilter(page.url, $activityFilters, true);
+    $activeQueryIndex = null;
+    $filter = emptyFilter();
+  }
+</script>
+
+<MenuContainer {open}>
+  <MenuButton
+    id="activity-search-attribute-filter-button"
+    controls="activity-search-attribute-menu"
+    leadingIcon="add"
+    variant="secondary"
+    data-testid="add-filter-button"
+    disabled={$activeQueryIndex !== null || query.length >= MAX_QUERY_LENGTH}
+    onclick={() => (searchAttributeValue = '')}
+    class="text-nowrap"
+    size="xs"
+  >
+    Add Filter
+  </MenuButton>
+  <Menu id="activity-search-attribute-menu">
+    <MenuItem
+      class="p-0"
+      hoverable={false}
+      onclick={() => {
+        document.getElementById('activity-filter-search')?.focus();
+      }}
+    >
+      <Input
+        label={translate('common.search')}
+        labelHidden
+        id="activity-filter-search"
+        noBorder
+        bind:value={searchAttributeValue}
+        icon="search"
+        placeholder={translate('common.search')}
+        class="w-full min-w-[300px]"
+      />
+    </MenuItem>
+    <hr class="border-subtle" />
+
+    {#each filteredOptions as { value, label, type }}
+      <MenuItem
+        onclick={() => {
+          handleNewQuery(value, type);
+        }}
+        disabled={value === 'ExecutionStatus' &&
+          !!$activityFilters.find((f) => isStatusFilter(f))}
+      >
+        <div>
+          <p class="leading-3">{label}</p>
+          <small class="text-secondary">{type}</small>
+        </div>
+      </MenuItem>
+    {:else}
+      <MenuItem class="whitespace-nowrap" disabled
+        >{translate('common.no-results')}</MenuItem
+      >
+    {/each}
+  </Menu>
+</MenuContainer>
+{#if $activityFilters.length > 0}
+  <Button
+    variant="ghost"
+    size="xs"
+    on:click={clearAllFilters}
+    data-testid="clear-all-filters-button"
+  >
+    {translate('common.clear-all')}
+  </Button>
+{/if}
diff --git a/src/lib/components/standalone-activities/activity-actions.svelte b/src/lib/components/standalone-activities/activity-actions.svelte
new file mode 100644
index 0000000000..7d184792b4
--- /dev/null
+++ b/src/lib/components/standalone-activities/activity-actions.svelte
@@ -0,0 +1,98 @@
+<script lang="ts">
+  import { goto } from '$app/navigation';
+
+  import Button from '$lib/holocene/button.svelte';
+  import { MenuDivider, MenuItem } from '$lib/holocene/menu';
+  import MenuButton from '$lib/holocene/menu/menu-button.svelte';
+  import MenuContainer from '$lib/holocene/menu/menu-container.svelte';
+  import Menu from '$lib/holocene/menu/menu.svelte';
+  import { translate } from '$lib/i18n/translate';
+  import type { ActivityExecutionInfo } from '$lib/types/activity-execution';
+  import { routeForStartStandaloneActivity } from '$lib/utilities/route-for';
+  import type { StandaloneActivityPoller } from '$lib/utilities/standalone-activity-poller.svelte';
+
+  import CancelConfirmationModal from './cancel-confirmation-modal.svelte';
+  import TerminateConfirmationModal from './terminate-confirmation-modal.svelte';
+
+  interface Props {
+    activityExecutionInfo: ActivityExecutionInfo;
+    namespace: string;
+    poller: StandaloneActivityPoller;
+  }
+
+  let { activityExecutionInfo, namespace, poller }: Props = $props();
+
+  let cancelConfirmationModalOpen = $state(false);
+  let terminateConfirmationModalOpen = $state(false);
+
+  let isRunning = $derived(
+    activityExecutionInfo.status === 'ACTIVITY_EXECUTION_STATUS_RUNNING',
+  );
+
+  const onConfirmCancelOrTerminate = () => {
+    poller.fetchOnce().then(() => {
+      poller.abort();
+    });
+  };
+</script>
+
+<div class="flex items-center gap-2">
+  <Button
+    on:click={() => (cancelConfirmationModalOpen = true)}
+    disabled={!isRunning}
+    size="sm"
+  >
+    {translate('standalone-activities.request-cancellation')}
+  </Button>
+  <MenuContainer>
+    <MenuButton
+      hasIndicator
+      controls="activity-execution-actions"
+      variant="secondary"
+      size="sm"
+    >
+      {translate('workflows.more-actions')}
+    </MenuButton>
+    <Menu id="activity-execution-actions" position="right" class="w-[16rem]">
+      <MenuItem
+        onclick={() => (terminateConfirmationModalOpen = true)}
+        destructive
+        disabled={!isRunning}
+        data-testid="terminate-button"
+      >
+        {translate('standalone-activities.terminate')}
+      </MenuItem>
+      <MenuDivider />
+      <MenuItem
+        onclick={() =>
+          goto(
+            routeForStartStandaloneActivity({
+              namespace,
+              activityId: activityExecutionInfo.activityId,
+              activityType: activityExecutionInfo.activityType.name,
+              taskQueue: activityExecutionInfo.taskQueue,
+              startToCloseTimeout: activityExecutionInfo.startToCloseTimeout,
+              scheduleToCloseTimeout:
+                activityExecutionInfo.scheduleToCloseTimeout,
+            }),
+          )}
+        data-testid="start-activity-button"
+      >
+        {translate('standalone-activities.start-activity-like-this-one')}
+      </MenuItem>
+    </Menu>
+  </MenuContainer>
+</div>
+
+<CancelConfirmationModal
+  onConfirm={onConfirmCancelOrTerminate}
+  {activityExecutionInfo}
+  {namespace}
+  bind:open={cancelConfirmationModalOpen}
+/>
+<TerminateConfirmationModal
+  onConfirm={onConfirmCancelOrTerminate}
+  {activityExecutionInfo}
+  {namespace}
+  bind:open={terminateConfirmationModalOpen}
+/>
diff --git a/src/lib/components/standalone-activities/activity-count-refresh.svelte b/src/lib/components/standalone-activities/activity-count-refresh.svelte
new file mode 100644
index 0000000000..5db0d08437
--- /dev/null
+++ b/src/lib/components/standalone-activities/activity-count-refresh.svelte
@@ -0,0 +1,23 @@
+<script lang="ts">
+  import Button from '$lib/holocene/button.svelte';
+  import { activityRefresh } from '$lib/stores/activities';
+
+  interface Props {
+    count?: number;
+  }
+
+  let { count = 0 }: Props = $props();
+</script>
+
+<Button
+  size="xs"
+  variant="ghost"
+  leadingIcon="retry"
+  on:click={() => ($activityRefresh = Date.now())}
+>
+  {#if count > 0}
+    +{count.toLocaleString()}
+  {:else if count < 0}
+    {count.toLocaleString()}
+  {/if}
+</Button>
diff --git a/src/lib/components/standalone-activities/activity-counts.svelte b/src/lib/components/standalone-activities/activity-counts.svelte
new file mode 100644
index 0000000000..d0f95304c4
--- /dev/null
+++ b/src/lib/components/standalone-activities/activity-counts.svelte
@@ -0,0 +1,162 @@
+<script lang="ts">
+  import { onDestroy } from 'svelte';
+
+  import { page } from '$app/state';
+
+  import Skeleton from '$lib/holocene/skeleton/index.svelte';
+  import { fetchActivityCountByStatus } from '$lib/services/activity-counts';
+  import { activityCount, activityRefresh } from '$lib/stores/activities';
+  import { activityFilters } from '$lib/stores/filters';
+  import { currentPageKey } from '$lib/stores/pagination';
+  import { SEARCH_ATTRIBUTE_TYPE } from '$lib/types/workflows';
+  import {
+    type ActivityStatus,
+    getActivityStatusAndCountOfGroup,
+  } from '$lib/utilities/get-activity-status-and-count';
+  import { toListWorkflowQueryFromFilters } from '$lib/utilities/query/filter-workflow-query';
+  import { combineFilters } from '$lib/utilities/query/to-list-workflow-filters';
+  import { getExponentialBackoff } from '$lib/utilities/refresh-rate';
+  import { updateQueryParameters } from '$lib/utilities/update-query-parameters';
+
+  import WorkflowCountStatus from '../workflow-status.svelte';
+
+  type Props = {
+    staticQuery?: string;
+    refreshTime?: Date;
+  };
+  let { staticQuery = '', refreshTime = $bindable() }: Props = $props();
+
+  const queryParam = $derived(page.url.searchParams.get('query'));
+  const namespace = $derived(page.params.namespace);
+  const query = $derived(staticQuery || queryParam);
+  const perPage = $derived(page.url.searchParams.get('per-page'));
+
+  let statusGroups: { status: ActivityStatus; count: number }[] = $state([]);
+  let newStatusGroups: { status: ActivityStatus; count: number }[] = $state([]);
+  let refreshInterval: ReturnType<typeof setTimeout>;
+
+  let attempt = $state(1);
+  let loading = $state(false);
+
+  const initialIntervalSeconds = 60;
+  const maxAttempts = 20;
+
+  const onStatusClick = (status: ActivityStatus) => {
+    const statusExists = $activityFilters.some(
+      (filter) =>
+        filter.attribute === 'ExecutionStatus' && filter.value === status,
+    );
+
+    if (!statusExists) {
+      const filter = {
+        attribute: 'ExecutionStatus',
+        type: SEARCH_ATTRIBUTE_TYPE.KEYWORD,
+        value: status,
+        operator: '',
+        conditional: '=',
+        parenthesis: '',
+      };
+      $activityFilters = [...$activityFilters, filter];
+      const searchQuery = toListWorkflowQueryFromFilters(
+        combineFilters($activityFilters),
+      );
+      updateQueryParameters({
+        url: page.url,
+        parameter: 'query',
+        value: searchQuery,
+        clearParameters: [currentPageKey],
+      });
+    }
+  };
+
+  const clearNewCounts = () => {
+    clearTimeout(refreshInterval);
+    newStatusGroups = [];
+    $activityCount.newCount = 0;
+    attempt = 1;
+  };
+
+  const fetchInitialCounts = async () => {
+    loading = true;
+    try {
+      const { count, groups } = await fetchActivityCountByStatus({
+        namespace,
+        query,
+      }).catch((_e) => {
+        return { count: '0', groups: [] };
+      });
+      $activityCount.count = parseInt(count);
+      statusGroups = getActivityStatusAndCountOfGroup(groups);
+    } finally {
+      refreshTime = new Date();
+      loading = false;
+    }
+  };
+
+  const fetchNewCounts = async () => {
+    try {
+      const { count, groups } = await fetchActivityCountByStatus({
+        namespace,
+        query,
+      }).catch((_e) => {
+        return { count: '0', groups: [] };
+      });
+      $activityCount.newCount = parseInt(count) - $activityCount.count;
+      newStatusGroups = getActivityStatusAndCountOfGroup(groups);
+    } finally {
+      refreshTime = new Date();
+      attempt += 1;
+    }
+  };
+
+  const scheduleNext = () => {
+    const intervalSeconds = getExponentialBackoff(
+      initialIntervalSeconds,
+      attempt,
+    );
+    refreshInterval = setTimeout(async () => {
+      await fetchNewCounts();
+      if (attempt <= maxAttempts) {
+        scheduleNext();
+      }
+    }, intervalSeconds);
+  };
+
+  const scheduleFirst = async () => {
+    clearNewCounts();
+    await fetchInitialCounts();
+    scheduleNext();
+  };
+
+  $effect(() => {
+    namespace;
+    query;
+    perPage;
+    $activityRefresh;
+
+    scheduleFirst();
+  });
+
+  onDestroy(() => {
+    clearNewCounts();
+  });
+</script>
+
+<div class="flex min-h-[24px] flex-wrap items-center gap-2 pt-1.5">
+  {#each statusGroups as { count, status } (status)}
+    {#if !loading}
+      <button onclick={() => onStatusClick(status)}>
+        <WorkflowCountStatus
+          {status}
+          {count}
+          newCount={newStatusGroups.find((g) => g.status === status)
+            ? newStatusGroups.find((g) => g.status === status).count - count
+            : 0}
+          test-id="activity-status-{status}"
+        />
+      </button>
+    {:else}
+      <Skeleton class="h-6 w-24 rounded-sm" />
+    {/if}
+  {/each}
+</div>
diff --git a/src/lib/components/standalone-activities/activity-header.svelte b/src/lib/components/standalone-activities/activity-header.svelte
new file mode 100644
index 0000000000..7bfdb40bb1
--- /dev/null
+++ b/src/lib/components/standalone-activities/activity-header.svelte
@@ -0,0 +1,100 @@
+<script lang="ts">
+  import Copyable from '$lib/holocene/copyable/index.svelte';
+  import { translate } from '$lib/i18n/translate';
+  import type { ActivityExecutionInfo } from '$lib/types/activity-execution';
+  import {
+    routeForStandaloneActivitiesWithQuery,
+    routeForTaskQueue,
+  } from '$lib/utilities/route-for';
+  import type { StandaloneActivityPoller } from '$lib/utilities/standalone-activity-poller.svelte';
+  import { fromSeconds } from '$lib/utilities/to-duration';
+
+  import {
+    DetailList,
+    DetailListColumn,
+    DetailListLabel,
+    DetailListLinkValue,
+    DetailListTextValue,
+    DetailListTimestampValue,
+  } from '../detail-list';
+
+  import ActivityExecutionActions from './activity-actions.svelte';
+  import ActivityExecutionStatus from './activity-status.svelte';
+
+  interface Props {
+    activityExecutionInfo: ActivityExecutionInfo;
+    namespace: string;
+    poller: StandaloneActivityPoller;
+  }
+
+  let { activityExecutionInfo, namespace, poller }: Props = $props();
+
+  const activityType = $derived(activityExecutionInfo.activityType.name);
+  const activityTypeFilterLink = $derived(
+    routeForStandaloneActivitiesWithQuery(
+      { namespace },
+      `ActivityType="${activityType}"`,
+    ),
+  );
+</script>
+
+<div class="space-y-2">
+  <div class="flex items-center justify-between">
+    <div class="flex items-center gap-2">
+      <ActivityExecutionStatus status={activityExecutionInfo.status} />
+      <div class="text-2xl font-medium">
+        <Copyable
+          copyIconTitle={translate('common.copy-icon-title')}
+          copySuccessIconTitle={translate('common.copy-success-icon-title')}
+          content={activityExecutionInfo.activityId}
+          clickAllToCopy
+          container-class="w-full"
+          class="overflow-hidden text-ellipsis text-left"
+        />
+      </div>
+    </div>
+    <ActivityExecutionActions {activityExecutionInfo} {namespace} {poller} />
+  </div>
+  <DetailList aria-label="activity execution details" rowCount={4}>
+    <DetailListColumn>
+      <DetailListLabel>Scheduled Time</DetailListLabel>
+      <DetailListTimestampValue
+        timestamp={activityExecutionInfo.scheduleTime}
+      />
+      <DetailListLabel>Last Started Time</DetailListLabel>
+      <DetailListTimestampValue
+        timestamp={activityExecutionInfo.lastStartedTime}
+      />
+      <DetailListLabel>Close Time</DetailListLabel>
+      <DetailListTimestampValue
+        timestamp={activityExecutionInfo.closeTime}
+        fallback="-"
+      />
+      <DetailListLabel>Duration</DetailListLabel>
+      <DetailListTextValue
+        text={activityExecutionInfo.executionDuration
+          ? fromSeconds(activityExecutionInfo.executionDuration)
+          : '-'}
+      />
+    </DetailListColumn>
+    <DetailListColumn>
+      <DetailListLabel>Run ID</DetailListLabel>
+      <DetailListTextValue copyable text={activityExecutionInfo.runId} />
+      <DetailListLabel>Activity Type</DetailListLabel>
+      <DetailListLinkValue
+        copyable
+        iconName="filter"
+        text={activityType}
+        href={activityTypeFilterLink}
+      />
+      <DetailListLabel>Task Queue</DetailListLabel>
+      <DetailListLinkValue
+        href={routeForTaskQueue({
+          namespace,
+          queue: activityExecutionInfo.taskQueue,
+        })}
+        text={activityExecutionInfo.taskQueue}
+      />
+    </DetailListColumn>
+  </DetailList>
+</div>
diff --git a/src/lib/components/standalone-activities/activity-input-and-outcome.svelte b/src/lib/components/standalone-activities/activity-input-and-outcome.svelte
new file mode 100644
index 0000000000..0b94a952d1
--- /dev/null
+++ b/src/lib/components/standalone-activities/activity-input-and-outcome.svelte
@@ -0,0 +1,40 @@
+<script lang="ts">
+  import CodeBlock from '$lib/holocene/code-block.svelte';
+  import type { Payloads } from '$lib/types';
+  import type { ActivityExecutionOutcome } from '$lib/types/activity-execution';
+  import { has } from '$lib/utilities/has';
+
+  import PayloadDecoder from '../event/payload-decoder.svelte';
+
+  interface Props {
+    input?: Payloads;
+    outcome?: ActivityExecutionOutcome;
+  }
+
+  let { input, outcome }: Props = $props();
+</script>
+
+<div class="grid w-full grid-cols-2 gap-4 max-md:grid-cols-1">
+  <div class="flex flex-col gap-2">
+    <h5>Input</h5>
+    <PayloadDecoder value={input} key="payloads">
+      {#snippet children(decodedValue)}
+        <CodeBlock content={decodedValue} />
+      {/snippet}
+    </PayloadDecoder>
+  </div>
+  <div class="flex flex-col gap-2">
+    <h5>Outcome</h5>
+    {#if has(outcome, 'failure')}
+      <CodeBlock content={JSON.stringify(outcome.failure, null, 2)} />
+    {:else if has(outcome, 'result')}
+      <PayloadDecoder value={outcome.result} key="payloads">
+        {#snippet children(decodedValue)}
+          <CodeBlock content={decodedValue} />
+        {/snippet}
+      </PayloadDecoder>
+    {:else}
+      <CodeBlock content={JSON.stringify({}, null, 2)} />
+    {/if}
+  </div>
+</div>
diff --git a/src/lib/components/standalone-activities/activity-status.svelte b/src/lib/components/standalone-activities/activity-status.svelte
new file mode 100644
index 0000000000..56203f0390
--- /dev/null
+++ b/src/lib/components/standalone-activities/activity-status.svelte
@@ -0,0 +1,53 @@
+<script lang="ts" module>
+  import type { ActivityExecutionStatus } from '$lib/types/activity-execution';
+
+  export const activityStatusToLabel: Record<ActivityExecutionStatus, string> =
+    {
+      ACTIVITY_EXECUTION_STATUS_COMPLETED: 'Completed',
+      ACTIVITY_EXECUTION_STATUS_RUNNING: 'Running',
+      ACTIVITY_EXECUTION_STATUS_CANCELED: 'Canceled',
+      ACTIVITY_EXECUTION_STATUS_FAILED: 'Failed',
+      ACTIVITY_EXECUTION_STATUS_TERMINATED: 'Terminated',
+      ACTIVITY_EXECUTION_STATUS_TIMED_OUT: 'Timed Out',
+      ACTIVITY_EXECUTION_STATUS_UNSPECIFIED: 'Unspecified',
+    };
+</script>
+
+<script lang="ts">
+  import { cva } from 'class-variance-authority';
+  import { twMerge } from 'tailwind-merge';
+
+  import HeartbeatIndicator from '$lib/components/heart-beat-indicator.svelte';
+
+  const activityStatus = cva(
+    [
+      'flex items-center rounded-sm px-4 py-0.5 whitespace-nowrap text-black gap-1 font-medium text-lg',
+    ],
+    {
+      variants: {
+        status: {
+          ACTIVITY_EXECUTION_STATUS_RUNNING: 'bg-blue-300',
+          ACTIVITY_EXECUTION_STATUS_TIMED_OUT: 'bg-orange-200',
+          ACTIVITY_EXECUTION_STATUS_COMPLETED: 'bg-green-200',
+          ACTIVITY_EXECUTION_STATUS_FAILED: 'bg-red-200',
+          ACTIVITY_EXECUTION_STATUS_CANCELED: 'bg-slate-100',
+          ACTIVITY_EXECUTION_STATUS_TERMINATED: 'bg-yellow-200',
+          ACTIVITY_EXECUTION_STATUS_UNSPECIFIED: 'bg-slate-100',
+        },
+      },
+    },
+  );
+
+  interface Props {
+    status: ActivityExecutionStatus;
+  }
+
+  let { status }: Props = $props();
+</script>
+
+<div class={twMerge(activityStatus({ status }))}>
+  {activityStatusToLabel[status]}
+  {#if status === 'ACTIVITY_EXECUTION_STATUS_RUNNING'}
+    <HeartbeatIndicator />
+  {/if}
+</div>
diff --git a/src/lib/components/standalone-activities/cancel-confirmation-modal.svelte b/src/lib/components/standalone-activities/cancel-confirmation-modal.svelte
new file mode 100644
index 0000000000..2abb22d7ad
--- /dev/null
+++ b/src/lib/components/standalone-activities/cancel-confirmation-modal.svelte
@@ -0,0 +1,72 @@
+<script lang="ts">
+  import Modal from '$lib/holocene/modal.svelte';
+  import { translate } from '$lib/i18n/translate';
+  import { cancelActivityExecution } from '$lib/services/standalone-activities';
+  import { toaster } from '$lib/stores/toaster';
+  import type { ActivityExecutionInfo } from '$lib/types/activity-execution';
+  import { getIdentity } from '$lib/utilities/core-context';
+  import { isNetworkError } from '$lib/utilities/is-network-error';
+
+  interface Props {
+    open: boolean;
+    activityExecutionInfo: ActivityExecutionInfo;
+    namespace: string;
+    onConfirm: () => void;
+  }
+
+  let {
+    open = $bindable(),
+    activityExecutionInfo,
+    namespace,
+    onConfirm,
+  }: Props = $props();
+
+  let loading = $state(false);
+  let error = $state('');
+
+  const identity = getIdentity();
+
+  const cancel = async () => {
+    error = '';
+    loading = true;
+    try {
+      await cancelActivityExecution(
+        namespace,
+        activityExecutionInfo.activityId,
+        activityExecutionInfo.runId,
+        identity,
+      );
+      open = false;
+      toaster.push({
+        id: 'activity-cancellation-success-toast',
+        message: translate('standalone-activities.cancel-success'),
+      });
+      onConfirm();
+    } catch (err: unknown) {
+      error = isNetworkError(err)
+        ? err.message
+        : translate('common.unknown-error');
+    } finally {
+      loading = false;
+    }
+  };
+</script>
+
+<Modal
+  id="cancel-confirmation-modal"
+  data-testid="cancel-confirmation-modal"
+  confirmText={translate('common.confirm')}
+  cancelText={translate('common.cancel')}
+  bind:error
+  bind:open
+  {loading}
+  confirmType="destructive"
+  on:confirmModal={cancel}
+>
+  <h3 slot="title">{translate('standalone-activities.cancel-modal-title')}</h3>
+  <svelte:fragment slot="content">
+    <p>
+      {translate('standalone-activities.cancel-modal-confirmation')}
+    </p>
+  </svelte:fragment>
+</Modal>
diff --git a/src/lib/components/standalone-activities/saved-views.svelte b/src/lib/components/standalone-activities/saved-views.svelte
new file mode 100644
index 0000000000..473fd8b2e8
--- /dev/null
+++ b/src/lib/components/standalone-activities/saved-views.svelte
@@ -0,0 +1,515 @@
+<script lang="ts">
+  import { slide } from 'svelte/transition';
+
+  import { onMount } from 'svelte';
+  import { type ClassNameValue, twMerge as merge } from 'tailwind-merge';
+
+  import { goto } from '$app/navigation';
+  import { page } from '$app/state';
+
+  import EditViewModal from '$lib/components/standalone-activities/activities-summary-filter-bar/edit-view-modal.svelte';
+  import SaveViewModal from '$lib/components/standalone-activities/activities-summary-filter-bar/save-view-modal.svelte';
+  import Button from '$lib/holocene/button.svelte';
+  import type { IconName } from '$lib/holocene/icon';
+  import Icon from '$lib/holocene/icon/icon.svelte';
+  import { translate } from '$lib/i18n/translate';
+  import { activityRefresh } from '$lib/stores/activities';
+  import { activityFilters } from '$lib/stores/filters';
+  import { savedQueryNavOpen } from '$lib/stores/nav-open';
+  import { currentPageKey } from '$lib/stores/pagination';
+  import {
+    DEFAULT_ACTIVITY_SYSTEM_VIEW,
+    MAX_SAVED_ACTIVITY_QUERIES,
+    savedActivityQueries,
+    type SavedQuery,
+    systemActivityViews,
+  } from '$lib/stores/saved-queries';
+  import { activityExecutionSearchAttributes } from '$lib/stores/search-attributes';
+  import { copyToClipboard } from '$lib/utilities/copy-to-clipboard';
+  import { toListWorkflowFilters } from '$lib/utilities/query/to-list-workflow-filters';
+  import { updateQueryParameters } from '$lib/utilities/update-query-parameters';
+
+  let activeQueryView: SavedQuery | undefined = $state();
+  let saveViewModalOpen = $state(false);
+  let editViewModalOpen = $state(false);
+  let pendingQueryTarget: string | undefined = $state();
+
+  const query = $derived(page.url.searchParams.get('query') || '');
+  const savedQueryParam = page.url.searchParams.get('savedQuery');
+  const namespace = $derived(page.params.namespace);
+
+  const maxViewsReached = $derived(
+    $savedActivityQueries?.[namespace]?.length >= MAX_SAVED_ACTIVITY_QUERIES,
+  );
+
+  const namespaceSavedQueries = $derived(
+    $savedActivityQueries?.[namespace]?.sort((a, b) =>
+      a.name.localeCompare(b.name),
+    ) || [],
+  );
+  const systemQueryView = $derived(
+    (query && systemActivityViews.find((q) => q.query === query)) ||
+      (!query && DEFAULT_ACTIVITY_SYSTEM_VIEW),
+  );
+  const savedQueryView = $derived(
+    query && namespaceSavedQueries.find((q) => q.query === query),
+  );
+  const unsaveView: SavedQuery = $derived({
+    id: 'unsaved',
+    name: 'New View',
+    query,
+    icon: 'bookmark',
+    badge: 'Unsaved',
+    type: 'system',
+    active: true,
+  });
+  const unsavedQuery = $derived(query && activeQueryView?.id === 'unsaved');
+
+  onMount(() => {
+    if (savedQueryParam) {
+      const queryToSave = {
+        name: savedQueryParam,
+        query,
+        id: Date.now().toString(),
+        type: 'user',
+      };
+
+      if (!$savedActivityQueries[namespace])
+        $savedActivityQueries[namespace] = [];
+
+      if (!maxViewsReached) {
+        $savedActivityQueries[namespace] = [
+          ...$savedActivityQueries[namespace],
+          queryToSave,
+        ];
+      }
+
+      activeQueryView = queryToSave;
+      const url = new URL(page.url);
+      url.searchParams.delete('savedQuery');
+      goto(url);
+    } else if (savedQueryView) {
+      activeQueryView = savedQueryView;
+    } else if (systemQueryView) {
+      activeQueryView = systemQueryView;
+    } else if (query) {
+      activeQueryView = unsaveView;
+    }
+  });
+
+  $effect(() => {
+    if (pendingQueryTarget !== undefined) {
+      if (query === pendingQueryTarget) pendingQueryTarget = undefined;
+      return;
+    }
+
+    if (!query && activeQueryView?.id !== DEFAULT_ACTIVITY_SYSTEM_VIEW.id) {
+      activeQueryView = DEFAULT_ACTIVITY_SYSTEM_VIEW;
+      return;
+    }
+
+    if (activeQueryView?.type === 'system') {
+      if (query && activeQueryView.query !== query) {
+        if (savedQueryView) {
+          activeQueryView = savedQueryView;
+        } else if (systemQueryView) {
+          activeQueryView = systemQueryView;
+        } else {
+          activeQueryView = unsaveView;
+        }
+      }
+    }
+  });
+
+  $effect(() => {
+    $activityRefresh;
+  });
+
+  const setActiveQueryView = (view: SavedQuery) => {
+    if (view.id === activeQueryView?.id) return;
+    activeQueryView = view;
+    pendingQueryTarget = view.query || '';
+
+    if (view.query) {
+      $activityFilters = toListWorkflowFilters(
+        view.query,
+        $activityExecutionSearchAttributes,
+      );
+    }
+
+    updateQueryParameters({
+      url: page.url,
+      parameter: 'query',
+      value: view.query,
+      allowEmpty: true,
+      clearParameters: [currentPageKey],
+    });
+  };
+
+  const { copy, copied } = copyToClipboard();
+
+  const handleCopy = (e: Event) => {
+    const sharableViewUrl =
+      new URL(page.url.href) +
+      '&savedQuery=' +
+      encodeURIComponent(activeQueryView?.name);
+    copy(e, sharableViewUrl);
+  };
+
+  const onCreateView = (view: SavedQuery) => {
+    if (!$savedActivityQueries[namespace]) {
+      $savedActivityQueries[namespace] = [];
+    }
+
+    $savedActivityQueries[namespace] = [
+      ...$savedActivityQueries[namespace],
+      view,
+    ];
+    activeQueryView = view;
+  };
+
+  const onSaveView = (view: SavedQuery) => {
+    if (!$savedActivityQueries[namespace]) {
+      $savedActivityQueries[namespace] = [];
+    }
+
+    if (view.id === activeQueryView?.id) {
+      $savedActivityQueries[namespace] = $savedActivityQueries[namespace].map(
+        (q) => (q.id === view.id ? view : q),
+      );
+    } else {
+      $savedActivityQueries[namespace] = [
+        ...$savedActivityQueries[namespace],
+        view,
+      ];
+    }
+    activeQueryView = view;
+  };
+
+  const onDeleteView = (view: SavedQuery) => {
+    $savedActivityQueries[namespace] = $savedActivityQueries[namespace].filter(
+      (q) => q?.id !== view.id,
+    );
+    $activityFilters = [];
+    activeQueryView = undefined;
+    updateQueryParameters({
+      url: page.url,
+      parameter: 'query',
+      value: '',
+      allowEmpty: true,
+      clearParameters: [currentPageKey],
+    });
+  };
+
+  function portal(
+    node: HTMLElement,
+    target: HTMLElement | string = document.body,
+  ) {
+    const targetEl =
+      typeof target === 'string'
+        ? (document.querySelector(target) as HTMLElement | null)
+        : (target as HTMLElement | null);
+    if (targetEl) targetEl.appendChild(node);
+    return {
+      destroy() {
+        if (node.parentNode) node.parentNode.removeChild(node);
+      },
+    };
+  }
+
+  let showTooltip = $state(false);
+  let tooltipText: string | undefined = $state();
+  let tooltipX = $state(0);
+  let tooltipY = $state(0);
+
+  const positionTooltipFrom = (el: HTMLElement) => {
+    const rect = el.getBoundingClientRect();
+    tooltipX = Math.round(rect.right + 8);
+    tooltipY = Math.round(rect.top + 16);
+  };
+
+  const onQueryBtnEnter = (e: MouseEvent, name: string) => {
+    if ($savedQueryNavOpen) return;
+    const el = e.currentTarget as HTMLElement;
+    tooltipText = name;
+    positionTooltipFrom(el);
+    showTooltip = true;
+  };
+
+  const onQueryBtnMove = (e: MouseEvent) => {
+    if (!showTooltip) return;
+    const el = e.currentTarget as HTMLElement;
+    positionTooltipFrom(el);
+  };
+
+  const onQueryBtnLeave = () => {
+    showTooltip = false;
+  };
+</script>
+
+<div
+  class={merge(
+    'surface-primary relative h-[var(--panel-h)] h-auto max-h-[var(--panel-h)] min-h-[var(--panel-h)] w-[var(--panel-collapsed-w)] min-w-[var(--panel-collapsed-w)] max-w-[var(--panel-collapsed-w)] overflow-auto border border-r-0 border-subtle shadow-sm transition-all duration-300 ease-in-out',
+    $savedQueryNavOpen
+      ? 'lg:w-[var(--panel-expanded-w)] lg:min-w-[var(--panel-expanded-w)] lg:max-w-[var(--panel-expanded-w)]'
+      : 'lg:w-[var(--panel-collapsed-w)] lg:min-w-[var(--panel-collapsed-w)] lg:max-w-[var(--panel-collapsed-w)]',
+  )}
+  style="will-change: width"
+>
+  <div
+    class="flex items-center justify-center gap-2 border-b border-subtle px-2 py-[.35rem] text-center lg:justify-start lg:py-[.47rem]"
+  >
+    <div
+      class={merge(
+        'flex w-full items-center justify-between',
+        $savedQueryNavOpen ? 'lg:justify-between' : 'lg:justify-center',
+      )}
+    >
+      {#if $savedQueryNavOpen}
+        <p
+          class="hidden whitespace-nowrap text-xs font-medium leading-3 lg:block lg:text-sm"
+          in:slide
+        >
+          Saved Views
+        </p>
+      {/if}
+      <p class="block text-xs font-medium leading-3 lg:hidden">Saved Views</p>
+      <button
+        class="hidden rounded-sm p-0.5 hover:bg-secondary lg:inline-flex"
+        aria-label={$savedQueryNavOpen
+          ? 'Collapse saved views'
+          : 'Expand saved views'}
+        title={$savedQueryNavOpen ? 'Collapse' : 'Expand'}
+        onclick={() => ($savedQueryNavOpen = !$savedQueryNavOpen)}
+      >
+        <Icon name={$savedQueryNavOpen ? 'chevron-left' : 'chevron-right'} />
+      </button>
+    </div>
+  </div>
+
+  <div class="space-y-2 p-1.5">
+    <div class="pb-2 text-center">
+      <div class="space-y-1">
+        {#each systemActivityViews as view}
+          {@render queryButton({
+            ...view,
+            active: query === view.query,
+          })}
+        {/each}
+      </div>
+    </div>
+
+    {#if $savedQueryNavOpen}
+      <p
+        class="hidden items-center justify-between whitespace-nowrap px-2 text-xs font-medium leading-3 lg:flex lg:text-sm"
+        in:slide
+      >
+        {translate('standalone-activities.custom-views')}
+        {@render queryBadge({
+          className: 'font-mono',
+          content: `${namespaceSavedQueries.length}/${MAX_SAVED_ACTIVITY_QUERIES}`,
+        })}
+      </p>
+    {/if}
+
+    <div class="border-t border-subtle"></div>
+
+    {#if unsavedQuery}
+      {@render queryButton(unsaveView)}
+    {/if}
+
+    {#if namespaceSavedQueries.length > 0}
+      <div class="text-center">
+        <div class="space-y-1">
+          {#each namespaceSavedQueries as savedQuery}
+            {@render queryButton({
+              ...savedQuery,
+              active: savedQuery.id === activeQueryView?.id,
+              badge:
+                savedQuery.id === activeQueryView?.id &&
+                savedQuery.query !== query
+                  ? 'Unsaved'
+                  : undefined,
+            })}
+          {/each}
+        </div>
+      </div>
+    {/if}
+
+    {#if namespaceSavedQueries.length === 0 && !unsavedQuery}
+      <p
+        class={merge(
+          ' pl-1 text-center text-secondary lg:pl-4 lg:text-left',
+          !$savedQueryNavOpen && 'lg:pl-1 lg:text-center',
+        )}
+      >
+        No Views
+      </p>
+    {/if}
+  </div>
+</div>
+<SaveViewModal bind:open={saveViewModalOpen} {onCreateView} />
+<EditViewModal
+  view={activeQueryView}
+  bind:open={editViewModalOpen}
+  {onSaveView}
+  {onCreateView}
+  {onDeleteView}
+/>
+
+{#snippet queryButton(view: SavedQuery)}
+  <div
+    class="w-full"
+    role="menuitem"
+    tabindex="-1"
+    onmouseenter={(e) => onQueryBtnEnter(e, view.name)}
+    onmousemove={onQueryBtnMove}
+    onmouseleave={onQueryBtnLeave}
+  >
+    <Button
+      variant="ghost"
+      data-testid={view.type === 'system'
+        ? view.id
+        : view.name.toLowerCase().replace(/\s+/g, '-')}
+      data-track-name={view.type === 'system'
+        ? 'system-query-button'
+        : 'user-query-button'}
+      data-track-intent="action"
+      data-track-text={view.name}
+      on:click={() => setActiveQueryView(view)}
+      class="flex w-full justify-start"
+      active={view.active}
+      disabled={view.disabled}
+      size="sm"
+    >
+      <Icon
+        name={view.icon || 'bookmark'}
+        class={merge(
+          'h-4 w-4 flex-shrink-0  transition-colors duration-200',
+          $savedQueryNavOpen ? 'lg:hidden' : '',
+        )}
+      />
+
+      {#if $savedQueryNavOpen}
+        <span
+          class="hidden truncate text-left text-sm font-normal lg:inline-block"
+          in:slide>{view.name}</span
+        >
+        {#if view.badge}
+          {@render queryBadge({
+            className: 'italic',
+            content: view.badge,
+          })}
+        {/if}
+      {/if}
+    </Button>
+
+    {#if activeQueryView?.id === view.id && view.type === 'user'}
+      <div
+        in:slide
+        class={merge(
+          'flex flex-col items-center gap-1 pt-0.5 transition-all',
+          $savedQueryNavOpen && 'lg:flex-row',
+        )}
+      >
+        {#if view.id === activeQueryView?.id && view.query !== query}
+          <Button
+            size="xs"
+            class="w-full"
+            variant="primary"
+            data-testid="save-view-button"
+            on:click={() => {
+              onSaveView({
+                ...view,
+                query,
+              });
+            }}>Save</Button
+          >
+        {/if}
+        <Button
+          size="xs"
+          class="w-full"
+          variant="secondary"
+          data-testid="edit-view-button"
+          on:click={() => {
+            editViewModalOpen = true;
+          }}>Edit</Button
+        >
+        <Button
+          leadingIcon={$copied ? 'checkmark' : 'copy'}
+          size="xs"
+          class="w-full opacity-80"
+          variant="ghost"
+          data-testid="share-view-button"
+          on:click={handleCopy}
+          ><span class={merge('hidden', $savedQueryNavOpen && 'lg:inline')}
+            >Share</span
+          ></Button
+        >
+      </div>
+    {:else if unsavedQuery && view.id === 'unsaved'}
+      <div
+        class="flex items-center gap-1 overflow-hidden pt-0.5"
+        transition:slide
+      >
+        <Button
+          size="xs"
+          class="w-full break-all transition-all"
+          variant="secondary"
+          disabled={maxViewsReached}
+          data-testid="create-view-button"
+          on:click={() => {
+            saveViewModalOpen = true;
+          }}
+          ><span
+            class={merge(
+              'inline lg:hidden',
+              !$savedQueryNavOpen && 'lg:inline',
+            )}>New</span
+          ><span class={merge('hidden', $savedQueryNavOpen && 'lg:inline')}
+            >Save as New</span
+          ></Button
+        >
+      </div>
+    {/if}
+  </div>
+{/snippet}
+
+{#snippet queryBadge({
+  className,
+  content,
+  iconClass,
+  icon,
+}: {
+  className?: ClassNameValue;
+  content: string | number;
+  iconClass?: ClassNameValue;
+  icon?: IconName;
+})}
+  <span
+    class={merge(
+      'surface-subtle right-2 top-2 hidden items-center rounded-full px-2 py-1 text-xs font-medium lg:static lg:ml-auto lg:flex',
+      icon && 'gap-1.5 p-0.5 pl-2',
+      className,
+    )}
+    in:slide
+  >
+    {content}
+    {#if icon}
+      <span class={merge('rounded-full p-0.5', iconClass)}>
+        <Icon name={icon} class="p-0.5" />
+      </span>
+    {/if}
+  </span>
+{/snippet}
+
+{#if showTooltip && tooltipText}
+  <div
+    use:portal
+    class="pointer-events-none z-[9999] inline-block select-none rounded-md bg-slate-800 p-2 text-xs text-slate-50 opacity-95"
+    style={`position: fixed; top: ${tooltipY}px; left: ${tooltipX}px; transform: translateY(-50%); max-width: 280px;`}
+    role="tooltip"
+  >
+    {tooltipText}
+  </div>
+{/if}
diff --git a/src/lib/components/standalone-activities/standalone-activities-disabled.svelte b/src/lib/components/standalone-activities/standalone-activities-disabled.svelte
new file mode 100644
index 0000000000..5e109980ba
--- /dev/null
+++ b/src/lib/components/standalone-activities/standalone-activities-disabled.svelte
@@ -0,0 +1,39 @@
+<script lang="ts">
+  import Alert from '$lib/holocene/alert.svelte';
+  import CodeBlock from '$lib/holocene/code-block.svelte';
+  import { translate } from '$lib/i18n/translate';
+
+  interface Props {
+    namespace: string;
+  }
+
+  let { namespace }: Props = $props();
+
+  const configValues = `history.enableTransitionHistory:
+  - value: true
+history.enableChasm:
+  - value: true
+activity.enableStandalone:
+  - value: true`;
+
+  const configValuesPerNamespace = $derived(`activity.enableStandalone:
+  - value: true
+    constraints:
+      namespace: ${namespace}`);
+</script>
+
+<h1>Standalone Activities</h1>
+<Alert
+  title={translate('standalone-activities.standalone-activities-disabled')}
+  intent="info"
+/>
+<div class="flex max-w-4xl flex-col gap-2">
+  <p>{translate('standalone-activities.standalone-activities-enablement')}</p>
+  <CodeBlock copyable content={configValues} />
+  <p>
+    {translate(
+      'standalone-activities.standalone-activities-enablement-per-namespace',
+    )}
+  </p>
+  <CodeBlock copyable content={configValuesPerNamespace} />
+</div>
diff --git a/src/lib/components/standalone-activities/standalone-activities-guard.svelte b/src/lib/components/standalone-activities/standalone-activities-guard.svelte
new file mode 100644
index 0000000000..e4b771a01c
--- /dev/null
+++ b/src/lib/components/standalone-activities/standalone-activities-guard.svelte
@@ -0,0 +1,19 @@
+<script lang="ts">
+  import type { Snippet } from 'svelte';
+
+  import type { DescribeNamespaceResponse } from '$lib/types';
+
+  interface Props {
+    namespace: DescribeNamespaceResponse;
+    children: Snippet;
+    fallback?: Snippet;
+  }
+
+  let { namespace, children, fallback }: Props = $props();
+</script>
+
+{#if namespace.namespaceInfo?.capabilities?.standaloneActivities}
+  {@render children()}
+{:else if fallback}
+  {@render fallback()}
+{/if}
diff --git a/src/lib/components/standalone-activities/start-activity-button.svelte b/src/lib/components/standalone-activities/start-activity-button.svelte
new file mode 100644
index 0000000000..d4ca2fbe5f
--- /dev/null
+++ b/src/lib/components/standalone-activities/start-activity-button.svelte
@@ -0,0 +1,50 @@
+<script lang="ts">
+  import { goto } from '$app/navigation';
+
+  import Button from '$lib/holocene/button.svelte';
+  import Tooltip from '$lib/holocene/tooltip.svelte';
+  import { translate } from '$lib/i18n/translate';
+  import { routeForStartStandaloneActivity } from '$lib/utilities/route-for';
+
+  interface Props {
+    namespace: string;
+    activityId: string;
+    activityType: string;
+    taskQueue: string;
+    scheduleToCloseTimeout?: string;
+    startToCloseTimeout?: string;
+  }
+
+  let {
+    namespace,
+    activityId,
+    activityType,
+    taskQueue,
+    scheduleToCloseTimeout,
+    startToCloseTimeout,
+  }: Props = $props();
+
+  const href = $derived(
+    routeForStartStandaloneActivity({
+      namespace,
+      activityId,
+      activityType,
+      taskQueue,
+      scheduleToCloseTimeout,
+      startToCloseTimeout,
+    }),
+  );
+</script>
+
+<Tooltip
+  text={translate('standalone-activities.start-activity-like-this-one')}
+  topLeft
+>
+  <Button
+    size="xs"
+    variant="ghost"
+    class="start-button"
+    leadingIcon="lightning-bolt"
+    on:click={() => goto(href)}
+  ></Button>
+</Tooltip>
diff --git a/src/lib/components/standalone-activities/start-standalone-activity-form/form.svelte b/src/lib/components/standalone-activities/start-standalone-activity-form/form.svelte
new file mode 100644
index 0000000000..68538db375
--- /dev/null
+++ b/src/lib/components/standalone-activities/start-standalone-activity-form/form.svelte
@@ -0,0 +1,414 @@
+<script lang="ts">
+  import { writable } from 'svelte/store';
+
+  import { onDestroy, onMount } from 'svelte';
+  import { superForm } from 'sveltekit-superforms';
+  import { zodClient } from 'sveltekit-superforms/adapters';
+  import { twMerge } from 'tailwind-merge';
+  import z from 'zod/v3';
+
+  import { page } from '$app/state';
+
+  import Alert from '$lib/holocene/alert.svelte';
+  import Button from '$lib/holocene/button.svelte';
+  import Card from '$lib/holocene/card.svelte';
+  import DurationInput from '$lib/holocene/duration-input/duration-input.svelte';
+  import Input from '$lib/holocene/input/input.svelte';
+  import Label from '$lib/holocene/label.svelte';
+  import Link from '$lib/holocene/link.svelte';
+  import MarkdownEditor from '$lib/holocene/markdown-editor/markdown-editor.svelte';
+  import Option from '$lib/holocene/select/option.svelte';
+  import Select from '$lib/holocene/select/select.svelte';
+  import { translate } from '$lib/i18n/translate';
+  import {
+    encodings,
+    type PayloadInputEncoding,
+  } from '$lib/models/payload-encoding';
+  import { getActivityPollers } from '$lib/services/pollers-service';
+  import { startStandaloneActivity } from '$lib/services/standalone-activities';
+  import type { SearchAttributeInput } from '$lib/stores/search-attributes';
+  import { toaster } from '$lib/stores/toaster';
+  import {
+    activityIDConflictPolicyOptions,
+    activityIDReusePolicyOptions,
+  } from '$lib/types/activity-execution';
+  import { getIdentity } from '$lib/utilities/core-context';
+  import {
+    routeForStandaloneActivityDetails,
+    routeForTaskQueue,
+  } from '$lib/utilities/route-for';
+  import { fromScreamingEnum } from '$lib/utilities/screaming-enums';
+
+  import type { StandaloneActivityFormDefaults } from './types';
+  import Message from '../../form/message.svelte';
+  import PayloadInputWithEncoding from '../../payload-input-with-encoding.svelte';
+  import RetryPolicyInput from '../../retry-policy-input.svelte';
+  import AddSearchAttributes from '../../workflow/add-search-attributes.svelte';
+
+  interface Props {
+    namespace: string;
+  }
+
+  const { namespace }: Props = $props();
+  const taskQueueParam = page.url.searchParams.get('taskQueue') ?? '';
+
+  const formDefaults = $derived<StandaloneActivityFormDefaults>({
+    namespace,
+    identity: getIdentity(),
+    encoding: 'json/plain',
+    activityId: page.url.searchParams.get('activityId') ?? '',
+    activityType: page.url.searchParams.get('activityType') ?? '',
+    taskQueue: taskQueueParam,
+    startToCloseTimeout: page.url.searchParams.get('startToCloseTimeout') ?? '',
+    scheduleToCloseTimeout:
+      page.url.searchParams.get('scheduleToCloseTimeout') ?? '',
+  });
+
+  const encoding = writable<PayloadInputEncoding>('json/plain');
+
+  let searchAttributes = $state<SearchAttributeInput[]>([]);
+  let taskQueueActive = $state<boolean | null>(null);
+  let advancedOptionsVisible = $state(false);
+
+  const schema = z
+    .object({
+      identity: z.string(),
+      namespace: z.string(),
+      activityId: z.string().min(1, {
+        message: translate('standalone-activities.form-activity-id-required'),
+      }),
+      taskQueue: z.string().min(1, {
+        message: translate('standalone-activities.form-task-queue-required'),
+      }),
+      activityType: z.string().min(1, {
+        message: translate('standalone-activities.form-activity-type-required'),
+      }),
+      input: z.string().optional(),
+      startToCloseTimeout: z.string().optional(),
+      scheduleToCloseTimeout: z.string().optional(),
+      encoding: z.enum(encodings).optional(),
+      messageType: z.string().optional(),
+      summary: z.string().optional(),
+      details: z.string().optional(),
+      scheduleToStartTimeout: z.string().optional(),
+      heartbeatTimeout: z.string().optional(),
+      initialInterval: z.string().optional(),
+      backoffCoefficient: z.number().optional().nullable(),
+      maximumInterval: z.string().optional(),
+      maximumAttempts: z.number().optional().nullable(),
+      idReusePolicy: z.string().optional(),
+      idConflictPolicy: z.string().optional(),
+    })
+    .superRefine((data, context) => {
+      if (!data.startToCloseTimeout && !data.scheduleToCloseTimeout) {
+        context.addIssue({
+          code: z.ZodIssueCode.custom,
+          path: ['startToCloseTimeout'],
+          message: translate('standalone-activities.form-timeout-required'),
+        });
+        context.addIssue({
+          code: z.ZodIssueCode.custom,
+          path: ['scheduleToCloseTimeout'],
+          message: translate('standalone-activities.form-timeout-required'),
+        });
+      }
+    });
+
+  const { form, enhance, errors, message } = superForm(
+    {
+      ...formDefaults,
+      input: '',
+      messageType: '',
+      scheduleToStartTimeout: '',
+      summary: '',
+      details: '',
+      heartbeatTimeout: '',
+      initialInterval: '',
+      backoffCoefficient: undefined,
+      maximumInterval: '',
+      maximumAttempts: undefined,
+      idReusePolicy: '',
+      idConflictPolicy: '',
+    },
+    {
+      SPA: true,
+      dataType: 'json',
+      resetForm: false,
+      invalidateAll: false,
+      validators: zodClient(schema),
+      onUpdate: async ({ form }) => {
+        if (!form.valid) return;
+
+        try {
+          startStandaloneActivity({
+            ...form.data,
+            searchAttributes,
+          });
+          toaster.push({
+            duration: 5000,
+            variant: 'success',
+            message: translate('standalone-activities.form-activity-started'),
+            link: routeForStandaloneActivityDetails({
+              namespace,
+              activityId: form.data.activityId,
+            }),
+          });
+          return { type: 'success' };
+        } catch (error) {
+          console.error(error);
+          return {
+            type: 'error',
+          };
+        }
+      },
+    },
+  );
+
+  const unsubscribe = encoding.subscribe((e) => {
+    $form.encoding = e;
+  });
+
+  onMount(() => {
+    checkTaskQueue(taskQueueParam);
+  });
+
+  onDestroy(() => {
+    unsubscribe?.();
+  });
+
+  const generateRandomId = () => {
+    $form.activityId = crypto.randomUUID();
+  };
+
+  const checkTaskQueue = async (queue: string) => {
+    if (!queue) return;
+    taskQueueActive = null;
+    const response = await getActivityPollers({ namespace, queue });
+    if (response.pollers && response.pollers.length > 0) {
+      taskQueueActive = true;
+    } else {
+      taskQueueActive = false;
+    }
+  };
+</script>
+
+<form class="max-w-[45rem] space-y-4" use:enhance novalidate>
+  <Message value={$message} />
+
+  <Input
+    class="grow"
+    label={translate('standalone-activities.form-activity-id-label')}
+    required
+    id="activityId"
+    bind:value={$form.activityId}
+    error={!!$errors?.activityId}
+    hintText={$errors?.activityId?.[0]}
+  >
+    <Button
+      class="ml-2.5"
+      variant="secondary"
+      slot="after-input"
+      on:click={generateRandomId}
+      leadingIcon="retry"
+      >{translate('standalone-activities.form-random-uuid')}</Button
+    >
+  </Input>
+
+  <Input
+    id="taskQueue"
+    required
+    label={translate('standalone-activities.form-task-queue-label')}
+    bind:value={$form.taskQueue}
+    error={!!$errors.taskQueue}
+    hintText={$errors.taskQueue?.[0]}
+    on:blur={() => checkTaskQueue($form.taskQueue)}
+  />
+  {#if taskQueueActive !== null}
+    <Alert
+      intent={taskQueueActive ? 'success' : 'error'}
+      title={taskQueueActive
+        ? 'Task Queue is active'
+        : 'Task Queue is inactive'}
+    >
+      <div class="flex w-full items-center justify-between">
+        <Link
+          href={routeForTaskQueue({ namespace, queue: $form.taskQueue })}
+          newTab
+        >
+          View Task Queue
+        </Link>
+      </div>
+    </Alert>
+  {/if}
+  <Input
+    id="activityType"
+    required
+    label={translate('standalone-activities.form-activity-type-label')}
+    bind:value={$form.activityType}
+    error={!!$errors.activityType}
+    hintText={$errors.activityType?.[0]}
+  />
+
+  <PayloadInputWithEncoding
+    bind:input={$form.input}
+    bind:messageType={$form.messageType}
+    {encoding}
+  />
+
+  <Card
+    class={twMerge(
+      'space-y-4',
+      $errors.startToCloseTimeout ? 'border-danger' : '',
+    )}
+  >
+    <h5>{translate('standalone-activities.form-timeouts-heading')}</h5>
+
+    <DurationInput
+      id="startToCloseTimeout"
+      label={translate(
+        'standalone-activities.form-start-to-close-timeout-label',
+      )}
+      required={!$form.scheduleToCloseTimeout}
+      hintText={translate(
+        'standalone-activities.form-start-to-close-timeout-hint',
+      )}
+      bind:value={$form.startToCloseTimeout}
+    />
+
+    <DurationInput
+      id="scheduleToCloseTimeout"
+      label={translate(
+        'standalone-activities.form-schedule-to-close-timeout-label',
+      )}
+      required={!$form.startToCloseTimeout}
+      hintText={translate(
+        'standalone-activities.form-schedule-to-close-timeout-hint',
+      )}
+      bind:value={$form.scheduleToCloseTimeout}
+    />
+
+    <DurationInput
+      id="scheduleToStartTimeout"
+      label={translate(
+        'standalone-activities.form-schedule-to-start-timeout-label',
+      )}
+      hintText={translate(
+        'standalone-activities.form-schedule-to-start-timeout-hint',
+      )}
+      bind:value={$form.scheduleToStartTimeout}
+    />
+
+    {#if $errors.startToCloseTimeout}
+      <p class="text-xs text-danger">
+        {$errors.startToCloseTimeout}
+      </p>
+    {/if}
+  </Card>
+
+  {#if advancedOptionsVisible}
+    <Card
+      class="space-y-4"
+      data-testid="start-standalone-activity-add-search-attributes"
+    >
+      <div class="space-y-2">
+        <h5>
+          {translate('standalone-activities.form-search-attributes-heading')}
+        </h5>
+        <p class="text-secondary">
+          {translate(
+            'standalone-activities.form-search-attributes-description',
+          )}
+        </p>
+      </div>
+      <AddSearchAttributes
+        variant="secondary"
+        bind:attributesToAdd={searchAttributes}
+      />
+    </Card>
+
+    <Card
+      class="space-y-4"
+      data-testid="start-standalone-activity-add-metadata"
+    >
+      <div class="space-y-2">
+        <h5>{translate('standalone-activities.form-user-metadata-heading')}</h5>
+        <p class="text-secondary">
+          {translate('standalone-activities.form-user-metadata-description')}
+        </p>
+      </div>
+      <div class="space-y-2">
+        <Label label={translate('workflows.summary')} for="summary" />
+        <MarkdownEditor bind:content={$form.summary} />
+      </div>
+      <div class="space-y-2">
+        <Label label={translate('workflows.details')} for="details" />
+        <MarkdownEditor bind:content={$form.details} />
+      </div>
+    </Card>
+
+    <Card class="space-y-4">
+      <h5>{translate('standalone-activities.form-retry-policy-heading')}</h5>
+      <RetryPolicyInput
+        bind:initialInterval={$form.initialInterval}
+        bind:backoffCoefficient={$form.backoffCoefficient}
+        bind:maximumInterval={$form.maximumInterval}
+        bind:maximumAttempts={$form.maximumAttempts}
+      />
+    </Card>
+
+    <Card>
+      <DurationInput
+        id="heartbeatTimeout"
+        label={translate('standalone-activities.form-heartbeat-timeout-label')}
+        hintText={translate(
+          'standalone-activities.form-heartbeat-timeout-hint',
+        )}
+        bind:value={$form.heartbeatTimeout}
+      />
+    </Card>
+
+    <Card class="space-y-4">
+      <h5>{translate('standalone-activities.form-id-policies-heading')}</h5>
+
+      <Select
+        label={translate('standalone-activities.form-id-reuse-policy-label')}
+        id="start-standalone-activity-id-reuse-policy-select"
+        bind:value={$form.idReusePolicy}
+      >
+        {#each activityIDReusePolicyOptions as option}
+          <Option value={option}
+            >{fromScreamingEnum(option, 'ActivityIdReusePolicy')}</Option
+          >
+        {/each}
+      </Select>
+
+      <Select
+        label={translate('standalone-activities.form-id-conflict-policy-label')}
+        id="start-standalone-activity-id-conflict-policy-select"
+        bind:value={$form.idConflictPolicy}
+      >
+        {#each activityIDConflictPolicyOptions as option}
+          <Option value={option}
+            >{fromScreamingEnum(option, 'ActivityIdConflictPolicy')}</Option
+          >
+        {/each}
+      </Select>
+    </Card>
+  {/if}
+
+  <div class="flex items-center justify-between">
+    <Button
+      type="button"
+      variant="ghost"
+      trailingIcon={advancedOptionsVisible ? 'chevron-up' : 'chevron-down'}
+      data-testid="start-standalone-activity-more-options"
+      on:click={() => (advancedOptionsVisible = !advancedOptionsVisible)}
+    >
+      {translate('common.more-options')}
+    </Button>
+
+    <Button data-testid="start-standalone-activity-submit-button" type="submit">
+      {translate('standalone-activities.start-standalone-activity')}
+    </Button>
+  </div>
+</form>
diff --git a/src/lib/components/standalone-activities/start-standalone-activity-form/types.ts b/src/lib/components/standalone-activities/start-standalone-activity-form/types.ts
new file mode 100644
index 0000000000..4f6887d3a5
--- /dev/null
+++ b/src/lib/components/standalone-activities/start-standalone-activity-form/types.ts
@@ -0,0 +1,36 @@
+import type { PayloadInputEncoding } from '$lib/models/payload-encoding';
+import type { SearchAttributeInput } from '$lib/stores/search-attributes';
+
+export interface StandaloneActivityFormData {
+  identity: string;
+  namespace: string;
+  activityId: string;
+  taskQueue: string;
+  activityType: string;
+  startToCloseTimeout: string;
+  scheduleToCloseTimeout: string;
+  scheduleToStartTimeout: string;
+  input: string;
+  encoding: PayloadInputEncoding;
+  messageType: string;
+  searchAttributes: SearchAttributeInput[];
+  summary: string;
+  details: string;
+  // retry policy
+  initialInterval: string;
+  backoffCoefficient: string;
+  maximumInterval: string;
+  maximumAttempts: string;
+}
+
+export type StandaloneActivityFormDefaults = Pick<
+  StandaloneActivityFormData,
+  | 'identity'
+  | 'namespace'
+  | 'encoding'
+  | 'activityId'
+  | 'activityType'
+  | 'taskQueue'
+  | 'startToCloseTimeout'
+  | 'scheduleToCloseTimeout'
+>;
diff --git a/src/lib/components/standalone-activities/terminate-confirmation-modal.svelte b/src/lib/components/standalone-activities/terminate-confirmation-modal.svelte
new file mode 100644
index 0000000000..cedee979eb
--- /dev/null
+++ b/src/lib/components/standalone-activities/terminate-confirmation-modal.svelte
@@ -0,0 +1,85 @@
+<script lang="ts">
+  import Input from '$lib/holocene/input/input.svelte';
+  import Modal from '$lib/holocene/modal.svelte';
+  import { translate } from '$lib/i18n/translate';
+  import { terminateActivityExecution } from '$lib/services/standalone-activities';
+  import { toaster } from '$lib/stores/toaster';
+  import type { ActivityExecutionInfo } from '$lib/types/activity-execution';
+  import { getIdentity } from '$lib/utilities/core-context';
+  import { isNetworkError } from '$lib/utilities/is-network-error';
+
+  interface Props {
+    open: boolean;
+    activityExecutionInfo: ActivityExecutionInfo;
+    namespace: string;
+    onConfirm: () => void;
+  }
+
+  let {
+    open = $bindable(),
+    activityExecutionInfo,
+    namespace,
+    onConfirm,
+  }: Props = $props();
+
+  let loading = $state(false);
+  let error = $state('');
+  let reason = $state('');
+
+  const identity = getIdentity();
+
+  const terminate = async () => {
+    error = '';
+    loading = true;
+    try {
+      await terminateActivityExecution(
+        namespace,
+        activityExecutionInfo.activityId,
+        activityExecutionInfo.runId,
+        reason,
+        identity,
+      );
+      open = false;
+      toaster.push({
+        id: 'activity-terminate-success-toast',
+        message: translate('standalone-activities.terminate-success'),
+      });
+      onConfirm();
+    } catch (err: unknown) {
+      error = isNetworkError(err)
+        ? err.message
+        : translate('common.unknown-error');
+    } finally {
+      loading = false;
+    }
+  };
+</script>
+
+<Modal
+  id="terminate-confirmation-modal"
+  data-testid="terminate-confirmation-modal"
+  confirmText={translate('standalone-activities.terminate')}
+  cancelText={translate('common.cancel')}
+  bind:error
+  bind:open
+  {loading}
+  confirmType="destructive"
+  on:confirmModal={terminate}
+>
+  <h3 slot="title">
+    {translate('standalone-activities.terminate-modal-title')}
+  </h3>
+  <div class="space-y-2" slot="content">
+    <p>
+      {translate('standalone-activities.terminate-modal-confirmation')}
+    </p>
+
+    <Input
+      id="terminate-activity-execution-reason"
+      label={translate('common.reason-placeholder')}
+      labelHidden
+      bind:value={reason}
+      placeholder={translate('common.reason-placeholder')}
+    />
+  </div>
+</Modal>
diff --git a/src/lib/components/workflow/metadata/workflow-summary-and-details.svelte b/src/lib/components/user-metadata.svelte
similarity index 71%
rename from src/lib/components/workflow/metadata/workflow-summary-and-details.svelte
rename to src/lib/components/user-metadata.svelte
index 3e857215f2..00c7271696 100644
--- a/src/lib/components/workflow/metadata/workflow-summary-and-details.svelte
+++ b/src/lib/components/user-metadata.svelte
@@ -1,12 +1,13 @@
 <script lang="ts">
   import Markdown from '$lib/holocene/markdown-editor/preview.svelte';
   import { translate } from '$lib/i18n/translate';
-  import { workflowRun } from '$lib/stores/workflow-run';
 
-  import MetadataEvents from './metadata-events.svelte';
+  interface Props {
+    summary: string;
+    details: string;
+  }
 
-  const summary = $derived($workflowRun?.userMetadata?.summary);
-  const details = $derived($workflowRun?.userMetadata?.details);
+  let { summary, details }: Props = $props();
 </script>
 
 <div class="flex h-full flex-1 flex-col bg-primary">
@@ -42,12 +43,4 @@
       </div>
     {/if}
   </div>
-  <div>
-    <div class="surface-information w-full px-6 py-2">
-      <h3 data-testid="user-metadata-summary-heading">Events with Metadata</h3>
-    </div>
-    <div class="py-6">
-      <MetadataEvents />
-    </div>
-  </div>
 </div>
diff --git a/src/lib/components/worker-table.svelte b/src/lib/components/worker-table.svelte
index c66592c3e2..52737720ca 100644
--- a/src/lib/components/worker-table.svelte
+++ b/src/lib/components/worker-table.svelte
@@ -12,7 +12,6 @@
   import { translate } from '$lib/i18n/translate';
   import { getWorkflowPollersWithVersions } from '$lib/runes/workflow-versions.svelte';
   import { type PollerWithTaskQueueTypes } from '$lib/services/pollers-service';
-  import { workflowRun } from '$lib/stores/workflow-run';
   import type { TaskQueueResponse } from '$lib/types';
   import type { DeploymentStatus as Status } from '$lib/types/deployments';
   import { routeForWorkerDeployment } from '$lib/utilities/route-for';
@@ -23,12 +22,12 @@
 
   type Props = {
     workers: TaskQueueResponse;
+    searchAttributes?: Record<string, string>;
     children?: Snippet;
   };
-  let { workers, children }: Props = $props();
+  let { workers, searchAttributes = {}, children }: Props = $props();
 
   const { namespace } = $derived(page.params);
-  const { workflow } = $derived($workflowRun);
   const {
     pollers,
     pinned,
@@ -37,7 +36,7 @@
     currentDeployment,
     rampingBuildId,
     rampingDeployment,
-  } = $derived(getWorkflowPollersWithVersions(workflow, workers));
+  } = $derived(getWorkflowPollersWithVersions(searchAttributes, workers));
 
   const getPollerDeploymentName = (poller: PollerWithTaskQueueTypes) => {
     const deployment =
diff --git a/src/lib/components/workflow/add-search-attributes.svelte b/src/lib/components/workflow/add-search-attributes.svelte
index 6a966e7541..f64db6b8e4 100644
--- a/src/lib/components/workflow/add-search-attributes.svelte
+++ b/src/lib/components/workflow/add-search-attributes.svelte
@@ -34,8 +34,8 @@
 </script>
 
 <div class="flex flex-col gap-4 {className}">
-  {#each attributes as attribute}
-    <SearchAttributeInput {attributes} bind:attribute {onRemove} />
+  {#each attributes as attribute, id}
+    <SearchAttributeInput {id} {attributes} bind:attribute {onRemove} />
   {/each}
   <Button
     {variant}
diff --git a/src/lib/components/workflow/client-actions/signal-confirmation-modal.svelte b/src/lib/components/workflow/client-actions/signal-confirmation-modal.svelte
index 8c36685900..c65bd3f643 100644
--- a/src/lib/components/workflow/client-actions/signal-confirmation-modal.svelte
+++ b/src/lib/components/workflow/client-actions/signal-confirmation-modal.svelte
@@ -1,14 +1,13 @@
 <script lang="ts">
   import { writable, type Writable } from 'svelte/store';
 
-  import PayloadInputWithEncoding, {
-    type PayloadInputEncoding,
-  } from '$lib/components/payload-input-with-encoding.svelte';
+  import PayloadInputWithEncoding from '$lib/components/payload-input-with-encoding.svelte';
   import Input from '$lib/holocene/input/input.svelte';
   import Modal from '$lib/holocene/modal.svelte';
   import Option from '$lib/holocene/select/option.svelte';
   import Select from '$lib/holocene/select/select.svelte';
   import { translate } from '$lib/i18n/translate';
+  import type { PayloadInputEncoding } from '$lib/models/payload-encoding';
   import { signalWorkflow } from '$lib/services/workflow-service';
   import { toaster } from '$lib/stores/toaster';
   import { workflowRun } from '$lib/stores/workflow-run';
diff --git a/src/lib/components/workflow/client-actions/update-confirmation-modal.svelte b/src/lib/components/workflow/client-actions/update-confirmation-modal.svelte
index 1d1371ba6e..ef4a92aa95 100644
--- a/src/lib/components/workflow/client-actions/update-confirmation-modal.svelte
+++ b/src/lib/components/workflow/client-actions/update-confirmation-modal.svelte
@@ -4,7 +4,6 @@
   import { page } from '$app/stores';
 
   import PayloadDecoder from '$lib/components/event/payload-decoder.svelte';
-  import { type PayloadInputEncoding } from '$lib/components/payload-input-with-encoding.svelte';
   import PayloadInput from '$lib/components/payload-input.svelte';
   import Alert from '$lib/holocene/alert.svelte';
   import Button from '$lib/holocene/button.svelte';
@@ -14,6 +13,7 @@
   import Option from '$lib/holocene/select/option.svelte';
   import Select from '$lib/holocene/select/select.svelte';
   import { translate } from '$lib/i18n/translate';
+  import { type PayloadInputEncoding } from '$lib/models/payload-encoding';
   import { updateWorkflow } from '$lib/services/workflow-service';
   import { toaster } from '$lib/stores/toaster';
   import { workflowRun } from '$lib/stores/workflow-run';
diff --git a/src/lib/components/workflow/search-attribute-input/index.svelte b/src/lib/components/workflow/search-attribute-input/index.svelte
index ffd2a7c0b8..66d8e853bb 100644
--- a/src/lib/components/workflow/search-attribute-input/index.svelte
+++ b/src/lib/components/workflow/search-attribute-input/index.svelte
@@ -20,6 +20,7 @@
 
   export let attribute: SearchAttributeInput;
   export let onRemove: (attribute: string) => void;
+  export let id: number;
 
   let label: SelectOptionValue;
   let _label = attribute.label || (label && label.toString());
@@ -50,7 +51,7 @@
   <div class="flex min-w-fit justify-between gap-2 sm:gap-4">
     <div class="grow [&_button]:w-full">
       <Select
-        id="search-attribute"
+        id="search-attribute-{id}"
         data-testid="search-attribute-select"
         label={translate('workflows.custom-search-attribute')}
         placeholder={translate('workflows.select-attribute')}
@@ -74,7 +75,7 @@
   {#if attribute.type === SEARCH_ATTRIBUTE_TYPE.BOOL}
     <Select
       label={translate('common.value')}
-      id="attribute-value"
+      id="attribute-value-{id}"
       bind:value={attribute.value}
     >
       <Option value={true}>{translate('common.true')}</Option>
@@ -86,7 +87,7 @@
     <div>
       <NumberInput
         label={translate('common.value')}
-        id="attribute-value"
+        id="attribute-value-{id}"
         valid={attribute.value < Number.MAX_SAFE_INTEGER}
         hintText="Number is too large"
         bind:value={attribute.value}
@@ -96,7 +97,7 @@
   {:else if attribute.type === SEARCH_ATTRIBUTE_TYPE.KEYWORDLIST}
     <ChipInput
       label={translate('common.value')}
-      id="attribute-value"
+      id="attribute-value-{id}"
       bind:chips={attribute.value}
       class="w-full"
       removeChipButtonLabel={(chip) =>
@@ -106,14 +107,14 @@
     <Input
       label={translate('common.value')}
       data-testid="custom-search-attribute-value"
-      id="attribute-value"
+      id="attribute-value-{id}"
       class="grow"
       bind:value={attribute.value}
     />
   {:else}
     <Input
       label={translate('common.value')}
-      id="attribute-value"
+      id="attribute-value-{id}"
       class="grow"
       placeholder={translate('workflows.unsupported-attribute')}
       error
diff --git a/src/lib/components/workflow/workflows-summary-configurable-table.svelte b/src/lib/components/workflow/workflows-summary-configurable-table.svelte
index d1af11f0b6..031161a108 100644
--- a/src/lib/components/workflow/workflows-summary-configurable-table.svelte
+++ b/src/lib/components/workflow/workflows-summary-configurable-table.svelte
@@ -86,7 +86,6 @@
     nextButtonLabel={translate('common.next')}
     previousButtonLabel={translate('common.previous')}
     emptyStateMessage={translate('workflows.empty-state-title')}
-    maxHeight="var(--panel-h)"
   >
     <caption class="sr-only" slot="caption">
       {translate('common.workflows')}
diff --git a/src/lib/holocene/button.svelte b/src/lib/holocene/button.svelte
index cf3a131cec..dcbce6f925 100644
--- a/src/lib/holocene/button.svelte
+++ b/src/lib/holocene/button.svelte
@@ -62,15 +62,23 @@
     disableTracking?: boolean;
   };
 
+  // Prevent Svelte 5 event handler props - use on:click instead
+  type ForbiddenEventProps = {
+    onclick?: never;
+    onkeydown?: never;
+  };
+
   export type ButtonStyles = VariantProps<typeof buttonStyles>;
 
   export type ButtonWithoutHrefProps = BaseProps &
     ButtonStyles &
-    HTMLButtonAttributes;
+    Omit<HTMLButtonAttributes, 'onclick' | 'onkeydown'> &
+    ForbiddenEventProps;
 
   export type ButtonWithHrefProps = BaseProps &
     ButtonStyles &
-    HTMLAnchorAttributes & {
+    Omit<HTMLAnchorAttributes, 'onclick'> &
+    ForbiddenEventProps & {
       href: string;
       target?: HTMLAnchorAttributes['target'];
       disabled?: boolean;
diff --git a/src/lib/holocene/card.svelte b/src/lib/holocene/card.svelte
index 8587194818..9b51334f28 100644
--- a/src/lib/holocene/card.svelte
+++ b/src/lib/holocene/card.svelte
@@ -1,13 +1,26 @@
 <script lang="ts">
+  import type { HTMLAttributes } from 'svelte/elements';
+
   import type { Snippet } from 'svelte';
+  import { type ClassNameValue, twMerge } from 'tailwind-merge';
 
-  type Props = {
-    class?: string;
+  interface Props extends Omit<HTMLAttributes<HTMLDivElement>, 'class'> {
+    class?: ClassNameValue;
     children?: Snippet;
-  };
-  let { class: className = '', children }: Props = $props();
+  }
+
+  let { class: className = '', children, ...rest }: Props = $props();
 </script>
 
-<div class="surface-primary border border-subtle p-4 {className}">
+<div
+  class={twMerge(
+    'surface-primary',
+    'border',
+    'border-subtle',
+    'p-4',
+    className,
+  )}
+  {...rest}
+>
   {@render children?.()}
 </div>
diff --git a/src/lib/holocene/duration-input/duration-input.mdx b/src/lib/holocene/duration-input/duration-input.mdx
new file mode 100644
index 0000000000..f0dcb7efd1
--- /dev/null
+++ b/src/lib/holocene/duration-input/duration-input.mdx
@@ -0,0 +1,67 @@
+import { Meta } from '@storybook/blocks';
+
+import DurationInput from './duration-input.stories.svelte';
+
+<Meta of={DurationInput} />
+
+# Duration Input
+
+`<DurationInput />` allows specifying a Duration in seconds (eg: `"10s"`) while allowing input in varying units.
+
+By default, `<DurationInput />` includes the following Unit options:
+
+- millisecond(s)
+- second(s)
+- minute(s)
+- hour(s)
+
+When entering a value with "millisecond(s)" selected, the value will be converted to a `Duration`, eg. `1000` will be converted to `"1s"`.
+
+An array of custom `Units` can be passed if more options are needed. A `Unit` is described by a `label`, and a `convert` function, with the type signature: `(n: number) => number`. The job of the `convert` function is to convert the value in the selected unit to seconds.
+
+```svelte
+<script lang="ts">
+  import DurationInput, {
+    type Units,
+  } from '$lib/holocene/duration-input/duration-input.svelte';
+
+  const customUnits: Units<'day(s)' | 'week(s)'> = [
+    { label: 'day(s)', convert: (n) => n * 60 * 60 * 24 },
+    { label: 'week(s)', convert: (n) => n * 60 * 60 * 24 * 7 },
+  ];
+
+  let duration = $state('');
+</script>
+
+<DurationInput
+  label="Duration"
+  id="duration"
+  bind:value={duration}
+  units={customUnits}
+  initialUnit="day(s)"
+/>
+```
+
+The `<DurationInput />` Props interface is generic, such that the type of the `initialUnit` prop can be inferred based on the array of `Units` passed in:
+
+```svelte
+<script lang="ts">
+  import DurationInput, { type Units } from '$lib/holocene/duration-input/duration-input.svelte';
+
+  const customUnits: Units<'day(s)' | 'week(s)'> = [
+    { label: 'day(s)', convert: (n) => (n * 60 * 60 * 24) },
+    { label: 'week(s)', convert: (n) => (n * 60 * 60 * 24 * 7) }
+  ];
+
+  let duration = $state('');
+</script>
+
+
+<DurationInput
+  label="Duration"
+  id="duration"
+  bind:value={duration}
+  units={customUnits}
+  initialUnit="second(s)" <!-- will error because "second(s)" is not included in customUnits -->
+/>
+```
diff --git a/src/lib/holocene/duration-input/duration-input.stories.svelte b/src/lib/holocene/duration-input/duration-input.stories.svelte
new file mode 100644
index 0000000000..6b44a4be99
--- /dev/null
+++ b/src/lib/holocene/duration-input/duration-input.stories.svelte
@@ -0,0 +1,51 @@
+<script lang="ts" module>
+  import { defineMeta } from '@storybook/addon-svelte-csf';
+  import type { ComponentProps } from 'svelte';
+
+  import DurationInput from './duration-input.svelte';
+
+  export { template };
+
+  const { Story } = defineMeta({
+    title: 'Duration Input',
+    component: DurationInput,
+    render: template,
+    argTypes: {
+      value: { control: false },
+      units: { control: false },
+      initialUnit: { control: false },
+    },
+    args: {
+      value: '',
+      id: 'duration-input',
+      label: 'Duration',
+      required: false,
+    },
+  });
+
+  type Args = ComponentProps<
+    DurationInput<string, { label: string; convert: (n: number) => number }[]>
+  >;
+</script>
+
+{#snippet template(args: Args)}
+  <DurationInput
+    {...args}
+    bind:value={args.value}
+    hintText="Value: {args.value}"
+  />
+{/snippet}
+
+<Story name="With default units" />
+
+<Story
+  name="With custom units"
+  args={{
+    units: [
+      { label: 'Nanosecond(s)', convert: (n) => n / Math.pow(10, 9) },
+      { label: 'Day(s)', convert: (n) => n * 86400 },
+      { label: 'Week(s)', convert: (n) => n * 604800 },
+    ],
+    initialUnit: 'Day(s)',
+  }}
+/>
diff --git a/src/lib/holocene/duration-input/duration-input.svelte b/src/lib/holocene/duration-input/duration-input.svelte
new file mode 100644
index 0000000000..c80692e83f
--- /dev/null
+++ b/src/lib/holocene/duration-input/duration-input.svelte
@@ -0,0 +1,137 @@
+<script lang="ts" module>
+  export type Unit<K extends string> = {
+    label: K;
+    convert: (n: number) => number;
+  };
+
+  export type Units<T extends string> = Unit<T>[];
+
+  export const MILLISECONDS: Unit<'millisecond(s)'> = {
+    label: 'millisecond(s)',
+    convert: (n) => n / 1000,
+  };
+
+  export const SECONDS: Unit<'second(s)'> = {
+    label: 'second(s)',
+    convert: (n) => n,
+  };
+
+  export const MINUTES: Unit<'minute(s)'> = {
+    label: 'minute(s)',
+    convert: (n) => n * 60,
+  };
+
+  export const HOURS: Unit<'hour(s)'> = {
+    label: 'hour(s)',
+    convert: (n) => n * 60 * 60,
+  };
+
+  export type DefaultUnits =
+    | 'millisecond(s)'
+    | 'second(s)'
+    | 'minute(s)'
+    | 'hour(s)';
+
+  export const DEFAULT_UNITS: Units<DefaultUnits> = [
+    MILLISECONDS,
+    SECONDS,
+    MINUTES,
+    HOURS,
+  ];
+
+  export const parseDuration = (duration: string): string => {
+    return duration.split('s')[0] ?? '';
+  };
+
+  type ExtractLabel<T> = T extends { label: infer K }[] ? K : never;
+</script>
+
+<script lang="ts">
+  import type { ChangeEventHandler } from 'svelte/elements';
+
+  import { type ClassNameValue, twMerge } from 'tailwind-merge';
+
+  import Label from '../label.svelte';
+
+  type K = $$Generic<string>;
+  type T = $$Generic<Units<K>>;
+
+  interface BaseProps {
+    value: string;
+    label: string;
+    id: string;
+    required?: boolean;
+    hintText?: string;
+    class?: ClassNameValue;
+  }
+
+  interface PropsWithoutCustomUnits extends BaseProps {
+    units?: never;
+    initialUnit?: never;
+  }
+
+  interface PropsWithCustomUnits extends BaseProps {
+    units: T;
+    initialUnit: ExtractLabel<T>;
+  }
+
+  type Props = PropsWithoutCustomUnits | PropsWithCustomUnits;
+
+  let {
+    label,
+    id,
+    hintText,
+    units = DEFAULT_UNITS as T,
+    initialUnit = 'second(s)' as ExtractLabel<T>,
+    required = false,
+    value = $bindable(),
+    class: className = '',
+  }: Props = $props();
+
+  let rawValue = $state(parseDuration(value));
+  let unit = $state(initialUnit);
+
+  const convert = (durationValue: string, durationUnit: string) => {
+    const unit = units.find((u) => u.label === durationUnit);
+
+    if (unit) {
+      value = `${unit.convert(Number(durationValue))}s`;
+    }
+  };
+
+  const handleNumberInput: ChangeEventHandler<HTMLInputElement> = (e) => {
+    convert(e.currentTarget.value, unit);
+  };
+
+  const handleUnitChange: ChangeEventHandler<HTMLSelectElement> = (e) => {
+    convert(rawValue, e.currentTarget.value);
+  };
+</script>
+
+<div class={twMerge('flex flex-col gap-1', className)}>
+  <Label {required} {label} for={id} />
+  <div
+    class="surface-primary flex h-10 items-center border border-subtle focus-within:ring-2 focus-within:ring-brand/50"
+  >
+    <input
+      {id}
+      class="flex h-full grow border-r border-subtle bg-transparent p-2 focus-visible:outline-none"
+      type="number"
+      bind:value={rawValue}
+      oninput={handleNumberInput}
+    />
+    <select
+      id="{id}-unit-select"
+      class="surface-secondary h-full pl-2 focus-visible:outline-none"
+      bind:value={unit}
+      onchange={handleUnitChange}
+    >
+      {#each units as unit}
+        <option value={unit.label}>{unit.label}</option>
+      {/each}
+    </select>
+  </div>
+  {#if hintText}
+    <p class="text-xs text-secondary">{hintText}</p>
+  {/if}
+</div>
diff --git a/src/lib/holocene/icon/svg/activity.svelte b/src/lib/holocene/icon/svg/activity.svelte
index ac1a65d8e6..2007b665e6 100644
--- a/src/lib/holocene/icon/svg/activity.svelte
+++ b/src/lib/holocene/icon/svg/activity.svelte
@@ -5,7 +5,7 @@
 
 <Svg {...props}>
   <path
-    d="M11.0031 18.8625L12 20L12.9969 18.8625L19 12L12.9969 5.1375L12 4L11.0031 5.1375L5 12L11.0031 18.8625ZM12 17.7219L6.99375 12L12 6.27813L17.0063 12L12 17.7219Z"
+    d="M 10.454314,22.29375 11.949664,24 13.445014,22.29375 22.449664,12 13.445014,1.70625 11.949664,0 10.454314,1.70625 1.4496644,12 Z m 1.49535,-1.7109 L 4.4402894,12 11.949664,3.417195 19.459114,12 Z"
     fill="currentcolor"
   />
 </Svg>
diff --git a/src/lib/holocene/navigation/navigation-container.svelte b/src/lib/holocene/navigation/navigation-container.svelte
index 45c3f679db..092de8184d 100644
--- a/src/lib/holocene/navigation/navigation-container.svelte
+++ b/src/lib/holocene/navigation/navigation-container.svelte
@@ -33,7 +33,7 @@
 
 <nav
   class={merge(
-    'group grid min-h-screen w-16 grid-cols-[2rem] grid-rows-[fit-content(1.5rem)] gap-2 border-r border-subtle px-4 py-5 transition-width data-[nav=open]:w-[180px] data-[nav=open]:grid-cols-[100%]',
+    'group grid min-h-screen w-16 grid-cols-[2rem] grid-rows-[fit-content(1.5rem)] gap-2 border-r border-subtle px-4 py-5 transition-width data-[nav=open]:w-auto data-[nav=open]:grid-cols-[100%]',
     'focus-visible:[&_[role=button]]:outline-none focus-visible:[&_[role=button]]:ring-2 focus-visible:[&_[role=button]]:ring-primary/70 focus-visible:[&_a]:outline-none focus-visible:[&_a]:ring-2 focus-visible:[&_a]:ring-primary/70',
     isCloud
       ? 'w-16 bg-gradient-to-b from-indigo-600 to-indigo-950 text-off-white focus-visible:[&_[role=button]]:outline-none focus-visible:[&_[role=button]]:ring-2 focus-visible:[&_[role=button]]:ring-success focus-visible:[&_a]:ring-success'
diff --git a/src/lib/holocene/tab-buttons/tab-button.svelte b/src/lib/holocene/tab-buttons/tab-button.svelte
index 26cd9ecc5c..dcb2efb1b6 100644
--- a/src/lib/holocene/tab-buttons/tab-button.svelte
+++ b/src/lib/holocene/tab-buttons/tab-button.svelte
@@ -60,6 +60,7 @@
   on:click
   role="button"
   tabindex="0"
+  type={href ? undefined : 'button'}
   {...$$restProps}
 >
   <Tooltip hide={!tooltip} text={tooltip} top>
diff --git a/src/lib/holocene/table/paginated-table/index.svelte b/src/lib/holocene/table/paginated-table/index.svelte
index 0e16085900..abb4f20f33 100644
--- a/src/lib/holocene/table/paginated-table/index.svelte
+++ b/src/lib/holocene/table/paginated-table/index.svelte
@@ -25,23 +25,16 @@
 
   let className: ClassNameValue = '';
   export { className as class };
-
-  let tableContainer: HTMLDivElement;
-
-  $: tableOffset = tableContainer?.offsetTop
-    ? tableContainer.offsetTop + 32
-    : 0;
 </script>
 
 <div
   class={merge(
-    'surface-primary min-h-[154px] grow overflow-auto border border-subtle',
+    'surface-primary overflow-x-auto border border-subtle',
     className,
   )}
-  bind:this={tableContainer}
-  style="max-height: {maxHeight || `calc(100vh - ${tableOffset}px)`};
-
- --table-header-h: 2.25rem;"
+  style={maxHeight
+    ? `max-height: ${maxHeight}; --table-header-h: 2.25rem;`
+    : '--table-header-h: 2.25rem;'}
 >
   {#if loading}
     {#if $$slots.loading}
@@ -50,6 +43,15 @@
       <SkeletonTable bordered={false} rows={25} />
     {/if}
   {:else}
+    {#if visibleItems.length}
+      <div
+        class="surface-primary flex w-full items-center justify-between gap-2 border-b border-subtle px-4 py-2"
+      >
+        <slot name="actions-start" />
+        <slot name="actions-center" />
+        <slot name="actions-end" />
+      </div>
+    {/if}
     <Table bordered={false} {updating} {fixed} {...$$restProps}>
       <slot slot="caption" name="caption" />
       <slot slot="headers" name="headers" {visibleItems} />
@@ -57,7 +59,7 @@
     </Table>
     {#if visibleItems.length}
       <div
-        class="surface-primary sticky bottom-0 left-0 flex w-full grow items-center justify-between gap-2 border-t border-subtle px-4 py-2"
+        class="surface-primary flex w-full items-center justify-between gap-2 border-t border-subtle px-4 py-2"
       >
         <slot name="actions-start" />
         <slot name="actions-center" />
diff --git a/src/lib/i18n/locales/en/common.ts b/src/lib/i18n/locales/en/common.ts
index bf2590b382..a969a8e032 100644
--- a/src/lib/i18n/locales/en/common.ts
+++ b/src/lib/i18n/locales/en/common.ts
@@ -133,6 +133,7 @@ export const Strings = {
   'copy-icon-title': 'Click to copy content',
   'copy-success-icon-title': 'Content copied to clipboard',
   'filter-workflows': 'Filter workflows',
+  'filter-activities': 'Filter activities',
   'event-category-filter-label': 'Open event category filter menu',
   'event-date-filter-label': 'Open event date filter menu',
   'date-time-menu-label': 'Open time format menu',
diff --git a/src/lib/i18n/locales/en/index.ts b/src/lib/i18n/locales/en/index.ts
index 3e76880e30..e621ad1adc 100644
--- a/src/lib/i18n/locales/en/index.ts
+++ b/src/lib/i18n/locales/en/index.ts
@@ -10,6 +10,7 @@ import * as Namespaces from './namespaces';
 import * as Nexus from './nexus';
 import * as Schedules from './schedules';
 import * as SearchAttributes from './search-attributes';
+import * as StandaloneActivities from './standalone-activities';
 import * as TypedErrors from './typed-errors';
 import * as Workers from './workers';
 import * as Workflows from './workflows';
@@ -31,5 +32,6 @@ export const English = {
   [Namespaces.Namespace]: Namespaces.Strings,
   [Nexus.Namespace]: Nexus.Strings,
   [SearchAttributes.Namespace]: SearchAttributes.Strings,
+  [StandaloneActivities.Namespace]: StandaloneActivities.Strings,
   [Workers.Namespace]: Workers.Strings,
 } as const;
diff --git a/src/lib/i18n/locales/en/standalone-activities.ts b/src/lib/i18n/locales/en/standalone-activities.ts
new file mode 100644
index 0000000000..e07966f878
--- /dev/null
+++ b/src/lib/i18n/locales/en/standalone-activities.ts
@@ -0,0 +1,88 @@
+export const Namespace = 'standalone-activities' as const;
+
+export const Strings = {
+  'standalone-activities': 'Standalone Activities',
+  'start-standalone-activity': 'Start Standalone Activity',
+  'activities-error-querying': 'Error querying activities',
+  'activity-query-error-state': 'Error Filtering Activities',
+  'activities-plural_one': 'Standalone Activity',
+  'activities-plural_other': 'Standalone Activities',
+  'all-activities': 'All',
+  'running-activities': 'Running',
+  'completed-activities': 'Completed',
+  'failed-activities': 'Failed',
+  'canceled-activities': 'Canceled',
+  'terminated-activities': 'Terminated',
+  'timed-out-activities': 'Timed Out',
+  'empty-state-title': 'No Activities Found',
+  'empty-state-description': 'No activities match the current filters.',
+  'custom-views': 'Custom Views',
+  'recent-activities': 'Recent Standalone Activities',
+  'activity-id': 'Activity ID',
+  'run-id': 'Run ID',
+  'activity-type': 'Activity Type',
+  'task-queue': 'Task Queue',
+  'start-time': 'Start Time',
+  'execution-time': 'Execution Time',
+  'close-time': 'Close Time',
+  'execution-duration': 'Execution Duration',
+  'state-transitions': 'State Transitions',
+  'activities-table': 'Standalone Activities Table',
+  'back-to-activities': 'Back to Standalone Activities',
+  'start-activity-like-this-one': 'Start Standalone Activity Like This One',
+  'request-cancellation': 'Request Cancellation',
+  terminate: 'Terminate',
+  'cancel-modal-title': 'Cancel Standalone Activity',
+  'cancel-modal-confirmation':
+    'Are you sure you want to cancel this standalone activity?',
+  'cancel-success': 'Standalone Activity cancellation requested.',
+  'terminate-modal-title': 'Terminate Standalone Activity',
+  'terminate-modal-confirmation':
+    'Are you sure you want to terminate this standalone activity? This action cannot be undone.',
+  'terminate-success': 'Standalone Activity terminated.',
+  'activity-execution-actions': 'Standalone Activity Actions',
+  'standalone-activities-disabled':
+    'Standalone Activities are disabled for this Namespace.',
+  'standalone-activities-enablement':
+    'If you want to enable Standalone Activities globally, please ensure the following values are set in Dynamic Config.',
+  'standalone-activities-enablement-per-namespace':
+    'If you want to enable Standalone Activities for this namespace only, include the following',
+  'form-activity-id-label': 'Activity ID',
+  'form-activity-id-required': 'Activity ID is required.',
+  'form-task-queue-label': 'Task Queue',
+  'form-task-queue-required': 'Task Queue is required.',
+  'form-activity-type-label': 'Activity Type',
+  'form-activity-type-required': 'Activity Type is required.',
+  'form-random-uuid': 'Random UUID',
+  'form-timeouts-heading': 'Activity Timeouts',
+  'form-start-to-close-timeout-label': 'Start to Close Timeout',
+  'form-start-to-close-timeout-hint':
+    'Maximum time an activity is allowed to execute after being picked up by a worker.',
+  'form-schedule-to-close-timeout-label': 'Schedule to Close Timeout',
+  'form-schedule-to-close-timeout-hint':
+    'How long the caller is willing to wait for an activity completion.',
+  'form-schedule-to-start-timeout-label': 'Schedule to Start Timeout',
+  'form-schedule-to-start-timeout-hint':
+    'Limits time an activity task can stay in a task queue before a worker picks it up. Defaults to "Schedule to Close Timeout" if not specified.',
+  'form-timeout-required':
+    'Either "Start to Close Timeout" or "Schedule to Close Timeout" is required.',
+  'form-search-attributes-heading': 'Custom Search Attributes',
+  'form-search-attributes-description':
+    'Indexed fields used in a List Filter to filter a list of Standalone Activities.',
+  'form-user-metadata-heading': 'User Metadata',
+  'form-user-metadata-description':
+    'Add context to Standalone Activities to help identify and understand its operations.',
+  'form-retry-policy-heading': 'Retry Policy',
+  'form-heartbeat-timeout-label': 'Heartbeat Timeout',
+  'form-heartbeat-timeout-hint':
+    'Maximum permitted time between successful worker heartbeats.',
+  'form-id-policies-heading': 'Activity ID Policies',
+  'form-id-reuse-policy-label': 'ID Reuse Policy',
+  'form-id-conflict-policy-label': 'ID Conflict Policy',
+  'form-activity-started': 'Activity execution started.',
+  'layout-tabs-label': 'Activity Execution Tabs',
+  'layout-details-tab': 'Details',
+  'layout-workers-tab': 'Workers',
+  'layout-search-attributes-tab': 'Search Attributes',
+  'layout-user-metadata-tab': 'User Metadata',
+} as const;
diff --git a/src/lib/layouts/standalone-activity-layout.svelte b/src/lib/layouts/standalone-activity-layout.svelte
new file mode 100644
index 0000000000..5da0e3d8d1
--- /dev/null
+++ b/src/lib/layouts/standalone-activity-layout.svelte
@@ -0,0 +1,127 @@
+<script lang="ts">
+  import type { Snippet } from 'svelte';
+
+  import { page } from '$app/state';
+
+  import ActivityExecutionHeader from '$lib/components/standalone-activities/activity-header.svelte';
+  import Alert from '$lib/holocene/alert.svelte';
+  import Link from '$lib/holocene/link.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 { getActivityPollers } from '$lib/services/pollers-service';
+  import { activitiesSearchParams } from '$lib/stores/activities';
+  import type { ActivityExecution } from '$lib/types/activity-execution';
+  import { pathMatches } from '$lib/utilities/path-matches';
+  import {
+    routeForStandaloneActivities,
+    routeForStandaloneActivityDetails,
+    routeForStandaloneActivityMetadata,
+    routeForStandaloneActivitySearchAttributes,
+    routeForStandaloneActivityWorkers,
+  } from '$lib/utilities/route-for';
+  import type { StandaloneActivityPoller } from '$lib/utilities/standalone-activity-poller.svelte';
+
+  interface Props {
+    activityExecution: ActivityExecution;
+    namespace: string;
+    activityId: string;
+    children: Snippet;
+    poller: StandaloneActivityPoller;
+  }
+
+  let { activityExecution, children, namespace, activityId, poller }: Props =
+    $props();
+
+  const routeParameters = $derived({ namespace, activityId });
+
+  const detailsRoute = $derived(
+    routeForStandaloneActivityDetails(routeParameters),
+  );
+
+  const workersRoute = $derived(
+    routeForStandaloneActivityWorkers(routeParameters),
+  );
+
+  const searchAttributesRoute = $derived(
+    routeForStandaloneActivitySearchAttributes(routeParameters),
+  );
+
+  const metadataRoute = $derived(
+    routeForStandaloneActivityMetadata(routeParameters),
+  );
+
+  const activitiesHref = $derived(
+    `${routeForStandaloneActivities({ namespace })}?${$activitiesSearchParams}`,
+  );
+
+  // activityExecution.info.taskQueue is intentional here, when the poller resolves, the reference to
+  // activityExecution is updated, causing the $derived to re-run and the #await block to re-trigger.
+  const getPollersRequest = $derived(
+    getActivityPollers({ queue: activityExecution.info.taskQueue, namespace }),
+  );
+</script>
+
+{#if activityExecution}
+  <div class="flex flex-col gap-4">
+    <div class="flex items-center gap-2">
+      <Link
+        href={activitiesHref}
+        data-testid="back-to-activities"
+        icon="chevron-left"
+      >
+        {translate('standalone-activities.back-to-activities')}
+      </Link>
+    </div>
+    <ActivityExecutionHeader
+      {namespace}
+      {poller}
+      activityExecutionInfo={activityExecution.info}
+    />
+
+    <Tabs>
+      <TabList label={translate('standalone-activities.layout-tabs-label')}>
+        <Tab
+          label={translate('standalone-activities.layout-details-tab')}
+          id="activity-execution-details-tab"
+          href={detailsRoute}
+          active={pathMatches(page.url.pathname, detailsRoute)}
+        />
+        <Tab
+          label={translate('standalone-activities.layout-workers-tab')}
+          id="activity-execution-workers-tab"
+          href={workersRoute}
+          active={pathMatches(page.url.pathname, workersRoute)}
+        />
+        <Tab
+          label={translate(
+            'standalone-activities.layout-search-attributes-tab',
+          )}
+          id="activity-execution-search-attributes-tab"
+          href={searchAttributesRoute}
+          active={pathMatches(page.url.pathname, searchAttributesRoute)}
+        />
+        <Tab
+          label={translate('standalone-activities.layout-user-metadata-tab')}
+          id="activity-execution-metadata-tab"
+          href={metadataRoute}
+          active={pathMatches(page.url.pathname, metadataRoute)}
+        />
+      </TabList>
+    </Tabs>
+    {#await getPollersRequest then response}
+      {#if !response.pollers && activityExecution.info.status === 'ACTIVITY_EXECUTION_STATUS_RUNNING'}
+        <Alert
+          intent="error"
+          title={translate('workflows.workflow-error-no-workers-title')}
+        >
+          {translate('workflows.workflow-error-no-workers-description', {
+            taskQueue: activityExecution.info.taskQueue,
+          })}
+        </Alert>
+      {/if}
+    {/await}
+    {@render children()}
+  </div>
+{/if}
diff --git a/src/lib/layouts/workflow-header.svelte b/src/lib/layouts/workflow-header.svelte
index d85823287c..7484d0f215 100644
--- a/src/lib/layouts/workflow-header.svelte
+++ b/src/lib/layouts/workflow-header.svelte
@@ -250,8 +250,10 @@
         )}
       >
         <Badge type="primary" class="px-2 py-0">
-          {getWorkflowPollersWithVersions(workflow, workers)?.pollers?.length ||
-            0}
+          {getWorkflowPollersWithVersions(
+            workflow.searchAttributes.indexedFields,
+            workers,
+          )?.pollers?.length || 0}
         </Badge>
       </Tab>
       <Tab
diff --git a/src/lib/models/payload-encoding.ts b/src/lib/models/payload-encoding.ts
new file mode 100644
index 0000000000..ab59f17c99
--- /dev/null
+++ b/src/lib/models/payload-encoding.ts
@@ -0,0 +1,7 @@
+export const encodings = ['json/plain', 'json/protobuf'] as const;
+
+export type PayloadInputEncoding = (typeof encodings)[number];
+
+export const isPayloadInputEncodingType = (
+  x: unknown,
+): x is PayloadInputEncoding => encodings.includes(x as PayloadInputEncoding);
diff --git a/src/lib/pages/standalone-activities.svelte b/src/lib/pages/standalone-activities.svelte
new file mode 100644
index 0000000000..fc78fc6692
--- /dev/null
+++ b/src/lib/pages/standalone-activities.svelte
@@ -0,0 +1,136 @@
+<script lang="ts">
+  import type { Snippet } from 'svelte';
+  import { onMount } from 'svelte';
+  import { twMerge as merge } from 'tailwind-merge';
+
+  import { page } from '$app/state';
+
+  import ActivitiesSummaryConfigurableTable from '$lib/components/standalone-activities/activities-summary-configurable-table.svelte';
+  import FilterBar from '$lib/components/standalone-activities/activities-summary-filter-bar/filter-bar.svelte';
+  import ActivityCountRefresh from '$lib/components/standalone-activities/activity-count-refresh.svelte';
+  import ActivityCounts from '$lib/components/standalone-activities/activity-counts.svelte';
+  import SavedActivityViews from '$lib/components/standalone-activities/saved-views.svelte';
+  import ConfigurableTableHeadersDrawer from '$lib/components/workflow/configurable-table-headers-drawer/index.svelte';
+  import { translate } from '$lib/i18n/translate';
+  import Translate from '$lib/i18n/translate.svelte';
+  import {
+    activitiesQuery,
+    activitiesSearchParams,
+    activityCount,
+  } from '$lib/stores/activities';
+  import { supportsAdvancedVisibility } from '$lib/stores/advanced-visibility';
+  import {
+    availableActivityColumns,
+    TABLE_TYPE,
+  } from '$lib/stores/configurable-table-columns';
+  import { activityFilters } from '$lib/stores/filters';
+  import { lastUsedNamespace } from '$lib/stores/namespaces';
+  import { savedQueryNavOpen } from '$lib/stores/nav-open';
+  import { activityExecutionSearchAttributes } from '$lib/stores/search-attributes';
+  import {
+    relativeTime,
+    timeFormat,
+    timestampFormat,
+  } from '$lib/stores/time-format';
+  import { formatDate } from '$lib/utilities/format-date';
+  import { toListWorkflowFilters } from '$lib/utilities/query/to-list-workflow-filters';
+
+  interface Props {
+    headerActions?: Snippet;
+  }
+
+  let { headerActions }: Props = $props();
+
+  const query = $derived(page.url.searchParams.get('query'));
+  const namespace = $derived(page.params.namespace);
+  const searchParams = $derived(page.url.searchParams.toString());
+
+  let refreshTime = $state(new Date());
+
+  const refreshTimeFormatted = $derived(
+    formatDate(refreshTime, $timeFormat, {
+      relative: $relativeTime,
+      format: $timestampFormat,
+    }),
+  );
+
+  const availableColumns = $derived(availableActivityColumns(namespace));
+
+  onMount(() => {
+    $lastUsedNamespace = page.params.namespace;
+    if (query) {
+      $activityFilters = toListWorkflowFilters(
+        query,
+        $activityExecutionSearchAttributes,
+      );
+    }
+  });
+
+  $effect(() => {
+    $activitiesQuery = query;
+  });
+
+  $effect(() => {
+    $activitiesSearchParams = searchParams;
+  });
+
+  let customizationDrawerOpen = $state(false);
+
+  const openCustomizationDrawer = () => {
+    customizationDrawerOpen = true;
+  };
+</script>
+
+<header class="flex flex-col gap-2">
+  <div class="flex flex-col justify-between gap-2 md:flex-row">
+    <div class="flex flex-row flex-wrap items-start gap-2">
+      <div>
+        <h1 class="flex items-center gap-2 leading-7">
+          {#if $supportsAdvancedVisibility}
+            <span data-testid="activity-count"
+              >{$activityCount.count.toLocaleString()}</span
+            >
+            <Translate
+              key="standalone-activities.activities-plural"
+              count={$activityCount.count}
+            />
+          {:else}
+            <Translate key="standalone-activities.recent-activities" />
+          {/if}
+        </h1>
+        <p class="text-xs text-secondary">
+          {refreshTimeFormatted}
+        </p>
+      </div>
+      <ActivityCountRefresh count={$activityCount.newCount} />
+      <ActivityCounts bind:refreshTime />
+    </div>
+    {#if headerActions}
+      <div class="flex items-center gap-4">
+        {@render headerActions()}
+      </div>
+    {/if}
+  </div>
+</header>
+
+<FilterBar />
+<div class="flex overflow-auto">
+  <SavedActivityViews />
+  <div
+    class={merge(
+      'flex w-[calc(100%-var(--panel-collapsed-w))] shrink flex-col transition-all lg:w-[calc(100%-var(--panel-expanded-w))]',
+      !$savedQueryNavOpen && 'lg:w-[calc(100%-var(--panel-collapsed-w))]',
+    )}
+  >
+    <ActivitiesSummaryConfigurableTable
+      onClickConfigure={openCustomizationDrawer}
+    />
+  </div>
+</div>
+<ConfigurableTableHeadersDrawer
+  {availableColumns}
+  bind:open={customizationDrawerOpen}
+  table={TABLE_TYPE.ACTIVITIES}
+  type={translate('common.columns')}
+  title={translate('standalone-activities.activities-table')}
+/>
diff --git a/src/lib/pages/standalone-activity-details.svelte b/src/lib/pages/standalone-activity-details.svelte
new file mode 100644
index 0000000000..089302c39d
--- /dev/null
+++ b/src/lib/pages/standalone-activity-details.svelte
@@ -0,0 +1,246 @@
+<script lang="ts">
+  import {
+    DetailList,
+    DetailListLabel,
+    DetailListLinkValue,
+    DetailListTextValue,
+    DetailListTimestampValue,
+  } from '$lib/components/detail-list';
+  import DetailListValue from '$lib/components/detail-list/detail-list-value.svelte';
+  import PayloadDecoder from '$lib/components/event/payload-decoder.svelte';
+  import ActivityExecutionInputAndOutcome from '$lib/components/standalone-activities/activity-input-and-outcome.svelte';
+  import Badge from '$lib/holocene/badge.svelte';
+  import Card from '$lib/holocene/card.svelte';
+  import CodeBlock from '$lib/holocene/code-block.svelte';
+  import Icon from '$lib/holocene/icon/icon.svelte';
+  import type { Failure } from '$lib/types';
+  import {
+    formatAttemptsLeft,
+    formatMaximumAttempts,
+  } from '$lib/utilities/format-event-attributes';
+  import { routeForTaskQueue } from '$lib/utilities/route-for';
+  import { fromScreamingEnum } from '$lib/utilities/screaming-enums';
+  import { activityExecution } from '$lib/utilities/standalone-activity-poller.svelte';
+  import { fromSeconds } from '$lib/utilities/to-duration';
+
+  interface Props {
+    namespace: string;
+  }
+
+  let { namespace }: Props = $props();
+
+  const isClosed = $derived(
+    $activityExecution?.info?.status !== 'ACTIVITY_EXECUTION_STATUS_RUNNING',
+  );
+
+  const isRetrying = $derived(
+    $activityExecution?.info?.status === 'ACTIVITY_EXECUTION_STATUS_RUNNING' &&
+      $activityExecution?.info?.attempt > 1,
+  );
+</script>
+
+{#snippet activityExecutionAttemptsBadge(
+  attempt: number,
+  maximumAttempts: number | undefined,
+  lastFailure: Failure,
+)}
+  {@const failed = attempt > 1 && !!lastFailure}
+  {@const badgeType = failed ? 'danger' : 'default'}
+
+  <DetailListLabel>Attempt</DetailListLabel>
+  <DetailListValue>
+    <Badge type={badgeType} class="flex items-center gap-2">
+      <Icon name="retry" class={failed ? 'text-red-400' : ''} />
+      <span>{attempt} of {formatMaximumAttempts(maximumAttempts)}</span>
+    </Badge>
+
+    {#if maximumAttempts && !isClosed}
+      <p class="ml-1 text-secondary">
+        {formatAttemptsLeft(maximumAttempts, attempt)} remaining
+      </p>
+    {/if}
+  </DetailListValue>
+{/snippet}
+
+{#if $activityExecution}
+  <ActivityExecutionInputAndOutcome
+    input={$activityExecution.input}
+    outcome={$activityExecution.outcome}
+  />
+  <Card class="space-y-4">
+    <h4>{$activityExecution.info.activityType.name}</h4>
+    <div class="grid grid-cols-2 gap-4">
+      <div class="space-y-2">
+        {#if !isClosed}
+          <h6 class="underline underline-offset-4">Current State</h6>
+          <DetailList
+            rowCount={2}
+            aria-label="Activity Execution Status Details"
+          >
+            <DetailListLabel>Run State</DetailListLabel>
+            <DetailListTextValue
+              text={fromScreamingEnum($activityExecution.info.runState, '')}
+            />
+            {@render activityExecutionAttemptsBadge(
+              $activityExecution.info.attempt,
+              $activityExecution.info.retryPolicy?.maximumAttempts,
+              $activityExecution.info.lastFailure,
+            )}
+          </DetailList>
+        {/if}
+        <h6 class="underline underline-offset-4">Timing and Progress</h6>
+        <DetailList
+          rowCount={isClosed ? 4 : 2}
+          aria-label="Activity Execution Timing and Progress Details"
+        >
+          <DetailListLabel>Schedule Time</DetailListLabel>
+          <DetailListTimestampValue
+            timestamp={$activityExecution.info.scheduleTime}
+          />
+          <DetailListLabel>Last Started Time</DetailListLabel>
+          <DetailListTimestampValue
+            timestamp={$activityExecution.info.lastStartedTime}
+          />
+          {#if isClosed}
+            <DetailListLabel>Execution Duration</DetailListLabel>
+            <DetailListTextValue
+              text={fromSeconds($activityExecution.info.executionDuration)}
+            />
+            <DetailListLabel>Close Time</DetailListLabel>
+            <DetailListTimestampValue
+              timestamp={$activityExecution.info.lastStartedTime}
+            />
+          {/if}
+        </DetailList>
+        {#if !isClosed}
+          <h6 class="underline underline-offset-4">Health</h6>
+          <DetailList
+            rowCount={2}
+            aria-label="Activity Execution Health Details"
+          >
+            <DetailListLabel>Last Heartbeat</DetailListLabel>
+            <DetailListTimestampValue
+              timestamp={$activityExecution.info.lastHeartbeatTime}
+            />
+            <DetailListLabel>Heartbeat Timeout</DetailListLabel>
+            <DetailListTextValue
+              text={fromSeconds($activityExecution.info.heartbeatTimeout)}
+            />
+          </DetailList>
+        {/if}
+        {#if isRetrying}
+          <h6 class="underline underline-offset-4">Retry State</h6>
+          <DetailList rowCount={3} aria-label="Activity Execution Retry State">
+            <DetailListLabel>Current Retry Interval</DetailListLabel>
+            <DetailListTextValue
+              text={fromSeconds($activityExecution.info.currentRetryInterval)}
+            />
+
+            <DetailListLabel>Last Attempted Complete Time</DetailListLabel>
+            <DetailListTimestampValue
+              timestamp={$activityExecution.info.lastAttemptCompleteTime}
+            />
+
+            <DetailListLabel>Next Attempt Scheduled Time</DetailListLabel>
+            <DetailListTimestampValue
+              timestamp={$activityExecution.info.nextAttemptScheduleTime}
+            />
+          </DetailList>
+        {/if}
+
+        <h6 class="underline underline-offset-4">Timeout Configuration</h6>
+        <DetailList
+          rowCount={3}
+          aria-label="Activity Execution Timeout Details"
+        >
+          <DetailListLabel>Schedule to Start Timeout</DetailListLabel>
+          <DetailListTextValue
+            text={fromSeconds($activityExecution.info.scheduleToStartTimeout)}
+          />
+          <DetailListLabel>Schedule to Close Timeout</DetailListLabel>
+          <DetailListTextValue
+            text={fromSeconds($activityExecution.info.scheduleToCloseTimeout)}
+          />
+          <DetailListLabel>Start to Close Timeout</DetailListLabel>
+          <DetailListTextValue
+            text={fromSeconds($activityExecution.info.startToCloseTimeout)}
+          />
+        </DetailList>
+        <h6 class="underline underline-offset-4">Worker</h6>
+        <DetailList rowCount={2} aria-label="Activity Execution Worker Details">
+          <DetailListLabel>Task Queue</DetailListLabel>
+          <DetailListLinkValue
+            href={routeForTaskQueue({
+              namespace,
+              queue: $activityExecution.info.taskQueue,
+            })}
+            text={$activityExecution.info.taskQueue}
+          />
+
+          <DetailListLabel>Last Worker Identity</DetailListLabel>
+          <DetailListTextValue
+            text={$activityExecution.info.lastWorkerIdentity}
+          />
+        </DetailList>
+      </div>
+      <div class="space-y-2">
+        {#if $activityExecution.info.lastFailure}
+          <div class="space-y-2">
+            <p class="font-medium text-secondary">Last Failure</p>
+            <CodeBlock
+              content={JSON.stringify(
+                $activityExecution.info.lastFailure,
+                null,
+                2,
+              )}
+            />
+          </div>
+        {/if}
+        {#if $activityExecution.info.retryPolicy}
+          <div class="space-y-2">
+            <p class="font-medium text-secondary">Retry Policy</p>
+            <CodeBlock
+              content={JSON.stringify(
+                $activityExecution.info.retryPolicy,
+                null,
+                2,
+              )}
+            />
+          </div>
+        {/if}
+        {#if $activityExecution.info.heartbeatDetails}
+          <div class="space-y-2">
+            <p class="font-medium text-secondary">Heartbeat Details</p>
+            <PayloadDecoder value={$activityExecution.info.heartbeatDetails}>
+              {#snippet children(content)}
+                <CodeBlock {content} />
+              {/snippet}
+            </PayloadDecoder>
+          </div>
+        {/if}
+        {#if $activityExecution.info.header}
+          <div class="space-y-2">
+            <p class="font-medium text-secondary">Header</p>
+            <PayloadDecoder value={$activityExecution.info.header.fields}>
+              {#snippet children(content)}
+                <CodeBlock {content} />
+              {/snippet}
+            </PayloadDecoder>
+          </div>
+        {/if}
+        {#if $activityExecution.info.priority}
+          <div class="space-y-2">
+            <p class="font-medium text-secondary">Priority</p>
+            <CodeBlock
+              content={JSON.stringify(
+                $activityExecution.info.priority,
+                null,
+                2,
+              )}
+            />
+          </div>
+        {/if}
+      </div>
+    </div>
+  </Card>
+{/if}
diff --git a/src/lib/pages/standalone-activity-metadata.svelte b/src/lib/pages/standalone-activity-metadata.svelte
new file mode 100644
index 0000000000..84dfa2020f
--- /dev/null
+++ b/src/lib/pages/standalone-activity-metadata.svelte
@@ -0,0 +1,39 @@
+<script lang="ts">
+  import UserMetadata from '$lib/components/user-metadata.svelte';
+  import Alert from '$lib/holocene/alert.svelte';
+  import type { UserMetadata as IUserMetadata } from '$lib/types';
+  import { decodeSingleReadablePayloadWithCodec } from '$lib/utilities/decode-payload';
+  import { activityExecution } from '$lib/utilities/standalone-activity-poller.svelte';
+
+  const decodeMetadata = async (userMetadata: IUserMetadata) => {
+    const metadata = {
+      summary: '',
+      details: '',
+    };
+
+    const summary = await decodeSingleReadablePayloadWithCodec(
+      userMetadata.summary,
+    );
+    const details = await decodeSingleReadablePayloadWithCodec(
+      userMetadata.details,
+    );
+
+    if (typeof summary === 'string') {
+      metadata.summary = summary;
+    }
+
+    if (typeof details === 'string') {
+      metadata.details = details;
+    }
+
+    return metadata;
+  };
+</script>
+
+{#await decodeMetadata($activityExecution?.info?.userMetadata) then { summary, details }}
+  <UserMetadata {summary} {details} />
+{:catch error}
+  <Alert intent="error" title="Error decoding User Metadata">
+    {error}
+  </Alert>
+{/await}
diff --git a/src/lib/pages/standalone-activity-search-attributes.svelte b/src/lib/pages/standalone-activity-search-attributes.svelte
new file mode 100644
index 0000000000..60cf3a05a0
--- /dev/null
+++ b/src/lib/pages/standalone-activity-search-attributes.svelte
@@ -0,0 +1,27 @@
+<script lang="ts">
+  import PayloadDecoder from '$lib/components/event/payload-decoder.svelte';
+  import CodeBlock from '$lib/holocene/code-block.svelte';
+  import { translate } from '$lib/i18n/translate';
+  import { activityExecution } from '$lib/utilities/standalone-activity-poller.svelte';
+
+  const searchAttributes = $derived($activityExecution?.info?.searchAttributes);
+</script>
+
+<div class="flex flex-col gap-2">
+  {#if searchAttributes}
+    <PayloadDecoder
+      value={{ searchAttributes: searchAttributes }}
+      key="searchAttributes"
+    >
+      {#snippet children(decodedValue)}
+        <CodeBlock
+          content={decodedValue}
+          copyIconTitle={translate('common.copy-icon-title')}
+          copySuccessIconTitle={translate('common.copy-success-icon-title')}
+        />
+      {/snippet}
+    </PayloadDecoder>
+  {:else}
+    <p>{translate('events.empty-search-attributes')}</p>
+  {/if}
+</div>
diff --git a/src/lib/pages/standalone-activity-workers.svelte b/src/lib/pages/standalone-activity-workers.svelte
new file mode 100644
index 0000000000..2aa6403bbc
--- /dev/null
+++ b/src/lib/pages/standalone-activity-workers.svelte
@@ -0,0 +1,37 @@
+<script lang="ts">
+  import WorkerTable from '$lib/components/worker-table.svelte';
+  import { getPollers } from '$lib/services/pollers-service';
+  import { decodePayload } from '$lib/utilities/decode-payload';
+  import { isEmptyObject } from '$lib/utilities/is';
+  import { activityExecution } from '$lib/utilities/standalone-activity-poller.svelte';
+
+  interface Props {
+    namespace: string;
+  }
+
+  let { namespace }: Props = $props();
+
+  const searchAttributes = $derived($activityExecution?.info?.searchAttributes);
+  const queue = $derived($activityExecution?.info?.taskQueue);
+
+  const getPollersRequest = getPollers({ queue, namespace });
+
+  const decodedSearchAttributes = $derived.by(() => {
+    if (isEmptyObject(searchAttributes)) return {};
+
+    const decoded = Object.entries(searchAttributes.indexedFields).reduce(
+      (searchAttributes, [searchAttributeName, payload]) => {
+        return {
+          ...searchAttributes,
+          [searchAttributeName]: decodePayload(payload),
+        };
+      },
+      {},
+    );
+    return decoded;
+  });
+</script>
+
+{#await getPollersRequest then workers}
+  <WorkerTable {workers} searchAttributes={decodedSearchAttributes} />
+{/await}
diff --git a/src/lib/pages/start-standalone-activity.svelte b/src/lib/pages/start-standalone-activity.svelte
new file mode 100644
index 0000000000..f62beb8cd5
--- /dev/null
+++ b/src/lib/pages/start-standalone-activity.svelte
@@ -0,0 +1,31 @@
+<script lang="ts">
+  import StandaloneActivityForm from '$lib/components/standalone-activities/start-standalone-activity-form/form.svelte';
+  import Link from '$lib/holocene/link.svelte';
+  import { translate } from '$lib/i18n/translate';
+  import { activitiesSearchParams } from '$lib/stores/activities';
+  import { routeForStandaloneActivities } from '$lib/utilities/route-for';
+
+  interface Props {
+    namespace: string;
+  }
+
+  let { namespace }: Props = $props();
+
+  const activitiesHref = $derived(
+    `${routeForStandaloneActivities({ namespace })}?${$activitiesSearchParams}`,
+  );
+</script>
+
+<div class="flex flex-col gap-4">
+  <div class="flex items-center gap-2">
+    <Link
+      href={activitiesHref}
+      data-testid="back-to-activities"
+      icon="chevron-left"
+    >
+      {translate('standalone-activities.back-to-activities')}
+    </Link>
+  </div>
+  <h1>{translate('standalone-activities.start-standalone-activity')}</h1>
+  <StandaloneActivityForm {namespace} />
+</div>
diff --git a/src/lib/pages/start-workflow.svelte b/src/lib/pages/start-workflow.svelte
index 68fa4d939e..3e905b129c 100644
--- a/src/lib/pages/start-workflow.svelte
+++ b/src/lib/pages/start-workflow.svelte
@@ -6,9 +6,7 @@
   import { page } from '$app/stores';
 
   import CodecServerErrorBanner from '$lib/components/codec-server-error-banner.svelte';
-  import PayloadInputWithEncoding, {
-    type PayloadInputEncoding,
-  } from '$lib/components/payload-input-with-encoding.svelte';
+  import PayloadInputWithEncoding from '$lib/components/payload-input-with-encoding.svelte';
   import AddSearchAttributes from '$lib/components/workflow/add-search-attributes.svelte';
   import Alert from '$lib/holocene/alert.svelte';
   import Button from '$lib/holocene/button.svelte';
@@ -20,6 +18,7 @@
   import MarkdownEditor from '$lib/holocene/markdown-editor/markdown-editor.svelte';
   import Tooltip from '$lib/holocene/tooltip.svelte';
   import { translate } from '$lib/i18n/translate';
+  import type { PayloadInputEncoding } from '$lib/models/payload-encoding';
   import { getPollers } from '$lib/services/pollers-service';
   import {
     fetchInitialValuesForStartWorkflow,
diff --git a/src/lib/pages/workflow-user-metadata.svelte b/src/lib/pages/workflow-user-metadata.svelte
index e002baf02f..bf484b5850 100644
--- a/src/lib/pages/workflow-user-metadata.svelte
+++ b/src/lib/pages/workflow-user-metadata.svelte
@@ -1,9 +1,13 @@
 <script>
+  import UserMetadata from '$lib/components/user-metadata.svelte';
   import WorkflowCurrentDetails from '$lib/components/workflow/metadata/workflow-current-details.svelte';
-  import WorkflowSummaryAndDetails from '$lib/components/workflow/metadata/workflow-summary-and-details.svelte';
+  import { workflowRun } from '$lib/stores/workflow-run';
 </script>
 
 <div class="flex flex-col bg-primary lg:flex-row">
-  <WorkflowSummaryAndDetails />
+  <UserMetadata
+    summary={$workflowRun.userMetadata.summary}
+    details={$workflowRun.userMetadata.details}
+  />
   <WorkflowCurrentDetails />
 </div>
diff --git a/src/lib/pages/workflow-workers.svelte b/src/lib/pages/workflow-workers.svelte
index c0f52460bd..8e94b72878 100644
--- a/src/lib/pages/workflow-workers.svelte
+++ b/src/lib/pages/workflow-workers.svelte
@@ -4,6 +4,7 @@
   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';
 
@@ -14,7 +15,10 @@
 </script>
 
 <section class="flex flex-col gap-4">
-  <WorkerTable {workers}>
+  <WorkerTable
+    {workers}
+    searchAttributes={$workflowRun?.workflow?.searchAttributes?.indexedFields}
+  >
     <p data-testid="task-queue-name">
       {translate('common.task-queue')}:
       <Link
diff --git a/src/lib/runes/workflow-versions.svelte.ts b/src/lib/runes/workflow-versions.svelte.ts
index 965e7233bc..3e846a5d1f 100644
--- a/src/lib/runes/workflow-versions.svelte.ts
+++ b/src/lib/runes/workflow-versions.svelte.ts
@@ -1,7 +1,6 @@
 import type { PollerWithTaskQueueTypes } from '$lib/services/pollers-service';
 import type { TaskQueueResponse } from '$lib/types';
 import { VersioningBehaviorEnum } from '$lib/types/deployments';
-import type { WorkflowExecution } from '$lib/types/workflows';
 import { getBuildIdFromVersion } from '$lib/utilities/get-deployment-build-id';
 
 type PollersWithVersions = {
@@ -15,28 +14,24 @@ type PollersWithVersions = {
 };
 
 export function getWorkflowPollersWithVersions(
-  workflow: WorkflowExecution,
+  searchAttributes: Record<string, string> = {},
   workers: TaskQueueResponse,
 ): PollersWithVersions {
   const workflowDeploymentName = $derived(
-    workflow?.searchAttributes?.indexedFields?.['TemporalWorkerDeployment'],
+    searchAttributes?.['TemporalWorkerDeployment'],
   );
 
   const workflowDeploymentVersion = $derived(
-    workflow?.searchAttributes?.indexedFields?.[
-      'TemporalWorkerDeploymentVersion'
-    ],
+    searchAttributes?.['TemporalWorkerDeploymentVersion'],
   );
 
   const workflowVersioningBuildId = $derived(
-    workflow?.searchAttributes?.indexedFields?.['TemporalWorkerBuildId'] ??
+    searchAttributes?.['TemporalWorkerBuildId'] ??
       getBuildIdFromVersion(workflowDeploymentVersion),
   );
 
   const versioningBehavior = $derived(
-    workflow?.searchAttributes?.indexedFields?.[
-      'TemporalWorkflowVersioningBehavior'
-    ],
+    searchAttributes?.['TemporalWorkflowVersioningBehavior'],
   );
 
   const pinnedBehavior = $derived(
diff --git a/src/lib/runes/workflow-versions.test.ts b/src/lib/runes/workflow-versions.test.ts
index 20d97e1190..c1d0cca151 100644
--- a/src/lib/runes/workflow-versions.test.ts
+++ b/src/lib/runes/workflow-versions.test.ts
@@ -81,7 +81,10 @@ describe('getWorkflowPollersWithVersions', () => {
         buildId: 'build-123',
       });
 
-      const result = getWorkflowPollersWithVersions(workflow, workers);
+      const result = getWorkflowPollersWithVersions(
+        workflow.searchAttributes.indexedFields,
+        workers,
+      );
 
       expect(result.pollers).toHaveLength(1);
       expect(result.pollers[0]).toBe(matchingPoller);
@@ -108,7 +111,10 @@ describe('getWorkflowPollersWithVersions', () => {
         buildId: 'build-123',
       });
 
-      const result = getWorkflowPollersWithVersions(workflow, workers);
+      const result = getWorkflowPollersWithVersions(
+        workflow.searchAttributes.indexedFields,
+        workers,
+      );
 
       expect(result.pollers).toHaveLength(1);
       expect(result.pollers[0]).toBe(pollerWithCapabilities);
@@ -134,7 +140,10 @@ describe('getWorkflowPollersWithVersions', () => {
         { deploymentName: 'deployment-v2', buildId: 'build-456' },
       );
 
-      const result = getWorkflowPollersWithVersions(workflow, workers);
+      const result = getWorkflowPollersWithVersions(
+        workflow.searchAttributes.indexedFields,
+        workers,
+      );
 
       expect(result.pollers).toHaveLength(2);
       expect(result.pollers).toContain(workflowPoller);
@@ -158,7 +167,10 @@ describe('getWorkflowPollersWithVersions', () => {
 
       const workers = createMockWorkers([poller1, poller2]);
 
-      const result = getWorkflowPollersWithVersions(workflow, workers);
+      const result = getWorkflowPollersWithVersions(
+        workflow.searchAttributes.indexedFields,
+        workers,
+      );
 
       expect(result.pollers).toHaveLength(2);
       expect(result.pollers).toContain(poller1);
@@ -170,11 +182,10 @@ describe('getWorkflowPollersWithVersions', () => {
 
   describe('Edge cases', () => {
     it('should handle workflow without search attributes', () => {
-      const workflow = {} as WorkflowExecution;
       const poller = createMockPoller('deployment-v1', 'build-123');
       const workers = createMockWorkers([poller]);
 
-      const result = getWorkflowPollersWithVersions(workflow, workers);
+      const result = getWorkflowPollersWithVersions(undefined, workers);
 
       expect(result.pollers).toHaveLength(1);
       expect(result.currentDeployment).toBeUndefined();
@@ -189,7 +200,10 @@ describe('getWorkflowPollersWithVersions', () => {
       );
       const workers = createMockWorkers([]);
 
-      const result = getWorkflowPollersWithVersions(workflow, workers);
+      const result = getWorkflowPollersWithVersions(
+        workflow.searchAttributes.indexedFields,
+        workers,
+      );
 
       expect(result.pollers).toHaveLength(0);
     });
@@ -202,7 +216,10 @@ describe('getWorkflowPollersWithVersions', () => {
       );
       const workers = undefined as unknown as TaskQueueResponse;
 
-      const result = getWorkflowPollersWithVersions(workflow, workers);
+      const result = getWorkflowPollersWithVersions(
+        workflow.searchAttributes.indexedFields,
+        workers,
+      );
 
       expect(result.pollers).toHaveLength(0);
       expect(result.currentDeployment).toBeUndefined();
@@ -218,7 +235,10 @@ describe('getWorkflowPollersWithVersions', () => {
       );
       const workers = createMockWorkers([]);
 
-      const result = getWorkflowPollersWithVersions(workflow, workers);
+      const result = getWorkflowPollersWithVersions(
+        workflow.searchAttributes.indexedFields,
+        workers,
+      );
 
       expect(result).toBeDefined();
     });
@@ -237,7 +257,10 @@ describe('getWorkflowPollersWithVersions', () => {
       const workers = createMockWorkers([problematicPoller, normalPoller]);
 
       expect(() => {
-        const result = getWorkflowPollersWithVersions(workflow, workers);
+        const result = getWorkflowPollersWithVersions(
+          workflow.searchAttributes.indexedFields,
+          workers,
+        );
         expect(result.pollers).toBeDefined();
       }).not.toThrow();
     });
@@ -254,7 +277,10 @@ describe('getWorkflowPollersWithVersions', () => {
 
       const workers = createMockWorkers([incompletePoller]);
 
-      const result = getWorkflowPollersWithVersions(workflow, workers);
+      const result = getWorkflowPollersWithVersions(
+        workflow.searchAttributes.indexedFields,
+        workers,
+      );
 
       expect(result.pollers).toHaveLength(0);
     });
@@ -274,7 +300,10 @@ describe('getWorkflowPollersWithVersions', () => {
         { deploymentName: 'ramping-deployment', buildId: 'v2' },
       );
 
-      const result = getWorkflowPollersWithVersions(workflow, workers);
+      const result = getWorkflowPollersWithVersions(
+        workflow.searchAttributes.indexedFields,
+        workers,
+      );
 
       expect(result.currentDeployment).toBe('current-deployment');
       expect(result.currentBuildId).toBe('v1');
diff --git a/src/lib/services/activity-batch-service.ts b/src/lib/services/activity-batch-service.ts
new file mode 100644
index 0000000000..e276fee09e
--- /dev/null
+++ b/src/lib/services/activity-batch-service.ts
@@ -0,0 +1,123 @@
+import { Action } from '$lib/models/workflow-actions';
+import { getAuthUser } from '$lib/stores/auth-user';
+import { inProgressBatchOperation } from '$lib/stores/batch-operations';
+import type { ActivityExecutionInfo } from '$lib/types/activity-execution';
+import { stringifyWithBigInt } from '$lib/utilities/parse-with-big-int';
+import { requestFromAPI } from '$lib/utilities/request-from-api';
+import { routeForApi } from '$lib/utilities/route-for-api';
+
+type CreateActivityBatchOperationOptions = {
+  namespace: string;
+  reason: string;
+  jobId: string;
+  query?: string;
+  activities?: ActivityExecutionInfo[];
+};
+
+interface StartActivityBatchOperationRequest {
+  jobId: string;
+  namespace: string;
+  reason: string;
+  visibilityQuery?: string;
+  executions?: { activityId: string; runId: string }[];
+  cancellationOperation?: { identity: string };
+  terminationOperation?: { identity: string };
+}
+
+const activityActionToOperation = (
+  action: Action,
+): Partial<StartActivityBatchOperationRequest> => {
+  const identity = getAuthUser().email;
+
+  switch (action) {
+    case Action.Cancel:
+      return {
+        cancellationOperation: { identity },
+      };
+    case Action.Terminate:
+      return {
+        terminationOperation: { identity },
+      };
+    default:
+      return {};
+  }
+};
+
+const toActivityExecutionInput = ({
+  activityId,
+  runId,
+}: ActivityExecutionInfo) => ({ activityId, runId });
+
+const createActivityBatchOperationRequest = (
+  action: Action,
+  options: CreateActivityBatchOperationOptions,
+): StartActivityBatchOperationRequest => {
+  const body: StartActivityBatchOperationRequest = {
+    jobId: options.jobId,
+    namespace: options.namespace,
+    reason: options.reason,
+    ...activityActionToOperation(action),
+  };
+
+  if (options.activities) {
+    return {
+      ...body,
+      executions: options.activities.map(toActivityExecutionInput),
+    };
+  } else if (options.query) {
+    return {
+      ...body,
+      visibilityQuery: options.query,
+    };
+  }
+
+  return body;
+};
+
+export async function batchCancelActivities(
+  options: CreateActivityBatchOperationOptions,
+): Promise<void> {
+  const route = routeForApi('batch-operations', {
+    namespace: options.namespace,
+    batchJobId: options.jobId,
+  });
+
+  const body = createActivityBatchOperationRequest(Action.Cancel, options);
+
+  await requestFromAPI<null>(route, {
+    options: {
+      method: 'POST',
+      body: stringifyWithBigInt(body),
+    },
+    notifyOnError: false,
+  });
+
+  inProgressBatchOperation.set({
+    jobId: body.jobId,
+    namespace: body.namespace,
+  });
+}
+
+export async function batchTerminateActivities(
+  options: CreateActivityBatchOperationOptions,
+): Promise<void> {
+  const route = routeForApi('batch-operations', {
+    namespace: options.namespace,
+    batchJobId: options.jobId,
+  });
+
+  const body = createActivityBatchOperationRequest(Action.Terminate, options);
+
+  await requestFromAPI<null>(route, {
+    options: {
+      method: 'POST',
+      body: stringifyWithBigInt(body),
+    },
+    notifyOnError: false,
+  });
+
+  inProgressBatchOperation.set({
+    jobId: body.jobId,
+    namespace: body.namespace,
+  });
+}
diff --git a/src/lib/services/activity-counts.ts b/src/lib/services/activity-counts.ts
new file mode 100644
index 0000000000..cf1be34311
--- /dev/null
+++ b/src/lib/services/activity-counts.ts
@@ -0,0 +1,50 @@
+import type { CountWorkflowExecutionsResponse } from '$lib/types/workflows';
+import { requestFromAPI } from '$lib/utilities/request-from-api';
+import { routeForApi } from '$lib/utilities/route-for-api';
+
+export const fetchActivityCount = async (
+  namespace: string,
+  query: string,
+  request = fetch,
+): Promise<{ count: number }> => {
+  let count = 0;
+  try {
+    const countRoute = routeForApi('standalone-activities.count', {
+      namespace,
+    });
+    const result = await requestFromAPI<{ count: string }>(countRoute, {
+      params: query ? { query } : {},
+      onError: () => {},
+      handleError: () => {},
+      request,
+    });
+    count = parseInt(result?.count || '0');
+  } catch (e) {
+    // Don't fail the activities call due to count
+  }
+
+  return { count };
+};
+
+type ActivityCountByStatusOptions = {
+  namespace: string;
+  query: string;
+};
+
+export const fetchActivityCountByStatus = async ({
+  namespace,
+  query,
+}: ActivityCountByStatusOptions): Promise<CountWorkflowExecutionsResponse> => {
+  const groupByClause = 'GROUP BY ExecutionStatus';
+  const countRoute = routeForApi('standalone-activities.count', {
+    namespace,
+  });
+  const { count, groups } =
+    await requestFromAPI<CountWorkflowExecutionsResponse>(countRoute, {
+      params: {
+        query: query ? `${query} ${groupByClause}` : `${groupByClause}`,
+      },
+      notifyOnError: false,
+    });
+  return { count: count ?? '0', groups };
+};
diff --git a/src/lib/services/pollers-service.ts b/src/lib/services/pollers-service.ts
index 017e783144..f389616b69 100644
--- a/src/lib/services/pollers-service.ts
+++ b/src/lib/services/pollers-service.ts
@@ -27,10 +27,7 @@ export async function getPollers(
     params: { taskQueueType: '1' },
   });
 
-  const activityPollers = await requestFromAPI<TaskQueueResponse>(route, {
-    request,
-    params: { taskQueueType: '2' },
-  });
+  const activityPollers = await getActivityPollers(parameters, request);
 
   const nexusPollers = await requestFromAPI<TaskQueueResponse>(route, {
     request,
@@ -39,3 +36,15 @@ export async function getPollers(
 
   return reducePollerTypes({ activityPollers, nexusPollers, workflowPollers });
 }
+
+export async function getActivityPollers(
+  parameters: GetAllPollersRequest,
+  request = fetch,
+): Promise<TaskQueueResponse> {
+  const route = routeForApi('task-queue', parameters);
+
+  return requestFromAPI<TaskQueueResponse>(route, {
+    request,
+    params: { taskQueueType: '2' },
+  });
+}
diff --git a/src/lib/services/standalone-activities.ts b/src/lib/services/standalone-activities.ts
new file mode 100644
index 0000000000..dbdb408179
--- /dev/null
+++ b/src/lib/services/standalone-activities.ts
@@ -0,0 +1,287 @@
+import type { StandaloneActivityFormData } from '$lib/components/standalone-activities/start-standalone-activity-form/types';
+import { translate } from '$lib/i18n/translate';
+import { activityError } from '$lib/stores/activities';
+import type { Payload, SearchAttribute } from '$lib/types';
+import type {
+  ActivityExecution,
+  ActivityExecutionInfo,
+  StartActivityExecutionRequest,
+} from '$lib/types/activity-execution';
+import { encodePayloads } from '$lib/utilities/encode-payload';
+import { stringifyWithBigInt } from '$lib/utilities/parse-with-big-int';
+import {
+  type ErrorCallback,
+  requestFromAPI,
+} from '$lib/utilities/request-from-api';
+import { routeForApi } from '$lib/utilities/route-for-api';
+
+import { setSearchAttributes } from './workflow-service';
+
+export type ListActivitiesResponse = {
+  executions: ActivityExecutionInfo[];
+  nextPageToken: string;
+};
+
+export type PaginatedActivitiesPromise = (
+  pageSize?: number,
+  token?: string,
+) => Promise<{ items: ActivityExecutionInfo[]; nextPageToken: string }>;
+
+export const fetchPaginatedActivities = async (
+  namespace: string,
+  query: string = '',
+  request = fetch,
+): Promise<PaginatedActivitiesPromise> => {
+  return (pageSize = 100, token = '') => {
+    activityError.set('');
+
+    const onError: ErrorCallback = (err) => {
+      activityError.set(
+        err?.body?.message ||
+          translate('standalone-activities.activities-error-querying'),
+      );
+    };
+
+    const route = routeForApi('standalone-activities', { namespace });
+
+    return requestFromAPI<ListActivitiesResponse>(route, {
+      params: {
+        pageSize: String(pageSize),
+        nextPageToken: token,
+        ...(query ? { query } : {}),
+      },
+      request,
+      onError,
+      handleError: onError,
+    }).then((response) => {
+      const { executions = [], nextPageToken = '' } = response || {};
+      return {
+        items: executions,
+        nextPageToken: nextPageToken ? String(nextPageToken) : '',
+      };
+    });
+  };
+};
+
+const toStartActivityExecutionRequest = async (
+  activityFormData: StandaloneActivityFormData,
+): Promise<StartActivityExecutionRequest> => {
+  let inputPayloads: Payload[] | null = null;
+  let summaryPayload: Payload | null = null;
+  let detailsPayload: Payload | null = null;
+  let searchAttributes: SearchAttribute | null = null;
+
+  if (activityFormData.input) {
+    const { input, encoding, messageType } = activityFormData;
+    try {
+      inputPayloads = await encodePayloads({ input, encoding, messageType });
+    } catch {
+      throw new Error('Could not encode input for starting activity execution');
+    }
+  }
+
+  if (activityFormData.summary) {
+    try {
+      const payloads = await encodePayloads({
+        input: stringifyWithBigInt(activityFormData.summary),
+        encoding: 'json/plain',
+      });
+
+      if (payloads && payloads[0]) {
+        summaryPayload = payloads[0];
+      }
+    } catch {
+      throw new Error(
+        'Could not encode summary for starting activity execution',
+      );
+    }
+  }
+
+  if (activityFormData.details) {
+    try {
+      const payloads = await encodePayloads({
+        input: stringifyWithBigInt(activityFormData.details),
+        encoding: 'json/plain',
+      });
+
+      if (payloads && payloads[0]) {
+        detailsPayload = payloads[0];
+      }
+    } catch {
+      throw new Error(
+        'Could not encode details for starting activity execution',
+      );
+    }
+  }
+
+  if (activityFormData.searchAttributes) {
+    searchAttributes = {
+      indexedFields: {
+        ...setSearchAttributes(activityFormData.searchAttributes),
+      },
+    };
+  }
+
+  return {
+    identity: activityFormData.identity,
+    namespace: activityFormData.namespace,
+    activityId: activityFormData.activityId,
+    requestId: crypto.randomUUID(),
+    activityType: { name: activityFormData.activityType },
+    taskQueue: { name: activityFormData.taskQueue },
+    input: { payloads: inputPayloads },
+    searchAttributes,
+    userMetadata: {
+      summary: summaryPayload,
+      details: detailsPayload,
+    },
+    ...(activityFormData.startToCloseTimeout && {
+      startToCloseTimeout: activityFormData.startToCloseTimeout,
+    }),
+    ...(activityFormData.scheduleToCloseTimeout && {
+      scheduleToCloseTimeout: activityFormData.scheduleToCloseTimeout,
+    }),
+    ...(activityFormData.scheduleToStartTimeout && {
+      scheduleToStartTimeout: activityFormData.scheduleToStartTimeout,
+    }),
+    retryPolicy: {
+      ...(activityFormData.initialInterval && {
+        initialInterval: activityFormData.initialInterval,
+      }),
+      ...(activityFormData.maximumInterval && {
+        maximumInterval: activityFormData.maximumInterval,
+      }),
+      ...(activityFormData.maximumAttempts && {
+        maximumAttempts: Number(activityFormData.maximumAttempts),
+      }),
+      ...(activityFormData.backoffCoefficient && {
+        backoffCoefficient: Number(activityFormData.backoffCoefficient),
+      }),
+    },
+  };
+};
+
+export const startStandaloneActivity = async (
+  activity: StandaloneActivityFormData,
+) => {
+  const { activityId, namespace } = activity;
+
+  const route = routeForApi('standalone-activity', {
+    namespace,
+    activityId,
+  });
+
+  const startActivityExecutionRequest =
+    await toStartActivityExecutionRequest(activity);
+
+  return requestFromAPI(route, {
+    options: {
+      method: 'POST',
+      body: stringifyWithBigInt(startActivityExecutionRequest),
+    },
+  });
+};
+
+export const getActivityExecutions = (namespace: string) => {
+  const route = routeForApi('standalone-activities', { namespace });
+
+  return requestFromAPI(route);
+};
+
+export const getActivityExecution = (
+  namespace: string,
+  activityId: string,
+): Promise<ActivityExecution> => {
+  const route = routeForApi('standalone-activity', {
+    namespace,
+    activityId,
+  });
+
+  const params = new URLSearchParams({
+    includeInput: 'true',
+    includeOutcome: 'true',
+  });
+
+  return requestFromAPI(route, {
+    params,
+  });
+};
+
+export const pollActivityExecution = (
+  namespace: string,
+  activityId: string,
+  runId: string,
+  token: string,
+  signal: AbortSignal,
+): Promise<ActivityExecution> => {
+  const route = routeForApi('standalone-activity', {
+    namespace,
+    activityId,
+  });
+
+  const params = new URLSearchParams({
+    includeInput: 'false',
+    includeOutcome: 'true',
+    runId,
+    longPollToken: token,
+  });
+
+  return requestFromAPI(route, {
+    params,
+    notifyOnError: false,
+    options: { signal },
+  });
+};
+
+export const cancelActivityExecution = async (
+  namespace: string,
+  activityId: string,
+  runId: string,
+  identity?: string,
+): Promise<void> => {
+  const route = routeForApi('standalone-activity.cancel', {
+    namespace,
+    activityId,
+  });
+
+  const body = {
+    namespace,
+    activityId,
+    runId,
+    requestId: crypto.randomUUID(),
+    ...(identity && { identity }),
+  };
+
+  return requestFromAPI(route, {
+    notifyOnError: false,
+    options: {
+      method: 'POST',
+      body: stringifyWithBigInt(body),
+    },
+  });
+};
+
+export const terminateActivityExecution = async (
+  namespace: string,
+  activityId: string,
+  runId: string,
+  reason?: string,
+  identity?: string,
+): Promise<void> => {
+  const route = routeForApi('standalone-activity.terminate', {
+    namespace,
+    activityId,
+  });
+
+  return requestFromAPI(route, {
+    notifyOnError: false,
+    options: {
+      method: 'POST',
+      body: stringifyWithBigInt({
+        runId,
+        reason: reason || '',
+        ...(identity && { identity }),
+      }),
+    },
+  });
+};
diff --git a/src/lib/services/workflow-service.ts b/src/lib/services/workflow-service.ts
index 85d6939512..9319808c98 100644
--- a/src/lib/services/workflow-service.ts
+++ b/src/lib/services/workflow-service.ts
@@ -2,11 +2,11 @@ import { get } from 'svelte/store';
 
 import { page } from '$app/stores';
 
+import { translate } from '$lib/i18n/translate';
 import {
   isPayloadInputEncodingType,
   type PayloadInputEncoding,
-} from '$lib/components/payload-input-with-encoding.svelte';
-import { translate } from '$lib/i18n/translate';
+} from '$lib/models/payload-encoding';
 import { Action } from '$lib/models/workflow-actions';
 import {
   toWorkflowExecution,
diff --git a/src/lib/stores/activities.ts b/src/lib/stores/activities.ts
new file mode 100644
index 0000000000..3e65407375
--- /dev/null
+++ b/src/lib/stores/activities.ts
@@ -0,0 +1,14 @@
+import { writable } from 'svelte/store';
+
+export const activityRefresh = writable(0);
+export const activityLoading = writable(true);
+export const activityUpdating = writable(true);
+
+export const activityCount = writable({
+  count: 0,
+  newCount: 0,
+});
+
+export const activityError = writable('');
+export const activitiesQuery = writable<string>('');
+export const activitiesSearchParams = writable<string>('');
diff --git a/src/lib/stores/configurable-table-columns.ts b/src/lib/stores/configurable-table-columns.ts
index 40158f89f9..cc12c0e67c 100644
--- a/src/lib/stores/configurable-table-columns.ts
+++ b/src/lib/stores/configurable-table-columns.ts
@@ -41,6 +41,7 @@ export type ConfigurableTableHeader = {
 export const TABLE_TYPE = {
   WORKFLOWS: 'workflows',
   SCHEDULES: 'schedules',
+  ACTIVITIES: 'activities',
 } as const;
 
 type Keys = keyof typeof TABLE_TYPE;
@@ -123,6 +124,37 @@ const DEFAULT_SCHEDULES_COLUMNS: ConfigurableTableHeader[] = [
   { label: 'Schedule Spec' },
 ];
 
+export const ActivityHeaderLabels = [
+  'Activity ID',
+  'Run ID',
+  'Activity Type',
+  'Task Queue',
+  'Start Time',
+  'Execution Time',
+  'Close Time',
+  'Status',
+  'Execution Duration',
+  'State Transitions',
+] as const;
+
+export type ActivityHeaderLabel = (typeof ActivityHeaderLabels)[number];
+
+export const DEFAULT_ACTIVITIES_COLUMNS: ConfigurableTableHeader[] = [
+  { label: 'Status' },
+  { label: 'Activity ID' },
+  { label: 'Activity Type' },
+  { label: 'Task Queue' },
+  { label: 'Start Time' },
+  { label: 'Close Time' },
+];
+
+const DEFAULT_AVAILABLE_ACTIVITIES_COLUMNS: ConfigurableTableHeader[] = [
+  { label: 'Run ID' },
+  { label: 'Execution Time' },
+  { label: 'Execution Duration' },
+  { label: 'State Transitions' },
+];
+
 export const persistedWorkflowTableColumns = persistStore<State>(
   'namespace-workflow-table-columns',
   {},
@@ -133,18 +165,25 @@ export const persistedSchedulesTableColumns = persistStore<State>(
   {},
 );
 
+export const persistedActivitiesTableColumns = persistStore<State>(
+  'namespace-activities-table-columns',
+  {},
+);
+
 export const configurableTableColumns: Readable<TableColumns> = derived(
   [
     namespaces,
     page,
     persistedWorkflowTableColumns,
     persistedSchedulesTableColumns,
+    persistedActivitiesTableColumns,
   ],
   ([
     $namespaces,
     $page,
     $persistedWorkflowTableColumns,
     $persistedSchedulesTableColumns,
+    $persistedActivitiesTableColumns,
   ]) => {
     const state: TableColumns = {};
     const useOrAddDefaultTableColumnsToNamespace = (
@@ -171,6 +210,11 @@ export const configurableTableColumns: Readable<TableColumns> = derived(
         namespace,
         DEFAULT_SCHEDULES_COLUMNS,
       ),
+      activities: useOrAddDefaultTableColumnsToNamespace(
+        $persistedActivitiesTableColumns,
+        namespace,
+        DEFAULT_ACTIVITIES_COLUMNS,
+      ),
     });
 
     const namespaceColumns =
@@ -224,6 +268,21 @@ export const availableScheduleColumns: (
     ),
   );
 
+export const availableActivityColumns: (
+  namespace: string,
+) => Readable<ConfigurableTableHeader[]> = (namespace) =>
+  derived(configurableTableColumns, ($configurableTableColumns) =>
+    [
+      ...DEFAULT_ACTIVITIES_COLUMNS,
+      ...DEFAULT_AVAILABLE_ACTIVITIES_COLUMNS,
+    ].filter(
+      (header) =>
+        !$configurableTableColumns[namespace]?.activities?.some(
+          (column) => column.label === header.label,
+        ),
+    ),
+  );
+
 export const availableCustomSearchAttributeColumns: (
   namespace: string,
   table?: ConfigurableTableType,
@@ -252,6 +311,8 @@ const getDefaultColumns = (table: ConfigurableTableType) => {
       return DEFAULT_WORKFLOWS_COLUMNS;
     case TABLE_TYPE.SCHEDULES:
       return DEFAULT_SCHEDULES_COLUMNS;
+    case TABLE_TYPE.ACTIVITIES:
+      return DEFAULT_ACTIVITIES_COLUMNS;
   }
 };
 
@@ -299,6 +360,8 @@ const getPersistedColumns = (table: ConfigurableTableType): Writable<State> => {
       return persistedWorkflowTableColumns;
     case TABLE_TYPE.SCHEDULES:
       return persistedSchedulesTableColumns;
+    case TABLE_TYPE.ACTIVITIES:
+      return persistedActivitiesTableColumns;
   }
 };
 
diff --git a/src/lib/stores/filters.ts b/src/lib/stores/filters.ts
index ef497c9930..7eaccadd83 100644
--- a/src/lib/stores/filters.ts
+++ b/src/lib/stores/filters.ts
@@ -68,6 +68,22 @@ export const scheduleFilters = writable<SearchAttributeFilter[]>(
   updateScheduleFilters,
 );
 
+const updateActivityFilters: StartStopNotifier<SearchAttributeFilter[]> = (
+  set,
+) => {
+  return parameters.subscribe(({ query }) => {
+    if (!query && get(activityFilters).length) {
+      // Clear filters if there is no query
+      set([]);
+    }
+  });
+};
+
+export const activityFilters = writable<SearchAttributeFilter[]>(
+  [],
+  updateActivityFilters,
+);
+
 const updateEventCategoryFilter: StartStopNotifier<
   EventTypeCategory[] | null
 > = (set) => {
diff --git a/src/lib/stores/saved-queries.ts b/src/lib/stores/saved-queries.ts
index 9a837ddc8d..6acbab5431 100644
--- a/src/lib/stores/saved-queries.ts
+++ b/src/lib/stores/saved-queries.ts
@@ -84,3 +84,45 @@ export const savedWorkflowQueries = persistStore<Record<string, SavedQuery[]>>(
   {},
   true,
 );
+
+// Activity-specific saved queries
+export const DEFAULT_ACTIVITY_SYSTEM_VIEW: SavedQuery = {
+  id: 'all',
+  name: 'All',
+  query: '',
+  icon: 'activity',
+  type: 'system',
+};
+
+export const systemActivityViews: SavedQuery[] = [
+  DEFAULT_ACTIVITY_SYSTEM_VIEW,
+  {
+    id: 'running',
+    name: 'Running',
+    query: '`ExecutionStatus`="Running"',
+    icon: 'heartbeat',
+    type: 'system',
+  },
+  {
+    id: 'completed',
+    name: 'Completed',
+    query: '`ExecutionStatus`="Completed"',
+    icon: 'circle-check',
+    type: 'system',
+  },
+  {
+    id: 'failed',
+    name: 'Failed',
+    query: '`ExecutionStatus`="Failed"',
+    icon: 'error',
+    type: 'system',
+  },
+];
+
+export const MAX_SAVED_ACTIVITY_QUERIES = 20;
+
+export const savedActivityQueries = persistStore<Record<string, SavedQuery[]>>(
+  'saved-activity-queries',
+  {},
+  true,
+);
diff --git a/src/lib/stores/search-attributes.ts b/src/lib/stores/search-attributes.ts
index b4ac8e28b8..6308eb99e4 100644
--- a/src/lib/stores/search-attributes.ts
+++ b/src/lib/stores/search-attributes.ts
@@ -33,6 +33,14 @@ export const scheduleSearchAttributes: Readable<SearchAttributes> = derived(
   }),
 );
 
+export const activityExecutionSearchAttributes: Readable<SearchAttributes> =
+  derived(allSearchAttributes, ($allSearchAttributes) => ({
+    ...$allSearchAttributes.customAttributes,
+    ...$allSearchAttributes.systemAttributes,
+    ActivityId: SEARCH_ATTRIBUTE_TYPE.KEYWORD,
+    ActivityType: SEARCH_ATTRIBUTE_TYPE.KEYWORD,
+  }));
+
 export const internalSearchAttributes: Readable<SearchAttributes> = derived(
   [allSearchAttributes],
   ([$allSearchAttributes]) => $allSearchAttributes.systemAttributes,
@@ -152,3 +160,52 @@ export const sortedSearchAttributeOptions: Readable<SearchAttributeOption[]> =
         return indexA - indexB;
       });
   });
+
+export const activitySearchAttributeOptions: SearchAttributeOption[] = [
+  {
+    label: 'ExecutionStatus',
+    value: 'ExecutionStatus',
+    type: SEARCH_ATTRIBUTE_TYPE.KEYWORD,
+  },
+  {
+    label: 'ActivityId',
+    value: 'ActivityId',
+    type: SEARCH_ATTRIBUTE_TYPE.KEYWORD,
+  },
+  {
+    label: 'ActivityType',
+    value: 'ActivityType',
+    type: SEARCH_ATTRIBUTE_TYPE.KEYWORD,
+  },
+  { label: 'RunId', value: 'RunId', type: SEARCH_ATTRIBUTE_TYPE.KEYWORD },
+  {
+    label: 'TaskQueue',
+    value: 'TaskQueue',
+    type: SEARCH_ATTRIBUTE_TYPE.KEYWORD,
+  },
+  {
+    label: 'StartTime',
+    value: 'StartTime',
+    type: SEARCH_ATTRIBUTE_TYPE.DATETIME,
+  },
+  {
+    label: 'ExecutionTime',
+    value: 'ExecutionTime',
+    type: SEARCH_ATTRIBUTE_TYPE.DATETIME,
+  },
+  {
+    label: 'CloseTime',
+    value: 'CloseTime',
+    type: SEARCH_ATTRIBUTE_TYPE.DATETIME,
+  },
+  {
+    label: 'ExecutionDuration',
+    value: 'ExecutionDuration',
+    type: SEARCH_ATTRIBUTE_TYPE.INT,
+  },
+  {
+    label: 'StateTransitionCount',
+    value: 'StateTransitionCount',
+    type: SEARCH_ATTRIBUTE_TYPE.INT,
+  },
+];
diff --git a/src/lib/types/activity-execution.ts b/src/lib/types/activity-execution.ts
new file mode 100644
index 0000000000..25433c54cb
--- /dev/null
+++ b/src/lib/types/activity-execution.ts
@@ -0,0 +1,117 @@
+import type {
+  ActivityType,
+  Failure,
+  Header,
+  Payloads,
+  Priority,
+  SearchAttribute,
+  TaskQueue,
+  UserMetadata,
+} from '.';
+import type { WorkflowSearchAttributes } from './workflows';
+
+// TODO: Use @temporalio/proto once updated
+
+export type ActivityExecutionStatus =
+  | 'ACTIVITY_EXECUTION_STATUS_UNSPECIFIED'
+  | 'ACTIVITY_EXECUTION_STATUS_RUNNING'
+  | 'ACTIVITY_EXECUTION_STATUS_COMPLETED'
+  | 'ACTIVITY_EXECUTION_STATUS_FAILED'
+  | 'ACTIVITY_EXECUTION_STATUS_CANCELED'
+  | 'ACTIVITY_EXECUTION_STATUS_TERMINATED'
+  | 'ACTIVITY_EXECUTION_STATUS_TIMED_OUT';
+
+export const ACTIVITY_ID_REUSE_POLICIES = [
+  'ACTIVITY_ID_REUSE_POLICY_UNSPECIFIED',
+  'ACTIVITY_ID_REUSE_POLICY_ALLOW_DUPLICATE',
+  'ACTIVITY_ID_REUSE_POLICY_ALLOW_DUPLICATE_FAILED_ONLY',
+  'ACTIVITY_ID_REUSE_POLICY_REJECT_DUPLICATE',
+] as const;
+
+export const ACTIVITY_ID_CONFLICT_POLICIES = [
+  'ACTIVITY_ID_CONFLICT_POLICY_UNSPECIFIED',
+  'ACTIVITY_ID_CONFLICT_POLICY_FAIL',
+  'ACTIVITY_ID_CONFLICT_POLICY_USE_EXISTING',
+] as const;
+
+export type ActivityIdReusePolicy = (typeof ACTIVITY_ID_REUSE_POLICIES)[number];
+export type ActivityIdConflictPolicy =
+  (typeof ACTIVITY_ID_CONFLICT_POLICIES)[number];
+
+export const activityIDReusePolicyOptions = ACTIVITY_ID_REUSE_POLICIES.filter(
+  (policy) => policy !== 'ACTIVITY_ID_REUSE_POLICY_UNSPECIFIED',
+);
+export const activityIDConflictPolicyOptions =
+  ACTIVITY_ID_CONFLICT_POLICIES.filter(
+    (policy) => policy !== 'ACTIVITY_ID_CONFLICT_POLICY_UNSPECIFIED',
+  );
+
+export type ActivityExecutionOutcome =
+  | {
+      result: Payloads;
+    }
+  | {
+      failure: Failure;
+    };
+
+interface RetryPolicy {
+  initialInterval: string;
+  backoffCoefficient: number;
+  maximumInterval: string;
+  maximumAttempts: number;
+}
+
+export interface ActivityExecutionInfo {
+  activityId: string;
+  runId: string;
+  activityType: ActivityType;
+  status: ActivityExecutionStatus;
+  runState?: string; // only for running activities
+  taskQueue: string;
+  scheduleToCloseTimeout: string;
+  scheduleToStartTimeout: string;
+  startToCloseTimeout: string;
+  lastHeartbeatTime: string;
+  heartbeatDetails?: Payloads;
+  heartbeatTimeout: string;
+  retryPolicy: RetryPolicy;
+  lastStartedTime: string;
+  attempt: number;
+  executionDuration?: string;
+  scheduleTime: string;
+  closeTime: string;
+  lastWorkerIdentity: string;
+  lastAttemptCompleteTime: string;
+  nextAttemptScheduleTime: string;
+  stateTransitionCount: string;
+  currentRetryInterval: string;
+  searchAttributes: WorkflowSearchAttributes;
+  userMetadata: UserMetadata;
+  lastFailure?: Failure;
+  header?: Header;
+  priority?: Priority;
+}
+
+export interface ActivityExecution {
+  runId: string;
+  info: ActivityExecutionInfo;
+  input?: Payloads;
+  outcome?: ActivityExecutionOutcome;
+  longPollToken?: string;
+}
+
+export interface StartActivityExecutionRequest {
+  namespace: string;
+  identity: string;
+  requestId: string;
+  activityId: string;
+  activityType: ActivityType;
+  taskQueue: TaskQueue;
+  startToCloseTimeout: string;
+  scheduleToCloseTimeout: string;
+  scheduleToStartTimeout: string;
+  input?: Payloads;
+  userMetadata?: UserMetadata;
+  retryPolicy?: RetryPolicy;
+  searchAttributes?: SearchAttribute;
+}
diff --git a/src/lib/types/api.ts b/src/lib/types/api.ts
index 480da8c8be..4f44d83e8b 100644
--- a/src/lib/types/api.ts
+++ b/src/lib/types/api.ts
@@ -54,6 +54,13 @@ export type NexusAPIRoutePath = 'nexus-endpoint' | 'nexus-endpoint.update';
 export type WorkerDeploymentsAPIRoutePath = 'worker-deployments';
 export type WorkerDeploymentAPIRoutePath = 'worker-deployment';
 export type WorkerDeploymentVersionAPIRoutePath = 'worker-deployment-version';
+export type StandaloneActivitiesAPIRoutePath =
+  | 'standalone-activities'
+  | 'standalone-activities.count';
+export type StandaloneActivityAPIRoutePath =
+  | 'standalone-activity'
+  | 'standalone-activity.cancel'
+  | 'standalone-activity.terminate';
 
 export type APIRoutePath =
   | ParameterlessAPIRoutePath
@@ -73,7 +80,9 @@ export type APIRoutePath =
   | NexusAPIRoutePath
   | WorkerDeploymentsAPIRoutePath
   | WorkerDeploymentAPIRoutePath
-  | WorkerDeploymentVersionAPIRoutePath;
+  | WorkerDeploymentVersionAPIRoutePath
+  | StandaloneActivityAPIRoutePath
+  | StandaloneActivitiesAPIRoutePath;
 
 export type APIRouteParameters = {
   namespace: string;
@@ -92,6 +101,14 @@ export type APIRouteParameters = {
   version: string;
 };
 
+export type StandaloneActivitiesParameters = Pick<
+  APIRouteParameters,
+  'namespace'
+>;
+export type StandaloneActivityParameters = Pick<
+  APIRouteParameters,
+  'namespace' | 'activityId'
+>;
 export type WorkflowListRouteParameters = Pick<APIRouteParameters, 'namespace'>;
 export type NamespaceRouteParameters = Pick<APIRouteParameters, 'namespace'>;
 export type ScheduleListRouteParameters = Pick<APIRouteParameters, 'namespace'>;
diff --git a/src/lib/types/index.ts b/src/lib/types/index.ts
index 5070d8a159..79df4225b5 100644
--- a/src/lib/types/index.ts
+++ b/src/lib/types/index.ts
@@ -4,10 +4,10 @@ import type { google, temporal } from '@temporalio/proto';
 
 export type DescribeNamespaceResponse =
   temporal.api.workflowservice.v1.IDescribeNamespaceResponse & {
-    // TODO: remove when TS SDK has been updated and includes reportedProblemsSearchAttribute
+    // TODO: remove when TS SDK has been updated and includes standaloneActivities
     namespaceInfo?: temporal.api.namespace.v1.INamespaceInfo & {
       capabilities?: temporal.api.namespace.v1.NamespaceInfo.ICapabilities & {
-        reportedProblemsSearchAttribute?: boolean;
+        standaloneActivities?: boolean;
       };
     };
   };
@@ -221,9 +221,12 @@ export type Payloads = temporal.api.common.v1.IPayloads;
 export type WorkflowExecutionInput = temporal.api.common.v1.IWorkflowExecution;
 export type Memo = temporal.api.common.v1.IMemo;
 export type Header = temporal.api.common.v1.IHeader;
+export type ActivityType = temporal.api.common.v1.IActivityType;
+export type RetryPolicy = temporal.api.common.v1.IRetryPolicy;
 
 // api.taskqueue
 
+export type TaskQueue = temporal.api.taskqueue.v1.ITaskQueue;
 export type TaskQueueRequest =
   temporal.api.workflowservice.v1.IDescribeTaskQueueRequest;
 export type TaskQueueResponse =
@@ -274,6 +277,7 @@ export type Failure = temporal.api.failure.v1.IFailure;
 // google
 
 export type Timestamp = google.protobuf.ITimestamp;
+export type Duration = google.protobuf.IDuration;
 
 // extra APIs
 export type SettingsResponse = {
@@ -303,3 +307,5 @@ export type SettingsResponse = {
   FeedbackURL: string;
   Version: string;
 };
+
+export type UserMetadata = temporal.api.sdk.v1.IUserMetadata;
diff --git a/src/lib/types/schedule.ts b/src/lib/types/schedule.ts
index 583f20a3b3..09e24db3a6 100644
--- a/src/lib/types/schedule.ts
+++ b/src/lib/types/schedule.ts
@@ -1,4 +1,4 @@
-import type { PayloadInputEncoding } from '$lib/components/payload-input-with-encoding.svelte';
+import type { PayloadInputEncoding } from '$lib/models/payload-encoding';
 import type { SearchAttributeInput } from '$lib/stores/search-attributes';
 import type {
   CalendarSpec,
diff --git a/src/lib/utilities/encode-payload.ts b/src/lib/utilities/encode-payload.ts
index 12273ff6f7..7244a2db64 100644
--- a/src/lib/utilities/encode-payload.ts
+++ b/src/lib/utilities/encode-payload.ts
@@ -1,9 +1,9 @@
 import { get } from 'svelte/store';
 
-import type { PayloadInputEncoding } from '$lib/components/payload-input-with-encoding.svelte';
+import type { PayloadInputEncoding } from '$lib/models/payload-encoding';
 import { encodePayloadsWithCodec } from '$lib/services/data-encoder';
 import { dataEncoder } from '$lib/stores/data-encoder';
-import type { Payloads } from '$lib/types';
+import type { Payload } from '$lib/types';
 import { btoa } from '$lib/utilities/btoa';
 import {
   parseWithBigInt,
@@ -57,7 +57,7 @@ export const encodePayloads = async ({
   encoding,
   messageType = '',
   encodeWithCodec = true,
-}: EncodePayloads): Promise<Payloads> => {
+}: EncodePayloads): Promise<Payload[]> => {
   let payloads = null;
 
   if (input) {
diff --git a/src/lib/utilities/get-activity-status-and-count.ts b/src/lib/utilities/get-activity-status-and-count.ts
new file mode 100644
index 0000000000..9b7176e65c
--- /dev/null
+++ b/src/lib/utilities/get-activity-status-and-count.ts
@@ -0,0 +1,69 @@
+import type { ActivityExecutionStatus } from '$lib/types/activity-execution';
+import { decodePayload } from '$lib/utilities/decode-payload';
+
+export type ActivityStatus =
+  | 'Running'
+  | 'Completed'
+  | 'Failed'
+  | 'Canceled'
+  | 'Terminated'
+  | 'TimedOut';
+
+export const activityStatuses: ActivityStatus[] = [
+  'Running',
+  'Completed',
+  'Failed',
+  'Canceled',
+  'Terminated',
+  'TimedOut',
+];
+
+const executionStatusToActivityStatus: Record<
+  ActivityExecutionStatus,
+  ActivityStatus
+> = {
+  ACTIVITY_EXECUTION_STATUS_UNSPECIFIED: 'Running',
+  ACTIVITY_EXECUTION_STATUS_RUNNING: 'Running',
+  ACTIVITY_EXECUTION_STATUS_COMPLETED: 'Completed',
+  ACTIVITY_EXECUTION_STATUS_FAILED: 'Failed',
+  ACTIVITY_EXECUTION_STATUS_CANCELED: 'Canceled',
+  ACTIVITY_EXECUTION_STATUS_TERMINATED: 'Terminated',
+  ACTIVITY_EXECUTION_STATUS_TIMED_OUT: 'TimedOut',
+};
+
+export const toActivityStatus = (
+  status: ActivityExecutionStatus,
+): ActivityStatus => {
+  return executionStatusToActivityStatus[status] || 'Running';
+};
+
+export const getActivityStatusAndCountOfGroup = (groups = []) => {
+  return groups
+    .map((group) => {
+      const rawStatus = decodePayload(
+        group?.groupValues[0],
+      ) as unknown as ActivityStatus;
+      const count = parseInt(group.count);
+      return {
+        status: rawStatus,
+        count,
+      };
+    })
+    .sort((a, b) => {
+      return (
+        activityStatuses.indexOf(a.status) - activityStatuses.indexOf(b.status)
+      );
+    });
+};
+
+export const isActivityTerminable = (
+  status: ActivityExecutionStatus,
+): boolean => {
+  return status === 'ACTIVITY_EXECUTION_STATUS_RUNNING';
+};
+
+export const isActivityCancelable = (
+  status: ActivityExecutionStatus,
+): boolean => {
+  return status === 'ACTIVITY_EXECUTION_STATUS_RUNNING';
+};
diff --git a/src/lib/utilities/is.test.ts b/src/lib/utilities/is.test.ts
index f3210da062..4dd42d65b8 100644
--- a/src/lib/utilities/is.test.ts
+++ b/src/lib/utilities/is.test.ts
@@ -1,6 +1,7 @@
 import { describe, expect, it } from 'vitest';
 
 import {
+  isEmptyObject,
   isExecutionStatus,
   isNull,
   isNullConditional,
@@ -354,3 +355,18 @@ describe('isNullConditional', () => {
     expect(isNullConditional(null)).toBe(false);
   });
 });
+
+describe('isEmptyObject', () => {
+  it('returns true for {} and Object.create(null)', () => {
+    expect(isEmptyObject({})).toBe(true);
+    expect(isEmptyObject(Object.create(null))).toBe(true);
+  });
+
+  it('returns false for strings, numbers, booleans, etc.', () => {
+    expect(isEmptyObject(1)).toBe(false);
+    expect(isEmptyObject('a')).toBe(false);
+    expect(isEmptyObject({ a: 1 })).toBe(false);
+    expect(isEmptyObject(null)).toBe(false);
+    expect(isEmptyObject([])).toBe(false);
+  });
+});
diff --git a/src/lib/utilities/is.ts b/src/lib/utilities/is.ts
index 2635aa6922..ac172f85ed 100644
--- a/src/lib/utilities/is.ts
+++ b/src/lib/utilities/is.ts
@@ -192,3 +192,11 @@ export const isInConditional = (x: unknown) => {
 
   return ['in', 'not in'].includes(x.toLocaleLowerCase());
 };
+
+export const isEmptyObject = (obj: unknown) => {
+  if (obj === null || typeof obj !== 'object' || Array.isArray(obj)) {
+    return false;
+  }
+
+  return Object.keys(obj).length === 0;
+};
diff --git a/src/lib/utilities/route-for-api.ts b/src/lib/utilities/route-for-api.ts
index 0fc28685e1..2542261e91 100644
--- a/src/lib/utilities/route-for-api.ts
+++ b/src/lib/utilities/route-for-api.ts
@@ -19,6 +19,10 @@ import type {
   SchedulesAPIRoutePath,
   SearchAttributesRouteParameters,
   SearchAttributesRoutePath,
+  StandaloneActivitiesAPIRoutePath,
+  StandaloneActivitiesParameters,
+  StandaloneActivityAPIRoutePath,
+  StandaloneActivityParameters,
   TaskQueueAPIRoutePath,
   TaskQueueRouteParameters,
   WorkerAPIRoutePath,
@@ -170,11 +174,26 @@ export function pathForApi(
     'worker-deployments': `/namespaces/${parameters.namespace}/worker-deployments`,
     'worker-deployment': `/namespaces/${parameters.namespace}/worker-deployments/${parameters.deploymentName}`,
     'worker-deployment-version': `/namespaces/${parameters.namespace}/worker-deployment-versions/${parameters.version}`,
+    'standalone-activity': `/namespaces/${parameters.namespace}/activities/${parameters.activityId}`,
+    'standalone-activities': `/namespaces/${parameters.namespace}/activities`,
+    'standalone-activities.count': `/namespaces/${parameters.namespace}/activity-count`,
+    'standalone-activity.cancel': `/namespaces/${parameters.namespace}/activities/${parameters.activityId}/cancel`,
+    'standalone-activity.terminate': `/namespaces/${parameters.namespace}/activities/${parameters.activityId}/terminate`,
   };
 
   return getPath(routes[route]);
 }
 
+export function routeForApi(
+  route: StandaloneActivitiesAPIRoutePath,
+  parameters: StandaloneActivitiesParameters,
+  shouldEncode?: boolean,
+): string;
+export function routeForApi(
+  route: StandaloneActivityAPIRoutePath,
+  parameters: StandaloneActivityParameters,
+  shouldEncode?: boolean,
+): string;
 export function routeForApi(
   route: WorkflowsAPIRoutePath,
   parameters: WorkflowListRouteParameters,
diff --git a/src/lib/utilities/route-for.ts b/src/lib/utilities/route-for.ts
index bcfd0c98ae..d93bec0537 100644
--- a/src/lib/utilities/route-for.ts
+++ b/src/lib/utilities/route-for.ts
@@ -60,6 +60,14 @@ export type AuthenticationParameters = {
   originUrl?: string;
 };
 
+export interface StartActivityExecutionQueryParams {
+  activityId: string;
+  activityType: string;
+  taskQueue: string;
+  startToCloseTimeout: string;
+  scheduleToCloseTimeout: string;
+}
+
 export const routeForNamespaces = (): string => {
   return resolve('/namespaces', {});
 };
@@ -94,6 +102,67 @@ export const routeForWorkflows = (parameters: NamespaceParameter): string => {
   return `${routeForNamespace(parameters)}/workflows`;
 };
 
+export const routeForStandaloneActivities = (
+  parameters: NamespaceParameter,
+): string => {
+  return `${routeForNamespace(parameters)}/activities`;
+};
+
+export const routeForStandaloneActivitiesWithQuery = (
+  parameters: NamespaceParameter,
+  queryString: string,
+): string => {
+  const params = new URLSearchParams();
+  params.set('query', queryString);
+
+  return toURL(routeForStandaloneActivities(parameters), params);
+};
+
+export const routeForStartStandaloneActivity = (
+  parameters: NamespaceParameter & Partial<StartActivityExecutionQueryParams>,
+): string => {
+  const params = {
+    activityId: parameters.activityId ?? '',
+    activityType: parameters.activityType ?? '',
+    scheduleToCloseTimeout: parameters.scheduleToCloseTimeout ?? '',
+    startToCloseTimeout: parameters.startToCloseTimeout ?? '',
+    taskQueue: parameters.taskQueue ?? '',
+  };
+  return toURL(`${routeForStandaloneActivities(parameters)}/start`, params);
+};
+
+const routeForStandaloneActivityBase = (
+  parameters: NamespaceParameter & { activityId: string },
+) => {
+  return resolve(`${routeForStandaloneActivities(parameters)}/[activityId]`, {
+    activityId: parameters.activityId,
+  });
+};
+
+export const routeForStandaloneActivityDetails = (
+  parameters: NamespaceParameter & { activityId: string },
+) => {
+  return `${routeForStandaloneActivityBase(parameters)}/details`;
+};
+
+export const routeForStandaloneActivityWorkers = (
+  parameters: NamespaceParameter & { activityId: string },
+) => {
+  return `${routeForStandaloneActivityBase(parameters)}/workers`;
+};
+
+export const routeForStandaloneActivitySearchAttributes = (
+  parameters: NamespaceParameter & { activityId: string },
+) => {
+  return `${routeForStandaloneActivityBase(parameters)}/search-attributes`;
+};
+
+export const routeForStandaloneActivityMetadata = (
+  parameters: NamespaceParameter & { activityId: string },
+) => {
+  return `${routeForStandaloneActivityBase(parameters)}/metadata`;
+};
+
 type StartWorkflowParameters = NamespaceParameter &
   Partial<{
     workflowId: string;
diff --git a/src/lib/utilities/standalone-activity-poller.svelte.ts b/src/lib/utilities/standalone-activity-poller.svelte.ts
new file mode 100644
index 0000000000..659e2bae40
--- /dev/null
+++ b/src/lib/utilities/standalone-activity-poller.svelte.ts
@@ -0,0 +1,94 @@
+import { writable, type Writable } from 'svelte/store';
+
+import {
+  getActivityExecution,
+  pollActivityExecution,
+} from '$lib/services/standalone-activities';
+import type { ActivityExecution } from '$lib/types/activity-execution';
+
+import { isEmptyObject } from './is';
+
+export const activityExecution: Writable<ActivityExecution | undefined> =
+  writable();
+
+export class StandaloneActivityPoller {
+  private abortController: AbortController;
+  private namespace: string;
+  private activityId: string;
+  private runId: string;
+  private token: string;
+  private onUpdate: (activityExecution: ActivityExecution) => void;
+  private onError: (error: Error) => void;
+
+  constructor(
+    namespace: string,
+    activityId: string,
+    abortController: AbortController,
+    onUpdate: (activityExecution: ActivityExecution) => void,
+    onError: (error: Error) => void,
+  ) {
+    this.namespace = namespace;
+    this.activityId = activityId;
+    this.abortController = abortController;
+    this.onUpdate = onUpdate;
+    this.onError = onError;
+  }
+
+  async start() {
+    let activityExecution: ActivityExecution | undefined = undefined;
+    try {
+      activityExecution = await getActivityExecution(
+        this.namespace,
+        this.activityId,
+      );
+    } catch (error) {
+      this.onError(error);
+    }
+
+    this.onUpdate(activityExecution);
+
+    if (activityExecution.info.status === 'ACTIVITY_EXECUTION_STATUS_RUNNING') {
+      this.runId = activityExecution.runId;
+      this.token = activityExecution.longPollToken;
+
+      while (!this.abortController.signal.aborted) {
+        try {
+          const polledActivityExecution = await pollActivityExecution(
+            this.namespace,
+            this.activityId,
+            this.runId,
+            this.token,
+            this.abortController.signal,
+          );
+
+          if (
+            polledActivityExecution &&
+            !isEmptyObject(polledActivityExecution)
+          ) {
+            this.token = polledActivityExecution.longPollToken;
+            this.onUpdate(polledActivityExecution);
+          }
+        } catch (error) {
+          if (error instanceof Error && error.name === 'AbortError') {
+            return;
+          }
+
+          this.onError(error);
+          break;
+        }
+      }
+    }
+  }
+
+  async fetchOnce() {
+    const activityExecution = await getActivityExecution(
+      this.namespace,
+      this.activityId,
+    );
+    this.onUpdate(activityExecution);
+  }
+
+  abort() {
+    this.abortController.abort();
+  }
+}
diff --git a/src/lib/utilities/to-duration.ts b/src/lib/utilities/to-duration.ts
index 66fd383489..d71c820c37 100644
--- a/src/lib/utilities/to-duration.ts
+++ b/src/lib/utilities/to-duration.ts
@@ -131,6 +131,8 @@ export const fromSeconds = (
   seconds: string,
   { delimiter = ', ' } = {},
 ): string => {
+  if (!seconds) return '';
+
   const parsedSeconds = parseInt(seconds);
   const parsedDecimal = parseFloat(`.${seconds.split('.')[1] ?? 0}`);
 
diff --git a/src/routes/(app)/+layout.svelte b/src/routes/(app)/+layout.svelte
index 362da11431..558698a924 100644
--- a/src/routes/(app)/+layout.svelte
+++ b/src/routes/(app)/+layout.svelte
@@ -32,6 +32,7 @@
     routeForNamespaces,
     routeForNexus,
     routeForSchedules,
+    routeForStandaloneActivities,
     routeForWorkerDeployments,
     routeForWorkflows,
   } from '$lib/utilities/route-for';
@@ -72,6 +73,7 @@
   const getRoutes = (namespace: string) => {
     return {
       workflowsRoute: routeForWorkflows({ namespace }),
+      standaloneActivitiesRoute: routeForStandaloneActivities({ namespace }),
       schedulesRoute: routeForSchedules({ namespace }),
       batchOperationsRoute: routeForBatchOperations({ namespace }),
       workerDeploymentsRoute: routeForWorkerDeployments({ namespace }),
@@ -85,6 +87,7 @@
   const getLinkList = (
     {
       workflowsRoute,
+      standaloneActivitiesRoute,
       schedulesRoute,
       batchOperationsRoute,
       workerDeploymentsRoute,
@@ -94,6 +97,7 @@
       historyImportRoute,
     }: {
       workflowsRoute: string;
+      standaloneActivitiesRoute: string;
       schedulesRoute: string;
       batchOperationsRoute: string;
       workerDeploymentsRoute: string;
@@ -115,6 +119,7 @@
           !path.includes(schedulesRoute) &&
           !path.includes(batchOperationsRoute) &&
           !path.includes(workerDeploymentsRoute) &&
+          !path.includes(standaloneActivitiesRoute) &&
           !path.includes(archivalRoute),
       },
       {
@@ -123,6 +128,13 @@
         label: translate('common.workflows'),
         isActive: (path) => path.includes(workflowsRoute),
       },
+      // Uncomment this when Standalone Activities is ready to release
+      // {
+      //   href: standaloneActivitiesRoute,
+      //   icon: 'activity',
+      //   label: translate('standalone-activities.standalone-activities'),
+      //   isActive: (path) => path.includes(standaloneActivitiesRoute),
+      // },
       {
         href: schedulesRoute,
         icon: 'schedules',
@@ -186,6 +198,7 @@
     batchOperationsRoute,
     workerDeploymentsRoute,
     archivalRoute,
+    standaloneActivitiesRoute,
   } = $derived(routes);
   let showNamespacePicker = $derived(
     [
@@ -194,6 +207,7 @@
       workerDeploymentsRoute,
       batchOperationsRoute,
       archivalRoute,
+      standaloneActivitiesRoute,
     ].some((route) => page.url.href.includes(route)),
   );
 
@@ -207,6 +221,10 @@
         subPath: 'batch-operations',
         fullRoute: routeForBatchOperations({ namespace }),
       },
+      {
+        subPath: 'activities',
+        fullRoute: routeForStandaloneActivities({ namespace }),
+      },
       {
         subPath: 'worker-deployments',
         fullRoute: routeForWorkerDeployments({ namespace }),
diff --git a/src/routes/(app)/namespaces/[namespace]/activities/+layout.svelte b/src/routes/(app)/namespaces/[namespace]/activities/+layout.svelte
new file mode 100644
index 0000000000..9887ff063d
--- /dev/null
+++ b/src/routes/(app)/namespaces/[namespace]/activities/+layout.svelte
@@ -0,0 +1,21 @@
+<script lang="ts">
+  import type { Snippet } from 'svelte';
+
+  import { page } from '$app/state';
+
+  import StandaloneActivitiesDisabled from '$lib/components/standalone-activities/standalone-activities-disabled.svelte';
+  import StandaloneActivitiesGuard from '$lib/components/standalone-activities/standalone-activities-guard.svelte';
+
+  interface Props {
+    children: Snippet;
+  }
+
+  let { children }: Props = $props();
+</script>
+
+<StandaloneActivitiesGuard namespace={page.data.namespace}>
+  {@render children()}
+  {#snippet fallback()}
+    <StandaloneActivitiesDisabled namespace={page.params.namespace} />
+  {/snippet}
+</StandaloneActivitiesGuard>
diff --git a/src/routes/(app)/namespaces/[namespace]/activities/+layout.ts b/src/routes/(app)/namespaces/[namespace]/activities/+layout.ts
new file mode 100644
index 0000000000..1516a5ed52
--- /dev/null
+++ b/src/routes/(app)/namespaces/[namespace]/activities/+layout.ts
@@ -0,0 +1,8 @@
+// Remove this file when Standalone Activities is ready to release
+import { error } from '@sveltejs/kit';
+
+import type { LayoutLoad } from './$types';
+
+export const load: LayoutLoad = () => {
+  error(404);
+};
diff --git a/src/routes/(app)/namespaces/[namespace]/activities/+page.svelte b/src/routes/(app)/namespaces/[namespace]/activities/+page.svelte
new file mode 100644
index 0000000000..88c9a03b5b
--- /dev/null
+++ b/src/routes/(app)/namespaces/[namespace]/activities/+page.svelte
@@ -0,0 +1,26 @@
+<script lang="ts">
+  import { page } from '$app/state';
+
+  import PageTitle from '$lib/components/page-title.svelte';
+  import Button from '$lib/holocene/button.svelte';
+  import { translate } from '$lib/i18n/translate';
+  import StandaloneActivities from '$lib/pages/standalone-activities.svelte';
+  import { routeForStartStandaloneActivity } from '$lib/utilities/route-for';
+
+  const namespace = $derived(page.params.namespace);
+</script>
+
+<PageTitle
+  title="{translate(
+    'standalone-activities.standalone-activities',
+  )} | {namespace}"
+  url={page.url.href}
+/>
+
+<StandaloneActivities>
+  {#snippet headerActions()}
+    <Button href={routeForStartStandaloneActivity({ namespace })}>
+      {translate('standalone-activities.start-standalone-activity')}
+    </Button>
+  {/snippet}
+</StandaloneActivities>
diff --git a/src/routes/(app)/namespaces/[namespace]/activities/[activityId]/+layout.svelte b/src/routes/(app)/namespaces/[namespace]/activities/[activityId]/+layout.svelte
new file mode 100644
index 0000000000..3dfc0d23e2
--- /dev/null
+++ b/src/routes/(app)/namespaces/[namespace]/activities/[activityId]/+layout.svelte
@@ -0,0 +1,54 @@
+<script lang="ts">
+  import { onDestroy, onMount } from 'svelte';
+
+  import { page } from '$app/state';
+
+  import ErrorComponent from '$lib/holocene/error.svelte';
+  import StandaloneActivityLayout from '$lib/layouts/standalone-activity-layout.svelte';
+  import {
+    activityExecution,
+    StandaloneActivityPoller,
+  } from '$lib/utilities/standalone-activity-poller.svelte';
+
+  const namespace = $derived(page.params.namespace);
+  const activityId = $derived(page.params.activityId);
+  let error = $state<Error | undefined>();
+
+  const activityPollerAbortController = new AbortController();
+  const poller = $derived(
+    new StandaloneActivityPoller(
+      namespace,
+      activityId,
+      activityPollerAbortController,
+      (execution) => {
+        $activityExecution = execution;
+      },
+      (e) => {
+        error = e;
+      },
+    ),
+  );
+
+  onMount(async () => {
+    poller.start();
+  });
+
+  onDestroy(() => {
+    poller.abort();
+  });
+
+  let { children } = $props();
+</script>
+
+{#if error}
+  <ErrorComponent {error} />
+{:else}
+  <StandaloneActivityLayout
+    {poller}
+    activityExecution={$activityExecution}
+    {namespace}
+    {activityId}
+  >
+    {@render children()}
+  </StandaloneActivityLayout>
+{/if}
diff --git a/src/routes/(app)/namespaces/[namespace]/activities/[activityId]/+page.ts b/src/routes/(app)/namespaces/[namespace]/activities/[activityId]/+page.ts
new file mode 100644
index 0000000000..2484777e99
--- /dev/null
+++ b/src/routes/(app)/namespaces/[namespace]/activities/[activityId]/+page.ts
@@ -0,0 +1,7 @@
+import { redirect } from '@sveltejs/kit';
+
+import type { PageLoad } from './$types';
+
+export const load: PageLoad = async function ({ url }) {
+  redirect(302, `${url.pathname}/details`);
+};
diff --git a/src/routes/(app)/namespaces/[namespace]/activities/[activityId]/details/+page.svelte b/src/routes/(app)/namespaces/[namespace]/activities/[activityId]/details/+page.svelte
new file mode 100644
index 0000000000..e807d38b01
--- /dev/null
+++ b/src/routes/(app)/namespaces/[namespace]/activities/[activityId]/details/+page.svelte
@@ -0,0 +1,16 @@
+<script lang="ts">
+  import { page } from '$app/state';
+
+  import PageTitle from '$lib/components/page-title.svelte';
+  import StandaloneActivityDetails from '$lib/pages/standalone-activity-details.svelte';
+
+  const namespace = $derived(page.params.namespace);
+  const activityId = $derived(page.params.activityId);
+</script>
+
+<PageTitle
+  title="Activity Execution Details | {activityId}"
+  url={page.url.href}
+/>
+
+<StandaloneActivityDetails {namespace} />
diff --git a/src/routes/(app)/namespaces/[namespace]/activities/[activityId]/metadata/+page.svelte b/src/routes/(app)/namespaces/[namespace]/activities/[activityId]/metadata/+page.svelte
new file mode 100644
index 0000000000..25e4b9a7d5
--- /dev/null
+++ b/src/routes/(app)/namespaces/[namespace]/activities/[activityId]/metadata/+page.svelte
@@ -0,0 +1,15 @@
+<script lang="ts">
+  import { page } from '$app/state';
+
+  import PageTitle from '$lib/components/page-title.svelte';
+  import ActivityExecutionMetadata from '$lib/pages/standalone-activity-metadata.svelte';
+
+  const activityId = $derived(page.params.activityId);
+</script>
+
+<PageTitle
+  title="Activity Execution User Metadata | {activityId}"
+  url={page.url.href}
+/>
+
+<ActivityExecutionMetadata />
diff --git a/src/routes/(app)/namespaces/[namespace]/activities/[activityId]/search-attributes/+page.svelte b/src/routes/(app)/namespaces/[namespace]/activities/[activityId]/search-attributes/+page.svelte
new file mode 100644
index 0000000000..83ee89bca1
--- /dev/null
+++ b/src/routes/(app)/namespaces/[namespace]/activities/[activityId]/search-attributes/+page.svelte
@@ -0,0 +1,14 @@
+<script lang="ts">
+  import { page } from '$app/state';
+
+  import PageTitle from '$lib/components/page-title.svelte';
+  import ActivityExecutionSearchAttributes from '$lib/pages/standalone-activity-search-attributes.svelte';
+
+  const activityId = $derived(page.params.activityId);
+</script>
+
+<PageTitle
+  title="Activity Execution Search Attributes | {activityId}"
+  url={page.url.href}
+/>
+<ActivityExecutionSearchAttributes />
diff --git a/src/routes/(app)/namespaces/[namespace]/activities/[activityId]/workers/+page.svelte b/src/routes/(app)/namespaces/[namespace]/activities/[activityId]/workers/+page.svelte
new file mode 100644
index 0000000000..4735655aae
--- /dev/null
+++ b/src/routes/(app)/namespaces/[namespace]/activities/[activityId]/workers/+page.svelte
@@ -0,0 +1,12 @@
+<script lang="ts">
+  import { page } from '$app/state';
+
+  import PageTitle from '$lib/components/page-title.svelte';
+  import ActivityExecutionWorkers from '$lib/pages/standalone-activity-workers.svelte';
+
+  const namespace = $derived(page.params.namespace);
+  const activityId = $derived(page.params.activityId);
+</script>
+
+<PageTitle title="Activity Execution | {activityId}" url={page.url.href} />
+<ActivityExecutionWorkers {namespace} />
diff --git a/src/routes/(app)/namespaces/[namespace]/activities/start/+page.svelte b/src/routes/(app)/namespaces/[namespace]/activities/start/+page.svelte
new file mode 100644
index 0000000000..fb3c54d8d9
--- /dev/null
+++ b/src/routes/(app)/namespaces/[namespace]/activities/start/+page.svelte
@@ -0,0 +1,18 @@
+<script lang="ts">
+  import { page } from '$app/state';
+
+  import PageTitle from '$lib/components/page-title.svelte';
+  import { translate } from '$lib/i18n/translate';
+  import StartActivityExecution from '$lib/pages/start-standalone-activity.svelte';
+
+  const namespace = $derived(page.params.namespace);
+</script>
+
+<PageTitle
+  title="{translate(
+    'standalone-activities.start-standalone-activity',
+  )} | {namespace}"
+  url={page.url.href}
+/>
+
+<StartActivityExecution {namespace} />
diff --git a/tests/integration/start-standalone-activity.spec.ts b/tests/integration/start-standalone-activity.spec.ts
new file mode 100644
index 0000000000..1376f7cbef
--- /dev/null
+++ b/tests/integration/start-standalone-activity.spec.ts
@@ -0,0 +1,83 @@
+import { expect, test } from '@playwright/test';
+
+import { StartStandaloneActivityPage } from '~/pages/start-standalone-activity';
+import {
+  mockGlobalApis,
+  mockNamespaceApi,
+  mockSearchAttributesApi,
+  mockSettingsApi,
+} from '~/test-utilities/mock-apis';
+
+test.describe('Start a Standalone Activity', () => {
+  test.beforeEach(async ({ page }) => {
+    await mockGlobalApis(page);
+    await mockNamespaceApi(page);
+    await mockSettingsApi(page);
+    await mockSearchAttributesApi(page);
+  });
+
+  test.skip('Allows select form fields to be pre-filled via URL Search Parameters', async ({
+    page,
+  }) => {
+    const startStandaloneActivityPage = new StartStandaloneActivityPage(page);
+
+    await startStandaloneActivityPage.goto({
+      activityId: 'abc-123',
+      activityType: 'greet',
+      taskQueue: 'default',
+      startToCloseTimeout: '1',
+      scheduleToCloseTimeout: '10',
+    });
+
+    await expect(startStandaloneActivityPage.activityIdInput).toHaveValue(
+      'abc-123',
+    );
+    await expect(startStandaloneActivityPage.activityTypeInput).toHaveValue(
+      'greet',
+    );
+    await expect(startStandaloneActivityPage.taskQueueInput).toHaveValue(
+      'default',
+    );
+    await expect(
+      startStandaloneActivityPage.startToCloseTimeoutInput,
+    ).toHaveValue('1');
+    await expect(
+      startStandaloneActivityPage.scheduleToCloseTimeoutInput,
+    ).toHaveValue('10');
+  });
+
+  test.skip('Displays errors when select form fields are incomplete', async ({
+    page,
+  }) => {
+    const startStandaloneActivityPage = new StartStandaloneActivityPage(page);
+    await startStandaloneActivityPage.goto();
+
+    await startStandaloneActivityPage.submitButton.click();
+
+    await expect(
+      startStandaloneActivityPage.activityIdInputError,
+    ).toBeVisible();
+    await expect(
+      startStandaloneActivityPage.activityTypeInputError,
+    ).toBeVisible();
+    await expect(startStandaloneActivityPage.taskQueueInputError).toBeVisible();
+    await expect(startStandaloneActivityPage.timeoutError).toBeVisible();
+  });
+
+  test.skip('Allows expanding more options', async ({ page }) => {
+    const startStandaloneActivityPage = new StartStandaloneActivityPage(page);
+    await startStandaloneActivityPage.goto();
+
+    await expect(startStandaloneActivityPage.moreOptionsButton).toBeVisible();
+    await expect(
+      startStandaloneActivityPage.addSearchAttributesCard,
+    ).toBeHidden();
+    await expect(startStandaloneActivityPage.addMetadataCard).toBeHidden();
+
+    await startStandaloneActivityPage.moreOptionsButton.click();
+    await expect(
+      startStandaloneActivityPage.addSearchAttributesCard,
+    ).toBeVisible();
+    await expect(startStandaloneActivityPage.addMetadataCard).toBeVisible();
+  });
+});
diff --git a/tests/pages/start-standalone-activity.ts b/tests/pages/start-standalone-activity.ts
new file mode 100644
index 0000000000..d1ba9a6967
--- /dev/null
+++ b/tests/pages/start-standalone-activity.ts
@@ -0,0 +1,61 @@
+import type { Locator, Page } from '@playwright/test';
+
+export class StartStandaloneActivityPage {
+  readonly page: Page;
+  readonly activityIdInput: Locator;
+  readonly activityTypeInput: Locator;
+  readonly taskQueueInput: Locator;
+  readonly startToCloseTimeoutInput: Locator;
+  readonly scheduleToCloseTimeoutInput: Locator;
+  readonly submitButton: Locator;
+  readonly activityIdInputError: Locator;
+  readonly activityTypeInputError: Locator;
+  readonly taskQueueInputError: Locator;
+  readonly timeoutError: Locator;
+  readonly moreOptionsButton: Locator;
+  readonly addSearchAttributesCard: Locator;
+  readonly addMetadataCard: Locator;
+
+  constructor(page: Page) {
+    this.page = page;
+    this.activityIdInput = page.locator('#activityId');
+    this.activityTypeInput = page.locator('#activityType');
+    this.taskQueueInput = page.locator('#taskQueue');
+    this.startToCloseTimeoutInput = page.locator('#startToCloseTimeout');
+    this.scheduleToCloseTimeoutInput = page.locator('#scheduleToCloseTimeout');
+    this.submitButton = page.getByTestId(
+      'start-standalone-activity-submit-button',
+    );
+    this.activityIdInputError = page.getByText('Activity ID is required.');
+    this.activityTypeInputError = page.getByText('Activity Type is required.');
+    this.taskQueueInputError = page.getByText('Task Queue is required.');
+    this.timeoutError = page.getByText(
+      'Either "Start to Close Timeout" or "Schedule to Close Timeout" is required.',
+    );
+
+    this.moreOptionsButton = page.getByTestId(
+      'start-standalone-activity-more-options',
+    );
+    this.addSearchAttributesCard = page.getByTestId(
+      'start-standalone-activity-add-search-attributes',
+    );
+    this.addMetadataCard = page.getByTestId(
+      'start-standalone-activity-add-metadata',
+    );
+  }
+
+  public goto = async (params: Record<string, string> = {}) => {
+    const paramsString = Object.entries(params).reduce(
+      (queryString, [key, value]) => {
+        return `${queryString}&${key}=${value}`;
+      },
+      '',
+    );
+
+    const path = paramsString
+      ? `/namespaces/default/activities/start?${paramsString}`
+      : '/namespaces/default/activities/start';
+
+    await this.page.goto(path);
+  };
+}
diff --git a/tests/test-utilities/mocks/namespace.ts b/tests/test-utilities/mocks/namespace.ts
index eee296800e..a1e6e61a99 100644
--- a/tests/test-utilities/mocks/namespace.ts
+++ b/tests/test-utilities/mocks/namespace.ts
@@ -43,6 +43,9 @@ const MOCK_DEFAULT_NAMESPACE = {
     data: {},
     id: 'bbe0d4ea-c682-4c5a-bc4b-fadb8e8c8bfe',
     supportsSchedules: true,
+    capabilities: {
+      standaloneActivities: true,
+    },
   },
   config: {
     workflowExecutionRetentionTtl: '86400s',