# `PhoenixKitProjects.Web.Components.RunningCard`
[🔗](https://github.com/BeamLabEU/phoenix_kit_projects/blob/v0.14.0/lib/phoenix_kit_projects/web/components/running_card.ex#L1)

One project in the dashboard's "Running" section, rendered as a **hierarchical
summary** (V127): a top line with the project name + tier + progress, a
one-line summary (`N tasks · M sub-projects`), a status breakdown
(`X done · Y in progress · Z todo`), and then each embedded sub-project nested
underneath as an indented sub-step with its own summary + breakdown — all the
way down.

Driven by the recursive node shape from `Projects.project_tree_summary/1`.
The top node also carries `total` / `progress_pct` / `planned_end`, so the
dashboard's tier + sort helpers read it like the old flat summary map.

## Example

    <.running_card node={tree} tier={running_tier(tree)} embed_mode={@embed_mode} lang={lang} />

# `running_card`

## Attributes

* `node` (`:map`) (required)
* `tier` (`:atom`) (required) - Must be one of `:late`, `:near_done`, `:on_track`, or `:empty`.
* `embed_mode` (`:atom`) - Defaults to `:navigate`. Must be one of `:navigate`, or `:emit`.
* `lang` (`:string`) - Defaults to `nil`.

# `tree_node`

One nested sub-project node — recurses for its own sub-projects.
## Attributes

* `node` (`:map`) (required)
* `lang` (`:string`) - Defaults to `nil`.
* `embed_mode` (`:atom`) - Defaults to `:navigate`.

---

*Consult [api-reference.md](api-reference.md) for complete listing*