How to create a card view with Panels of un-equal widths?

[dzmitry-kankalovich]

Context: I am modifying starcli terminal utility to display a bit more data in Grid view, and I'd like to use as much as possible of the screen real estate.

Problem: I cannot figure out how do I create a view such that all the Panels (with un-equal widths between each other) float left taking up all available horizontal space per row of panels.

Example of what I want: .

The closest I get is this:

I tried:

1. rich.columns.Columns - this one is the closest to the solution, but it's column-based, so there are still gaps between sibling panels, which otherwise could've been used to render more panels.
2. rich.console.Group - Group seem to render every element in its own row, now way around to justify panels horizontally.
3. Tweaking Console parameters to replace \n in the end= param, adding soft-wraps and etc seem to have no desired effect, the panels are rendered vertically one after another.

Reference code snippet with Columns approach:

# ...
        name = Text(repo["name"], style="bold yellow")
        name.stylize(f"link {repo['html_url']}")
        language = Text(repo["language"], style="magenta")
        description = Text(repo["description"], style="green", overflow="ellipsis")
        stats = Text(stats, style="blue")
        url = Text(repo["html_url"], style="grey", overflow="ellipsis")
        description.truncate(max_desc_len, overflow="ellipsis")

        repo_summary = Text.assemble(
            name,
            "\n",
            stats,
            "\n",
            date_range_str,
            language,
            "\n",
            description
        )
        gr = Group(
            Panel(repo_summary, width=30, box=box.SIMPLE, padding=0),
            Panel(url, box=box.SIMPLE, padding=0)
        )
        panels.append(Panel(gr, expand=False, padding=0))
    console.print(Columns(panels, expand=False))

I've tried to create columns per row, but I am unable to calculate the factual width before rendering:

    row = []
    row_width = 0
    for panel in panels:
        if panel.width + row_width < console.width:  # throws TypeError since panel.width is None
            row.append(panel)
            row_width += panel.width
        else:
            console.print(Columns(row, expand=False))
            row = [panel]
            row_width = panel.width
    console.print(Columns(row, expand=False))