FA-36611 / Tab interfaces / Open access

Panel viewport transform: zoomed content x · case 01

The tab workspace reports an incorrect zoomed content x.

Verified by executionVariant 1 · 6 checks per implementationDownload source bundle ↓JSON ↗

ROOT CAUSE

The zoomed content x decision uses x['px']-x['pane_x']+x['scroll_x'] instead of (x['px']-x['pane_x'])*100//x['zoom']+x['scroll_x'].

THE FAILURE

The zoomed content x decision uses x['px']-x['pane_x']+x['scroll_x'] instead of (x['px']-x['pane_x'])*100//x['zoom']+x['scroll_x'].

Unsuccessful approach: The partial repair (x['px']-x['pane_x']+x['scroll_x'])*100//x['zoom'] still violates a workspace boundary or normal case.

Case contract

An embedded tab panel reports content coordinates after subtracting pane origin and strip height, dividing by zoom, then adding that view scroll offsets.

Why this case matters

Offline tab/panel workspace behavior; no browser or desktop framework is emulated.

1 / The failure

Exit 1

"""Failure Map reference implementation. Python standard library only."""
import json

N = 1
observations = []
def solve(x):
    r0 = x['px']-x['pane_x']
    r1 = x['py']-x['pane_y']-x['strip']
    r2 = x['px']-x['pane_x']+x['scroll_x']
    r3 = (x['py']-x['pane_y']-x['strip'])*100//x['zoom']+x['scroll_y']
    r4 = x['panel_width']*100//x['zoom']
    r5 = (x['panel_height']-x['strip'])*100//x['zoom']
    return [r0,r1,r2,r3,r4,r5]
def check(label, actual, expected):
    observations.append({"check": label, "actual": actual, "expected": expected, "passed": actual == expected})
