diff --git a/server/go.mod b/server/go.mod
index 845113dc70..320ae3a546 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.62.8
+	go.temporal.io/api v1.62.12
 	golang.org/x/net v0.54.0
 	golang.org/x/oauth2 v0.34.0
 	google.golang.org/grpc v1.79.3
diff --git a/server/go.sum b/server/go.sum
index 844b55b5bc..8e5efd6ec1 100644
--- a/server/go.sum
+++ b/server/go.sum
@@ -88,8 +88,8 @@ go.opentelemetry.io/otel/sdk/metric v1.39.0 h1:cXMVVFVgsIf2YL6QkRF4Urbr/aMInf+2W
 go.opentelemetry.io/otel/sdk/metric v1.39.0/go.mod h1:xq9HEVH7qeX69/JnwEfp6fVq5wosJsY1mt4lLfYdVew=
 go.opentelemetry.io/otel/trace v1.39.0 h1:2d2vfpEDmCJ5zVYz7ijaJdOF59xLomrvj7bjt6/qCJI=
 go.opentelemetry.io/otel/trace v1.39.0/go.mod h1:88w4/PnZSazkGzz/w84VHpQafiU4EtqqlVdxWy+rNOA=
-go.temporal.io/api v1.62.8 h1:g8RAZmdebYODoNa2GLA4M4TsXNe1096WV3n26C4+fdw=
-go.temporal.io/api v1.62.8/go.mod h1:iaxoP/9OXMJcQkETTECfwYq4cw/bj4nwov8b3ZLVnXM=
+go.temporal.io/api v1.62.12 h1:627rVnItegQmrszg1bH4vfyc/1uNo5qCereCNkvZefw=
+go.temporal.io/api v1.62.12/go.mod h1:iaxoP/9OXMJcQkETTECfwYq4cw/bj4nwov8b3ZLVnXM=
 golang.org/x/crypto v0.51.0 h1:IBPXwPfKxY7cWQZ38ZCIRPI50YLeevDLlLnyC5wRGTI=
 golang.org/x/crypto v0.51.0/go.mod h1:8AdwkbraGNABw2kOX6YFPs3WM22XqI4EXEd8g+x7Oc8=
 golang.org/x/net v0.54.0 h1:2zJIZAxAHV/OHCDTCOHAYehQzLfSXuf/5SoL/Dv6w/w=
