The Deadlock Wiki - User contributions [en]

Template:HeroStreetBrawlItems/styles.css

2026-07-21T00:58:43Z

~2026-ShivFlexAlchemical707: Give chance blocks a 120px min-height so sparse/empty panels stay substantial (with help from vergir-bot LLM)

.sb-group {
margin-top: 1em;
}
.sb-group:first-child {
margin-top: 0.25em;
}

.sb-label {
font-weight: bold;
margin-bottom: 0.25em;
font-size: 1.1em;
}

.sb-cards {
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: flex-start;
}

.sb-icons {
display: flex;
flex-wrap: wrap;
gap: 4px 10px;
align-items: center;
}

.sb-common {
margin-top: 0.75em;
}

.sb-common-head {
font-weight: bold;
cursor: pointer;
margin-bottom: 0.25em;
}

.sb-common-head::after {
content: " \25BE";
font-size: 0.8em;
opacity: 0.6;
}

.sb-common.mw-collapsed .sb-common-head::after {
content: " \25B8";
}

.sb-common-body {
line-height: 1.9;
}

/* Tier layout: left side (High over Low) 35% | Middle 65% */
.sb-tier {
display: flex;
gap: 8px;
align-items: stretch;
margin-top: 0.5em;
}

/* Left side: High chance on top, Low chance on the bottom.
space-between keeps them pinned to top/bottom when the side is stretched taller. */
.sb-side {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 8px;
flex: 35 1 0;
min-width: 0;
}
.sb-side .sb-col {
flex: 0 0 auto;
}

.sb-col {
display: flex;
flex-direction: column;
flex: 1 1 0;
min-width: 0;
border-radius: 6px;
overflow: hidden;
}

.sb-col-head {
padding: 3px 8px;
font-weight: bold;
}

.sb-col-body {
flex: 1;
min-height: 120px;
padding: 6px 8px;
line-height: 1.8;
}

.sb-col-cards {
display: flex;
flex-wrap: wrap;
gap: 6px;
align-items: flex-start;
align-content: flex-start;
}

/* Per-chance colour + tints (drive every theme) */
.sb-col-high {
--chance: #4f8f36;
--tint: rgba(90, 150, 60, 0.12);
--tint-soft: rgba(90, 150, 60, 0.07);
}
.sb-col-normal {
flex-grow: 65;
--chance: #b28b28;
--tint: rgba(190, 150, 45, 0.12);
--tint-soft: rgba(190, 150, 45, 0.07);
}
.sb-col-low {
--chance: #9c3f37;
--tint: rgba(170, 65, 55, 0.12);
--tint-soft: rgba(170, 65, 55, 0.07);
}

/* Default theme "Fill": colored header bar + tinted body */
.sb-col {
background: var(--tint);
}
.sb-col-head {
background: var(--chance);
color: #fff;
}

/* Theme "Border": colored header bar + no body tint + colored border */
.sb-theme-border .sb-col {
background: transparent;
border: 1px solid var(--chance);
}

/* Theme "Heading": label sits OUTSIDE the box as a plain uncolored subheading; the box (border + soft tint) is the body */
.sb-theme-head .sb-col {
background: transparent;
overflow: visible;
}
.sb-theme-head .sb-col-head {
background: transparent;
color: inherit;
font-size: 1.05em;
padding: 0 0 3px 2px;
}
.sb-theme-head .sb-col-body {
background: var(--tint-soft);
border: 1px solid var(--chance);
border-radius: 6px;
}

/* Theme "Accent": thick colored left stripe + soft tint + colored heading text */
.sb-theme-accent .sb-col {
background: var(--tint-soft);
border-left: 4px solid var(--chance);
border-radius: 0 6px 6px 0;
}
.sb-theme-accent .sb-col-head {
background: transparent;
color: var(--chance);
}

@media (max-width: 720px) {
.sb-tier {
flex-direction: column;
}
}

Template:HeroStreetBrawlItems/styles.css

2026-07-21T00:55:14Z

~2026-ShivFlexAlchemical707: Mobile: keep the side stacked (High/Low/Middle straight down) instead of High|Low side by side (with help from vergir-bot LLM)

.sb-group {
margin-top: 1em;
}
.sb-group:first-child {
margin-top: 0.25em;
}

.sb-label {
font-weight: bold;
margin-bottom: 0.25em;
font-size: 1.1em;
}

.sb-cards {
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: flex-start;
}

.sb-icons {
display: flex;
flex-wrap: wrap;
gap: 4px 10px;
align-items: center;
}

.sb-common {
margin-top: 0.75em;
}

.sb-common-head {
font-weight: bold;
cursor: pointer;
margin-bottom: 0.25em;
}

.sb-common-head::after {
content: " \25BE";
font-size: 0.8em;
opacity: 0.6;
}

.sb-common.mw-collapsed .sb-common-head::after {
content: " \25B8";
}

.sb-common-body {
line-height: 1.9;
}

/* Tier layout: left side (High over Low) 35% | Middle 65% */
.sb-tier {
display: flex;
gap: 8px;
align-items: stretch;
margin-top: 0.5em;
}

/* Left side: High chance on top, Low chance on the bottom.
space-between keeps them pinned to top/bottom when the side is stretched taller. */
.sb-side {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 8px;
flex: 35 1 0;
min-width: 0;
}
.sb-side .sb-col {
flex: 0 0 auto;
}

.sb-col {
display: flex;
flex-direction: column;
flex: 1 1 0;
min-width: 0;
border-radius: 6px;
overflow: hidden;
}

.sb-col-head {
padding: 3px 8px;
font-weight: bold;
}

.sb-col-body {
flex: 1;
padding: 6px 8px;
line-height: 1.8;
}

.sb-col-cards {
display: flex;
flex-wrap: wrap;
gap: 6px;
align-items: flex-start;
align-content: flex-start;
}

/* Per-chance colour + tints (drive every theme) */
.sb-col-high {
--chance: #4f8f36;
--tint: rgba(90, 150, 60, 0.12);
--tint-soft: rgba(90, 150, 60, 0.07);
}
.sb-col-normal {
flex-grow: 65;
--chance: #b28b28;
--tint: rgba(190, 150, 45, 0.12);
--tint-soft: rgba(190, 150, 45, 0.07);
}
.sb-col-low {
--chance: #9c3f37;
--tint: rgba(170, 65, 55, 0.12);
--tint-soft: rgba(170, 65, 55, 0.07);
}

/* Default theme "Fill": colored header bar + tinted body */
.sb-col {
background: var(--tint);
}
.sb-col-head {
background: var(--chance);
color: #fff;
}

/* Theme "Border": colored header bar + no body tint + colored border */
.sb-theme-border .sb-col {
background: transparent;
border: 1px solid var(--chance);
}

/* Theme "Heading": label sits OUTSIDE the box as a plain uncolored subheading; the box (border + soft tint) is the body */
.sb-theme-head .sb-col {
background: transparent;
overflow: visible;
}
.sb-theme-head .sb-col-head {
background: transparent;
color: inherit;
font-size: 1.05em;
padding: 0 0 3px 2px;
}
.sb-theme-head .sb-col-body {
background: var(--tint-soft);
border: 1px solid var(--chance);
border-radius: 6px;
}

/* Theme "Accent": thick colored left stripe + soft tint + colored heading text */
.sb-theme-accent .sb-col {
background: var(--tint-soft);
border-left: 4px solid var(--chance);
border-radius: 0 6px 6px 0;
}
.sb-theme-accent .sb-col-head {
background: transparent;
color: var(--chance);
}

@media (max-width: 720px) {
.sb-tier {
flex-direction: column;
}
}

Template:HeroStreetBrawlItems/styles.css

2026-07-21T00:53:57Z

~2026-ShivFlexAlchemical707: Tier layout: left side (35%) stacks High/Low with space-between, Middle 65% on the right (with help from vergir-bot LLM)

.sb-group {
margin-top: 1em;
}
.sb-group:first-child {
margin-top: 0.25em;
}

.sb-label {
font-weight: bold;
margin-bottom: 0.25em;
font-size: 1.1em;
}

.sb-cards {
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: flex-start;
}

.sb-icons {
display: flex;
flex-wrap: wrap;
gap: 4px 10px;
align-items: center;
}

.sb-common {
margin-top: 0.75em;
}

.sb-common-head {
font-weight: bold;
cursor: pointer;
margin-bottom: 0.25em;
}

.sb-common-head::after {
content: " \25BE";
font-size: 0.8em;
opacity: 0.6;
}

.sb-common.mw-collapsed .sb-common-head::after {
content: " \25B8";
}

.sb-common-body {
line-height: 1.9;
}

/* Tier layout: left side (High over Low) 35% | Middle 65% */
.sb-tier {
display: flex;
gap: 8px;
align-items: stretch;
margin-top: 0.5em;
}

/* Left side: High chance on top, Low chance on the bottom.
space-between keeps them pinned to top/bottom when the side is stretched taller. */
.sb-side {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 8px;
flex: 35 1 0;
min-width: 0;
}
.sb-side .sb-col {
flex: 0 0 auto;
}

.sb-col {
display: flex;
flex-direction: column;
flex: 1 1 0;
min-width: 0;
border-radius: 6px;
overflow: hidden;
}

.sb-col-head {
padding: 3px 8px;
font-weight: bold;
}

.sb-col-body {
flex: 1;
padding: 6px 8px;
line-height: 1.8;
}

.sb-col-cards {
display: flex;
flex-wrap: wrap;
gap: 6px;
align-items: flex-start;
align-content: flex-start;
}

/* Per-chance colour + tints (drive every theme) */
.sb-col-high {
--chance: #4f8f36;
--tint: rgba(90, 150, 60, 0.12);
--tint-soft: rgba(90, 150, 60, 0.07);
}
.sb-col-normal {
flex-grow: 65;
--chance: #b28b28;
--tint: rgba(190, 150, 45, 0.12);
--tint-soft: rgba(190, 150, 45, 0.07);
}
.sb-col-low {
--chance: #9c3f37;
--tint: rgba(170, 65, 55, 0.12);
--tint-soft: rgba(170, 65, 55, 0.07);
}

/* Default theme "Fill": colored header bar + tinted body */
.sb-col {
background: var(--tint);
}
.sb-col-head {
background: var(--chance);
color: #fff;
}

/* Theme "Border": colored header bar + no body tint + colored border */
.sb-theme-border .sb-col {
background: transparent;
border: 1px solid var(--chance);
}

/* Theme "Heading": label sits OUTSIDE the box as a plain uncolored subheading; the box (border + soft tint) is the body */
.sb-theme-head .sb-col {
background: transparent;
overflow: visible;
}
.sb-theme-head .sb-col-head {
background: transparent;
color: inherit;
font-size: 1.05em;
padding: 0 0 3px 2px;
}
.sb-theme-head .sb-col-body {
background: var(--tint-soft);
border: 1px solid var(--chance);
border-radius: 6px;
}

/* Theme "Accent": thick colored left stripe + soft tint + colored heading text */
.sb-theme-accent .sb-col {
background: var(--tint-soft);
border-left: 4px solid var(--chance);
border-radius: 0 6px 6px 0;
}
.sb-theme-accent .sb-col-head {
background: transparent;
color: var(--chance);
}

@media (max-width: 720px) {
.sb-tier {
flex-direction: column;
}
.sb-side {
flex-direction: row;
}
}

Module:StreetBrawlItems

2026-07-21T00:53:04Z

~2026-ShivFlexAlchemical707: p.tier: split into left side (High over Low) and right Middle for the new 35/65 layout (with help from vergir-bot LLM)

local p = {}

local sb = mw.loadJsonData("Data:StreetBrawlData.json")["item-buckets"]
local items = mw.loadJsonData("Data:ItemData.json")
local heroes = mw.loadJsonData("Data:HeroData.json")

-- Slot display order: Weapon -> Vitality (Armor) -> Spirit (Tech)
local SLOT_RANK = { Weapon = 1, Armor = 2, Tech = 3 }
-- Default card scale passed to ItemBox (tier columns and counter cards).
local CARD_SIZE = "0.875"

local NAME_TO_KEY, KEY_TO_NAME, RELEASED = {}, {}, {}
for key, h in pairs(heroes) do
if type(h) == "table" and h.Name then
KEY_TO_NAME[key] = h.Name
NAME_TO_KEY[mw.ustring.lower(h.Name)] = key
if not h.InDevelopment and not h.IsDisabled then RELEASED[key] = true end
end
end