fixtures = {1: [({'px': 330, 'py': 260, 'pane_x': 100, 'pane_y': 50, 'strip': 30, 'zoom': 200, 'scroll_x': 10, 'scroll_y': 70, 'panel_width': 400, 'panel_height': 300}, [230, 180, 125, 160, 200, 135]), ({'px': 330, 'py': 260, 'pane_x': 100, 'pane_y': 50, 'strip': 30, 'zoom': 100, 'scroll_x': 10, 'scroll_y': 70, 'panel_width': 400, 'panel_height': 300}, [230, 180, 240, 250, 400, 270]), ({'px': 330, 'py': 260, 'pane_x': 100, 'pane_y': 50, 'strip': 30, 'zoom': 200, 'scroll_x': 0, 'scroll_y': 0, 'panel_width': 400, 'panel_height': 300}, [230, 180, 115, 90, 200, 135]), ({'px': 330, 'py': 260, 'pane_x': 100, 'pane_y': 50, 'strip': 0, 'zoom': 200, 'scroll_x': 10, 'scroll_y': 70, 'panel_width': 400, 'panel_height': 300}, [230, 210, 125, 175, 200, 150]), ({'px': 330, 'py': 260, 'pane_x': 0, 'pane_y': 0, 'strip': 30, 'zoom': 200, 'scroll_x': 10, 'scroll_y': 70, 'panel_width': 400, 'panel_height': 300}, [330, 230, 175, 185, 200, 135]), ({'px': 100, 'py': 80, 'pane_x': 100, 'pane_y': 50, 'strip': 30, 'zoom': 200, 'scroll_x': 10, 'scroll_y': 70, 'panel_width': 400, 'panel_height': 300}, [0, 0, 10, 70, 200, 135])], 2: [({'px': 660, 'py': 520, 'pane_x': 200, 'pane_y': 100, 'strip': 60, 'zoom': 400, 'scroll_x': 20, 'scroll_y': 140, 'panel_width': 800, 'panel_height': 600}, [460, 360, 135, 230, 200, 135]), ({'px': 660, 'py': 520, 'pane_x': 200, 'pane_y': 100, 'strip': 60, 'zoom': 200, 'scroll_x': 20, 'scroll_y': 140, 'panel_width': 800, 'panel_height': 600}, [460, 360, 250, 320, 400, 270]), ({'px': 660, 'py': 520, 'pane_x': 200, 'pane_y': 100, 'strip': 60, 'zoom': 400, 'scroll_x': 0, 'scroll_y': 0, 'panel_width': 800, 'panel_height': 600}, [460, 360, 115, 90, 200, 135]), ({'px': 660, 'py': 520, 'pane_x': 200, 'pane_y': 100, 'strip': 0, 'zoom': 400, 'scroll_x': 20, 'scroll_y': 140, 'panel_width': 800, 'panel_height': 600}, [460, 420, 135, 245, 200, 150]), ({'px': 660, 'py': 520, 'pane_x': 0, 'pane_y': 0, 'strip': 60, 'zoom': 400, 'scroll_x': 20, 'scroll_y': 140, 'panel_width': 800, 'panel_height': 600}, [660, 460, 185, 255, 200, 135]), ({'px': 200, 'py': 160, 'pane_x': 200, 'pane_y': 100, 'strip': 60, 'zoom': 400, 'scroll_x': 20, 'scroll_y': 140, 'panel_width': 800, 'panel_height': 600}, [0, 0, 20, 140, 200, 135])], 3: [({'px': 990, 'py': 780, 'pane_x': 300, 'pane_y': 150, 'strip': 90, 'zoom': 600, 'scroll_x': 30, 'scroll_y': 210, 'panel_width': 1200, 'panel_height': 900}, [690, 540, 145, 300, 200, 135]), ({'px': 990, 'py': 780, 'pane_x': 300, 'pane_y': 150, 'strip': 90, 'zoom': 300, 'scroll_x': 30, 'scroll_y': 210, 'panel_width': 1200, 'panel_height': 900}, [690, 540, 260, 390, 400, 270]), ({'px': 990, 'py': 780, 'pane_x': 300, 'pane_y': 150, 'strip': 90, 'zoom': 600, 'scroll_x': 0, 'scroll_y': 0, 'panel_width': 1200, 'panel_height': 900}, [690, 540, 115, 90, 200, 135]), ({'px': 990, 'py': 780, 'pane_x': 300, 'pane_y': 150, 'strip': 0, 'zoom': 600, 'scroll_x': 30, 'scroll_y': 210, 'panel_width': 1200, 'panel_height': 900}, [690, 630, 145, 315, 200, 150]), ({'px': 990, 'py': 780, 'pane_x': 0, 'pane_y': 0, 'strip': 90, 'zoom': 600, 'scroll_x': 30, 'scroll_y': 210, 'panel_width': 1200, 'panel_height': 900}, [990, 690, 195, 325, 200, 135]), ({'px': 300, 'py': 240, 'pane_x': 300, 'pane_y': 150, 'strip': 90, 'zoom': 600, 'scroll_x': 30, 'scroll_y': 210, 'panel_width': 1200, 'panel_height': 900}, [0, 0, 30, 210, 200, 135])], 4: [({'px': 1320, 'py': 1040, 'pane_x': 400, 'pane_y': 200, 'strip': 120, 'zoom': 800, 'scroll_x': 40, 'scroll_y': 280, 'panel_width': 1600, 'panel_height': 1200}, [920, 720, 155, 370, 200, 135]), ({'px': 1320, 'py': 1040, 'pane_x': 400, 'pane_y': 200, 'strip': 120, 'zoom': 400, 'scroll_x': 40, 'scroll_y': 280, 'panel_width': 1600, 'panel_height': 1200}, [920, 720, 270, 460, 400, 270]), ({'px': 1320, 'py': 1040, 'pane_x': 400, 'pane_y': 200, 'strip': 120, 'zoom': 800, 'scroll_x': 0, 'scroll_y': 0, 'panel_width': 1600, 'panel_height': 1200}, [920, 720, 115, 90, 200, 135]), ({'px': 1320, 'py': 1040, 'pane_x': 400, 'pane_y': 200, 'strip': 0, 'zoom': 800, 'scroll_x': 40, 'scroll_y': 280, 'panel_width': 1600, 'panel_height': 1200}, [920, 840, 155, 385, 200, 150]), ({'px': 1320, 'py': 1040, 'pane_x': 0, 'pane_y': 0, 'strip': 120, 'zoom': 800, 'scroll_x': 40, 'scroll_y': 280, 'panel_width': 1600, 'panel_height': 1200}, [1320, 920, 205, 395, 200, 135]), ({'px': 400, 'py': 320, 'pane_x': 400, 'pane_y': 200, 'strip': 120, 'zoom': 800, 'scroll_x': 40, 'scroll_y': 280, 'panel_width': 1600, 'panel_height': 1200}, [0, 0, 40, 280, 200, 135])], 5: [({'px': 1650, 'py': 1300, 'pane_x': 500, 'pane_y': 250, 'strip': 150, 'zoom': 1000, 'scroll_x': 50, 'scroll_y': 350, 'panel_width': 2000, 'panel_height': 1500}, [1150, 900, 165, 440, 200, 135]), ({'px': 1650, 'py': 1300, 'pane_x': 500, 'pane_y': 250, 'strip': 150, 'zoom': 500, 'scroll_x': 50, 'scroll_y': 350, 'panel_width': 2000, 'panel_height': 1500}, [1150, 900, 280, 530, 400, 270]), ({'px': 1650, 'py': 1300, 'pane_x': 500, 'pane_y': 250, 'strip': 150, 'zoom': 1000, 'scroll_x': 0, 'scroll_y': 0, 'panel_width': 2000, 'panel_height': 1500}, [1150, 900, 115, 90, 200, 135]), ({'px': 1650, 'py': 1300, 'pane_x': 500, 'pane_y': 250, 'strip': 0, 'zoom': 1000, 'scroll_x': 50, 'scroll_y': 350, 'panel_width': 2000, 'panel_height': 1500}, [1150, 1050, 165, 455, 200, 150]), ({'px': 1650, 'py': 1300, 'pane_x': 0, 'pane_y': 0, 'strip': 150, 'zoom': 1000, 'scroll_x': 50, 'scroll_y': 350, 'panel_width': 2000, 'panel_height': 1500}, [1650, 1150, 215, 465, 200, 135]), ({'px': 500, 'py': 400, 'pane_x': 500, 'pane_y': 250, 'strip': 150, 'zoom': 1000, 'scroll_x': 50, 'scroll_y': 350, 'panel_width': 2000, 'panel_height': 1500}, [0, 0, 50, 350, 200, 135])]}
for i, (inputs, expected) in enumerate(fixtures[N]):
    check("workspace regression "+str(i), solve(inputs), expected)