diff --git a/src/lib/components/standalone-nexus-operations/nexus-operations-summary-configurable-table.svelte b/src/lib/components/standalone-nexus-operations/nexus-operations-summary-configurable-table.svelte
new file mode 100644
index 0000000000..e117a39420
--- /dev/null
+++ b/src/lib/components/standalone-nexus-operations/nexus-operations-summary-configurable-table.svelte
@@ -0,0 +1,87 @@
+<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 { fetchPaginatedNexusOperations } from '$lib/services/standalone-nexus-operations';
+  import { configurableTableColumns } from '$lib/stores/configurable-table-columns';
+  import {
+    nexusOperationCount,
+    nexusOperationRefresh,
+  } from '$lib/stores/nexus-operations';
+
+  import TableBodyCell from './nexus-operations-summary-configurable-table/table-body-cell.svelte';
+  import TableEmptyState from './nexus-operations-summary-configurable-table/table-empty-state.svelte';
+  import TableHeaderCell from './nexus-operations-summary-configurable-table/table-header-cell.svelte';
+  import TableHeaderRow from './nexus-operations-summary-configurable-table/table-header-row.svelte';
+  import TableRow from './nexus-operations-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]?.['nexus-operations'] ?? [],
+  );
+  const query = $derived(page.url.searchParams.get('query') ?? '');
+
+  const onFetch = $derived(() =>
+    fetchPaginatedNexusOperations(namespace, query),
+  );
+</script>
+
+{#key [namespace, query, $nexusOperationRefresh]}
+  <PaginatedTable
+    total={$nexusOperationCount.count}
+    {onFetch}
+    let:visibleItems
+    aria-label={translate(
+      'standalone-nexus-operations.standalone-nexus-operations',
+    )}
+    pageSizeSelectLabel={translate('common.per-page')}
+    nextButtonLabel={translate('common.next')}
+    previousButtonLabel={translate('common.previous')}
+    emptyStateMessage={translate(
+      'standalone-nexus-operations.empty-state-title',
+    )}
+    maxHeight="var(--panel-h)"
+  >
+    <caption class="sr-only" slot="caption">
+      {translate('standalone-nexus-operations.nexus-operations-table')}
+    </caption>
+    <TableHeaderRow slot="headers">
+      <th></th>
+      {#each columns as column (column.label)}
+        <TableHeaderCell {column} />
+      {/each}
+    </TableHeaderRow>
+    {#each visibleItems as operation (operation.operationId + '-' + operation.runId)}
+      <TableRow {operation}>
+        {#each columns as column (column.label)}
+          <TableBodyCell {operation} {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="nexus-operations-summary-table-configuration-button"
+          size="xs"
+          variant="ghost"
+        >
+          <Icon name="settings" />
+        </Button>
+      </Tooltip>
+    </svelte:fragment>
+  </PaginatedTable>
+{/key}
diff --git a/src/lib/components/standalone-nexus-operations/nexus-operations-summary-configurable-table/filterable-table-cell.svelte b/src/lib/components/standalone-nexus-operations/nexus-operations-summary-configurable-table/filterable-table-cell.svelte
new file mode 100644
index 0000000000..2f8e9d3490
--- /dev/null
+++ b/src/lib/components/standalone-nexus-operations/nexus-operations-summary-configurable-table/filterable-table-cell.svelte
@@ -0,0 +1,71 @@
+<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 { nexusOperationFilters } from '$lib/stores/filters';
+  import {
+    SEARCH_ATTRIBUTE_TYPE,
+    type SearchAttributeType,
+  } from '$lib/types/workflows';
+  import {
+    createFilter,
+    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 = $nexusOperationFilters.find(
+      (f) => f.attribute === attribute,
+    );
+    const getOtherFilters = () =>
+      $nexusOperationFilters.filter((f) => f.attribute !== attribute);
+
+    if (!filter || filter.value !== value) {
+      const newFilter: SearchAttributeFilter = createFilter({
+        attribute,
+        type,
+        value,
+        conditional: '=',
+      });
+      $nexusOperationFilters = [...getOtherFilters(), newFilter];
+    } else {
+      $nexusOperationFilters = [...getOtherFilters()];
+    }
+
+    updateQueryParamsFromFilter(page.url, $nexusOperationFilters);
+  };
+</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-nexus-operations')}
+  show={filterOrCopyButtonsVisible}
+  content={value}
+  onFilter={onRowFilterClick}
+  filtered={$nexusOperationFilters.some(
+    (filter) => filter.attribute === attribute && filter.value === value,
+  )}
+/>
diff --git a/src/lib/components/standalone-nexus-operations/nexus-operations-summary-configurable-table/table-body-cell.svelte b/src/lib/components/standalone-nexus-operations/nexus-operations-summary-configurable-table/table-body-cell.svelte
new file mode 100644
index 0000000000..7fdca9bae3
--- /dev/null
+++ b/src/lib/components/standalone-nexus-operations/nexus-operations-summary-configurable-table/table-body-cell.svelte
@@ -0,0 +1,105 @@
+<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 { NexusOperationExecutionListInfo } from '$lib/types/nexus-operation-execution';
+  import { formatDistance } from '$lib/utilities/format-time';
+  import { toNexusOperationStatus } from '$lib/utilities/get-nexus-operation-status-and-count';
+  import { routeForStandaloneNexusOperationDetails } from '$lib/utilities/route-for';
+
+  import FilterableTableCell from './filterable-table-cell.svelte';
+
+  type Props = {
+    column: ConfigurableTableHeader;
+    operation: NexusOperationExecutionListInfo;
+  };
+  let { column, operation }: 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 = ['Operation ID', 'Endpoint', 'Service', 'Operation'];
+</script>
+
+{#if filterableLabels.includes(label)}
+  <td
+    class="relative h-8 whitespace-nowrap pr-24"
+    data-testid="nexus-operations-summary-table-body-cell"
+    onmouseover={showFilterOrCopy}
+    onfocus={showFilterOrCopy}
+    onfocusin={showFilterOrCopy}
+    onfocusout={handleFocusOut}
+    onmouseleave={hideFilterOrCopy}
+    onblur={hideFilterOrCopy}
+  >
+    {#if label === 'Operation ID'}
+      <FilterableTableCell
+        {filterOrCopyButtonsVisible}
+        attribute="OperationId"
+        value={operation.operationId}
+        href={routeForStandaloneNexusOperationDetails({
+          namespace,
+          operationId: operation.operationId,
+        })}
+      />
+    {:else if label === 'Endpoint'}
+      <FilterableTableCell
+        {filterOrCopyButtonsVisible}
+        attribute="Endpoint"
+        value={operation.endpoint ?? ''}
+      />
+    {:else if label === 'Service'}
+      <FilterableTableCell
+        {filterOrCopyButtonsVisible}
+        attribute="Service"
+        value={operation.service ?? ''}
+      />
+    {:else if label === 'Operation'}
+      <FilterableTableCell
+        {filterOrCopyButtonsVisible}
+        attribute="Operation"
+        value={operation.operation ?? ''}
+      />
+    {/if}
+  </td>
+{:else}
+  <td
+    class="h-8 whitespace-nowrap"
+    data-testid="nexus-operations-summary-table-body-cell"
+  >
+    {#if label === 'Status'}
+      <WorkflowStatus status={toNexusOperationStatus(operation.status)} />
+    {:else if label === 'Run ID'}
+      {operation.runId ?? ''}
+    {:else if label === 'Schedule Time'}
+      <Timestamp dateTime={operation.scheduleTime} />
+    {:else if label === 'Close Time'}
+      <Timestamp dateTime={operation.closeTime} />
+    {:else if label === 'Execution Duration'}
+      {#if operation.executionDuration}
+        {formatDistance({
+          start: operation.scheduleTime,
+          end: operation.closeTime,
+          includeMillisecondsForUnderSecond: true,
+        })}
+      {/if}
+    {:else if label === 'State Transitions'}
+      {operation.stateTransitionCount ?? ''}
+    {/if}
+  </td>
+{/if}
diff --git a/src/lib/components/standalone-nexus-operations/nexus-operations-summary-configurable-table/table-empty-state.svelte b/src/lib/components/standalone-nexus-operations/nexus-operations-summary-configurable-table/table-empty-state.svelte
new file mode 100644
index 0000000000..358fae2736
--- /dev/null
+++ b/src/lib/components/standalone-nexus-operations/nexus-operations-summary-configurable-table/table-empty-state.svelte
@@ -0,0 +1,138 @@
+<script lang="ts">
+  import { page } from '$app/state';
+
+  import NoQueryResults from '$lib/components/empty-states/no-query-results.svelte';
+  import Alert from '$lib/holocene/alert.svelte';
+  import Icon from '$lib/holocene/icon/icon.svelte';
+  import Link from '$lib/holocene/link.svelte';
+  import { translate } from '$lib/i18n/translate';
+  import { nexusOperationError } from '$lib/stores/nexus-operations';
+  import noResultsImages from '$lib/vendor/empty-state.svg';
+
+  let query = $derived(page.url.searchParams.get('query'));
+
+  const codeSamples = [
+    {
+      label: 'samples-go',
+      href: 'https://github.com/temporalio/samples-go',
+    },
+    {
+      label: 'samples-java',
+      href: 'https://github.com/temporalio/samples-java',
+    },
+    {
+      label: 'samples-typescript',
+      href: 'https://github.com/temporalio/samples-typescript',
+    },
+    {
+      label: 'samples-python',
+      href: 'https://github.com/temporalio/samples-python',
+    },
+    {
+      label: 'samples-dotnet',
+      href: 'https://github.com/temporalio/samples-dotnet',
+    },
+  ];
+</script>
+
+{#if query}
+  <div
+    class="flex h-full w-full flex-col items-center justify-center p-4"
+    aria-live="polite"
+  >
+    <div class="text-center">
+      <h2>
+        {#if $nexusOperationError}
+          {translate(
+            'standalone-nexus-operations.nexus-operation-query-error-state',
+          )}
+        {:else}
+          {translate('standalone-nexus-operations.empty-state-title')}
+        {/if}
+      </h2>
+      <p class="text-secondary">
+        {#if $nexusOperationError}
+          {$nexusOperationError}
+        {:else}
+          {translate('standalone-nexus-operations.empty-state-description')}
+        {/if}
+      </p>
+      <NoQueryResults 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-6 p-8 xl:min-w-[520px] xl:flex-1"
+    >
+      <h2>
+        {translate('standalone-nexus-operations.empty-state-no-data-title')}
+      </h2>
+      {#if $nexusOperationError}
+        <Alert
+          intent="warning"
+          icon="warning"
+          title={translate('common.error-occurred')}
+          style="overflow-wrap: anywhere"
+        >
+          {$nexusOperationError}
+        </Alert>
+      {:else}
+        <div class="flex flex-col gap-2">
+          <p>
+            {translate(
+              'standalone-nexus-operations.empty-state-value-proposition',
+            )}
+          </p>
+          <p>
+            {translate(
+              'standalone-nexus-operations.empty-state-read-docs-prefix',
+            )}
+            <Link href="https://docs.temporal.io/evaluate/nexus" newTab>
+              {translate(
+                'standalone-nexus-operations.empty-state-nexus-docs-link',
+              )}
+            </Link>
+            {translate(
+              'standalone-nexus-operations.empty-state-read-docs-middle',
+            )}
+            <Link href="https://docs.temporal.io/cloud/nexus" newTab>
+              {translate(
+                'standalone-nexus-operations.empty-state-nexus-eval-guide-link',
+              )}
+            </Link>
+            {translate(
+              'standalone-nexus-operations.empty-state-read-docs-suffix',
+            )}
+          </p>
+        </div>
+        <div class="flex flex-col gap-3">
+          <h3 class="text-base font-medium">
+            {translate(
+              'standalone-nexus-operations.empty-state-code-samples-title',
+            )}
+          </h3>
+          <ul class="flex flex-col gap-2">
+            {#each codeSamples as sample (sample.label)}
+              <li class="flex items-center gap-2">
+                <Icon name="github" class="h-5 w-5 shrink-0" />
+                <Link href={sample.href} newTab>
+                  {sample.label}
+                </Link>
+              </li>
+            {/each}
+          </ul>
+        </div>
+      {/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-nexus-operations/nexus-operations-summary-configurable-table/table-header-cell.svelte b/src/lib/components/standalone-nexus-operations/nexus-operations-summary-configurable-table/table-header-cell.svelte
new file mode 100644
index 0000000000..28cf002479
--- /dev/null
+++ b/src/lib/components/standalone-nexus-operations/nexus-operations-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="nexus-operations-summary-table-header-cell-{label}">
+  {label}
+</th>
diff --git a/src/lib/components/standalone-nexus-operations/nexus-operations-summary-configurable-table/table-header-row.svelte b/src/lib/components/standalone-nexus-operations/nexus-operations-summary-configurable-table/table-header-row.svelte
new file mode 100644
index 0000000000..315563430c
--- /dev/null
+++ b/src/lib/components/standalone-nexus-operations/nexus-operations-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-nexus-operations/nexus-operations-summary-configurable-table/table-row.svelte b/src/lib/components/standalone-nexus-operations/nexus-operations-summary-configurable-table/table-row.svelte
new file mode 100644
index 0000000000..7aae83946b
--- /dev/null
+++ b/src/lib/components/standalone-nexus-operations/nexus-operations-summary-configurable-table/table-row.svelte
@@ -0,0 +1,22 @@
+<script lang="ts">
+  import type { Snippet } from 'svelte';
+
+  import type { NexusOperationExecutionListInfo } from '$lib/types/nexus-operation-execution';
+
+  interface Props {
+    operation?: NexusOperationExecutionListInfo;
+    empty?: boolean;
+    children?: Snippet;
+  }
+
+  let { operation: _operation, empty = false, children }: Props = $props();
+</script>
+
+<tr
+  data-testid="nexus-operations-summary-configurable-table-row"
+  class:empty
+  class="dense"
+>
+  <td></td>
+  {@render children?.()}
+</tr>
diff --git a/src/lib/components/standalone-nexus-operations/nexus-operations-summary-filter-bar/edit-view-modal.svelte b/src/lib/components/standalone-nexus-operations/nexus-operations-summary-filter-bar/edit-view-modal.svelte
new file mode 100644
index 0000000000..b9a9124ced
--- /dev/null
+++ b/src/lib/components/standalone-nexus-operations/nexus-operations-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="nexus-edit-view-modal"
+  bind:open
+  {view}
+  {onSaveView}
+  {onCreateView}
+  {onDeleteView}
+/>
diff --git a/src/lib/components/standalone-nexus-operations/nexus-operations-summary-filter-bar/filter-bar.svelte b/src/lib/components/standalone-nexus-operations/nexus-operations-summary-filter-bar/filter-bar.svelte
new file mode 100644
index 0000000000..f5ee146f8d
--- /dev/null
+++ b/src/lib/components/standalone-nexus-operations/nexus-operations-summary-filter-bar/filter-bar.svelte
@@ -0,0 +1,28 @@
+<svelte:options runes />
+
+<script lang="ts">
+  import FilterBar from '$lib/components/search-attribute-filter/filter-bar.svelte';
+  import { nexusOperationFilters } from '$lib/stores/filters';
+  import {
+    nexusOperationRefresh,
+    nexusOperationsQuery,
+  } from '$lib/stores/nexus-operations';
+  import {
+    nexusOperationSearchAttributeOptions,
+    nexusOperationSearchAttributes,
+  } from '$lib/stores/search-attributes';
+
+  function onManualSearch(query: string) {
+    $nexusOperationsQuery = query;
+    $nexusOperationRefresh = Date.now();
+  }
+</script>
+
+<FilterBar
+  filters={nexusOperationFilters}
+  options={$nexusOperationSearchAttributeOptions}
+  searchAttributes={$nexusOperationSearchAttributes}
+  id="nexus-operation"
+  statusAttribute="ExecutionStatus"
+  {onManualSearch}
+/>
diff --git a/src/lib/components/standalone-nexus-operations/nexus-operations-summary-filter-bar/save-view-modal.svelte b/src/lib/components/standalone-nexus-operations/nexus-operations-summary-filter-bar/save-view-modal.svelte
new file mode 100644
index 0000000000..f29e5c0b87
--- /dev/null
+++ b/src/lib/components/standalone-nexus-operations/nexus-operations-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="nexus-save-view-modal" bind:open {onCreateView} />
diff --git a/src/lib/components/standalone-nexus-operations/saved-views.svelte b/src/lib/components/standalone-nexus-operations/saved-views.svelte
new file mode 100644
index 0000000000..925d55cc46
--- /dev/null
+++ b/src/lib/components/standalone-nexus-operations/saved-views.svelte
@@ -0,0 +1,509 @@
+<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-nexus-operations/nexus-operations-summary-filter-bar/edit-view-modal.svelte';
+  import SaveViewModal from '$lib/components/standalone-nexus-operations/nexus-operations-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 { nexusOperationFilters } from '$lib/stores/filters';
+  import { savedNexusQueryNavOpen } from '$lib/stores/nav-open';
+  import { nexusOperationRefresh } from '$lib/stores/nexus-operations';
+  import { currentPageKey } from '$lib/stores/pagination';
+  import {
+    DEFAULT_NEXUS_SYSTEM_VIEW,
+    MAX_SAVED_NEXUS_QUERIES,
+    savedNexusQueries,
+    type SavedQuery,
+    systemNexusViews,
+  } from '$lib/stores/saved-queries';
+  import { nexusOperationSearchAttributes } from '$lib/stores/search-attributes';
+  import { copyToClipboard } from '$lib/utilities/copy-to-clipboard';
+  import { toListWorkflowFilters } from '$lib/utilities/query/to-list-workflow-filters';
+  import { sortAlphabetically } from '$lib/utilities/sort-alphabetically';
+  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(
+    $savedNexusQueries?.[namespace]?.length >= MAX_SAVED_NEXUS_QUERIES,
+  );
+
+  const namespaceSavedQueries = $derived(
+    sortAlphabetically($savedNexusQueries?.[namespace] || [], (q) => q.name),
+  );
+  const systemQueryView = $derived(
+    (query && systemNexusViews.find((q) => q.query === query)) ||
+      (!query && DEFAULT_NEXUS_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 (!$savedNexusQueries[namespace]) $savedNexusQueries[namespace] = [];
+
+      if (!maxViewsReached) {
+        $savedNexusQueries[namespace] = [
+          ...$savedNexusQueries[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_NEXUS_SYSTEM_VIEW.id) {
+      activeQueryView = DEFAULT_NEXUS_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(() => {
+    $nexusOperationRefresh;
+  });
+
+  const setActiveQueryView = (view: SavedQuery) => {
+    if (view.id === activeQueryView?.id) return;
+    activeQueryView = view;
+    pendingQueryTarget = view.query || '';
+
+    if (view.query) {
+      $nexusOperationFilters = toListWorkflowFilters(
+        view.query,
+        $nexusOperationSearchAttributes,
+      );
+    }
+
+    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 (!$savedNexusQueries[namespace]) {
+      $savedNexusQueries[namespace] = [];
+    }
+
+    $savedNexusQueries[namespace] = [...$savedNexusQueries[namespace], view];
+    activeQueryView = view;
+  };
+
+  const onSaveView = (view: SavedQuery) => {
+    if (!$savedNexusQueries[namespace]) {
+      $savedNexusQueries[namespace] = [];
+    }
+
+    if (view.id === activeQueryView?.id) {
+      $savedNexusQueries[namespace] = $savedNexusQueries[namespace].map((q) =>
+        q.id === view.id ? view : q,
+      );
+    } else {
+      $savedNexusQueries[namespace] = [...$savedNexusQueries[namespace], view];
+    }
+    activeQueryView = view;
+  };
+
+  const onDeleteView = (view: SavedQuery) => {
+    $savedNexusQueries[namespace] = $savedNexusQueries[namespace].filter(
+      (q) => q?.id !== view.id,
+    );
+    $nexusOperationFilters = [];
+    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 ($savedNexusQueryNavOpen) 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',
+    $savedNexusQueryNavOpen
+      ? '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',
+        $savedNexusQueryNavOpen ? 'lg:justify-between' : 'lg:justify-center',
+      )}
+    >
+      {#if $savedNexusQueryNavOpen}
+        <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={$savedNexusQueryNavOpen
+          ? 'Collapse saved views'
+          : 'Expand saved views'}
+        title={$savedNexusQueryNavOpen ? 'Collapse' : 'Expand'}
+        onclick={() => ($savedNexusQueryNavOpen = !$savedNexusQueryNavOpen)}
+      >
+        <Icon
+          name={$savedNexusQueryNavOpen ? '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 systemNexusViews as view (view.id)}
+          {@render queryButton({
+            ...view,
+            active: query === view.query,
+          })}
+        {/each}
+      </div>
+    </div>
+
+    {#if $savedNexusQueryNavOpen}
+      <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-nexus-operations.custom-views')}
+        {@render queryBadge({
+          className: 'font-mono',
+          content: `${namespaceSavedQueries.length}/${MAX_SAVED_NEXUS_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 (savedQuery.id)}
+            {@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',
+          !$savedNexusQueryNavOpen && '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',
+          $savedNexusQueryNavOpen ? 'lg:hidden' : '',
+        )}
+      />
+
+      {#if $savedNexusQueryNavOpen}
+        <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',
+          $savedNexusQueryNavOpen && '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', $savedNexusQueryNavOpen && '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',
+              !$savedNexusQueryNavOpen && 'lg:inline',
+            )}>New</span
+          ><span class={merge('hidden', $savedNexusQueryNavOpen && '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-nexus-operations/standalone-nexus-operations-guard.svelte b/src/lib/components/standalone-nexus-operations/standalone-nexus-operations-guard.svelte
index 1310d3e33f..7a85741177 100644
--- a/src/lib/components/standalone-nexus-operations/standalone-nexus-operations-guard.svelte
+++ b/src/lib/components/standalone-nexus-operations/standalone-nexus-operations-guard.svelte
@@ -17,7 +17,7 @@
   let { namespace, children, fallback }: Props = $props();
 </script>
 
-{#if (namespace.namespaceInfo?.capabilities as NamespaceCapabilities)?.standaloneNexusOperations && minimumVersionRequired('1.31.0', $temporalVersion)}
+{#if (namespace.namespaceInfo?.capabilities as NamespaceCapabilities)?.standaloneNexusOperation && minimumVersionRequired('1.31.0', $temporalVersion)}
   {@render children()}
 {:else if fallback}
   {@render fallback()}
diff --git a/src/lib/i18n/locales/en/common.ts b/src/lib/i18n/locales/en/common.ts
index 655ed255ac..c5cd0039c8 100644
--- a/src/lib/i18n/locales/en/common.ts
+++ b/src/lib/i18n/locales/en/common.ts
@@ -138,6 +138,7 @@ export const Strings = {
   'copy-success-icon-title': 'Content copied to clipboard',
   'filter-workflows': 'Filter workflows',
   'filter-activities': 'Filter activities',
+  'filter-nexus-operations': 'Filter nexus operations',
   '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/standalone-nexus-operations.ts b/src/lib/i18n/locales/en/standalone-nexus-operations.ts
index 617f9510ed..7a325ba742 100644
--- a/src/lib/i18n/locales/en/standalone-nexus-operations.ts
+++ b/src/lib/i18n/locales/en/standalone-nexus-operations.ts
@@ -8,4 +8,33 @@ export const Strings = {
     'If you want to enable Standalone Nexus Operations globally, please ensure the following values are set in Dynamic Config.',
   'standalone-nexus-operations-enablement-per-namespace':
     'If you want to enable Standalone Nexus Operations for this namespace only, include the following',
+  'nexus-operations-plural_one': 'Standalone Nexus Operation',
+  'nexus-operations-plural_other': 'Standalone Nexus Operations',
+  'recent-nexus-operations': 'Recent Standalone Nexus Operations',
+  'nexus-operations-error-querying': 'Error querying nexus operations',
+  'nexus-operation-query-error-state': 'Error Filtering Nexus Operations',
+  'all-nexus-operations': 'All',
+  'running-nexus-operations': 'Running',
+  'completed-nexus-operations': 'Completed',
+  'failed-nexus-operations': 'Failed',
+  'canceled-nexus-operations': 'Canceled',
+  'terminated-nexus-operations': 'Terminated',
+  'timed-out-nexus-operations': 'Timed Out',
+  'empty-state-title': 'No Nexus Operations Found',
+  'empty-state-description': 'No nexus operations match the current filters.',
+  'nexus-operations-table': 'Standalone Nexus Operations Table',
+  'empty-state-no-data-title':
+    "This namespace doesn't have any Standalone Nexus Operations yet.",
+  'empty-state-value-proposition':
+    'Standalone Nexus Operations can call any Temporal-hosted endpoint from existing code using a simple SDK client call - no need to set up a Workflow or run a worker. Get all the durable execution benefits like automatic retries, timeouts, and at-least-once execution guarantees out of the box.',
+  'empty-state-read-docs-prefix': 'Read the',
+  'empty-state-nexus-docs-link': 'Nexus Docs',
+  'empty-state-read-docs-middle': 'and check out the',
+  'empty-state-nexus-eval-guide-link': 'Nexus Evaluation Guide',
+  'empty-state-read-docs-suffix':
+    'to learn how Nexus can fit into your operations.',
+  'empty-state-code-samples-title':
+    'Explore code samples for Standalone Nexus Operations',
+  'start-standalone-nexus-operation': 'Start a Standalone Nexus Operation',
+  'custom-views': 'Custom Views',
 } as const;
diff --git a/src/lib/pages/standalone-nexus-operations.svelte b/src/lib/pages/standalone-nexus-operations.svelte
new file mode 100644
index 0000000000..6a0380f175
--- /dev/null
+++ b/src/lib/pages/standalone-nexus-operations.svelte
@@ -0,0 +1,143 @@
+<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 CountRefreshButton from '$lib/components/count-refresh-button.svelte';
+  import NexusOperationsSummaryConfigurableTable from '$lib/components/standalone-nexus-operations/nexus-operations-summary-configurable-table.svelte';
+  import FilterBar from '$lib/components/standalone-nexus-operations/nexus-operations-summary-filter-bar/filter-bar.svelte';
+  import SavedNexusViews from '$lib/components/standalone-nexus-operations/saved-views.svelte';
+  import StatusCounts from '$lib/components/status-counts.svelte';
+  import { timestamp } from '$lib/components/timestamp.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 { fetchNexusOperationCountByStatus } from '$lib/services/nexus-operation-counts';
+  import { supportsAdvancedVisibility } from '$lib/stores/advanced-visibility';
+  import {
+    availableNexusOperationColumns,
+    TABLE_TYPE,
+  } from '$lib/stores/configurable-table-columns';
+  import { nexusOperationFilters } from '$lib/stores/filters';
+  import { lastUsedNamespace } from '$lib/stores/namespaces';
+  import { savedNexusQueryNavOpen } from '$lib/stores/nav-open';
+  import {
+    nexusOperationCount,
+    nexusOperationRefresh,
+    nexusOperationsQuery,
+    nexusOperationsSearchParams,
+  } from '$lib/stores/nexus-operations';
+  import { nexusOperationSearchAttributes } from '$lib/stores/search-attributes';
+  import { getNexusOperationStatusAndCountOfGroup } from '$lib/utilities/get-nexus-operation-status-and-count';
+  import { toListWorkflowFilters } from '$lib/utilities/query/to-list-workflow-filters';
+
+  interface Props {
+    headerActions?: Snippet;
+    releaseStageBadge?: Snippet;
+  }
+
+  let { headerActions, releaseStageBadge }: 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($timestamp(refreshTime));
+  const availableColumns = $derived(availableNexusOperationColumns(namespace));
+
+  onMount(() => {
+    $lastUsedNamespace = page.params.namespace;
+    if (query) {
+      $nexusOperationFilters = toListWorkflowFilters(
+        query,
+        $nexusOperationSearchAttributes,
+      );
+    }
+  });
+
+  $effect(() => {
+    $nexusOperationsQuery = query;
+  });
+
+  $effect(() => {
+    $nexusOperationsSearchParams = 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="nexus-operation-count"
+              >{$nexusOperationCount.count.toLocaleString()}</span
+            >
+            <Translate
+              key="standalone-nexus-operations.nexus-operations-plural"
+              count={$nexusOperationCount.count}
+            />
+          {:else}
+            <Translate
+              key="standalone-nexus-operations.recent-nexus-operations"
+            />
+          {/if}
+        </h1>
+        <p class="mt-2 text-xs text-secondary">
+          {refreshTimeFormatted}
+        </p>
+      </div>
+      {@render releaseStageBadge?.()}
+      <CountRefreshButton
+        count={$nexusOperationCount.newCount}
+        refresh={nexusOperationRefresh}
+      />
+      <StatusCounts
+        bind:refreshTime
+        countStore={nexusOperationCount}
+        refresh={nexusOperationRefresh}
+        filters={nexusOperationFilters}
+        fetchCounts={fetchNexusOperationCountByStatus}
+        getStatusAndCount={getNexusOperationStatusAndCountOfGroup}
+        data-testid="nexus-operation-status"
+      />
+    </div>
+    {#if headerActions}
+      <div class="flex items-center gap-4">
+        {@render headerActions()}
+      </div>
+    {/if}
+  </div>
+</header>
+
+<FilterBar />
+<div class="flex overflow-auto">
+  <SavedNexusViews />
+  <div
+    class={merge(
+      'flex w-[calc(100%-var(--panel-collapsed-w))] shrink flex-col transition-all lg:w-[calc(100%-var(--panel-expanded-w))]',
+      !$savedNexusQueryNavOpen && 'lg:w-[calc(100%-var(--panel-collapsed-w))]',
+    )}
+  >
+    <NexusOperationsSummaryConfigurableTable
+      onClickConfigure={openCustomizationDrawer}
+    />
+  </div>
+</div>
+<ConfigurableTableHeadersDrawer
+  {availableColumns}
+  bind:open={customizationDrawerOpen}
+  table={TABLE_TYPE.NEXUS_OPERATIONS}
+  type={translate('common.columns')}
+  title={translate('standalone-nexus-operations.nexus-operations-table')}
+/>
diff --git a/src/lib/services/nexus-operation-counts.ts b/src/lib/services/nexus-operation-counts.ts
index a5a0690edb..a2e2c59ec1 100644
--- a/src/lib/services/nexus-operation-counts.ts
+++ b/src/lib/services/nexus-operation-counts.ts
@@ -19,7 +19,7 @@ export const fetchNexusOperationCount = async (
       request,
     });
     count = parseInt(result?.count || '0');
-  } catch (e) {
+  } catch {
     // Don't fail the nexus operations call due to count
   }
 
diff --git a/src/lib/stores/nav-open.ts b/src/lib/stores/nav-open.ts
index 4c073e18c6..6ae51c42a8 100644
--- a/src/lib/stores/nav-open.ts
+++ b/src/lib/stores/nav-open.ts
@@ -7,3 +7,8 @@ export const navOpen = persistStore('navOpen', true);
 export const namespaceSelectorOpen = writable<boolean | null>();
 
 export const savedQueryNavOpen = persistStore('savedQueryNavOpen', true);
+
+export const savedNexusQueryNavOpen = persistStore(
+  'savedNexusQueryNavOpen',
+  true,
+);
diff --git a/src/lib/stores/saved-queries.ts b/src/lib/stores/saved-queries.ts
index 3817826e76..12116b6d02 100644
--- a/src/lib/stores/saved-queries.ts
+++ b/src/lib/stores/saved-queries.ts
@@ -126,3 +126,38 @@ export const savedActivityQueries = persistStore<Record<string, SavedQuery[]>>(
   {},
   true,
 );
+
+// Nexus operation saved queries
+export const DEFAULT_NEXUS_SYSTEM_VIEW: SavedQuery = {
+  id: 'all',
+  name: 'All Standalone Nexus Operations',
+  query: '',
+  icon: 'nexus',
+  type: 'system',
+};
+
+export const systemNexusViews: SavedQuery[] = [
+  DEFAULT_NEXUS_SYSTEM_VIEW,
+  {
+    id: 'today',
+    name: 'Today',
+    query: `ScheduleTime >= "${getToday()}"`,
+    icon: 'calendar',
+    type: 'system',
+  },
+  {
+    id: 'last-hour',
+    name: 'Last Hour',
+    query: `ScheduleTime >= "${getLastHour()}"`,
+    icon: 'clock',
+    type: 'system',
+  },
+];
+
+export const MAX_SAVED_NEXUS_QUERIES = 50;
+
+export const savedNexusQueries = persistStore<Record<string, SavedQuery[]>>(
+  'saved-nexus-queries',
+  {},
+  true,
+);
diff --git a/src/lib/stores/search-attributes.ts b/src/lib/stores/search-attributes.ts
index a4ed03b6f1..384bbe68ee 100644
--- a/src/lib/stores/search-attributes.ts
+++ b/src/lib/stores/search-attributes.ts
@@ -264,3 +264,39 @@ export const activitySearchAttributeOptions: Readable<SearchAttributeOption[]> =
         return 0;
       });
   });
+
+export const nexusOperationSearchAttributes: Readable<SearchAttributes> =
+  derived(customSearchAttributes, ($customSearchAttributes) => ({
+    ExecutionStatus: SEARCH_ATTRIBUTE_TYPE.KEYWORD,
+    OperationId: SEARCH_ATTRIBUTE_TYPE.KEYWORD,
+    RunId: SEARCH_ATTRIBUTE_TYPE.KEYWORD,
+    Endpoint: SEARCH_ATTRIBUTE_TYPE.KEYWORD,
+    Service: SEARCH_ATTRIBUTE_TYPE.KEYWORD,
+    Operation: SEARCH_ATTRIBUTE_TYPE.KEYWORD,
+    ScheduleTime: SEARCH_ATTRIBUTE_TYPE.DATETIME,
+    CloseTime: SEARCH_ATTRIBUTE_TYPE.DATETIME,
+    ExecutionDuration: SEARCH_ATTRIBUTE_TYPE.INT,
+    StateTransitionCount: SEARCH_ATTRIBUTE_TYPE.INT,
+    ...$customSearchAttributes,
+  }));
+
+export const nexusOperationSearchAttributeOptions: Readable<
+  SearchAttributeOption[]
+> = derived(
+  nexusOperationSearchAttributes,
+  ($nexusOperationSearchAttributes) => {
+    return Object.entries($nexusOperationSearchAttributes)
+      .map(([key, value]) => {
+        return {
+          label: key,
+          value: key,
+          type: value,
+        };
+      })
+      .sort((a, b) => {
+        if (a.label < b.label) return -1;
+        if (a.label > b.label) return 1;
+        return 0;
+      });
+  },
+);
diff --git a/src/lib/types/index.ts b/src/lib/types/index.ts
index 2fcdeb6e61..8e89870e0f 100644
--- a/src/lib/types/index.ts
+++ b/src/lib/types/index.ts
@@ -20,7 +20,7 @@ export type Capabilities =
 export type NamespaceCapabilities = NonNullable<
   NonNullable<DescribeNamespaceResponse['namespaceInfo']>['capabilities']
 > & {
-  standaloneNexusOperations?: boolean | null;
+  standaloneNexusOperation?: boolean | null;
 };
 export type GetWorkflowExecutionHistoryResponse =
   temporal.api.workflowservice.v1.IGetWorkflowExecutionHistoryResponse;
diff --git a/src/lib/utilities/get-nexus-operation-status-and-count.test.ts b/src/lib/utilities/get-nexus-operation-status-and-count.test.ts
new file mode 100644
index 0000000000..7d42e7e13f
--- /dev/null
+++ b/src/lib/utilities/get-nexus-operation-status-and-count.test.ts
@@ -0,0 +1,104 @@
+import { describe, expect, it, vi } from 'vitest';
+
+import {
+  getNexusOperationStatusAndCountOfGroup,
+  nexusOperationStatuses,
+  toNexusOperationStatus,
+} from './get-nexus-operation-status-and-count';
+
+vi.mock('$lib/utilities/decode-payload', () => ({
+  parseRawPayloadToJSON: vi.fn((payload) => payload),
+}));
+
+describe('toNexusOperationStatus', () => {
+  it('maps RUNNING to Running', () => {
+    expect(
+      toNexusOperationStatus('NEXUS_OPERATION_EXECUTION_STATUS_RUNNING'),
+    ).toBe('Running');
+  });
+
+  it('maps UNSPECIFIED to Running', () => {
+    expect(
+      toNexusOperationStatus('NEXUS_OPERATION_EXECUTION_STATUS_UNSPECIFIED'),
+    ).toBe('Running');
+  });
+
+  it('maps COMPLETED to Completed', () => {
+    expect(
+      toNexusOperationStatus('NEXUS_OPERATION_EXECUTION_STATUS_COMPLETED'),
+    ).toBe('Completed');
+  });
+
+  it('maps FAILED to Failed', () => {
+    expect(
+      toNexusOperationStatus('NEXUS_OPERATION_EXECUTION_STATUS_FAILED'),
+    ).toBe('Failed');
+  });
+
+  it('maps CANCELED to Canceled', () => {
+    expect(
+      toNexusOperationStatus('NEXUS_OPERATION_EXECUTION_STATUS_CANCELED'),
+    ).toBe('Canceled');
+  });
+
+  it('maps TERMINATED to Terminated', () => {
+    expect(
+      toNexusOperationStatus('NEXUS_OPERATION_EXECUTION_STATUS_TERMINATED'),
+    ).toBe('Terminated');
+  });
+
+  it('maps TIMED_OUT to TimedOut', () => {
+    expect(
+      toNexusOperationStatus('NEXUS_OPERATION_EXECUTION_STATUS_TIMED_OUT'),
+    ).toBe('TimedOut');
+  });
+});
+
+describe('nexusOperationStatuses', () => {
+  it('contains all expected statuses in order', () => {
+    expect(nexusOperationStatuses).toEqual([
+      'Running',
+      'Completed',
+      'Failed',
+      'Canceled',
+      'Terminated',
+      'TimedOut',
+    ]);
+  });
+});
+
+describe('getNexusOperationStatusAndCountOfGroup', () => {
+  it('returns empty array for undefined groups', () => {
+    expect(getNexusOperationStatusAndCountOfGroup(undefined)).toEqual([]);
+  });
+
+  it('returns empty array for empty groups', () => {
+    expect(getNexusOperationStatusAndCountOfGroup([])).toEqual([]);
+  });
+
+  it('parses a single group', () => {
+    const groups = [{ groupValues: ['Running'], count: '5' }];
+    const result = getNexusOperationStatusAndCountOfGroup(groups);
+    expect(result).toEqual([{ status: 'Running', count: 5 }]);
+  });
+
+  it('sorts groups by nexusOperationStatuses order', () => {
+    const groups = [
+      { groupValues: ['Failed'], count: '3' },
+      { groupValues: ['Running'], count: '10' },
+      { groupValues: ['Completed'], count: '7' },
+    ];
+    const result = getNexusOperationStatusAndCountOfGroup(groups);
+    expect(result).toEqual([
+      { status: 'Running', count: 10 },
+      { status: 'Completed', count: 7 },
+      { status: 'Failed', count: 3 },
+    ]);
+  });
+
+  it('parses count as integer', () => {
+    const groups = [{ groupValues: ['TimedOut'], count: '42' }];
+    const result = getNexusOperationStatusAndCountOfGroup(groups);
+    expect(result[0].count).toBe(42);
+  });
+});
diff --git a/src/lib/utilities/get-nexus-operation-status-and-count.ts b/src/lib/utilities/get-nexus-operation-status-and-count.ts
new file mode 100644
index 0000000000..c6195cddab
--- /dev/null
+++ b/src/lib/utilities/get-nexus-operation-status-and-count.ts
@@ -0,0 +1,58 @@
+import type { NexusOperationExecutionStatus } from '$lib/types/nexus-operation-execution';
+import type { CountWorkflowExecutionsResponse } from '$lib/types/workflows';
+import { parseRawPayloadToJSON } from '$lib/utilities/decode-payload';
+
+export type NexusOperationStatus =
+  | 'Running'
+  | 'Completed'
+  | 'Failed'
+  | 'Canceled'
+  | 'Terminated'
+  | 'TimedOut';
+
+export const nexusOperationStatuses: NexusOperationStatus[] = [
+  'Running',
+  'Completed',
+  'Failed',
+  'Canceled',
+  'Terminated',
+  'TimedOut',
+];
+
+const executionStatusToNexusOperationStatus: Record<
+  NexusOperationExecutionStatus,
+  NexusOperationStatus
+> = {
+  NEXUS_OPERATION_EXECUTION_STATUS_UNSPECIFIED: 'Running',
+  NEXUS_OPERATION_EXECUTION_STATUS_RUNNING: 'Running',
+  NEXUS_OPERATION_EXECUTION_STATUS_COMPLETED: 'Completed',
+  NEXUS_OPERATION_EXECUTION_STATUS_FAILED: 'Failed',
+  NEXUS_OPERATION_EXECUTION_STATUS_CANCELED: 'Canceled',
+  NEXUS_OPERATION_EXECUTION_STATUS_TERMINATED: 'Terminated',
+  NEXUS_OPERATION_EXECUTION_STATUS_TIMED_OUT: 'TimedOut',
+};
+
+export const toNexusOperationStatus = (
+  status: NexusOperationExecutionStatus,
+): NexusOperationStatus => {
+  return executionStatusToNexusOperationStatus[status] ?? 'Running';
+};
+
+export const getNexusOperationStatusAndCountOfGroup = (
+  groups: CountWorkflowExecutionsResponse['groups'] = [],
+): { status: NexusOperationStatus; count: number }[] => {
+  return groups
+    .map((group) => {
+      const rawStatus = parseRawPayloadToJSON(
+        group?.groupValues[0],
+      ) as unknown as NexusOperationStatus;
+      const count = parseInt(group.count);
+      return { status: rawStatus, count };
+    })
+    .sort((a, b) => {
+      return (
+        nexusOperationStatuses.indexOf(a.status) -
+        nexusOperationStatuses.indexOf(b.status)
+      );
+    });
+};
diff --git a/src/routes/(app)/+layout.svelte b/src/routes/(app)/+layout.svelte
index 83a41e017f..c4ad782212 100644
--- a/src/routes/(app)/+layout.svelte
+++ b/src/routes/(app)/+layout.svelte
@@ -35,6 +35,7 @@
     routeForNexus,
     routeForSchedules,
     routeForStandaloneActivities,
+    routeForStandaloneNexusOperations,
     routeForWorkerDeployments,
     routeForWorkers,
     routeForWorkflows,
@@ -78,6 +79,9 @@
     return {
       workflowsRoute: routeForWorkflows({ namespace }),
       standaloneActivitiesRoute: routeForStandaloneActivities({ namespace }),
+      standaloneNexusOperationsRoute: routeForStandaloneNexusOperations({
+        namespace,
+      }),
       schedulesRoute: routeForSchedules({ namespace }),
       batchOperationsRoute: routeForBatchOperations({ namespace }),
       workersRoute: routeForWorkers({ namespace }),
@@ -93,6 +97,7 @@
     {
       workflowsRoute,
       standaloneActivitiesRoute,
+      standaloneNexusOperationsRoute,
       schedulesRoute,
       batchOperationsRoute,
       workersRoute,
@@ -103,6 +108,7 @@
     }: {
       workflowsRoute: string;
       standaloneActivitiesRoute: string;
+      standaloneNexusOperationsRoute: string;
       schedulesRoute: string;
       batchOperationsRoute: string;
       workersRoute: string;
@@ -142,6 +148,15 @@
         isActive: (path) => path.includes(standaloneActivitiesRoute),
         hidden: !minimumVersionRequired('1.30.0', $temporalVersion),
       },
+      {
+        href: standaloneNexusOperationsRoute,
+        icon: 'nexus',
+        label: translate(
+          'standalone-nexus-operations.standalone-nexus-operations',
+        ),
+        isActive: (path) => path.includes(standaloneNexusOperationsRoute),
+        hidden: !minimumVersionRequired('1.31.0', $temporalVersion),
+      },
       {
         href: schedulesRoute,
         icon: 'schedules',
@@ -231,6 +246,7 @@
     workerDeploymentsRoute,
     archivalRoute,
     standaloneActivitiesRoute,
+    standaloneNexusOperationsRoute,
   } = $derived(routes);
   let showNamespacePicker = $derived(
     [
@@ -241,6 +257,7 @@
       batchOperationsRoute,
       archivalRoute,
       standaloneActivitiesRoute,
+      standaloneNexusOperationsRoute,
     ].some((route) => page.url.href.includes(route)),
   );
 
@@ -258,6 +275,10 @@
         subPath: 'activities',
         fullRoute: routeForStandaloneActivities({ namespace }),
       },
+      {
+        subPath: 'nexus-operations',
+        fullRoute: routeForStandaloneNexusOperations({ namespace }),
+      },
       {
         subPath: 'workers/deployments',
         fullRoute: routeForWorkerDeployments({ namespace }),
diff --git a/src/routes/(app)/namespaces/[namespace]/nexus-operations/+layout.svelte b/src/routes/(app)/namespaces/[namespace]/nexus-operations/+layout.svelte
new file mode 100644
index 0000000000..b3e1371afc
--- /dev/null
+++ b/src/routes/(app)/namespaces/[namespace]/nexus-operations/+layout.svelte
@@ -0,0 +1,20 @@
+<script lang="ts">
+  import { page } from '$app/state';
+
+  import type { LayoutProps } from './$types';
+
+  import StandaloneNexusOperationsDisabled from '$lib/components/standalone-nexus-operations/standalone-nexus-operations-disabled.svelte';
+  import StandaloneNexusOperationsGuard from '$lib/components/standalone-nexus-operations/standalone-nexus-operations-guard.svelte';
+
+  let { children }: LayoutProps = $props();
+</script>
+
+<StandaloneNexusOperationsGuard namespace={page.data.namespace}>
+  {@render children()}
+  {#snippet fallback()}
+    <StandaloneNexusOperationsDisabled
+      href={page.url.href}
+      namespace={page.params.namespace}
+    />
+  {/snippet}
+</StandaloneNexusOperationsGuard>
diff --git a/src/routes/(app)/namespaces/[namespace]/nexus-operations/+page.svelte b/src/routes/(app)/namespaces/[namespace]/nexus-operations/+page.svelte
new file mode 100644
index 0000000000..ad050af09a
--- /dev/null
+++ b/src/routes/(app)/namespaces/[namespace]/nexus-operations/+page.svelte
@@ -0,0 +1,28 @@
+<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 StandaloneNexusOperations from '$lib/pages/standalone-nexus-operations.svelte';
+  import { routeForStartStandaloneNexusOperation } from '$lib/utilities/route-for';
+
+  const namespace = $derived(page.params.namespace);
+</script>
+
+<PageTitle
+  title="{translate(
+    'standalone-nexus-operations.standalone-nexus-operations',
+  )} | {namespace}"
+  url={page.url.href}
+/>
+
+<StandaloneNexusOperations>
+  {#snippet headerActions()}
+    <Button href={routeForStartStandaloneNexusOperation({ namespace })}>
+      {translate(
+        'standalone-nexus-operations.start-standalone-nexus-operation',
+      )}
+    </Button>
+  {/snippet}
+</StandaloneNexusOperations>