ci(release): publish latest release

Author: hello-happy-puppy

RELEASE

@@ -1,6 +1,6 @@
 IPFS hash of the deployment:
-- CIDv0: `QmcMz6DNz5J4zKEpacghK2qti4cNNCMTM52L6W29sD7nrv`
-- CIDv1: `bafybeigqlmoljlfj2t7hzn2pscueekclcktd7oefssqshoika5nlxv65cm`
+- CIDv0: `QmSCo841x3an3oGaeRkGYR4s15pMdv32W7nhomMUYR6bBp`
+- CIDv1: `bafybeibznoorvrw5anzk7vpb6qxpl5nnxp5xpwolnw5dgr6xswk6fivwum`
 
 The latest release is always mirrored at [app.uniswap.org](https://app.uniswap.org).
 
@@ -10,5 +10,5 @@ You can also access the Uniswap Interface from an IPFS gateway.
 Your Uniswap settings are never remembered across different URLs.
 
 IPFS gateways:
-- https://bafybeigqlmoljlfj2t7hzn2pscueekclcktd7oefssqshoika5nlxv65cm.ipfs.dweb.link/
-- [ipfs://QmcMz6DNz5J4zKEpacghK2qti4cNNCMTM52L6W29sD7nrv/](ipfs://QmcMz6DNz5J4zKEpacghK2qti4cNNCMTM52L6W29sD7nrv/)
+- https://bafybeibznoorvrw5anzk7vpb6qxpl5nnxp5xpwolnw5dgr6xswk6fivwum.ipfs.dweb.link/
+- [ipfs://QmSCo841x3an3oGaeRkGYR4s15pMdv32W7nhomMUYR6bBp/](ipfs://QmSCo841x3an3oGaeRkGYR4s15pMdv32W7nhomMUYR6bBp/)

VERSION

@@ -1 +1 @@
-web/5.141.7
+web/5.141.8

apps/web/src/components/Toucan/Auction/BidDistributionChart/utils/combinedChartPanZoom.ts

@@ -1,7 +1,7 @@
 import { groupTickBars } from '~/components/Charts/ToucanChart/bidDistribution/utils/tickGrouping'
 import type { ChartBarData, ProcessedChartData } from '~/components/Toucan/Auction/BidDistributionChart/utils/utils'
 
-const TARGET_GROUPED_BARS = 33
+const TARGET_GROUPED_BARS = 80
 
 interface NormalizedDataSlice {
   yMin: number

apps/web/src/components/Toucan/Auction/BidDistributionChart/utils/utils.ts

@@ -582,12 +582,13 @@ export function generateChartData({
   const entries = Array.from(bidData.entries())
     .map(([tickQ96, amount]) => {
       const amountInBidToken = toDecimal(amount, bidTokenInfo.decimals)
+      const tick = fromQ96ToDecimalWithTokenDecimals({
+        q96Value: tickQ96,
+        bidTokenDecimals: bidTokenInfo.decimals,
+        auctionTokenDecimals,
+      })
       return {
-        tick: fromQ96ToDecimalWithTokenDecimals({
-          q96Value: tickQ96,
-          bidTokenDecimals: bidTokenInfo.decimals,
-          auctionTokenDecimals,
-        }),
+        tick,
         tickQ96, // Preserve original Q96 string for precision
         amount: bidTokenInfo.priceFiat > 0 ? amountInBidToken * bidTokenInfo.priceFiat : amountInBidToken,
       }
@@ -766,29 +767,38 @@ export function generateChartData({
 
   // Build bars array - one bar per tick_size step
   const bars: ChartBarData[] = []
-  // Store both amount and Q96 string for precise matching
-  const bidLookup = new Map(effectiveEntries.map((e) => [e.tick, { amount: e.amount, tickQ96: e.tickQ96 }]))
 
   // Calculate base tick offset: how many ticks from floorPrice to minTick
   // This is needed to correctly calculate Q96 for ticks that don't have bid data
   const floorToMinOffset = Math.round((minTick - floorPriceDecimal) / tickSizeDecimal)
   const rawTicksPerBar = Math.max(1, Math.round(barStep / tickSizeDecimal))
 
-  for (let i = 0; i < totalBars; i++) {
-    const currentTick = minTick + i * barStep
+  // When barStep > tickSize, multiple bids can fall within a single bar's range.
+  // Pre-aggregate bid volumes into bar buckets so no volume is silently dropped.
+  const barAggregates = new Map<number, { amount: number; tickQ96: string | null }>()
+
+  for (const entry of effectiveEntries) {
+    // Find the nearest bar index for this entry
+    const barIndex = Math.floor((entry.tick - minTick) / barStep)
+    if (barIndex < 0 || barIndex >= totalBars) {
+      continue
+    }
 
-    // Find exact match or very close match (within small tolerance for floating point)
-    const tolerance = barStep * TOLERANCE.TICK_COMPARISON
-    let matchedEntry = bidLookup.get(currentTick)
-    if (!matchedEntry) {
-      // Check for near matches
-      for (const [tick, data] of bidLookup.entries()) {
-        if (Math.abs(tick - currentTick) < tolerance) {
-          matchedEntry = data
-          break
-        }
+    const existing = barAggregates.get(barIndex)
+    if (existing) {
+      existing.amount += entry.amount
+      // Keep the Q96 of the first bid in this bucket (entries are sorted ascending)
+      if (!existing.tickQ96) {
+        existing.tickQ96 = entry.tickQ96
       }
+    } else {
+      barAggregates.set(barIndex, { amount: entry.amount, tickQ96: entry.tickQ96 })
     }
+  }
+
+  for (let i = 0; i < totalBars; i++) {
+    const currentTick = minTick + i * barStep
+    const aggregate = barAggregates.get(i)
 
     const displayValue = calculateTickDisplayValue({
       tickValue: currentTick,
@@ -799,7 +809,7 @@ export function generateChartData({
 
     // Use matched Q96 if available, otherwise calculate from floor price
     const tickQ96 =
-      matchedEntry?.tickQ96 ??
+      aggregate?.tickQ96 ??
       calculateTickQ96({
         basePriceQ96: floorPrice,
         tickSizeQ96: tickSize,
@@ -810,7 +820,7 @@ export function generateChartData({
       tick: currentTick,
       tickQ96,
       tickDisplay: formatter(displayValue),
-      amount: matchedEntry?.amount ?? 0,
+      amount: aggregate?.amount ?? 0,
       index: i,
     })
   }

apps/web/src/components/Toucan/Auction/hooks/useLoadBidDistributionData.ts

@@ -4,7 +4,7 @@ import { useEffect, useMemo, useRef } from 'react'
 import { auctionQueries } from 'uniswap/src/data/rest/auctions/auctionQueries'
 import { EVMUniverseChainId } from 'uniswap/src/features/chains/types'
 import { logger } from 'utilities/src/logger/logger'
-import { CHART_CONSTRAINTS, MAX_RENDERABLE_BARS } from '~/components/Toucan/Auction/BidDistributionChart/constants'
+import { MAX_RENDERABLE_BARS } from '~/components/Toucan/Auction/BidDistributionChart/constants'
 import { AuctionProgressState, BidDistributionData } from '~/components/Toucan/Auction/store/types'
 import { useAuctionStore, useAuctionStoreActions } from '~/components/Toucan/Auction/store/useAuctionStore'
 import { getPollingIntervalMs } from '~/utils/averageBlockTimeMs'
@@ -32,22 +32,19 @@ function areBidMapsEqual(a: BidDistributionData | undefined, b: BidDistributionD
 }
 
 /**
- * Caps concentration data to MAX_RENDERABLE_BARS ticks.
+ * Caps concentration data to MAX_RENDERABLE_BARS ticks above floor price.
  *
- * The cap window is centered around the clearing price (with a few ticks below
- * and the rest above) so bids near the clearing price are always preserved.
- * Falls back to a floor-based window when clearing price is unavailable.
+ * Includes all bids from floor price upward (so bids below clearing are preserved),
+ * but caps the upper range to avoid extreme outlier bids blowing up the chart.
  */
 function capConcentrationData({
   concentration,
   floorPriceQ96,
   tickSizeQ96,
-  clearingPriceQ96,
 }: {
   concentration: Record<string, { volume: string }> | undefined
   floorPriceQ96: string | undefined
   tickSizeQ96: string | undefined
-  clearingPriceQ96: string | undefined
 }): { cappedConcentration: Record<string, { volume: string }>; capped: boolean; excludedVolume: bigint } {
   if (!concentration || !floorPriceQ96 || !tickSizeQ96) {
     return { cappedConcentration: concentration ?? {}, capped: false, excludedVolume: 0n }
@@ -60,25 +57,9 @@ function capConcentrationData({
       return { cappedConcentration: concentration, capped: false, excludedVolume: 0n }
     }
 
-    let minPriceQ96: bigint
-    let maxPriceQ96: bigint
-
-    if (clearingPriceQ96) {
-      // Align with computeTickWindow's asymmetric logic: keep only a few ticks below
-      // clearing price and fill the rest of the budget above. This avoids holding
-      // thousands of below-clearing bids in memory that will never render.
-      const belowTicks = BigInt(CHART_CONSTRAINTS.PREFERRED_TICKS_BELOW_CLEARING_PRICE)
-      const clearing = BigInt(clearingPriceQ96)
-      minPriceQ96 = clearing - belowTicks * tickSize
-      if (minPriceQ96 < floor) {
-        minPriceQ96 = floor
-      }
-      maxPriceQ96 = minPriceQ96 + tickSize * BigInt(MAX_RENDERABLE_BARS - 1)
-    } else {
-      // Fallback: cap from floor when clearing price is unknown
-      minPriceQ96 = floor
-      maxPriceQ96 = floor + tickSize * BigInt(MAX_RENDERABLE_BARS - 1)
-    }
+    // Include everything from floor up to MAX_RENDERABLE_BARS ticks above floor
+    const minPriceQ96 = floor
+    const maxPriceQ96 = floor + tickSize * BigInt(MAX_RENDERABLE_BARS - 1)
 
     const filteredEntries: Array<[string, { volume: string }]> = []
     let excludedVolume = 0n
@@ -91,7 +72,7 @@ function capConcentrationData({
           excludedVolume += BigInt(value.volume)
         }
       } catch {
-        // Ignore unparsable entries; they won't be rendered.
+        // Ignore unparsable entries
       }
     }
 
@@ -152,10 +133,9 @@ interface UseLoadBidDistributionDataParams {
  */
 export function useLoadBidDistributionData({ chainId, auctionAddress }: UseLoadBidDistributionDataParams): void {
   const { setBidDistributionData } = useAuctionStoreActions()
-  const { floorPrice, tickSize, clearingPrice, isAuctionActive } = useAuctionStore((state) => ({
+  const { floorPrice, tickSize, isAuctionActive } = useAuctionStore((state) => ({
     floorPrice: state.auctionDetails?.floorPrice,
     tickSize: state.auctionDetails?.tickSize,
-    clearingPrice: state.auctionDetails?.clearingPrice,
     isAuctionActive: state.progress.state === AuctionProgressState.IN_PROGRESS,
   }))
 
@@ -208,7 +188,6 @@ export function useLoadBidDistributionData({ chainId, auctionAddress }: UseLoadB
       concentration,
       floorPriceQ96: floorPrice,
       tickSizeQ96: tickSize,
-      clearingPriceQ96: clearingPrice,
     })
 
     // Sort prices numerically (ascending) before creating the map
@@ -238,5 +217,5 @@ export function useLoadBidDistributionData({ chainId, auctionAddress }: UseLoadB
       prevBidMapRef.current = bidMap
       setBidDistributionData(bidMap, excludedVolume > 0n ? excludedVolume.toString() : null)
     }
-  }, [data, setBidDistributionData, floorPrice, tickSize, clearingPrice])
+  }, [data, setBidDistributionData, floorPrice, tickSize])
 }