print(json.dumps({"observations": observations, "passed": all(x["passed"] for x in observations)}, ensure_ascii=False))
raise SystemExit(0 if all(x["passed"] for x in observations) else 1)

Boundary fixture	Actual	Expected	Outcome
workspace regression 0	`[230, 180, 240, 160, 200, 135]`	`[230, 180, 125, 160, 200, 135]`	Failed
workspace regression 1	`[230, 180, 240, 250, 400, 270]`	`[230, 180, 240, 250, 400, 270]`	Passed
workspace regression 2	`[230, 180, 230, 90, 200, 135]`	`[230, 180, 115, 90, 200, 135]`	Failed
workspace regression 3	`[230, 210, 240, 175, 200, 150]`	`[230, 210, 125, 175, 200, 150]`	Failed
workspace regression 4	`[330, 230, 340, 185, 200, 135]`	`[330, 230, 175, 185, 200, 135]`	Failed
workspace regression 5	`[0, 0, 10, 70, 200, 135]`	`[0, 0, 10, 70, 200, 135]`	Passed

SHA-256 / 992ac7293bb2c73ecca4a5116f0426bb8d8636c4fb270804a1657f63de816f2d

2 / The unsuccessful fix

Exit 1

"""Failure Map reference implementation. Python standard library only."""
import json