local function hero_key(input)
if not input then return nil end
input = mw.text.trim(input)
if input == "" then return nil end
if heroes[input] then return input end
return NAME_TO_KEY[mw.ustring.lower(input)]
end

local function iname(code) local it = items[code]; return it and it.Name or nil end
-- A "real" item: exists, has a display name, and is not disabled/removed.
local function iok(code)
local it = items[code]
return it ~= nil and it.Name ~= nil and it.IsDisabled ~= true
end
local function itier(code)
local it = items[code]; if not it then return nil end
if it.StreetBrawl == true then return 5 end
return it.Tier
end
local function islot(code) local it = items[code]; return it and it.Slot end
local function icost(code)
local it = items[code]; local c = it and it.Cost
return type(c) == "number" and c or math.huge
end

-- Sort order: slot (Weapon -> Armor -> Tech), then cost ascending, then name.
local function item_less(a, b)
local ra = SLOT_RANK[islot(a)] or 99
local rb = SLOT_RANK[islot(b)] or 99
if ra ~= rb then return ra < rb end
local ca, cb = icost(a), icost(b)
if ca ~= cb then return ca < cb end
return (iname(a) or a) < (iname(b) or b)
end

local function render_item(frame, code, style, size)
local name = iname(code); if not name then return nil end
if style == "icon" then return frame:expandTemplate{title = "ItemIcon", args = {name}} end
return frame:expandTemplate{title = "ItemBox", args = {name, showTierTag = "true", size = size or CARD_SIZE}}
end
local function render_hero(frame, key)
local name = KEY_TO_NAME[key]; if not name then return nil end
return frame:expandTemplate{title = "HeroIcon", args = {name}}
end

-- Lays rendered members out in a container with the given class (styled via CSS).
local function classdiv(parts, class)
if #parts == 0 then return "" end
return '<div class="' .. class .. '">' .. table.concat(parts) .. '</div>'
end

