davidl/tolaria
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

design: commit & push bug fix wireframes

Browse Source 
Frames showing the fixed Commit & Push behavior:
- Button enabled state with correct badge count (3 files)
- Button with no changes (badge hidden)
- Commit dialog with correct file count after save+refresh
- Success toast after commit
- Error toast when commit fails

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
lucaronin
2026-02-23 20:35:00 +01:00
parent 0aa5d7ecc4
commit 1dedd04bdd
1 changed files with 285 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

285
design/git-commit-zero-files.pen Normal file
View File

@@ -0,0 +1,285 @@
{"children": [
{
"type": "frame",
"id": "gcz01",
"x": 0,
"y": 0,
"name": "Commit & Push — Enabled (3 files changed)",
"clip": true,
"width": 280,
"height": 60,
"fill": "$--sidebar",
"padding": [12, 12],
"children": [
{
"type": "frame",
"id": "gcz02",
"name": "commitBtn-enabled",
"width": "fill_container",
"height": 40,
"fill": "$--primary",
"cornerRadius": 6,
"gap": 6,
"padding": [8, 16],
"alignItems": "center",
"justifyContent": "center",
"children": [
{
"type": "text",
"id": "gcz03",
"name": "btnLabel",
"content": "Commit & Push",
"fontSize": 13,
"fontWeight": 500,
"fill": "$--primary-foreground"
},
{
"type": "frame",
"id": "gcz04",
"name": "badge",
"fill": "#ffffff40",
"cornerRadius": 9,
"padding": [0, 6],
"children": [
{
"type": "text",
"id": "gcz05",
"name": "badgeCount",
"content": "3",
"fontSize": 10,
"fontWeight": 600,
"fill": "$--white"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "gcz10",
"x": 320,
"y": 0,
"name": "Commit & Push — No changes (badge hidden)",
"clip": true,
"width": 280,
"height": 60,
"fill": "$--sidebar",
"padding": [12, 12],
"children": [
{
"type": "frame",
"id": "gcz11",
"name": "commitBtn-noChanges",
"width": "fill_container",
"height": 40,
"fill": "$--primary",
"cornerRadius": 6,
"gap": 6,
"padding": [8, 16],
"alignItems": "center",
"justifyContent": "center",
"children": [
{
"type": "text",
"id": "gcz12",
"name": "btnLabel",
"content": "Commit & Push",
"fontSize": 13,
"fontWeight": 500,
"fill": "$--primary-foreground"
}
]
}
]
},
{
"type": "frame",
"id": "gcz20",
"x": 0,
"y": 100,
"name": "Commit Dialog — With correct file count",
"clip": true,
"width": 420,
"height": 220,
"fill": "$--popover",
"cornerRadius": 12,
"stroke": { "align": "inside", "thickness": 1, "fill": "$--border" },
"layout": "vertical",
"padding": [20, 24],
"gap": 16,
"children": [
{
"type": "frame",
"id": "gcz21",
"name": "dialogHeader",
"width": "fill_container",
"justifyContent": "spaceBetween",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "gcz22",
"name": "dialogTitle",
"content": "Commit & Push",
"fontSize": 16,
"fontWeight": 600,
"fill": "$--foreground"
},
{
"type": "frame",
"id": "gcz23",
"name": "fileCountBadge",
"fill": "$--secondary",
"cornerRadius": 4,
"padding": [2, 8],
"children": [
{
"type": "text",
"id": "gcz24",
"name": "fileCountText",
"content": "3 files changed",
"fontSize": 12,
"fill": "$--secondary-foreground"
}
]
}
]
},
{
"type": "frame",
"id": "gcz25",
"name": "messageInput",
"width": "fill_container",
"height": 72,
"fill": "$--input",
"cornerRadius": 8,
"stroke": { "align": "inside", "thickness": 1, "fill": "$--border" },
"padding": [10, 12],
"children": [
{
"type": "text",
"id": "gcz26",
"name": "placeholder",
"content": "Commit message...",
"fontSize": 13,
"fill": "$--muted-foreground"
}
]
},
{
"type": "frame",
"id": "gcz27",
"name": "dialogFooter",
"width": "fill_container",
"justifyContent": "spaceBetween",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "gcz28",
"name": "hint",
"content": "Cmd+Enter to commit",
"fontSize": 11,
"fill": "$--muted-foreground"
},
{
"type": "frame",
"id": "gcz29",
"name": "buttons",
"gap": 8,
"children": [
{
"type": "frame",
"id": "gcz2a",
"name": "cancelBtn",
"fill": "$--background",
"stroke": { "align": "inside", "thickness": 1, "fill": "$--border" },
"cornerRadius": 6,
"padding": [6, 12],
"children": [
{
"type": "text",
"id": "gcz2b",
"content": "Cancel",
"fontSize": 13,
"fill": "$--foreground"
}
]
},
{
"type": "frame",
"id": "gcz2c",
"name": "commitBtn",
"fill": "$--primary",
"cornerRadius": 6,
"padding": [6, 12],
"children": [
{
"type": "text",
"id": "gcz2d",
"content": "Commit & Push",
"fontSize": 13,
"fontWeight": 500,
"fill": "$--primary-foreground"
}
]
}
]
}
]
}
]
},
{
"type": "frame",
"id": "gcz30",
"x": 460,
"y": 100,
"name": "Success Toast — After commit",
"clip": true,
"width": 280,
"height": 44,
"fill": "$--card",
"cornerRadius": 8,
"stroke": { "align": "inside", "thickness": 1, "fill": "$--border" },
"padding": [10, 16],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "gcz31",
"name": "toastText",
"content": "Committed and pushed",
"fontSize": 13,
"fill": "$--foreground"
}
]
},
{
"type": "frame",
"id": "gcz40",
"x": 460,
"y": 160,
"name": "Error Toast — Commit failed",
"clip": true,
"width": 280,
"height": 44,
"fill": "$--card",
"cornerRadius": 8,
"stroke": { "align": "inside", "thickness": 1, "fill": "$--destructive" },
"padding": [10, 16],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "gcz41",
"name": "errorToastText",
"content": "Commit failed: nothing to commit",
"fontSize": 13,
"fill": "$--destructive"
}
]
}
], "variables": {}}