N = 1
observations = []
def solve(x):
    r0 = x['px']-x['pane_x']
    r1 = x['py']-x['pane_y']-x['strip']
    r2 = (x['px']-x['pane_x']+x['scroll_x'])*100//x['zoom']
    r3 = (x['py']-x['pane_y']-x['strip'])*100//x['zoom']+x['scroll_y']
    r4 = x['panel_width']*100//x['zoom']
    r5 = (x['panel_height']-x['strip'])*100//x['zoom']
    return [r0,r1,r2,r3,r4,r5]
def check(label, actual, expected):
    observations.append({"check": label, "actual": actual, "expected": expected, "passed": actual == expected})
fixtures = {1: [({'px': 330, 'py': 260, 'pane_x': 100, 'pane_y': 50, 'strip': 30, 'zoom': 200, 'scroll_x': 10, 'scroll_y': 70, 'panel_width': 400, 'panel_height': 300}, [230, 180, 125, 160, 200, 135]), ({'px': 330, 'py': 260, 'pane_x': 100, 'pane_y': 50, 'strip': 30, 'zoom': 100, 'scroll_x': 10, 'scroll_y': 70, 'panel_width': 400, 'panel_height': 300}, [230, 180, 240, 250, 400, 270]), ({'px': 330, 'py': 260, 'pane_x': 100, 'pane_y': 50, 'strip': 30, 'zoom': 200, 'scroll_x': 0, 'scroll_y': 0, 'panel_width': 400, 'panel_height': 300}, [230, 180, 115, 90, 200, 135]), ({'px': 330, 'py': 260, 'pane_x': 100, 'pane_y': 50, 'strip': 0, 'zoom': 200, 'scroll_x': 10, 'scroll_y': 70, 'panel_width': 400, 'panel_height': 300}, [230, 210, 125, 175, 200, 150]), ({'px': 330, 'py': 260, 'pane_x': 0, 'pane_y': 0, 'strip': 30, 'zoom': 200, 'scroll_x': 10, 'scroll_y': 70, 'panel_width': 400, 'panel_height': 300}, [330, 230, 175, 185, 200, 135]), ({'px': 100, 'py': 80, 'pane_x': 100, 'pane_y': 50, 'strip': 30, 'zoom': 200, 'scroll_x': 10, 'scroll_y': 70, 'panel_width': 400, 'panel_height': 300}, [0, 0, 10, 70, 200, 135])], 2: [({'px': 660, 'py': 520, 'pane_x': 200, 'pane_y': 100, 'strip': 60, 'zoom': 400, 'scroll_x': 20, 'scroll_y': 140, 'panel_width': 800, 'panel_height': 600}, [460, 360, 135, 230, 200, 135]), ({'px': 660, 'py': 520, 'pane_x': 200, 'pane_y': 100, 'strip': 60, 'zoom': 200, 'scroll_x': 20, 'scroll_y': 140, 'panel_width': 800, 'panel_height': 600}, [460, 360, 250, 320, 400, 270]), ({'px': 660, 'py': 520, 'pane_x': 200, 'pane_y': 100, 'strip': 60, 'zoom': 400, 'scroll_x': 0, 'scroll_y': 0, 'panel_width': 800, 'panel_height': 600}, [460, 360, 115, 90, 200, 135]), ({'px': 660, 'py': 520, 'pane_x': 200, 'pane_y': 100, 'strip': 0, 'zoom': 400, 'scroll_x': 20, 'scroll_y': 140, 'panel_width': 800, 'panel_height': 600}, [460, 420, 135, 245, 200, 150]), ({'px': 660, 'py': 520, 'pane_x': 0, 'pane_y': 0, 'strip': 60, 'zoom': 400, 'scroll_x': 20, 'scroll_y': 140, 'panel_width': 800, 'panel_height': 600}, [660, 460, 185, 255, 200, 135]), ({'px': 200, 'py': 160, 'pane_x': 200, 'pane_y': 100, 'strip': 60, 'zoom': 400, 'scroll_x': 20, 'scroll_y': 140, 'panel_width': 800, 'panel_height': 600}, [0, 0, 20, 140, 200, 135])], 3: [({'px': 990, 'py': 780, 'pane_x': 300, 'pane_y': 150, 'strip': 90, 'zoom': 600, 'scroll_x': 30, 'scroll_y': 210, 'panel_width': 1200, 'panel_height': 900}, [690, 540, 145, 300, 200, 135]), ({'px': 990, 'py': 780, 'pane_x': 300, 'pane_y': 150, 'strip': 90, 'zoom': 300, 'scroll_x': 30, 'scroll_y': 210, 'panel_width': 1200, 'panel_height': 900}, [690, 540, 260, 390, 400, 270]), ({'px': 990, 'py': 780, 'pane_x': 300, 'pane_y': 150, 'strip': 90, 'zoom': 600, 'scroll_x': 0, 'scroll_y': 0, 'panel_width': 1200, 'panel_height': 900}, [690, 540, 115, 90, 200, 135]), ({'px': 990, 'py': 780, 'pane_x': 300, 'pane_y': 150, 'strip': 0, 'zoom': 600, 'scroll_x': 30, 'scroll_y': 210, 'panel_width': 1200, 'panel_height': 900}, [690, 630, 145, 315, 200, 150]), ({'px': 990, 'py': 780, 'pane_x': 0, 'pane_y': 0, 'strip': 90, 'zoom': 600, 'scroll_x': 30, 'scroll_y': 210, 'panel_width': 1200, 'panel_height': 900}, [990, 690, 195, 325, 200, 135]), ({'px': 300, 'py': 240, 'pane_x': 300, 'pane_y': 150, 'strip': 90, 'zoom': 600, 'scroll_x': 30, 'scroll_y': 210, 'panel_width': 1200, 'panel_height': 900}, [0, 0, 30, 210, 200, 135])], 4: [({'px': 1320, 'py': 1040, 'pane_x': 400, 'pane_y': 200, 'strip': 120, 'zoom': 800, 'scroll_x': 40, 'scroll_y': 280, 'panel_width': 1600, 'panel_height': 1200}, [920, 720, 155, 370, 200, 135]), ({'px': 1320, 'py': 1040, 'pane_x': 400, 'pane_y': 200, 'strip': 120, 'zoom': 400, 'scroll_x': 40, 'scroll_y': 280, 'panel_width': 1600, 'panel_height': 1200}, [920, 720, 270, 460, 400, 270]), ({'px': 1320, 'py': 1040, 'pane_x': 400, 'pane_y': 200, 'strip': 120, 'zoom': 800, 'scroll_x': 0, 'scroll_y': 0, 'panel_width': 1600, 'panel_height': 1200}, [920, 720, 115, 90, 200, 135]), ({'px': 1320, 'py': 1040, 'pane_x': 400, 'pane_y': 200, 'strip': 0, 'zoom': 800, 'scroll_x': 40, 'scroll_y': 280, 'panel_width': 1600, 'panel_height': 1200}, [920, 840, 155, 385, 200, 150]), ({'px': 1320, 'py': 1040, 'pane_x': 0, 'pane_y': 0, 'strip': 120, 'zoom': 800, 'scroll_x': 40, 'scroll_y': 280, 'panel_width': 1600, 'panel_height': 1200}, [1320, 920, 205, 395, 200, 135]), ({'px': 400, 'py': 320, 'pane_x': 400, 'pane_y': 200, 'strip': 120, 'zoom': 800, 'scroll_x': 40, 'scroll_y': 280, 'panel_width': 1600, 'panel_height': 1200}, [0, 0, 40, 280, 200, 135])], 5: [({'px': 1650, 'py': 1300, 'pane_x': 500, 'pane_y': 250, 'strip': 150, 'zoom': 1000, 'scroll_x': 50, 'scroll_y': 350, 'panel_width': 2000, 'panel_height': 1500}, [1150, 900, 165, 440, 200, 135]), ({'px': 1650, 'py': 1300, 'pane_x': 500, 'pane_y': 250, 'strip': 150, 'zoom': 500, 'scroll_x': 50, 'scroll_y': 350, 'panel_width': 2000, 'panel_height': 1500}, [1150, 900, 280, 530, 400, 270]), ({'px': 1650, 'py': 1300, 'pane_x': 500, 'pane_y': 250, 'strip': 150, 'zoom': 1000, 'scroll_x': 0, 'scroll_y': 0, 'panel_width': 2000, 'panel_height': 1500}, [1150, 900, 115, 90, 200, 135]), ({'px': 1650, 'py': 1300, 'pane_x': 500, 'pane_y': 250, 'strip': 0, 'zoom': 1000, 'scroll_x': 50, 'scroll_y': 350, 'panel_width': 2000, 'panel_height': 1500}, [1150, 1050, 165, 455, 200, 150]), ({'px': 1650, 'py': 1300, 'pane_x': 0, 'pane_y': 0, 'strip': 150, 'zoom': 1000, 'scroll_x': 50, 'scroll_y': 350, 'panel_width': 2000, 'panel_height': 1500}, [1650, 1150, 215, 465, 200, 135]), ({'px': 500, 'py': 400, 'pane_x': 500, 'pane_y': 250, 'strip': 150, 'zoom': 1000, 'scroll_x': 50, 'scroll_y': 350, 'panel_width': 2000, 'panel_height': 1500}, [0, 0, 50, 350, 200, 135])]}
for i, (inputs, expected) in enumerate(fixtures[N]):
    check("workspace regression "+str(i), solve(inputs), expected)