local function hero_sets(hkey)
local favored, unfavored, special, counter = {}, {}, {}, {}
for _, o in ipairs(sb.Outliers) do
if o.Hero == hkey then
if o.Bucket == "Good" then favored[o.Item] = true; special[o.Item] = true
elseif type(o.Weight) == "number" and o.Weight < 1 then unfavored[o.Item] = true; special[o.Item] = true end
if o.Counter ~= nil then counter[#counter + 1] = o.Item end
end
end
return favored, unfavored, special, counter
end

local function item_code(input)
input = mw.text.trim(input or "")
if input == "" then return nil end
if items[input] then return input end
for k, v in pairs(items) do
if type(v) == "table" and v.Name == input and v.IsDisabled ~= true then return k end
end
for k, v in pairs(items) do
if type(v) == "table" and v.Name == input then return k end
end
return nil
end

-- {{#invoke:StreetBrawlItems|hero|HERO|GROUP|TIER|label=..|collapse=yes|style=card|icon}}
-- GROUP = favored | unfavored | common (use hero_counter for counters)
-- Legacy: superseded by p.tier, kept for reference.
function p.hero(frame)
local hkey = hero_key(frame.args[1]); if not hkey then return "" end
local group = mw.text.trim(frame.args[2] or "")
local tier = tonumber(frame.args[3])
local style = frame.args.style
if not style or style == "" then style = (group == "common") and "icon" or "card" end
local collapse = (frame.args.collapse == "yes" or frame.args.collapse == "true")
local label = frame.args.label or ""

local favored, unfavored, special = hero_sets(hkey)
local pred
if group == "favored" then pred = function(c) return favored[c] end
elseif group == "unfavored" then pred = function(c) return unfavored[c] end
elseif group == "common" then pred = function(c) return not special[c] end
else return "" end

local codes = {}
for _, c in ipairs(sb.AvailableItems) do
if iok(c) and (tier == nil or itier(c) == tier) and pred(c) then codes[#codes + 1] = c end
end
table.sort(codes, item_less)

local parts = {}
for _, c in ipairs(codes) do local r = render_item(frame, c, style); if r then parts[#parts + 1] = r end end
if #parts == 0 then return "" end

if collapse then
local id = "sbcommon-" .. hkey .. "-" .. tostring(tier or 0)
local head = (label ~= "" and label) or "Common"
return '<div class="sb-common mw-collapsible mw-collapsed" id="mw-customcollapsible-' .. id .. '">'
.. '<div class="sb-common-head mw-customtoggle-' .. id .. '">' .. head .. '</div>'
.. '<div class="sb-common-body mw-collapsible-content">' .. table.concat(parts, " · ") .. '</div>'
.. '</div>'
end

local row_class = (style == "icon") and "sb-icons" or "sb-cards"
local out = '<div class="sb-group">'
if label ~= "" then out = out .. '<div class="sb-label">' .. label .. '</div>' end
return out .. classdiv(parts, row_class) .. '</div>'
end

-- {{#invoke:StreetBrawlItems|tier|HERO|TIER|style=icon|card|size=..|theme=..|high=..|middle=..|low=..}}
-- Renders one tier: a left side stacking High chance (favored, top) over Low chance
-- (unfavored, bottom), beside Middle chance (the leftover pool). Empty columns still render.
function p.tier(frame)
local hkey = hero_key(frame.args[1]); if not hkey then return "" end
local tier = tonumber(frame.args[2])
local style = (frame.args.style == "card") and "card" or "icon"
local size = frame.args.size
local theme = frame.args.theme or ""
local favored, unfavored = hero_sets(hkey)

local high, normal, low = {}, {}, {}
for _, c in ipairs(sb.AvailableItems) do
if iok(c) and (tier == nil or itier(c) == tier) then
if favored[c] then high[#high + 1] = c
elseif unfavored[c] then low[#low + 1] = c
else normal[#normal + 1] = c end
end
end
table.sort(high, item_less)
table.sort(normal, item_less)
table.sort(low, item_less)

local body_class = (style == "card") and "sb-col-body sb-col-cards" or "sb-col-body"
local sep = (style == "card") and "" or "<br>"

local function col(codes, cls, head)
local parts = {}
for _, c in ipairs(codes) do local r = render_item(frame, c, style, size); if r then parts[#parts + 1] = r end end
return '<div class="sb-col ' .. cls .. '">'
.. '<div class="sb-col-head">' .. head .. '</div>'
.. '<div class="' .. body_class .. '">' .. table.concat(parts, sep) .. '</div>'
.. '</div>'
end

local hi = frame.args.high or "High chance"
local mid = frame.args.middle or "Middle chance"
local lo = frame.args.low or "Low chance"
local cls = "sb-tier"
if theme ~= "" then cls = cls .. " " .. theme end
return '<div class="' .. cls .. '">'
.. '<div class="sb-side">'
.. col(high, "sb-col-high", hi)
.. col(low, "sb-col-low", lo)
.. '</div>'
.. col(normal, "sb-col-normal", mid)
.. '</div>'
end

-- {{#invoke:StreetBrawlItems|hero_counter|HERO|heading=..|note=..}}
-- Returns the whole counter block (heading + note + cards), or "" when empty.
function p.hero_counter(frame)
local hkey = hero_key(frame.args[1]); if not hkey then return "" end
local _, _, _, counter = hero_sets(hkey)

local codes = {}
for _, c in ipairs(counter) do if iok(c) then codes[#codes + 1] = c end end
if #codes == 0 then return "" end
table.sort(codes, item_less)

local parts = {}
for _, c in ipairs(codes) do local r = render_item(frame, c, "card"); if r then parts[#parts + 1] = r end end

local out = {}
local heading = frame.args.heading
if heading and heading ~= "" then out[#out + 1] = "=== " .. heading .. " ===" end
local note = frame.args.note
if note and note ~= "" then out[#out + 1] = "''" .. note .. "''" end
out[#out + 1] = classdiv(parts, "sb-cards")
return table.concat(out, "\n")
end

-- {{#invoke:StreetBrawlItems|item|ITEM|GROUP|label=..|note=..}}
-- GROUP = favored | unfavored | counter
function p.item(frame)
local code = item_code(frame.args[1]); if not code then return "" end
local group = mw.text.trim(frame.args[2] or "")

local fav, unf, ctr = {}, {}, {}
for _, o in ipairs(sb.Outliers) do
if o.Item == code and RELEASED[o.Hero] then
if o.Bucket == "Good" then fav[#fav + 1] = o.Hero
elseif type(o.Weight) == "number" and o.Weight < 1 then unf[#unf + 1] = o.Hero end
if o.Counter ~= nil then ctr[#ctr + 1] = o.Hero end
end
end
local list = (group == "favored" and fav) or (group == "unfavored" and unf) or (group == "counter" and ctr)
if not list then return "" end
table.sort(list, function(a, b) return (KEY_TO_NAME[a] or a) < (KEY_TO_NAME[b] or b) end)

local parts = {}
for _, k in ipairs(list) do local r = render_hero(frame, k); if r then parts[#parts + 1] = r end end
if #parts == 0 then return "" end

local pre = ""
local label = frame.args.label
if label and label ~= "" then pre = pre .. "'''" .. label .. "'''<br>" end
local note = frame.args.note
if note and note ~= "" then pre = pre .. "''" .. note .. "''<br>" end
return pre .. classdiv(parts, "sb-icons")
end

-- {{#invoke:StreetBrawlItems|item_in_pool|ITEM}} -> "1" if in the Street Brawl pool, else ""
function p.item_in_pool(frame)
local code = item_code(frame.args[1]); if not code then return "" end
for _, c in ipairs(sb.AvailableItems) do if c == code then return "1" end end
return ""
end

return p

Template:HeroStreetBrawlItems/styles.css

2026-07-21T00:41:43Z

~2026-ShivFlexAlchemical707: Weight column widths 30/60/10 (High/Middle/Low chance) (with help from vergir-bot LLM)

.sb-group {
margin-top: 1em;
}
.sb-group:first-child {
margin-top: 0.25em;
}

.sb-label {
font-weight: bold;
margin-bottom: 0.25em;
font-size: 1.1em;
}

.sb-cards {
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: flex-start;
}

.sb-icons {
display: flex;
flex-wrap: wrap;
gap: 4px 10px;
align-items: center;
}

.sb-common {
margin-top: 0.75em;
}

.sb-common-head {
font-weight: bold;
cursor: pointer;
margin-bottom: 0.25em;
}

.sb-common-head::after {
content: " \25BE";
font-size: 0.8em;
opacity: 0.6;
}

.sb-common.mw-collapsed .sb-common-head::after {
content: " \25B8";
}

.sb-common-body {
line-height: 1.9;
}

/* Three-column tier layout: High / Middle / Low chance */
.sb-tier {
display: flex;
gap: 8px;
align-items: stretch;
margin-top: 0.5em;
}

.sb-col {
display: flex;
flex-direction: column;
flex: 1 1 0;
min-width: 0;
border-radius: 6px;
overflow: hidden;
}

.sb-col-head {
padding: 3px 8px;
font-weight: bold;
}

.sb-col-body {
flex: 1;
padding: 6px 8px;
line-height: 1.8;
}

.sb-col-cards {
display: flex;
flex-wrap: wrap;
gap: 6px;
align-items: flex-start;
align-content: flex-start;
}

/* Per-chance colour + tints (drive every theme). flex-grow sets the 30/60/10 width split. */
.sb-col-high {
flex-grow: 30;
--chance: #4f8f36;
--tint: rgba(90, 150, 60, 0.12);
--tint-soft: rgba(90, 150, 60, 0.07);
}
.sb-col-normal {
flex-grow: 60;
--chance: #b28b28;
--tint: rgba(190, 150, 45, 0.12);
--tint-soft: rgba(190, 150, 45, 0.07);
}
.sb-col-low {
flex-grow: 10;
--chance: #9c3f37;
--tint: rgba(170, 65, 55, 0.12);
--tint-soft: rgba(170, 65, 55, 0.07);
}

/* Default theme "Fill": colored header bar + tinted body */
.sb-col {
background: var(--tint);
}
.sb-col-head {
background: var(--chance);
color: #fff;
}

/* Theme "Border": colored header bar + no body tint + colored border */
.sb-theme-border .sb-col {
background: transparent;
border: 1px solid var(--chance);
}

/* Theme "Heading": label sits OUTSIDE the box as a plain uncolored subheading; the box (border + soft tint) is the body */
.sb-theme-head .sb-col {
background: transparent;
overflow: visible;
}
.sb-theme-head .sb-col-head {
background: transparent;
color: inherit;
font-size: 1.05em;
padding: 0 0 3px 2px;
}
.sb-theme-head .sb-col-body {
background: var(--tint-soft);
border: 1px solid var(--chance);
border-radius: 6px;
}

/* Theme "Accent": thick colored left stripe + soft tint + colored heading text */
.sb-theme-accent .sb-col {
background: var(--tint-soft);
border-left: 4px solid var(--chance);
border-radius: 0 6px 6px 0;
}
.sb-theme-accent .sb-col-head {
background: transparent;
color: var(--chance);
}

@media (max-width: 720px) {
.sb-tier {
flex-direction: column;
}
}

Template:HeroStreetBrawlItems

2026-07-21T00:34:29Z

~2026-ShivFlexAlchemical707: Adopt three-column High/Middle/Low chance tier layout (Heading theme, ItemBoxes); update intro; retire favored/unfavored/common groups (with help from vergir-bot LLM)

<includeonly><templatestyles src="Template:HeroStreetBrawl/styles.css" />
In [[Street Brawl]], every hero draws items from a shared pool, but some items are weighted to appear more often for a given hero and others less often. For each tier below, that tier's items are grouped by how likely they are to be offered to {{{1}}} — '''High''', '''Middle''', or '''Low''' chance.

=== Tier 1 ===
{{#invoke:StreetBrawlItems|tier|{{{1}}}|1|theme=sb-theme-head|style=card}}

=== Tier 2 ===
{{#invoke:StreetBrawlItems|tier|{{{1}}}|2|theme=sb-theme-head|style=card}}

=== Tier 3 ===
{{#invoke:StreetBrawlItems|tier|{{{1}}}|3|theme=sb-theme-head|style=card}}

=== Tier 4 ===
{{#invoke:StreetBrawlItems|tier|{{{1}}}|4|theme=sb-theme-head|style=card}}

=== Legendary ===
{{#invoke:StreetBrawlItems|tier|{{{1}}}|5|theme=sb-theme-head|style=card}}

{{#invoke:StreetBrawlItems|hero_counter|{{{1}}}|heading=Counter items|note=When facing {{{1}}} in Street Brawl, the enemy team is more likely to be offered these items as counters.}}</includeonly><noinclude>{{Documentation}}</noinclude>

Module:StreetBrawlItems

2026-07-21T00:34:03Z

~2026-ShivFlexAlchemical707: Default card size to 0.875 so counter cards match the tier columns (with help from vergir-bot LLM)

local p = {}

local sb = mw.loadJsonData("Data:StreetBrawlData.json")["item-buckets"]
local items = mw.loadJsonData("Data:ItemData.json")
local heroes = mw.loadJsonData("Data:HeroData.json")

-- Slot display order: Weapon -> Vitality (Armor) -> Spirit (Tech)
local SLOT_RANK = { Weapon = 1, Armor = 2, Tech = 3 }
-- Default card scale passed to ItemBox (tier columns and counter cards).
local CARD_SIZE = "0.875"

local NAME_TO_KEY, KEY_TO_NAME, RELEASED = {}, {}, {}
for key, h in pairs(heroes) do
if type(h) == "table" and h.Name then
KEY_TO_NAME[key] = h.Name
NAME_TO_KEY[mw.ustring.lower(h.Name)] = key
if not h.InDevelopment and not h.IsDisabled then RELEASED[key] = true end
end
end

local function hero_key(input)
if not input then return nil end
input = mw.text.trim(input)
if input == "" then return nil end
if heroes[input] then return input end
return NAME_TO_KEY[mw.ustring.lower(input)]
end

local function iname(code) local it = items[code]; return it and it.Name or nil end
-- A "real" item: exists, has a display name, and is not disabled/removed.
local function iok(code)
local it = items[code]
return it ~= nil and it.Name ~= nil and it.IsDisabled ~= true
end
local function itier(code)
local it = items[code]; if not it then return nil end
if it.StreetBrawl == true then return 5 end
return it.Tier
end
local function islot(code) local it = items[code]; return it and it.Slot end
local function icost(code)
local it = items[code]; local c = it and it.Cost
return type(c) == "number" and c or math.huge
end

-- Sort order: slot (Weapon -> Armor -> Tech), then cost ascending, then name.
local function item_less(a, b)
local ra = SLOT_RANK[islot(a)] or 99
local rb = SLOT_RANK[islot(b)] or 99
if ra ~= rb then return ra < rb end
local ca, cb = icost(a), icost(b)
if ca ~= cb then return ca < cb end
return (iname(a) or a) < (iname(b) or b)
end

local function render_item(frame, code, style, size)
local name = iname(code); if not name then return nil end
if style == "icon" then return frame:expandTemplate{title = "ItemIcon", args = {name}} end
return frame:expandTemplate{title = "ItemBox", args = {name, showTierTag = "true", size = size or CARD_SIZE}}
end
local function render_hero(frame, key)
local name = KEY_TO_NAME[key]; if not name then return nil end
return frame:expandTemplate{title = "HeroIcon", args = {name}}
end

-- Lays rendered members out in a container with the given class (styled via CSS).
local function classdiv(parts, class)
if #parts == 0 then return "" end
return '<div class="' .. class .. '">' .. table.concat(parts) .. '</div>'
end

local function hero_sets(hkey)
local favored, unfavored, special, counter = {}, {}, {}, {}
for _, o in ipairs(sb.Outliers) do
if o.Hero == hkey then
if o.Bucket == "Good" then favored[o.Item] = true; special[o.Item] = true
elseif type(o.Weight) == "number" and o.Weight < 1 then unfavored[o.Item] = true; special[o.Item] = true end
if o.Counter ~= nil then counter[#counter + 1] = o.Item end
end
end
return favored, unfavored, special, counter
end

local function item_code(input)
input = mw.text.trim(input or "")
if input == "" then return nil end
if items[input] then return input end
for k, v in pairs(items) do
if type(v) == "table" and v.Name == input and v.IsDisabled ~= true then return k end
end
for k, v in pairs(items) do
if type(v) == "table" and v.Name == input then return k end
end
return nil
end

-- {{#invoke:StreetBrawlItems|hero|HERO|GROUP|TIER|label=..|collapse=yes|style=card|icon}}
-- GROUP = favored | unfavored | common (use hero_counter for counters)
-- Legacy: superseded by p.tier, kept for reference.
function p.hero(frame)
local hkey = hero_key(frame.args[1]); if not hkey then return "" end
local group = mw.text.trim(frame.args[2] or "")
local tier = tonumber(frame.args[3])
local style = frame.args.style
if not style or style == "" then style = (group == "common") and "icon" or "card" end
local collapse = (frame.args.collapse == "yes" or frame.args.collapse == "true")
local label = frame.args.label or ""

local favored, unfavored, special = hero_sets(hkey)
local pred
if group == "favored" then pred = function(c) return favored[c] end
elseif group == "unfavored" then pred = function(c) return unfavored[c] end
elseif group == "common" then pred = function(c) return not special[c] end
else return "" end

local codes = {}
for _, c in ipairs(sb.AvailableItems) do
if iok(c) and (tier == nil or itier(c) == tier) and pred(c) then codes[#codes + 1] = c end
end
table.sort(codes, item_less)

local parts = {}
for _, c in ipairs(codes) do local r = render_item(frame, c, style); if r then parts[#parts + 1] = r end end
if #parts == 0 then return "" end

if collapse then
local id = "sbcommon-" .. hkey .. "-" .. tostring(tier or 0)
local head = (label ~= "" and label) or "Common"
return '<div class="sb-common mw-collapsible mw-collapsed" id="mw-customcollapsible-' .. id .. '">'
.. '<div class="sb-common-head mw-customtoggle-' .. id .. '">' .. head .. '</div>'
.. '<div class="sb-common-body mw-collapsible-content">' .. table.concat(parts, " · ") .. '</div>'
.. '</div>'
end

local row_class = (style == "icon") and "sb-icons" or "sb-cards"
local out = '<div class="sb-group">'
if label ~= "" then out = out .. '<div class="sb-label">' .. label .. '</div>' end
return out .. classdiv(parts, row_class) .. '</div>'
end

-- {{#invoke:StreetBrawlItems|tier|HERO|TIER|style=icon|card|size=..|theme=..|high=..|middle=..|low=..}}
-- Renders one tier as three columns: High chance (favored), Middle chance
-- (the leftover pool), Low chance (unfavored). Empty columns still render.
function p.tier(frame)
local hkey = hero_key(frame.args[1]); if not hkey then return "" end
local tier = tonumber(frame.args[2])
local style = (frame.args.style == "card") and "card" or "icon"
local size = frame.args.size
local theme = frame.args.theme or ""
local favored, unfavored = hero_sets(hkey)

local high, normal, low = {}, {}, {}
for _, c in ipairs(sb.AvailableItems) do
if iok(c) and (tier == nil or itier(c) == tier) then
if favored[c] then high[#high + 1] = c
elseif unfavored[c] then low[#low + 1] = c
else normal[#normal + 1] = c end
end
end
table.sort(high, item_less)
table.sort(normal, item_less)
table.sort(low, item_less)

local body_class = (style == "card") and "sb-col-body sb-col-cards" or "sb-col-body"
local sep = (style == "card") and "" or "<br>"

local function col(codes, cls, head)
local parts = {}
for _, c in ipairs(codes) do local r = render_item(frame, c, style, size); if r then parts[#parts + 1] = r end end
return '<div class="sb-col ' .. cls .. '">'
.. '<div class="sb-col-head">' .. head .. '</div>'
.. '<div class="' .. body_class .. '">' .. table.concat(parts, sep) .. '</div>'
.. '</div>'
end

local hi = frame.args.high or "High chance"
local mid = frame.args.middle or "Middle chance"
local lo = frame.args.low or "Low chance"
local cls = "sb-tier"
if theme ~= "" then cls = cls .. " " .. theme end
return '<div class="' .. cls .. '">'
.. col(high, "sb-col-high", hi)
.. col(normal, "sb-col-normal", mid)
.. col(low, "sb-col-low", lo)
.. '</div>'
end

-- {{#invoke:StreetBrawlItems|hero_counter|HERO|heading=..|note=..}}
-- Returns the whole counter block (heading + note + cards), or "" when empty.
function p.hero_counter(frame)
local hkey = hero_key(frame.args[1]); if not hkey then return "" end
local _, _, _, counter = hero_sets(hkey)

local codes = {}
for _, c in ipairs(counter) do if iok(c) then codes[#codes + 1] = c end end
if #codes == 0 then return "" end
table.sort(codes, item_less)

local parts = {}
for _, c in ipairs(codes) do local r = render_item(frame, c, "card"); if r then parts[#parts + 1] = r end end

local out = {}
local heading = frame.args.heading
if heading and heading ~= "" then out[#out + 1] = "=== " .. heading .. " ===" end
local note = frame.args.note
if note and note ~= "" then out[#out + 1] = "''" .. note .. "''" end
out[#out + 1] = classdiv(parts, "sb-cards")
return table.concat(out, "\n")
end

-- {{#invoke:StreetBrawlItems|item|ITEM|GROUP|label=..|note=..}}
-- GROUP = favored | unfavored | counter
function p.item(frame)
local code = item_code(frame.args[1]); if not code then return "" end
local group = mw.text.trim(frame.args[2] or "")

local fav, unf, ctr = {}, {}, {}
for _, o in ipairs(sb.Outliers) do
if o.Item == code and RELEASED[o.Hero] then
if o.Bucket == "Good" then fav[#fav + 1] = o.Hero
elseif type(o.Weight) == "number" and o.Weight < 1 then unf[#unf + 1] = o.Hero end
if o.Counter ~= nil then ctr[#ctr + 1] = o.Hero end
end
end
local list = (group == "favored" and fav) or (group == "unfavored" and unf) or (group == "counter" and ctr)
if not list then return "" end
table.sort(list, function(a, b) return (KEY_TO_NAME[a] or a) < (KEY_TO_NAME[b] or b) end)

local parts = {}
for _, k in ipairs(list) do local r = render_hero(frame, k); if r then parts[#parts + 1] = r end end
if #parts == 0 then return "" end

local pre = ""
local label = frame.args.label
if label and label ~= "" then pre = pre .. "'''" .. label .. "'''<br>" end
local note = frame.args.note
if note and note ~= "" then pre = pre .. "''" .. note .. "''<br>" end
return pre .. classdiv(parts, "sb-icons")
end

-- {{#invoke:StreetBrawlItems|item_in_pool|ITEM}} -> "1" if in the Street Brawl pool, else ""
function p.item_in_pool(frame)
local code = item_code(frame.args[1]); if not code then return "" end
for _, c in ipairs(sb.AvailableItems) do if c == code then return "1" end end
return ""
end

return p

User:Vergir

2026-07-21T00:22:37Z

~2026-ShivFlexAlchemical707: Add Warden per-tier style test (ItemBoxes 0.875, one theme per tier) (with help from vergir-bot LLM)

= Abrams =
{{HeroStreetBrawl|Abrams}}

= Holliday =
{{HeroStreetBrawl|Holliday}}

= Doorman =
{{HeroStreetBrawl|The Doorman}}

= Vindicta =
{{HeroStreetBrawl|Vindicta}}

= McGinnis =
{{HeroStreetBrawl|McGinnis}}

<templatestyles src="Template:HeroStreetBrawl/styles.css" />
= Street Brawl tier layout bake-off (Holliday, Tier 1) =

== Fill (current) ==
'''Item list'''
{{#invoke:StreetBrawlItems|tier|Holliday|1}}
'''ItemBoxes (0.845, flush 4-per-row)'''
{{#invoke:StreetBrawlItems|tier|Holliday|1|style=card|size=0.875}}

== Border ==
'''Item list'''
{{#invoke:StreetBrawlItems|tier|Holliday|1|theme=sb-theme-border}}
'''ItemBoxes (0.845, flush 4-per-row)'''
{{#invoke:StreetBrawlItems|tier|Holliday|1|theme=sb-theme-border|style=card|size=0.875}}

== Heading ==
'''Item list'''
{{#invoke:StreetBrawlItems|tier|Holliday|1|theme=sb-theme-head}}
'''ItemBoxes (0.845, flush 4-per-row)'''
{{#invoke:StreetBrawlItems|tier|Holliday|1|theme=sb-theme-head|style=card|size=0.875}}

== Accent ==
'''Item list'''
{{#invoke:StreetBrawlItems|tier|Holliday|1|theme=sb-theme-accent}}
'''ItemBoxes (0.845, flush 4-per-row)'''
{{#invoke:StreetBrawlItems|tier|Holliday|1|theme=sb-theme-accent|style=card|size=0.875}}

<templatestyles src="Template:HeroStreetBrawl/styles.css" />
== Warden — one style per tier (ItemBoxes, 0.875) ==

=== Tier 1 — Fill ===
{{#invoke:StreetBrawlItems|tier|Warden|1|style=card|size=0.875}}

=== Tier 2 — Border ===
{{#invoke:StreetBrawlItems|tier|Warden|2|theme=sb-theme-border|style=card|size=0.875}}

=== Tier 3 — Heading ===
{{#invoke:StreetBrawlItems|tier|Warden|3|theme=sb-theme-head|style=card|size=0.875}}

=== Tier 4 — Accent ===
{{#invoke:StreetBrawlItems|tier|Warden|4|theme=sb-theme-accent|style=card|size=0.875}}

=== Legendary — Fill ===
{{#invoke:StreetBrawlItems|tier|Warden|5|style=card|size=0.875}}

Template:HeroStreetBrawlItems/styles.css

2026-07-21T00:09:06Z

~2026-ShivFlexAlchemical707: Card columns: pack wrapped rows to the top (align-content) so stretched columns do not spread rows apart (with help from vergir-bot LLM)

.sb-group {
margin-top: 1em;
}
.sb-group:first-child {
margin-top: 0.25em;
}

.sb-label {
font-weight: bold;
margin-bottom: 0.25em;
font-size: 1.1em;
}

.sb-cards {
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: flex-start;
}

.sb-icons {
display: flex;
flex-wrap: wrap;
gap: 4px 10px;
align-items: center;
}

.sb-common {
margin-top: 0.75em;
}

.sb-common-head {
font-weight: bold;
cursor: pointer;
margin-bottom: 0.25em;
}

.sb-common-head::after {
content: " \25BE";
font-size: 0.8em;
opacity: 0.6;
}

.sb-common.mw-collapsed .sb-common-head::after {
content: " \25B8";
}

.sb-common-body {
line-height: 1.9;
}

/* Three-column tier layout: High / Middle / Low chance */
.sb-tier {
display: flex;
gap: 8px;
align-items: stretch;
margin-top: 0.5em;
}

.sb-col {
display: flex;
flex-direction: column;
flex: 1 1 0;
min-width: 0;
border-radius: 6px;
overflow: hidden;
}

.sb-col-head {
padding: 3px 8px;
font-weight: bold;
}

.sb-col-body {
flex: 1;
padding: 6px 8px;
line-height: 1.8;
}

.sb-col-cards {
display: flex;
flex-wrap: wrap;
gap: 6px;
align-items: flex-start;
align-content: flex-start;
}

/* Per-chance colour + tints (drive every theme) */
.sb-col-high {
--chance: #4f8f36;
--tint: rgba(90, 150, 60, 0.12);
--tint-soft: rgba(90, 150, 60, 0.07);
}
.sb-col-normal {
--chance: #b28b28;
--tint: rgba(190, 150, 45, 0.12);
--tint-soft: rgba(190, 150, 45, 0.07);
}
.sb-col-low {
--chance: #9c3f37;
--tint: rgba(170, 65, 55, 0.12);
--tint-soft: rgba(170, 65, 55, 0.07);
}

/* Default theme "Fill": colored header bar + tinted body */
.sb-col {
background: var(--tint);
}
.sb-col-head {
background: var(--chance);
color: #fff;
}

/* Theme "Border": colored header bar + no body tint + colored border */
.sb-theme-border .sb-col {
background: transparent;
border: 1px solid var(--chance);
}

/* Theme "Heading": label sits OUTSIDE the box as a plain uncolored subheading; the box (border + soft tint) is the body */
.sb-theme-head .sb-col {
background: transparent;
overflow: visible;
}
.sb-theme-head .sb-col-head {
background: transparent;
color: inherit;
font-size: 1.05em;
padding: 0 0 3px 2px;
}
.sb-theme-head .sb-col-body {
background: var(--tint-soft);
border: 1px solid var(--chance);
border-radius: 6px;
}

/* Theme "Accent": thick colored left stripe + soft tint + colored heading text */
.sb-theme-accent .sb-col {
background: var(--tint-soft);
border-left: 4px solid var(--chance);
border-radius: 0 6px 6px 0;
}
.sb-theme-accent .sb-col-head {
background: transparent;
color: var(--chance);
}

@media (max-width: 720px) {
.sb-tier {
flex-direction: column;
}
}

User:Vergir

2026-07-20T23:32:28Z

~2026-ShivFlexAlchemical707: Clean sandbox (remove old prototype/probe/variant scratch); set bake-off ItemBoxes to flush 0.845 (with help from vergir-bot LLM)

Template:HeroStreetBrawlItems/styles.css

2026-07-20T22:47:28Z

~2026-ShivFlexAlchemical707: Heading theme: move label outside the box as an uncolored subheading; bodies stretch to equal height (with help from vergir-bot LLM)

.sb-group {
margin-top: 1em;
}
.sb-group:first-child {
margin-top: 0.25em;
}

.sb-label {
font-weight: bold;
margin-bottom: 0.25em;
font-size: 1.1em;
}

.sb-cards {
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: flex-start;
}

.sb-icons {
display: flex;
flex-wrap: wrap;
gap: 4px 10px;
align-items: center;
}

.sb-common {
margin-top: 0.75em;
}

.sb-common-head {
font-weight: bold;
cursor: pointer;
margin-bottom: 0.25em;
}

.sb-common-head::after {
content: " \25BE";
font-size: 0.8em;
opacity: 0.6;
}

.sb-common.mw-collapsed .sb-common-head::after {
content: " \25B8";
}

.sb-common-body {
line-height: 1.9;
}

/* Three-column tier layout: High / Middle / Low chance */
.sb-tier {
display: flex;
gap: 8px;
align-items: stretch;
margin-top: 0.5em;
}

.sb-col {
display: flex;
flex-direction: column;
flex: 1 1 0;
min-width: 0;
border-radius: 6px;
overflow: hidden;
}

.sb-col-head {
padding: 3px 8px;
font-weight: bold;
}

.sb-col-body {
flex: 1;
padding: 6px 8px;
line-height: 1.8;
}

.sb-col-cards {
display: flex;
flex-wrap: wrap;
gap: 6px;
align-items: flex-start;
}

/* Per-chance colour + tints (drive every theme) */
.sb-col-high {
--chance: #4f8f36;
--tint: rgba(90, 150, 60, 0.12);
--tint-soft: rgba(90, 150, 60, 0.07);
}
.sb-col-normal {
--chance: #b28b28;
--tint: rgba(190, 150, 45, 0.12);
--tint-soft: rgba(190, 150, 45, 0.07);
}
.sb-col-low {
--chance: #9c3f37;
--tint: rgba(170, 65, 55, 0.12);
--tint-soft: rgba(170, 65, 55, 0.07);
}

/* Default theme "Fill": colored header bar + tinted body */
.sb-col {
background: var(--tint);
}
.sb-col-head {
background: var(--chance);
color: #fff;
}

/* Theme "Border": colored header bar + no body tint + colored border */
.sb-theme-border .sb-col {
background: transparent;
border: 1px solid var(--chance);
}

/* Theme "Heading": label sits OUTSIDE the box as a plain uncolored subheading; the box (border + soft tint) is the body */
.sb-theme-head .sb-col {
background: transparent;
overflow: visible;
}
.sb-theme-head .sb-col-head {
background: transparent;
color: inherit;
font-size: 1.05em;
padding: 0 0 3px 2px;
}
.sb-theme-head .sb-col-body {
background: var(--tint-soft);
border: 1px solid var(--chance);
border-radius: 6px;
}

/* Theme "Accent": thick colored left stripe + soft tint + colored heading text */
.sb-theme-accent .sb-col {
background: var(--tint-soft);
border-left: 4px solid var(--chance);
border-radius: 0 6px 6px 0;
}
.sb-theme-accent .sb-col-head {
background: transparent;
color: var(--chance);
}

@media (max-width: 720px) {
.sb-tier {
flex-direction: column;
}
}

User:Vergir

2026-07-20T22:01:21Z

~2026-ShivFlexAlchemical707: Add tier layout bake-off: Holliday T1 in Fill/Border/Heading/Accent x list/boxes (with help from vergir-bot LLM)

<templatestyles src="Template:HeroStreetBrawl/styles.css" />
'''THREE-COLUMN TIER PROTOTYPE''' (High / Normal / Low chance)

Holliday — Tier 1
{{#invoke:StreetBrawlItems|tier|Holliday|1}}

Holliday — Legendary
{{#invoke:StreetBrawlItems|tier|Holliday|5}}

McGinnis — Tier 2 (biggest Normal column)
{{#invoke:StreetBrawlItems|tier|McGinnis|2}}

----
MAXROWS: {{#invoke:StreetBrawlItems|debug_counts}}

'''COMMON LABEL VARIANTS''' — test only, inline styles, sample items. Click each to expand. (Delete this block + the old PROBE block when done.)

'''1. Plain bold label (current — matches Favored/Unfavored, no affordance)'''
<div class="mw-customtoggle-cv1" style="font-weight:bold;cursor:pointer;">Common</div>
<div id="mw-customcollapsible-cv1" class="mw-collapsible mw-collapsed">{{ItemIcon|Extended Magazine}} | {{ItemIcon|Headshot Booster}} | {{ItemIcon|Extra Health}} | {{ItemIcon|Grit}} | {{ItemIcon|Rapid Rounds}}</div>

'''2. Bold label + trailing caret'''
<div class="mw-customtoggle-cv2" style="font-weight:bold;cursor:pointer;">Common <span style="font-size:0.8em;color:#888;">▾</span></div>
<div id="mw-customcollapsible-cv2" class="mw-collapsible mw-collapsed">{{ItemIcon|Extended Magazine}} | {{ItemIcon|Headshot Booster}} | {{ItemIcon|Extra Health}} | {{ItemIcon|Grit}} | {{ItemIcon|Rapid Rounds}}</div>

'''3. Bold label + leading caret'''
<div class="mw-customtoggle-cv3" style="font-weight:bold;cursor:pointer;"><span style="font-size:0.8em;color:#888;">▸</span> Common</div>
<div id="mw-customcollapsible-cv3" class="mw-collapsible mw-collapsed">{{ItemIcon|Extended Magazine}} | {{ItemIcon|Headshot Booster}} | {{ItemIcon|Extra Health}} | {{ItemIcon|Grit}} | {{ItemIcon|Rapid Rounds}}</div>

'''4. Bold label + faint (show)'''
<div class="mw-customtoggle-cv4" style="font-weight:bold;cursor:pointer;">Common <span style="font-weight:normal;font-size:0.85em;color:#888;">(show)</span></div>
<div id="mw-customcollapsible-cv4" class="mw-collapsible mw-collapsed">{{ItemIcon|Extended Magazine}} | {{ItemIcon|Headshot Booster}} | {{ItemIcon|Extra Health}} | {{ItemIcon|Grit}} | {{ItemIcon|Rapid Rounds}}</div>

'''5. Bold label + automatic [Expand]/[Collapse] link (flips on click)'''
<div class="mw-collapsible mw-collapsed">
<div style="font-weight:bold;">Common</div>
<div class="mw-collapsible-content">{{ItemIcon|Extended Magazine}} | {{ItemIcon|Headshot Booster}} | {{ItemIcon|Extra Health}} | {{ItemIcon|Grit}} | {{ItemIcon|Rapid Rounds}}</div>
</div>

'''6. Grey header bar (original wikitable style)'''
{| class="wikitable mw-collapsible mw-collapsed" style="width:100%"
! style="text-align:left" | Common
|-
| {{ItemIcon|Extended Magazine}} | {{ItemIcon|Headshot Booster}} | {{ItemIcon|Extra Health}} | {{ItemIcon|Grit}} | {{ItemIcon|Rapid Rounds}}
|}

----
'''PROBE — Holliday Legendary (favored + common)'''

{{#invoke:StreetBrawlItems|hero|Holliday|favored|5|label=Favored}}
{{#invoke:StreetBrawlItems|hero|Holliday|common|5|label=Common|collapse=yes}}

----
= Abrams =
{{HeroStreetBrawl|Abrams}}

= Holliday =
{{HeroStreetBrawl|Holliday}}

= Doorman =
{{HeroStreetBrawl|The Doorman}}

= Vindicta =
{{HeroStreetBrawl|Vindicta}}

= McGinnis =
{{HeroStreetBrawl|McGinnis}}

<templatestyles src="Template:HeroStreetBrawl/styles.css" />
= Street Brawl tier layout bake-off (Holliday, Tier 1) =

== Fill (current) ==
'''Item list'''
{{#invoke:StreetBrawlItems|tier|Holliday|1}}
'''ItemBoxes (0.75)'''
{{#invoke:StreetBrawlItems|tier|Holliday|1|style=card|size=0.75}}

== Border ==
'''Item list'''
{{#invoke:StreetBrawlItems|tier|Holliday|1|theme=sb-theme-border}}
'''ItemBoxes (0.75)'''
{{#invoke:StreetBrawlItems|tier|Holliday|1|theme=sb-theme-border|style=card|size=0.75}}

== Heading ==
'''Item list'''
{{#invoke:StreetBrawlItems|tier|Holliday|1|theme=sb-theme-head}}
'''ItemBoxes (0.75)'''
{{#invoke:StreetBrawlItems|tier|Holliday|1|theme=sb-theme-head|style=card|size=0.75}}

== Accent ==
'''Item list'''
{{#invoke:StreetBrawlItems|tier|Holliday|1|theme=sb-theme-accent}}
'''ItemBoxes (0.75)'''
{{#invoke:StreetBrawlItems|tier|Holliday|1|theme=sb-theme-accent|style=card|size=0.75}}

Module:StreetBrawlItems

2026-07-20T22:00:00Z

~2026-ShivFlexAlchemical707: p.tier: support style=icon|card, size, theme class, Middle-chance label (with help from vergir-bot LLM)

local p = {}

local sb = mw.loadJsonData("Data:StreetBrawlData.json")["item-buckets"]
local items = mw.loadJsonData("Data:ItemData.json")
local heroes = mw.loadJsonData("Data:HeroData.json")

-- Slot display order: Weapon -> Vitality (Armor) -> Spirit (Tech)
local SLOT_RANK = { Weapon = 1, Armor = 2, Tech = 3 }
-- Card scale passed to ItemBox for favored/unfavored/counter cards.
local CARD_SIZE = "0.8"

local NAME_TO_KEY, KEY_TO_NAME, RELEASED = {}, {}, {}
for key, h in pairs(heroes) do
if type(h) == "table" and h.Name then
KEY_TO_NAME[key] = h.Name
NAME_TO_KEY[mw.ustring.lower(h.Name)] = key
if not h.InDevelopment and not h.IsDisabled then RELEASED[key] = true end
end
end

local function hero_key(input)
if not input then return nil end
input = mw.text.trim(input)
if input == "" then return nil end
if heroes[input] then return input end
return NAME_TO_KEY[mw.ustring.lower(input)]
end

local function iname(code) local it = items[code]; return it and it.Name or nil end
-- A "real" item: exists, has a display name, and is not disabled/removed.
local function iok(code)
local it = items[code]
return it ~= nil and it.Name ~= nil and it.IsDisabled ~= true
end
local function itier(code)
local it = items[code]; if not it then return nil end
if it.StreetBrawl == true then return 5 end
return it.Tier
end
local function islot(code) local it = items[code]; return it and it.Slot end
local function icost(code)
local it = items[code]; local c = it and it.Cost
return type(c) == "number" and c or math.huge
end

-- Sort order: slot (Weapon -> Armor -> Tech), then cost ascending, then name.
local function item_less(a, b)
local ra = SLOT_RANK[islot(a)] or 99
local rb = SLOT_RANK[islot(b)] or 99
if ra ~= rb then return ra < rb end
local ca, cb = icost(a), icost(b)
if ca ~= cb then return ca < cb end
return (iname(a) or a) < (iname(b) or b)
end

local function render_item(frame, code, style, size)
local name = iname(code); if not name then return nil end
if style == "icon" then return frame:expandTemplate{title = "ItemIcon", args = {name}} end
return frame:expandTemplate{title = "ItemBox", args = {name, showTierTag = "true", size = size or CARD_SIZE}}
end
local function render_hero(frame, key)
local name = KEY_TO_NAME[key]; if not name then return nil end
return frame:expandTemplate{title = "HeroIcon", args = {name}}
end

-- Lays rendered members out in a container with the given class (styled via CSS).
local function classdiv(parts, class)
if #parts == 0 then return "" end
return '<div class="' .. class .. '">' .. table.concat(parts) .. '</div>'
end

local function hero_sets(hkey)
local favored, unfavored, special, counter = {}, {}, {}, {}
for _, o in ipairs(sb.Outliers) do
if o.Hero == hkey then
if o.Bucket == "Good" then favored[o.Item] = true; special[o.Item] = true
elseif type(o.Weight) == "number" and o.Weight < 1 then unfavored[o.Item] = true; special[o.Item] = true end
if o.Counter ~= nil then counter[#counter + 1] = o.Item end
end
end
return favored, unfavored, special, counter
end

local function item_code(input)
input = mw.text.trim(input or "")
if input == "" then return nil end
if items[input] then return input end
for k, v in pairs(items) do
if type(v) == "table" and v.Name == input and v.IsDisabled ~= true then return k end
end
for k, v in pairs(items) do
if type(v) == "table" and v.Name == input then return k end
end
return nil
end

-- {{#invoke:StreetBrawlItems|hero|HERO|GROUP|TIER|label=..|collapse=yes|style=card|icon}}
-- GROUP = favored | unfavored | common (use hero_counter for counters)
function p.hero(frame)
local hkey = hero_key(frame.args[1]); if not hkey then return "" end
local group = mw.text.trim(frame.args[2] or "")
local tier = tonumber(frame.args[3])
local style = frame.args.style
if not style or style == "" then style = (group == "common") and "icon" or "card" end
local collapse = (frame.args.collapse == "yes" or frame.args.collapse == "true")
local label = frame.args.label or ""

local favored, unfavored, special = hero_sets(hkey)
local pred
if group == "favored" then pred = function(c) return favored[c] end
elseif group == "unfavored" then pred = function(c) return unfavored[c] end
elseif group == "common" then pred = function(c) return not special[c] end
else return "" end

local codes = {}
for _, c in ipairs(sb.AvailableItems) do
if iok(c) and (tier == nil or itier(c) == tier) and pred(c) then codes[#codes + 1] = c end
end
table.sort(codes, item_less)

local parts = {}
for _, c in ipairs(codes) do local r = render_item(frame, c, style); if r then parts[#parts + 1] = r end end
if #parts == 0 then return "" end

if collapse then
-- Common: a div collapsible with the label inside as a custom toggle (no native
-- toggle -> no brackets). The caret flips off the container's mw-collapsed state.
local id = "sbcommon-" .. hkey .. "-" .. tostring(tier or 0)
local head = (label ~= "" and label) or "Common"
return '<div class="sb-common mw-collapsible mw-collapsed" id="mw-customcollapsible-' .. id .. '">'
.. '<div class="sb-common-head mw-customtoggle-' .. id .. '">' .. head .. '</div>'
.. '<div class="sb-common-body mw-collapsible-content">' .. table.concat(parts, " · ") .. '</div>'
.. '</div>'
end

local row_class = (style == "icon") and "sb-icons" or "sb-cards"
local out = '<div class="sb-group">'
if label ~= "" then out = out .. '<div class="sb-label">' .. label .. '</div>' end
return out .. classdiv(parts, row_class) .. '</div>'
end

-- {{#invoke:StreetBrawlItems|tier|HERO|TIER|style=icon|card|size=..|theme=..|high=..|middle=..|low=..}}
-- Renders one tier as three columns: High chance (favored), Middle chance
-- (the leftover pool), Low chance (unfavored). Empty columns still render.
function p.tier(frame)
local hkey = hero_key(frame.args[1]); if not hkey then return "" end
local tier = tonumber(frame.args[2])
local style = (frame.args.style == "card") and "card" or "icon"
local size = frame.args.size
local theme = frame.args.theme or ""
local favored, unfavored = hero_sets(hkey)

local high, normal, low = {}, {}, {}
for _, c in ipairs(sb.AvailableItems) do
if iok(c) and (tier == nil or itier(c) == tier) then
if favored[c] then high[#high + 1] = c
elseif unfavored[c] then low[#low + 1] = c
else normal[#normal + 1] = c end
end
end
table.sort(high, item_less)
table.sort(normal, item_less)
table.sort(low, item_less)

local body_class = (style == "card") and "sb-col-body sb-col-cards" or "sb-col-body"
local sep = (style == "card") and "" or "<br>"

local function col(codes, cls, head)
local parts = {}
for _, c in ipairs(codes) do local r = render_item(frame, c, style, size); if r then parts[#parts + 1] = r end end
return '<div class="sb-col ' .. cls .. '">'
.. '<div class="sb-col-head">' .. head .. '</div>'
.. '<div class="' .. body_class .. '">' .. table.concat(parts, sep) .. '</div>'
.. '</div>'
end

local hi = frame.args.high or "High chance"
local mid = frame.args.middle or "Middle chance"
local lo = frame.args.low or "Low chance"
local cls = "sb-tier"
if theme ~= "" then cls = cls .. " " .. theme end
return '<div class="' .. cls .. '">'
.. col(high, "sb-col-high", hi)
.. col(normal, "sb-col-normal", mid)
.. col(low, "sb-col-low", lo)
.. '</div>'
end

-- {{#invoke:StreetBrawlItems|hero_counter|HERO|heading=..|note=..}}
-- Returns the whole counter block (heading + note + cards), or "" when empty.
function p.hero_counter(frame)
local hkey = hero_key(frame.args[1]); if not hkey then return "" end
local _, _, _, counter = hero_sets(hkey)

local codes = {}
for _, c in ipairs(counter) do if iok(c) then codes[#codes + 1] = c end end
if #codes == 0 then return "" end
table.sort(codes, item_less)

local parts = {}
for _, c in ipairs(codes) do local r = render_item(frame, c, "card"); if r then parts[#parts + 1] = r end end

local out = {}
local heading = frame.args.heading
if heading and heading ~= "" then out[#out + 1] = "=== " .. heading .. " ===" end
local note = frame.args.note
if note and note ~= "" then out[#out + 1] = "''" .. note .. "''" end
out[#out + 1] = classdiv(parts, "sb-cards")
return table.concat(out, "\n")
end

-- {{#invoke:StreetBrawlItems|item|ITEM|GROUP|label=..|note=..}}
-- GROUP = favored | unfavored | counter
function p.item(frame)
local code = item_code(frame.args[1]); if not code then return "" end
local group = mw.text.trim(frame.args[2] or "")

local fav, unf, ctr = {}, {}, {}
for _, o in ipairs(sb.Outliers) do
if o.Item == code and RELEASED[o.Hero] then
if o.Bucket == "Good" then fav[#fav + 1] = o.Hero
elseif type(o.Weight) == "number" and o.Weight < 1 then unf[#unf + 1] = o.Hero end
if o.Counter ~= nil then ctr[#ctr + 1] = o.Hero end
end
end
local list = (group == "favored" and fav) or (group == "unfavored" and unf) or (group == "counter" and ctr)
if not list then return "" end
table.sort(list, function(a, b) return (KEY_TO_NAME[a] or a) < (KEY_TO_NAME[b] or b) end)

local parts = {}
for _, k in ipairs(list) do local r = render_hero(frame, k); if r then parts[#parts + 1] = r end end
if #parts == 0 then return "" end

local pre = ""
local label = frame.args.label
if label and label ~= "" then pre = pre .. "'''" .. label .. "'''<br>" end
local note = frame.args.note
if note and note ~= "" then pre = pre .. "''" .. note .. "''<br>" end
return pre .. classdiv(parts, "sb-icons")
end

-- {{#invoke:StreetBrawlItems|item_in_pool|ITEM}} -> "1" if in the Street Brawl pool, else ""
function p.item_in_pool(frame)
local code = item_code(frame.args[1]); if not code then return "" end
for _, c in ipairs(sb.AvailableItems) do if c == code then return "1" end end
return ""
end

return p

Template:HeroStreetBrawlItems/styles.css

2026-07-20T21:58:58Z

~2026-ShivFlexAlchemical707: Tier columns: per-chance color vars, add Border/Heading/Accent themes and card body layout (with help from vergir-bot LLM)

.sb-group {
margin-top: 1em;
}
.sb-group:first-child {
margin-top: 0.25em;
}

.sb-label {
font-weight: bold;
margin-bottom: 0.25em;
font-size: 1.1em;
}

.sb-cards {
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: flex-start;
}

.sb-icons {
display: flex;
flex-wrap: wrap;
gap: 4px 10px;
align-items: center;
}

.sb-common {
margin-top: 0.75em;
}

.sb-common-head {
font-weight: bold;
cursor: pointer;
margin-bottom: 0.25em;
}

.sb-common-head::after {
content: " \25BE";
font-size: 0.8em;
opacity: 0.6;
}

.sb-common.mw-collapsed .sb-common-head::after {
content: " \25B8";
}

.sb-common-body {
line-height: 1.9;
}

/* Three-column tier layout: High / Middle / Low chance */
.sb-tier {
display: flex;
gap: 8px;
align-items: stretch;
margin-top: 0.5em;
}

.sb-col {
flex: 1 1 0;
min-width: 0;
border-radius: 6px;
overflow: hidden;
}

.sb-col-head {
padding: 3px 8px;
font-weight: bold;
}

.sb-col-body {
padding: 6px 8px;
line-height: 1.8;
}

.sb-col-cards {
display: flex;
flex-wrap: wrap;
gap: 6px;
align-items: flex-start;
}

/* Per-chance colour + tints (drive every theme) */
.sb-col-high {
--chance: #4f8f36;
--tint: rgba(90, 150, 60, 0.12);
--tint-soft: rgba(90, 150, 60, 0.07);
}
.sb-col-normal {
--chance: #b28b28;
--tint: rgba(190, 150, 45, 0.12);
--tint-soft: rgba(190, 150, 45, 0.07);
}
.sb-col-low {
--chance: #9c3f37;
--tint: rgba(170, 65, 55, 0.12);
--tint-soft: rgba(170, 65, 55, 0.07);
}

/* Default theme "Fill": colored header bar + tinted body */
.sb-col {
background: var(--tint);
}
.sb-col-head {
background: var(--chance);
color: #fff;
}

/* Theme "Border": colored header bar + no body tint + colored border */
.sb-theme-border .sb-col {
background: transparent;
border: 1px solid var(--chance);
}

/* Theme "Heading": header like an h3/h4 (colored text, no bar) + bordered soft-tint body */
.sb-theme-head .sb-col {
background: var(--tint-soft);
border: 1px solid var(--chance);
}
.sb-theme-head .sb-col-head {
background: transparent;
color: var(--chance);
font-size: 1.05em;
padding: 4px 8px 2px;
}

/* Theme "Accent": thick colored left stripe + soft tint + colored heading text */
.sb-theme-accent .sb-col {
background: var(--tint-soft);
border-left: 4px solid var(--chance);
border-radius: 0 6px 6px 0;
}
.sb-theme-accent .sb-col-head {
background: transparent;
color: var(--chance);
}

@media (max-width: 720px) {
.sb-tier {
flex-direction: column;
}
}

User:Vergir

2026-07-20T21:33:16Z

~2026-ShivFlexAlchemical707: Prototype: three-column High/Normal/Low tier layout for review (with help from vergir-bot LLM)

Template:HeroStreetBrawlItems/styles.css

2026-07-20T21:32:08Z

~2026-ShivFlexAlchemical707: Add three-column tier layout styles (High/Normal/Low chance blocks) (with help from vergir-bot LLM)

Module:StreetBrawlItems

2026-07-20T21:31:39Z

~2026-ShivFlexAlchemical707: Add p.tier: three-column High/Normal/Low chance layout for a tier (prototype) (with help from vergir-bot LLM)

local p = {}

local sb = mw.loadJsonData("Data:StreetBrawlData.json")["item-buckets"]
local items = mw.loadJsonData("Data:ItemData.json")
local heroes = mw.loadJsonData("Data:HeroData.json")

-- Slot display order: Weapon -> Vitality (Armor) -> Spirit (Tech)
local SLOT_RANK = { Weapon = 1, Armor = 2, Tech = 3 }
-- Card scale passed to ItemBox for favored/unfavored/counter cards.
local CARD_SIZE = "0.8"

local NAME_TO_KEY, KEY_TO_NAME, RELEASED = {}, {}, {}
for key, h in pairs(heroes) do
if type(h) == "table" and h.Name then
KEY_TO_NAME[key] = h.Name
NAME_TO_KEY[mw.ustring.lower(h.Name)] = key
if not h.InDevelopment and not h.IsDisabled then RELEASED[key] = true end
end
end

local function hero_key(input)
if not input then return nil end
input = mw.text.trim(input)
if input == "" then return nil end
if heroes[input] then return input end
return NAME_TO_KEY[mw.ustring.lower(input)]
end

local function iname(code) local it = items[code]; return it and it.Name or nil end
-- A "real" item: exists, has a display name, and is not disabled/removed.
local function iok(code)
local it = items[code]
return it ~= nil and it.Name ~= nil and it.IsDisabled ~= true
end
local function itier(code)
local it = items[code]; if not it then return nil end
if it.StreetBrawl == true then return 5 end
return it.Tier
end
local function islot(code) local it = items[code]; return it and it.Slot end
local function icost(code)
local it = items[code]; local c = it and it.Cost
return type(c) == "number" and c or math.huge
end

-- Sort order: slot (Weapon -> Armor -> Tech), then cost ascending, then name.
local function item_less(a, b)
local ra = SLOT_RANK[islot(a)] or 99
local rb = SLOT_RANK[islot(b)] or 99
if ra ~= rb then return ra < rb end
local ca, cb = icost(a), icost(b)
if ca ~= cb then return ca < cb end
return (iname(a) or a) < (iname(b) or b)
end

local function render_item(frame, code, style)
local name = iname(code); if not name then return nil end
if style == "icon" then return frame:expandTemplate{title = "ItemIcon", args = {name}} end
return frame:expandTemplate{title = "ItemBox", args = {name, showTierTag = "true", size = CARD_SIZE}}
end
local function render_hero(frame, key)
local name = KEY_TO_NAME[key]; if not name then return nil end
return frame:expandTemplate{title = "HeroIcon", args = {name}}
end

-- Lays rendered members out in a container with the given class (styled via CSS).
local function classdiv(parts, class)
if #parts == 0 then return "" end
return '<div class="' .. class .. '">' .. table.concat(parts) .. '</div>'
end

local function hero_sets(hkey)
local favored, unfavored, special, counter = {}, {}, {}, {}
for _, o in ipairs(sb.Outliers) do
if o.Hero == hkey then
if o.Bucket == "Good" then favored[o.Item] = true; special[o.Item] = true
elseif type(o.Weight) == "number" and o.Weight < 1 then unfavored[o.Item] = true; special[o.Item] = true end
if o.Counter ~= nil then counter[#counter + 1] = o.Item end
end
end
return favored, unfavored, special, counter
end

local function item_code(input)
input = mw.text.trim(input or "")
if input == "" then return nil end
if items[input] then return input end
for k, v in pairs(items) do
if type(v) == "table" and v.Name == input and v.IsDisabled ~= true then return k end
end
for k, v in pairs(items) do
if type(v) == "table" and v.Name == input then return k end
end
return nil
end

-- {{#invoke:StreetBrawlItems|hero|HERO|GROUP|TIER|label=..|collapse=yes|style=card|icon}}
-- GROUP = favored | unfavored | common (use hero_counter for counters)
function p.hero(frame)
local hkey = hero_key(frame.args[1]); if not hkey then return "" end
local group = mw.text.trim(frame.args[2] or "")
local tier = tonumber(frame.args[3])
local style = frame.args.style
if not style or style == "" then style = (group == "common") and "icon" or "card" end
local collapse = (frame.args.collapse == "yes" or frame.args.collapse == "true")
local label = frame.args.label or ""

local favored, unfavored, special = hero_sets(hkey)
local pred
if group == "favored" then pred = function(c) return favored[c] end
elseif group == "unfavored" then pred = function(c) return unfavored[c] end
elseif group == "common" then pred = function(c) return not special[c] end
else return "" end

local codes = {}
for _, c in ipairs(sb.AvailableItems) do
if iok(c) and (tier == nil or itier(c) == tier) and pred(c) then codes[#codes + 1] = c end
end
table.sort(codes, item_less)

local parts = {}
for _, c in ipairs(codes) do local r = render_item(frame, c, style); if r then parts[#parts + 1] = r end end
if #parts == 0 then return "" end

if collapse then
-- Common: a div collapsible with the label inside as a custom toggle (no native
-- toggle -> no brackets). The caret flips off the container's mw-collapsed state.
local id = "sbcommon-" .. hkey .. "-" .. tostring(tier or 0)
local head = (label ~= "" and label) or "Common"
return '<div class="sb-common mw-collapsible mw-collapsed" id="mw-customcollapsible-' .. id .. '">'
.. '<div class="sb-common-head mw-customtoggle-' .. id .. '">' .. head .. '</div>'
.. '<div class="sb-common-body mw-collapsible-content">' .. table.concat(parts, " · ") .. '</div>'
.. '</div>'
end

local row_class = (style == "icon") and "sb-icons" or "sb-cards"
local out = '<div class="sb-group">'
if label ~= "" then out = out .. '<div class="sb-label">' .. label .. '</div>' end
return out .. classdiv(parts, row_class) .. '</div>'
end

-- {{#invoke:StreetBrawlItems|tier|HERO|TIER|high=..|normal=..|low=..}}
-- Renders one tier as three columns: High chance (favored), Normal chance
-- (the leftover pool), Low chance (unfavored). Empty columns still render.
function p.tier(frame)
local hkey = hero_key(frame.args[1]); if not hkey then return "" end
local tier = tonumber(frame.args[2])
local favored, unfavored = hero_sets(hkey)

local high, normal, low = {}, {}, {}
for _, c in ipairs(sb.AvailableItems) do
if iok(c) and (tier == nil or itier(c) == tier) then
if favored[c] then high[#high + 1] = c
elseif unfavored[c] then low[#low + 1] = c
else normal[#normal + 1] = c end
end
end
table.sort(high, item_less)
table.sort(normal, item_less)
table.sort(low, item_less)

local function col(codes, cls, head)
local parts = {}
for _, c in ipairs(codes) do local r = render_item(frame, c, "icon"); if r then parts[#parts + 1] = r end end
return '<div class="sb-col ' .. cls .. '">'
.. '<div class="sb-col-head">' .. head .. '</div>'
.. '<div class="sb-col-body">' .. table.concat(parts, "<br>") .. '</div>'
.. '</div>'
end

local hi = frame.args.high or "High chance"
local no = frame.args.normal or "Normal chance"
local lo = frame.args.low or "Low chance"
return '<div class="sb-tier">'
.. col(high, "sb-col-high", hi)
.. col(normal, "sb-col-normal", no)
.. col(low, "sb-col-low", lo)
.. '</div>'
end

-- {{#invoke:StreetBrawlItems|hero_counter|HERO|heading=..|note=..}}
-- Returns the whole counter block (heading + note + cards), or "" when empty.
function p.hero_counter(frame)
local hkey = hero_key(frame.args[1]); if not hkey then return "" end
local _, _, _, counter = hero_sets(hkey)

local codes = {}
for _, c in ipairs(counter) do if iok(c) then codes[#codes + 1] = c end end
if #codes == 0 then return "" end
table.sort(codes, item_less)

local parts = {}
for _, c in ipairs(codes) do local r = render_item(frame, c, "card"); if r then parts[#parts + 1] = r end end

local out = {}
local heading = frame.args.heading
if heading and heading ~= "" then out[#out + 1] = "=== " .. heading .. " ===" end
local note = frame.args.note
if note and note ~= "" then out[#out + 1] = "''" .. note .. "''" end
out[#out + 1] = classdiv(parts, "sb-cards")
return table.concat(out, "\n")
end

-- {{#invoke:StreetBrawlItems|item|ITEM|GROUP|label=..|note=..}}
-- GROUP = favored | unfavored | counter
function p.item(frame)
local code = item_code(frame.args[1]); if not code then return "" end
local group = mw.text.trim(frame.args[2] or "")

local fav, unf, ctr = {}, {}, {}
for _, o in ipairs(sb.Outliers) do
if o.Item == code and RELEASED[o.Hero] then
if o.Bucket == "Good" then fav[#fav + 1] = o.Hero
elseif type(o.Weight) == "number" and o.Weight < 1 then unf[#unf + 1] = o.Hero end
if o.Counter ~= nil then ctr[#ctr + 1] = o.Hero end
end
end
local list = (group == "favored" and fav) or (group == "unfavored" and unf) or (group == "counter" and ctr)
if not list then return "" end
table.sort(list, function(a, b) return (KEY_TO_NAME[a] or a) < (KEY_TO_NAME[b] or b) end)

local parts = {}
for _, k in ipairs(list) do local r = render_hero(frame, k); if r then parts[#parts + 1] = r end end
if #parts == 0 then return "" end

local pre = ""
local label = frame.args.label
if label and label ~= "" then pre = pre .. "'''" .. label .. "'''<br>" end
local note = frame.args.note
if note and note ~= "" then pre = pre .. "''" .. note .. "''<br>" end
return pre .. classdiv(parts, "sb-icons")
end

-- {{#invoke:StreetBrawlItems|item_in_pool|ITEM}} -> "1" if in the Street Brawl pool, else ""
function p.item_in_pool(frame)
local code = item_code(frame.args[1]); if not code then return "" end
for _, c in ipairs(sb.AvailableItems) do if c == code then return "1" end end
return ""
end

return p

Module:StreetBrawlItems

2026-07-20T19:20:55Z

~2026-ShivFlexAlchemical707: Remove temporary max-row counter (with help from vergir-bot LLM)

local p = {}

local sb = mw.loadJsonData("Data:StreetBrawlData.json")["item-buckets"]
local items = mw.loadJsonData("Data:ItemData.json")
local heroes = mw.loadJsonData("Data:HeroData.json")

-- Slot display order: Weapon -> Vitality (Armor) -> Spirit (Tech)
local SLOT_RANK = { Weapon = 1, Armor = 2, Tech = 3 }
-- Card scale passed to ItemBox for favored/unfavored/counter cards.
local CARD_SIZE = "0.8"

local NAME_TO_KEY, KEY_TO_NAME, RELEASED = {}, {}, {}
for key, h in pairs(heroes) do
if type(h) == "table" and h.Name then
KEY_TO_NAME[key] = h.Name
NAME_TO_KEY[mw.ustring.lower(h.Name)] = key
if not h.InDevelopment and not h.IsDisabled then RELEASED[key] = true end
end
end

local function hero_key(input)
if not input then return nil end
input = mw.text.trim(input)
if input == "" then return nil end
if heroes[input] then return input end
return NAME_TO_KEY[mw.ustring.lower(input)]
end

local function iname(code) local it = items[code]; return it and it.Name or nil end
-- A "real" item: exists, has a display name, and is not disabled/removed.
local function iok(code)
local it = items[code]
return it ~= nil and it.Name ~= nil and it.IsDisabled ~= true
end
local function itier(code)
local it = items[code]; if not it then return nil end
if it.StreetBrawl == true then return 5 end
return it.Tier
end
local function islot(code) local it = items[code]; return it and it.Slot end
local function icost(code)
local it = items[code]; local c = it and it.Cost
return type(c) == "number" and c or math.huge
end

-- Sort order: slot (Weapon -> Armor -> Tech), then cost ascending, then name.
local function item_less(a, b)
local ra = SLOT_RANK[islot(a)] or 99
local rb = SLOT_RANK[islot(b)] or 99
if ra ~= rb then return ra < rb end
local ca, cb = icost(a), icost(b)
if ca ~= cb then return ca < cb end
return (iname(a) or a) < (iname(b) or b)
end

local function render_item(frame, code, style)
local name = iname(code); if not name then return nil end
if style == "icon" then return frame:expandTemplate{title = "ItemIcon", args = {name}} end
return frame:expandTemplate{title = "ItemBox", args = {name, showTierTag = "true", size = CARD_SIZE}}
end
local function render_hero(frame, key)
local name = KEY_TO_NAME[key]; if not name then return nil end
return frame:expandTemplate{title = "HeroIcon", args = {name}}
end

-- Lays rendered members out in a container with the given class (styled via CSS).
local function classdiv(parts, class)
if #parts == 0 then return "" end
return '<div class="' .. class .. '">' .. table.concat(parts) .. '</div>'
end

local function hero_sets(hkey)
local favored, unfavored, special, counter = {}, {}, {}, {}
for _, o in ipairs(sb.Outliers) do
if o.Hero == hkey then
if o.Bucket == "Good" then favored[o.Item] = true; special[o.Item] = true
elseif type(o.Weight) == "number" and o.Weight < 1 then unfavored[o.Item] = true; special[o.Item] = true end
if o.Counter ~= nil then counter[#counter + 1] = o.Item end
end
end
return favored, unfavored, special, counter
end

local function item_code(input)
input = mw.text.trim(input or "")
if input == "" then return nil end
if items[input] then return input end
for k, v in pairs(items) do
if type(v) == "table" and v.Name == input and v.IsDisabled ~= true then return k end
end
for k, v in pairs(items) do
if type(v) == "table" and v.Name == input then return k end
end
return nil
end

-- {{#invoke:StreetBrawlItems|hero|HERO|GROUP|TIER|label=..|collapse=yes|style=card|icon}}
-- GROUP = favored | unfavored | common (use hero_counter for counters)
function p.hero(frame)
local hkey = hero_key(frame.args[1]); if not hkey then return "" end
local group = mw.text.trim(frame.args[2] or "")
local tier = tonumber(frame.args[3])
local style = frame.args.style
if not style or style == "" then style = (group == "common") and "icon" or "card" end
local collapse = (frame.args.collapse == "yes" or frame.args.collapse == "true")
local label = frame.args.label or ""

local favored, unfavored, special = hero_sets(hkey)
local pred
if group == "favored" then pred = function(c) return favored[c] end
elseif group == "unfavored" then pred = function(c) return unfavored[c] end
elseif group == "common" then pred = function(c) return not special[c] end
else return "" end

local codes = {}
for _, c in ipairs(sb.AvailableItems) do
if iok(c) and (tier == nil or itier(c) == tier) and pred(c) then codes[#codes + 1] = c end
end
table.sort(codes, item_less)

local parts = {}
for _, c in ipairs(codes) do local r = render_item(frame, c, style); if r then parts[#parts + 1] = r end end
if #parts == 0 then return "" end

if collapse then
-- Common: a div collapsible with the label inside as a custom toggle (no native
-- toggle -> no brackets). The caret flips off the container's mw-collapsed state.
local id = "sbcommon-" .. hkey .. "-" .. tostring(tier or 0)
local head = (label ~= "" and label) or "Common"
return '<div class="sb-common mw-collapsible mw-collapsed" id="mw-customcollapsible-' .. id .. '">'
.. '<div class="sb-common-head mw-customtoggle-' .. id .. '">' .. head .. '</div>'
.. '<div class="sb-common-body mw-collapsible-content">' .. table.concat(parts, " · ") .. '</div>'
.. '</div>'
end

local row_class = (style == "icon") and "sb-icons" or "sb-cards"
local out = '<div class="sb-group">'
if label ~= "" then out = out .. '<div class="sb-label">' .. label .. '</div>' end
return out .. classdiv(parts, row_class) .. '</div>'
end

-- {{#invoke:StreetBrawlItems|hero_counter|HERO|heading=..|note=..}}
-- Returns the whole counter block (heading + note + cards), or "" when empty.
function p.hero_counter(frame)
local hkey = hero_key(frame.args[1]); if not hkey then return "" end
local _, _, _, counter = hero_sets(hkey)

local codes = {}
for _, c in ipairs(counter) do if iok(c) then codes[#codes + 1] = c end end
if #codes == 0 then return "" end
table.sort(codes, item_less)

local parts = {}
for _, c in ipairs(codes) do local r = render_item(frame, c, "card"); if r then parts[#parts + 1] = r end end

local out = {}
local heading = frame.args.heading
if heading and heading ~= "" then out[#out + 1] = "=== " .. heading .. " ===" end
local note = frame.args.note
if note and note ~= "" then out[#out + 1] = "''" .. note .. "''" end
out[#out + 1] = classdiv(parts, "sb-cards")
return table.concat(out, "\n")
end

-- {{#invoke:StreetBrawlItems|item|ITEM|GROUP|label=..|note=..}}
-- GROUP = favored | unfavored | counter
function p.item(frame)
local code = item_code(frame.args[1]); if not code then return "" end
local group = mw.text.trim(frame.args[2] or "")

local fav, unf, ctr = {}, {}, {}
for _, o in ipairs(sb.Outliers) do
if o.Item == code and RELEASED[o.Hero] then
if o.Bucket == "Good" then fav[#fav + 1] = o.Hero
elseif type(o.Weight) == "number" and o.Weight < 1 then unf[#unf + 1] = o.Hero end
if o.Counter ~= nil then ctr[#ctr + 1] = o.Hero end
end
end
local list = (group == "favored" and fav) or (group == "unfavored" and unf) or (group == "counter" and ctr)
if not list then return "" end
table.sort(list, function(a, b) return (KEY_TO_NAME[a] or a) < (KEY_TO_NAME[b] or b) end)

local parts = {}
for _, k in ipairs(list) do local r = render_hero(frame, k); if r then parts[#parts + 1] = r end end
if #parts == 0 then return "" end

local pre = ""
local label = frame.args.label
if label and label ~= "" then pre = pre .. "'''" .. label .. "'''<br>" end
local note = frame.args.note
if note and note ~= "" then pre = pre .. "''" .. note .. "''<br>" end
return pre .. classdiv(parts, "sb-icons")
end

-- {{#invoke:StreetBrawlItems|item_in_pool|ITEM}} -> "1" if in the Street Brawl pool, else ""
function p.item_in_pool(frame)
local code = item_code(frame.args[1]); if not code then return "" end
for _, c in ipairs(sb.AvailableItems) do if c == code then return "1" end end
return ""
end

return p

User:Vergir

2026-07-20T19:15:21Z

~2026-ShivFlexAlchemical707: Temporary: read max favored/unfavored row size (with help from vergir-bot LLM)

MAXROWS: {{#invoke:StreetBrawlItems|debug_counts}}

'''COMMON LABEL VARIANTS''' — test only, inline styles, sample items. Click each to expand. (Delete this block + the old PROBE block when done.)

'''1. Plain bold label (current — matches Favored/Unfavored, no affordance)'''
<div class="mw-customtoggle-cv1" style="font-weight:bold;cursor:pointer;">Common</div>
<div id="mw-customcollapsible-cv1" class="mw-collapsible mw-collapsed">{{ItemIcon|Extended Magazine}} | {{ItemIcon|Headshot Booster}} | {{ItemIcon|Extra Health}} | {{ItemIcon|Grit}} | {{ItemIcon|Rapid Rounds}}</div>

'''2. Bold label + trailing caret'''
<div class="mw-customtoggle-cv2" style="font-weight:bold;cursor:pointer;">Common <span style="font-size:0.8em;color:#888;">▾</span></div>
<div id="mw-customcollapsible-cv2" class="mw-collapsible mw-collapsed">{{ItemIcon|Extended Magazine}} | {{ItemIcon|Headshot Booster}} | {{ItemIcon|Extra Health}} | {{ItemIcon|Grit}} | {{ItemIcon|Rapid Rounds}}</div>

'''3. Bold label + leading caret'''
<div class="mw-customtoggle-cv3" style="font-weight:bold;cursor:pointer;"><span style="font-size:0.8em;color:#888;">▸</span> Common</div>
<div id="mw-customcollapsible-cv3" class="mw-collapsible mw-collapsed">{{ItemIcon|Extended Magazine}} | {{ItemIcon|Headshot Booster}} | {{ItemIcon|Extra Health}} | {{ItemIcon|Grit}} | {{ItemIcon|Rapid Rounds}}</div>

'''4. Bold label + faint (show)'''
<div class="mw-customtoggle-cv4" style="font-weight:bold;cursor:pointer;">Common <span style="font-weight:normal;font-size:0.85em;color:#888;">(show)</span></div>
<div id="mw-customcollapsible-cv4" class="mw-collapsible mw-collapsed">{{ItemIcon|Extended Magazine}} | {{ItemIcon|Headshot Booster}} | {{ItemIcon|Extra Health}} | {{ItemIcon|Grit}} | {{ItemIcon|Rapid Rounds}}</div>

'''5. Bold label + automatic [Expand]/[Collapse] link (flips on click)'''
<div class="mw-collapsible mw-collapsed">
<div style="font-weight:bold;">Common</div>
<div class="mw-collapsible-content">{{ItemIcon|Extended Magazine}} | {{ItemIcon|Headshot Booster}} | {{ItemIcon|Extra Health}} | {{ItemIcon|Grit}} | {{ItemIcon|Rapid Rounds}}</div>
</div>

'''6. Grey header bar (original wikitable style)'''
{| class="wikitable mw-collapsible mw-collapsed" style="width:100%"
! style="text-align:left" | Common
|-
| {{ItemIcon|Extended Magazine}} | {{ItemIcon|Headshot Booster}} | {{ItemIcon|Extra Health}} | {{ItemIcon|Grit}} | {{ItemIcon|Rapid Rounds}}
|}

----
'''PROBE — Holliday Legendary (favored + common)'''

{{#invoke:StreetBrawlItems|hero|Holliday|favored|5|label=Favored}}
{{#invoke:StreetBrawlItems|hero|Holliday|common|5|label=Common|collapse=yes}}

----
= Abrams =
{{HeroStreetBrawl|Abrams}}

= Holliday =
{{HeroStreetBrawl|Holliday}}

= Doorman =
{{HeroStreetBrawl|The Doorman}}

= Vindicta =
{{HeroStreetBrawl|Vindicta}}

= McGinnis =
{{HeroStreetBrawl|McGinnis}}

Module:StreetBrawlItems

2026-07-20T19:15:02Z

~2026-ShivFlexAlchemical707: Street Brawl cards: pass size=0.8 to ItemBox; add temporary max-row counter for sizing (with help from vergir-bot LLM)

local p = {}

local sb = mw.loadJsonData("Data:StreetBrawlData.json")["item-buckets"]
local items = mw.loadJsonData("Data:ItemData.json")
local heroes = mw.loadJsonData("Data:HeroData.json")

-- Slot display order: Weapon -> Vitality (Armor) -> Spirit (Tech)
local SLOT_RANK = { Weapon = 1, Armor = 2, Tech = 3 }
-- Card scale passed to ItemBox for favored/unfavored/counter cards.
local CARD_SIZE = "0.8"

local NAME_TO_KEY, KEY_TO_NAME, RELEASED = {}, {}, {}
for key, h in pairs(heroes) do
if type(h) == "table" and h.Name then
KEY_TO_NAME[key] = h.Name
NAME_TO_KEY[mw.ustring.lower(h.Name)] = key
if not h.InDevelopment and not h.IsDisabled then RELEASED[key] = true end
end
end

local function hero_key(input)
if not input then return nil end
input = mw.text.trim(input)
if input == "" then return nil end
if heroes[input] then return input end
return NAME_TO_KEY[mw.ustring.lower(input)]
end

local function iname(code) local it = items[code]; return it and it.Name or nil end
-- A "real" item: exists, has a display name, and is not disabled/removed.
local function iok(code)
local it = items[code]
return it ~= nil and it.Name ~= nil and it.IsDisabled ~= true
end
local function itier(code)
local it = items[code]; if not it then return nil end
if it.StreetBrawl == true then return 5 end
return it.Tier
end
local function islot(code) local it = items[code]; return it and it.Slot end
local function icost(code)
local it = items[code]; local c = it and it.Cost
return type(c) == "number" and c or math.huge
end

-- Sort order: slot (Weapon -> Armor -> Tech), then cost ascending, then name.
local function item_less(a, b)
local ra = SLOT_RANK[islot(a)] or 99
local rb = SLOT_RANK[islot(b)] or 99
if ra ~= rb then return ra < rb end
local ca, cb = icost(a), icost(b)
if ca ~= cb then return ca < cb end
return (iname(a) or a) < (iname(b) or b)
end

local function render_item(frame, code, style)
local name = iname(code); if not name then return nil end
if style == "icon" then return frame:expandTemplate{title = "ItemIcon", args = {name}} end
return frame:expandTemplate{title = "ItemBox", args = {name, showTierTag = "true", size = CARD_SIZE}}
end
local function render_hero(frame, key)
local name = KEY_TO_NAME[key]; if not name then return nil end
return frame:expandTemplate{title = "HeroIcon", args = {name}}
end

-- Lays rendered members out in a container with the given class (styled via CSS).
local function classdiv(parts, class)
if #parts == 0 then return "" end
return '<div class="' .. class .. '">' .. table.concat(parts) .. '</div>'
end

local function hero_sets(hkey)
local favored, unfavored, special, counter = {}, {}, {}, {}
for _, o in ipairs(sb.Outliers) do
if o.Hero == hkey then
if o.Bucket == "Good" then favored[o.Item] = true; special[o.Item] = true
elseif type(o.Weight) == "number" and o.Weight < 1 then unfavored[o.Item] = true; special[o.Item] = true end
if o.Counter ~= nil then counter[#counter + 1] = o.Item end
end
end
return favored, unfavored, special, counter
end

local function item_code(input)
input = mw.text.trim(input or "")
if input == "" then return nil end
if items[input] then return input end
for k, v in pairs(items) do
if type(v) == "table" and v.Name == input and v.IsDisabled ~= true then return k end
end
for k, v in pairs(items) do
if type(v) == "table" and v.Name == input then return k end
end
return nil
end

-- {{#invoke:StreetBrawlItems|hero|HERO|GROUP|TIER|label=..|collapse=yes|style=card|icon}}
-- GROUP = favored | unfavored | common (use hero_counter for counters)
function p.hero(frame)
local hkey = hero_key(frame.args[1]); if not hkey then return "" end
local group = mw.text.trim(frame.args[2] or "")
local tier = tonumber(frame.args[3])
local style = frame.args.style
if not style or style == "" then style = (group == "common") and "icon" or "card" end
local collapse = (frame.args.collapse == "yes" or frame.args.collapse == "true")
local label = frame.args.label or ""

local favored, unfavored, special = hero_sets(hkey)
local pred
if group == "favored" then pred = function(c) return favored[c] end
elseif group == "unfavored" then pred = function(c) return unfavored[c] end
elseif group == "common" then pred = function(c) return not special[c] end
else return "" end

local codes = {}
for _, c in ipairs(sb.AvailableItems) do
if iok(c) and (tier == nil or itier(c) == tier) and pred(c) then codes[#codes + 1] = c end
end
table.sort(codes, item_less)

local parts = {}
for _, c in ipairs(codes) do local r = render_item(frame, c, style); if r then parts[#parts + 1] = r end end
if #parts == 0 then return "" end

if collapse then
-- Common: a div collapsible with the label inside as a custom toggle (no native
-- toggle -> no brackets). The caret flips off the container's mw-collapsed state.
local id = "sbcommon-" .. hkey .. "-" .. tostring(tier or 0)
local head = (label ~= "" and label) or "Common"
return '<div class="sb-common mw-collapsible mw-collapsed" id="mw-customcollapsible-' .. id .. '">'
.. '<div class="sb-common-head mw-customtoggle-' .. id .. '">' .. head .. '</div>'
.. '<div class="sb-common-body mw-collapsible-content">' .. table.concat(parts, " · ") .. '</div>'
.. '</div>'
end

local row_class = (style == "icon") and "sb-icons" or "sb-cards"
local out = '<div class="sb-group">'
if label ~= "" then out = out .. '<div class="sb-label">' .. label .. '</div>' end
return out .. classdiv(parts, row_class) .. '</div>'
end

-- {{#invoke:StreetBrawlItems|hero_counter|HERO|heading=..|note=..}}
-- Returns the whole counter block (heading + note + cards), or "" when empty.
function p.hero_counter(frame)
local hkey = hero_key(frame.args[1]); if not hkey then return "" end
local _, _, _, counter = hero_sets(hkey)

local codes = {}
for _, c in ipairs(counter) do if iok(c) then codes[#codes + 1] = c end end
if #codes == 0 then return "" end
table.sort(codes, item_less)

local parts = {}
for _, c in ipairs(codes) do local r = render_item(frame, c, "card"); if r then parts[#parts + 1] = r end end

local out = {}
local heading = frame.args.heading
if heading and heading ~= "" then out[#out + 1] = "=== " .. heading .. " ===" end
local note = frame.args.note
if note and note ~= "" then out[#out + 1] = "''" .. note .. "''" end
out[#out + 1] = classdiv(parts, "sb-cards")
return table.concat(out, "\n")
end

-- {{#invoke:StreetBrawlItems|item|ITEM|GROUP|label=..|note=..}}
-- GROUP = favored | unfavored | counter
function p.item(frame)
local code = item_code(frame.args[1]); if not code then return "" end
local group = mw.text.trim(frame.args[2] or "")

local fav, unf, ctr = {}, {}, {}
for _, o in ipairs(sb.Outliers) do
if o.Item == code and RELEASED[o.Hero] then
if o.Bucket == "Good" then fav[#fav + 1] = o.Hero
elseif type(o.Weight) == "number" and o.Weight < 1 then unf[#unf + 1] = o.Hero end
if o.Counter ~= nil then ctr[#ctr + 1] = o.Hero end
end
end
local list = (group == "favored" and fav) or (group == "unfavored" and unf) or (group == "counter" and ctr)
if not list then return "" end
table.sort(list, function(a, b) return (KEY_TO_NAME[a] or a) < (KEY_TO_NAME[b] or b) end)

local parts = {}
for _, k in ipairs(list) do local r = render_hero(frame, k); if r then parts[#parts + 1] = r end end
if #parts == 0 then return "" end

local pre = ""
local label = frame.args.label
if label and label ~= "" then pre = pre .. "'''" .. label .. "'''<br>" end
local note = frame.args.note
if note and note ~= "" then pre = pre .. "''" .. note .. "''<br>" end
return pre .. classdiv(parts, "sb-icons")
end

-- {{#invoke:StreetBrawlItems|item_in_pool|ITEM}} -> "1" if in the Street Brawl pool, else ""
function p.item_in_pool(frame)
local code = item_code(frame.args[1]); if not code then return "" end
for _, c in ipairs(sb.AvailableItems) do if c == code then return "1" end end
return ""
end

-- TEMPORARY: report the largest favored / unfavored group across released heroes.
function p.debug_counts(frame)
local maxfav, favwho = 0, ""
local maxunf, unfwho = 0, ""
for hkey in pairs(RELEASED) do
local favored, unfavored = hero_sets(hkey)
for tier = 1, 5 do
local fc, uc = 0, 0
for _, c in ipairs(sb.AvailableItems) do
if iok(c) and itier(c) == tier then
if favored[c] then fc = fc + 1 end
if unfavored[c] then uc = uc + 1 end
end
end
if fc > maxfav then maxfav = fc; favwho = (KEY_TO_NAME[hkey] or hkey) .. " T" .. tier end
if uc > maxunf then maxunf = uc; unfwho = (KEY_TO_NAME[hkey] or hkey) .. " T" .. tier end
end
end
return "maxFavored=" .. maxfav .. " (" .. favwho .. "); maxUnfavored=" .. maxunf .. " (" .. unfwho .. ")"
end

return p