Function computeGridLayout

cli/src/hooks/use-grid-layout.ts:29–63

(
  items: T[],
  availableWidth: number,
)

const COLUMN_GAP = 1

export function computeGridLayout<T>(
  items: T[],
  availableWidth: number,
): GridLayoutResult<T> {
  // Force single column for very narrow terminals where multi-column wouldn't fit
  const minWidthForTwoColumns = MIN_COLUMN_WIDTH * 2 + COLUMN_GAP
  if (availableWidth < minWidthForTwoColumns) {
    return {
      columns: 1,
      columnWidth: Math.max(1, availableWidth),
      columnGroups: [items],
    }
  }

  // Determine max columns from width thresholds
  const maxColumns = WIDTH_THRESHOLDS.filter(t => availableWidth >= t).length + 1

  const columns = computeSmartColumns(items.length, maxColumns)

  let columnWidth: number
  if (columns === 1) {
    columnWidth = availableWidth
  } else {
    const totalGap = columns - 1
    const rawWidth = Math.floor((availableWidth - totalGap) / columns)
    columnWidth = Math.max(MIN_COLUMN_WIDTH, rawWidth)
  }

  const columnGroups: T[][] = Array.from({ length: columns }, () => [])
  items.forEach((item, idx) => {
    columnGroups[idx % columns].push(item)
  })

  return { columns, columnWidth, columnGroups }
}

export function useGridLayout<T>(
  items: T[],