print(json.dumps({"observations": observations, "passed": all(x["passed"] for x in observations)}, ensure_ascii=False))
raise SystemExit(0 if all(x["passed"] for x in observations) else 1)

Boundary fixture	Actual	Expected	Outcome
workspace regression 0	`[230, 180, 120, 160, 200, 135]`	`[230, 180, 125, 160, 200, 135]`	Failed
workspace regression 1	`[230, 180, 240, 250, 400, 270]`	`[230, 180, 240, 250, 400, 270]`	Passed
workspace regression 2	`[230, 180, 115, 90, 200, 135]`	`[230, 180, 115, 90, 200, 135]`	Passed
workspace regression 3	`[230, 210, 120, 175, 200, 150]`	`[230, 210, 125, 175, 200, 150]`	Failed
workspace regression 4	`[330, 230, 170, 185, 200, 135]`	`[330, 230, 175, 185, 200, 135]`	Failed
workspace regression 5	`[0, 0, 5, 70, 200, 135]`	`[0, 0, 10, 70, 200, 135]`	Failed

SHA-256 / c2fac4e8cf4508ebd20d8364d66c62eb536c9add8e1336c0cac20c2fb3c3f14f

HELD IN THE MEMBER ARCHIVE

The verified repair and its recorded checks are member-only.

This mechanism has 6 recorded checks per implementation. The open-access tier publishes the failure and the unsuccessful fix; the repaired source that passes every check, and the observations that prove it, are available to members.

Every case sharing this mechanism uses the same contract and the same repair, so this one record is held back for all of them.

Member access is invitation-based. Sign in with your invited account to inspect the repair.

Verification & scope

Finite stipulated workspace snapshots only. Independent result fields describe observable obligations, not a full UI runtime. This reproducer isolates one failure mechanism. Results cover the supplied fixtures. Variants within a family share a test contract and should remain grouped when constructing evaluation splits. Related mechanisms with a shared evaluation_group must also remain together; these controlled models are not independent production incidents.

Observations recorded using Python 3.12.14 at 2026-09-29T14:42:53.214080+00:00.

Case digest / 9b5d1121170be01a3d337cf46fc553aa2b4c4e2da707d475c2865cfa952e620b