Skip to content

PR_26174_ALFA_016-game-hub-row-edit-add-selected-state#110

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
ToolboxAid wants to merge 2 commits into from
Closed

PR_26174_ALFA_016-game-hub-row-edit-add-selected-state #110

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
505fdc3
PR_26174_ALFA_016-game-hub-row-edit-add-selected-state
ToolboxAid Jun 23, 2026
b42248d
PR_26174_ALFA_016-active-game-indicator-polish
ToolboxAid Jun 23, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 2 additions & 6 deletions assets/theme-v2/css/tables.css
View file
Open in desktop
Original file line numberDiff line numberDiff line change
Expand Up@@ -115,12 +115,8 @@ td {
cursor: pointer
}

.data-table [data-game-row][data-game-active="true"] {
background: color-mix(in srgb, var(--gold) 14%, var(--panel))
}

.data-table [data-game-row][data-game-active="true"] > th,
.data-table [data-game-row][data-game-active="true"] > td {
.data-table [data-game-active-cell="true"] {
box-shadow: inset var(--space-3) 0 0 var(--gold);
border-bottom-color: var(--gold-border-muted)
}

Expand Down
9 changes: 9 additions & 0 deletions .../dev/reports/PR_26174_ALFA_016-game-hub-row-edit-add-selected-state-branch-validation.txt
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
Branch Validation: PASS

PASS - Current branch is pr/26174-ALFA-016-game-hub-row-edit-add-selected-state.
PASS - Branch was created from pr/26174-ALFA-015-game-hub-actions-and-setup-cleanup at ef771ff76.
PASS - Worktree was clean before creating the PR branch.
PASS - Scope is limited to Game Hub table add/edit selected-state behavior, Theme V2 table styling, targeted Playwright coverage, and required reports.
PASS - No protected Project Instructions files were modified.
PASS - No merge to main was performed.

12 changes: 12 additions & 0 deletions ...eports/PR_26174_ALFA_016-game-hub-row-edit-add-selected-state-manual-validation-notes.txt
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
Manual Validation Notes

PASS - Confirmed active-game selected styling is a thin Game-cell indicator, not a filled row background.
PASS - Confirmed active game uses the same background color as non-active game cells.
PASS - Confirmed active Game and Edit buttons do not use selected button styling.
PASS - Confirmed Edit remains a plain action until it opens an inline edit row.
PASS - Confirmed inline edit row shows Game, Purpose, Status, Owner, Actions columns with Save and Cancel.
PASS - Confirmed Game textbox is visible during edit and read-only because no rename API exists in the current Game Hub contract.
PASS - Confirmed Add Game row appears under the game table and expands to Game, Purpose, Status, Owner, Actions with Save and Cancel.
PASS - Confirmed add and edit saves use the existing repository API/service methods.
PASS - Confirmed Source Idea and Readiness Output child rows remain under expanded game parent rows.
PASS - Confirmed guest users can browse/select games but cannot add or edit.
17 changes: 17 additions & 0 deletions .../reports/PR_26174_ALFA_016-game-hub-row-edit-add-selected-state-requirement-checklist.txt
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
Requirement Checklist: PASS

PASS - Selected state now appears as a thin indicator on the Game cell for the active game.
PASS - Active game does not use a filled row background.
PASS - Active game does not use a different background color.
PASS - Active Game button does not use selected button styling.
PASS - Edit button does not look selected while a row is merely active.
PASS - Add Game button/row appears under the game table.
PASS - Add row includes Game textbox, Purpose dropdown, and Status dropdown.
PASS - Add row actions show Save and Cancel.
PASS - Edit row actions show Save and Cancel.
PASS - Columns remain Game, Purpose, Status, Owner, Actions.
PASS - Source Idea child rows are preserved.
PASS - Readiness Output child rows are preserved.
PASS - table_first_ui.md and the Idea Board table-first add-row/edit-row pattern were followed.
PASS - No browser-owned product data was introduced.
PASS - No silent fallbacks were introduced.
11 changes: 11 additions & 0 deletions ...ld/dev/reports/PR_26174_ALFA_016-game-hub-row-edit-add-selected-state-validation-lane.txt
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
Validation Lane: PASS

Commands:
1. npx playwright test tests/playwright/tools/GameHubMockRepository.spec.mjs -g "Game Hub creates, opens, and deletes mock games|Game Hub validates game parent rows and child tables|Game Hub preserves guest browsing and blocks guest saves|Game Hub shows a creator-safe empty state when no projects exist|Game Hub shows a creator-safe unavailable state when project list API fails|Game Hub displays and edits game purpose and member role|Game Hub readiness child rows update from mock game state"
Result: PASS - 7 passed.

2. npx playwright test tests/playwright/tools/IdeaBoardTableNotes.spec.mjs -g "Idea Board uses accordion table ideas and notes"
Result: PASS - 1 passed.

3. git diff --check -- assets/theme-v2/css/tables.css toolbox/game-hub/game-hub.js tests/playwright/tools/GameHubMockRepository.spec.mjs
Result: PASS.
21 changes: 21 additions & 0 deletions docs_build/dev/reports/PR_26174_ALFA_016-game-hub-row-edit-add-selected-state.md
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
# PR_26174_ALFA_016-game-hub-row-edit-add-selected-state

## Purpose

Move Game Hub add/edit behavior into the game table and correct selected-state styling.

## Summary

- Moved the active-game indicator from the Actions edit button to a thin Game-cell indicator.
- Removed filled active-game background styling and selected-button appearance.
- Kept Edit as a plain row action and rendered Save/Cancel only while a row is editing.
- Added a bottom Add Game row that expands into Game, Purpose, and Status fields with Save/Cancel actions.
- Removed the old sidebar add-game form while preserving the existing API/service contract.
- Preserved Game, Purpose, Status, Owner, and Actions columns.
- Preserved Source Idea and Readiness Output child rows under game parent rows.

## Validation

PASS - `npx playwright test tests/playwright/tools/GameHubMockRepository.spec.mjs -g "Game Hub creates, opens, and deletes mock games|Game Hub validates game parent rows and child tables|Game Hub preserves guest browsing and blocks guest saves|Game Hub shows a creator-safe empty state when no projects exist|Game Hub shows a creator-safe unavailable state when project list API fails|Game Hub displays and edits game purpose and member role|Game Hub readiness child rows update from mock game state"`
PASS - `npx playwright test tests/playwright/tools/IdeaBoardTableNotes.spec.mjs -g "Idea Board uses accordion table ideas and notes"`
PASS - `git diff --check -- assets/theme-v2/css/tables.css toolbox/game-hub/game-hub.js tests/playwright/tools/GameHubMockRepository.spec.mjs`
2 changes: 0 additions & 2 deletions docs_build/dev/reports/codex_changed_files.txt
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,3 @@
assets/theme-v2/css/tables.css
tests/playwright/tools/GameHubMockRepository.spec.mjs
tests/playwright/tools/IdeaBoardTableNotes.spec.mjs
toolbox/game-hub/game-hub.js
toolbox/game-hub/index.html
Loading
Loading
, 'i'); if (__m === '*' || __re.test(location.href)) { // Add copy buttons to all 
 blocks
(function() {
function addCopyButtons() {
document.querySelectorAll('pre code').forEach(function(codeBlock) {
if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;
codeBlock.parentElement.setAttribute('data-copy-added', 'true');
var btn = document.createElement('button');
btn.textContent = 'Copy';
btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';
btn.onmouseover = function() { this.style.opacity = '1'; };
btn.onmouseout = function() { this.style.opacity = '0.7'; };
btn.onclick = function() {
navigator.clipboard.writeText(codeBlock.textContent).then(function() {
btn.textContent = 'Copied!';
setTimeout(function() { btn.textContent = 'Copy'; }, 1500);
});
};
codeBlock.parentElement.style.position = 'relative';
codeBlock.parentElement.appendChild(btn);
});
}
addCopyButtons();
// Re-run on dynamic content
var observer = new MutationObserver(addCopyButtons);
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '
PR_26174_ALFA_016-game-hub-row-edit-add-selected-state by ToolboxAid · Pull Request #110 · ToolboxAid/HTML-JavaScript-Gaming · GitHub
Skip to content
PR_26174_ALFA_016-game-hub-row-edit-add-selected-state#110

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

 Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and
privacy statement. We’ll occasionally send you account related emails.

Already on GitHub?
Sign in
to your account

 Closed

ToolboxAid
wants to merge
2
commits into

from

 Closed


PR_26174_ALFA_016-game-hub-row-edit-add-selected-state
#110
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


2 commits


Select commit
Hold shift + click to select a range
505fdc3

PR_26174_ALFA_016-game-hub-row-edit-add-selected-state


ToolboxAid Jun 23, 2026
b42248d

PR_26174_ALFA_016-active-game-indicator-polish


ToolboxAid Jun 23, 2026

File filter

Filter by extension
Filter by extension
Conversations

Failed to load comments. 
Loading
Jump to

Jump to file


Failed to load files. 
Loading
 Diff view

 Diff view


8 changes: 2 additions & 6 deletions
assets/theme-v2/css/tables.css

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -115,12 +115,8 @@ td {
 cursor: pointer
}

.data-table [data-game-row][data-game-active="true"] {
 background: color-mix(in srgb, var(--gold) 14%, var(--panel))
}

.data-table [data-game-row][data-game-active="true"] > th,
.data-table [data-game-row][data-game-active="true"] > td {
.data-table [data-game-active-cell="true"] {
 box-shadow: inset var(--space-3) 0 0 var(--gold);
 border-bottom-color: var(--gold-border-muted)
}

Expand Down

9 changes: 9 additions & 0 deletions
.../dev/reports/PR_26174_ALFA_016-game-hub-row-edit-add-selected-state-branch-validation.txt

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
Branch Validation: PASS

PASS - Current branch is pr/26174-ALFA-016-game-hub-row-edit-add-selected-state.
PASS - Branch was created from pr/26174-ALFA-015-game-hub-actions-and-setup-cleanup at ef771ff76.
PASS - Worktree was clean before creating the PR branch.
PASS - Scope is limited to Game Hub table add/edit selected-state behavior, Theme V2 table styling, targeted Playwright coverage, and required reports.
PASS - No protected Project Instructions files were modified.
PASS - No merge to main was performed.


12 changes: 12 additions & 0 deletions
...eports/PR_26174_ALFA_016-game-hub-row-edit-add-selected-state-manual-validation-notes.txt

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
Manual Validation Notes

PASS - Confirmed active-game selected styling is a thin Game-cell indicator, not a filled row background.
PASS - Confirmed active game uses the same background color as non-active game cells.
PASS - Confirmed active Game and Edit buttons do not use selected button styling.
PASS - Confirmed Edit remains a plain action until it opens an inline edit row.
PASS - Confirmed inline edit row shows Game, Purpose, Status, Owner, Actions columns with Save and Cancel.
PASS - Confirmed Game textbox is visible during edit and read-only because no rename API exists in the current Game Hub contract.
PASS - Confirmed Add Game row appears under the game table and expands to Game, Purpose, Status, Owner, Actions with Save and Cancel.
PASS - Confirmed add and edit saves use the existing repository API/service methods.
PASS - Confirmed Source Idea and Readiness Output child rows remain under expanded game parent rows.
PASS - Confirmed guest users can browse/select games but cannot add or edit.

17 changes: 17 additions & 0 deletions
.../reports/PR_26174_ALFA_016-game-hub-row-edit-add-selected-state-requirement-checklist.txt

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
Requirement Checklist: PASS

PASS - Selected state now appears as a thin indicator on the Game cell for the active game.
PASS - Active game does not use a filled row background.
PASS - Active game does not use a different background color.
PASS - Active Game button does not use selected button styling.
PASS - Edit button does not look selected while a row is merely active.
PASS - Add Game button/row appears under the game table.
PASS - Add row includes Game textbox, Purpose dropdown, and Status dropdown.
PASS - Add row actions show Save and Cancel.
PASS - Edit row actions show Save and Cancel.
PASS - Columns remain Game, Purpose, Status, Owner, Actions.
PASS - Source Idea child rows are preserved.
PASS - Readiness Output child rows are preserved.
PASS - table_first_ui.md and the Idea Board table-first add-row/edit-row pattern were followed.
PASS - No browser-owned product data was introduced.
PASS - No silent fallbacks were introduced.

11 changes: 11 additions & 0 deletions
...ld/dev/reports/PR_26174_ALFA_016-game-hub-row-edit-add-selected-state-validation-lane.txt

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
Validation Lane: PASS

Commands:
1. npx playwright test tests/playwright/tools/GameHubMockRepository.spec.mjs -g "Game Hub creates, opens, and deletes mock games|Game Hub validates game parent rows and child tables|Game Hub preserves guest browsing and blocks guest saves|Game Hub shows a creator-safe empty state when no projects exist|Game Hub shows a creator-safe unavailable state when project list API fails|Game Hub displays and edits game purpose and member role|Game Hub readiness child rows update from mock game state"
Result: PASS - 7 passed.

2. npx playwright test tests/playwright/tools/IdeaBoardTableNotes.spec.mjs -g "Idea Board uses accordion table ideas and notes"
Result: PASS - 1 passed.

3. git diff --check -- assets/theme-v2/css/tables.css toolbox/game-hub/game-hub.js tests/playwright/tools/GameHubMockRepository.spec.mjs
Result: PASS.

21 changes: 21 additions & 0 deletions
docs_build/dev/reports/PR_26174_ALFA_016-game-hub-row-edit-add-selected-state.md

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
# PR_26174_ALFA_016-game-hub-row-edit-add-selected-state

## Purpose

Move Game Hub add/edit behavior into the game table and correct selected-state styling.

## Summary

- Moved the active-game indicator from the Actions edit button to a thin Game-cell indicator.
- Removed filled active-game background styling and selected-button appearance.
- Kept Edit as a plain row action and rendered Save/Cancel only while a row is editing.
- Added a bottom Add Game row that expands into Game, Purpose, and Status fields with Save/Cancel actions.
- Removed the old sidebar add-game form while preserving the existing API/service contract.
- Preserved Game, Purpose, Status, Owner, and Actions columns.
- Preserved Source Idea and Readiness Output child rows under game parent rows.

## Validation

PASS - `npx playwright test tests/playwright/tools/GameHubMockRepository.spec.mjs -g "Game Hub creates, opens, and deletes mock games|Game Hub validates game parent rows and child tables|Game Hub preserves guest browsing and blocks guest saves|Game Hub shows a creator-safe empty state when no projects exist|Game Hub shows a creator-safe unavailable state when project list API fails|Game Hub displays and edits game purpose and member role|Game Hub readiness child rows update from mock game state"`
PASS - `npx playwright test tests/playwright/tools/IdeaBoardTableNotes.spec.mjs -g "Idea Board uses accordion table ideas and notes"`
PASS - `git diff --check -- assets/theme-v2/css/tables.css toolbox/game-hub/game-hub.js tests/playwright/tools/GameHubMockRepository.spec.mjs`

2 changes: 0 additions & 2 deletions
docs_build/dev/reports/codex_changed_files.txt

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,5 +1,3 @@
assets/theme-v2/css/tables.css
tests/playwright/tools/GameHubMockRepository.spec.mjs
tests/playwright/tools/IdeaBoardTableNotes.spec.mjs
toolbox/game-hub/game-hub.js
toolbox/game-hub/index.html
Loading
Loading

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Force GitHub README to respect dark mode
(function() {
var style = document.createElement('style');
style.textContent = '
.markdown-body {
color-scheme: dark light;
}
.markdown-body pre { background: #161b22 !important; }
.markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }
.markdown-body table th, .markdown-body table td { border-color: #30363d !important; }
.markdown-body img { background: #0d1117; }
.markdown-body blockquote { border-left-color: #8b949e; }
.markdown-body hr { border-color: #30363d; }
';
document.head.appendChild(style);
})();
}
} catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '
PR_26174_ALFA_016-game-hub-row-edit-add-selected-state by ToolboxAid · Pull Request #110 · ToolboxAid/HTML-JavaScript-Gaming · GitHub
Skip to content
PR_26174_ALFA_016-game-hub-row-edit-add-selected-state#110

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

 Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and
privacy statement. We’ll occasionally send you account related emails.

Already on GitHub?
Sign in
to your account

 Closed

ToolboxAid
wants to merge
2
commits into

from

 Closed


PR_26174_ALFA_016-game-hub-row-edit-add-selected-state
#110
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


2 commits


Select commit
Hold shift + click to select a range
505fdc3

PR_26174_ALFA_016-game-hub-row-edit-add-selected-state


ToolboxAid Jun 23, 2026
b42248d

PR_26174_ALFA_016-active-game-indicator-polish


ToolboxAid Jun 23, 2026

File filter

Filter by extension
Filter by extension
Conversations

Failed to load comments. 
Loading
Jump to

Jump to file


Failed to load files. 
Loading
 Diff view

 Diff view


8 changes: 2 additions & 6 deletions
assets/theme-v2/css/tables.css

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -115,12 +115,8 @@ td {
 cursor: pointer
}

.data-table [data-game-row][data-game-active="true"] {
 background: color-mix(in srgb, var(--gold) 14%, var(--panel))
}

.data-table [data-game-row][data-game-active="true"] > th,
.data-table [data-game-row][data-game-active="true"] > td {
.data-table [data-game-active-cell="true"] {
 box-shadow: inset var(--space-3) 0 0 var(--gold);
 border-bottom-color: var(--gold-border-muted)
}

Expand Down

9 changes: 9 additions & 0 deletions
.../dev/reports/PR_26174_ALFA_016-game-hub-row-edit-add-selected-state-branch-validation.txt

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
Branch Validation: PASS

PASS - Current branch is pr/26174-ALFA-016-game-hub-row-edit-add-selected-state.
PASS - Branch was created from pr/26174-ALFA-015-game-hub-actions-and-setup-cleanup at ef771ff76.
PASS - Worktree was clean before creating the PR branch.
PASS - Scope is limited to Game Hub table add/edit selected-state behavior, Theme V2 table styling, targeted Playwright coverage, and required reports.
PASS - No protected Project Instructions files were modified.
PASS - No merge to main was performed.


12 changes: 12 additions & 0 deletions
...eports/PR_26174_ALFA_016-game-hub-row-edit-add-selected-state-manual-validation-notes.txt

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
Manual Validation Notes

PASS - Confirmed active-game selected styling is a thin Game-cell indicator, not a filled row background.
PASS - Confirmed active game uses the same background color as non-active game cells.
PASS - Confirmed active Game and Edit buttons do not use selected button styling.
PASS - Confirmed Edit remains a plain action until it opens an inline edit row.
PASS - Confirmed inline edit row shows Game, Purpose, Status, Owner, Actions columns with Save and Cancel.
PASS - Confirmed Game textbox is visible during edit and read-only because no rename API exists in the current Game Hub contract.
PASS - Confirmed Add Game row appears under the game table and expands to Game, Purpose, Status, Owner, Actions with Save and Cancel.
PASS - Confirmed add and edit saves use the existing repository API/service methods.
PASS - Confirmed Source Idea and Readiness Output child rows remain under expanded game parent rows.
PASS - Confirmed guest users can browse/select games but cannot add or edit.

17 changes: 17 additions & 0 deletions
.../reports/PR_26174_ALFA_016-game-hub-row-edit-add-selected-state-requirement-checklist.txt

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
Requirement Checklist: PASS

PASS - Selected state now appears as a thin indicator on the Game cell for the active game.
PASS - Active game does not use a filled row background.
PASS - Active game does not use a different background color.
PASS - Active Game button does not use selected button styling.
PASS - Edit button does not look selected while a row is merely active.
PASS - Add Game button/row appears under the game table.
PASS - Add row includes Game textbox, Purpose dropdown, and Status dropdown.
PASS - Add row actions show Save and Cancel.
PASS - Edit row actions show Save and Cancel.
PASS - Columns remain Game, Purpose, Status, Owner, Actions.
PASS - Source Idea child rows are preserved.
PASS - Readiness Output child rows are preserved.
PASS - table_first_ui.md and the Idea Board table-first add-row/edit-row pattern were followed.
PASS - No browser-owned product data was introduced.
PASS - No silent fallbacks were introduced.

11 changes: 11 additions & 0 deletions
...ld/dev/reports/PR_26174_ALFA_016-game-hub-row-edit-add-selected-state-validation-lane.txt

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
Validation Lane: PASS

Commands:
1. npx playwright test tests/playwright/tools/GameHubMockRepository.spec.mjs -g "Game Hub creates, opens, and deletes mock games|Game Hub validates game parent rows and child tables|Game Hub preserves guest browsing and blocks guest saves|Game Hub shows a creator-safe empty state when no projects exist|Game Hub shows a creator-safe unavailable state when project list API fails|Game Hub displays and edits game purpose and member role|Game Hub readiness child rows update from mock game state"
Result: PASS - 7 passed.

2. npx playwright test tests/playwright/tools/IdeaBoardTableNotes.spec.mjs -g "Idea Board uses accordion table ideas and notes"
Result: PASS - 1 passed.

3. git diff --check -- assets/theme-v2/css/tables.css toolbox/game-hub/game-hub.js tests/playwright/tools/GameHubMockRepository.spec.mjs
Result: PASS.

21 changes: 21 additions & 0 deletions
docs_build/dev/reports/PR_26174_ALFA_016-game-hub-row-edit-add-selected-state.md

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
# PR_26174_ALFA_016-game-hub-row-edit-add-selected-state

## Purpose

Move Game Hub add/edit behavior into the game table and correct selected-state styling.

## Summary

- Moved the active-game indicator from the Actions edit button to a thin Game-cell indicator.
- Removed filled active-game background styling and selected-button appearance.
- Kept Edit as a plain row action and rendered Save/Cancel only while a row is editing.
- Added a bottom Add Game row that expands into Game, Purpose, and Status fields with Save/Cancel actions.
- Removed the old sidebar add-game form while preserving the existing API/service contract.
- Preserved Game, Purpose, Status, Owner, and Actions columns.
- Preserved Source Idea and Readiness Output child rows under game parent rows.

## Validation

PASS - `npx playwright test tests/playwright/tools/GameHubMockRepository.spec.mjs -g "Game Hub creates, opens, and deletes mock games|Game Hub validates game parent rows and child tables|Game Hub preserves guest browsing and blocks guest saves|Game Hub shows a creator-safe empty state when no projects exist|Game Hub shows a creator-safe unavailable state when project list API fails|Game Hub displays and edits game purpose and member role|Game Hub readiness child rows update from mock game state"`
PASS - `npx playwright test tests/playwright/tools/IdeaBoardTableNotes.spec.mjs -g "Idea Board uses accordion table ideas and notes"`
PASS - `git diff --check -- assets/theme-v2/css/tables.css toolbox/game-hub/game-hub.js tests/playwright/tools/GameHubMockRepository.spec.mjs`

2 changes: 0 additions & 2 deletions
docs_build/dev/reports/codex_changed_files.txt

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,5 +1,3 @@
assets/theme-v2/css/tables.css
tests/playwright/tools/GameHubMockRepository.spec.mjs
tests/playwright/tools/IdeaBoardTableNotes.spec.mjs
toolbox/game-hub/game-hub.js
toolbox/game-hub/index.html
Loading
Loading

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Highlight search terms from Google/DuckDuckGo/Bing referrer
(function() {
var ref = document.referrer;
var terms = [];
if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {
var url = new URL(ref);
var q = url.searchParams.get('q') || url.searchParams.get('p');
if (q) {
terms = q.split(/\s+/).filter(function(t) { return t.length > 2; });
}
}
if (terms.length === 0) return;
var style = document.createElement('style');
style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';
document.head.appendChild(style);
function highlight(node) {
if (node.nodeType === 3) { // text node
var text = node.textContent;
var found = false;
terms.forEach(function(term) {
var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\]\\]/g, '\\') + ')', 'gi');
if (regex.test(text)) {
found = true;
var frag = document.createDocumentFragment();
var parts = text.split(regex);
parts.forEach(function(part, i) {
if (i % 2 === 0) {
frag.appendChild(document.createTextNode(part));
} else {
var span = document.createElement('span');
span.className = 'userscript-highlight';
span.textContent = part;
frag.appendChild(span);
}
});
node.parentNode.replaceChild(frag, node);
}
});
} else if (node.nodeType === 1 && node.childNodes) { // element
var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];
if (!skipTags.includes(node.tagName)) {
Array.from(node.childNodes).forEach(highlight);
}
}
}
highlight(document.body);
// Re-highlight on dynamic content
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(m) {
m.addedNodes.forEach(function(node) {
if (node.nodeType === 1 || node.nodeType === 3) highlight(node);
});
});
});
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '
PR_26174_ALFA_016-game-hub-row-edit-add-selected-state by ToolboxAid · Pull Request #110 · ToolboxAid/HTML-JavaScript-Gaming · GitHub
Skip to content
PR_26174_ALFA_016-game-hub-row-edit-add-selected-state#110

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

 Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and
privacy statement. We’ll occasionally send you account related emails.

Already on GitHub?
Sign in
to your account

 Closed

ToolboxAid
wants to merge
2
commits into

from

 Closed


PR_26174_ALFA_016-game-hub-row-edit-add-selected-state
#110
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


2 commits


Select commit
Hold shift + click to select a range
505fdc3

PR_26174_ALFA_016-game-hub-row-edit-add-selected-state


ToolboxAid Jun 23, 2026
b42248d

PR_26174_ALFA_016-active-game-indicator-polish


ToolboxAid Jun 23, 2026

File filter

Filter by extension
Filter by extension
Conversations

Failed to load comments. 
Loading
Jump to

Jump to file


Failed to load files. 
Loading
 Diff view

 Diff view


8 changes: 2 additions & 6 deletions
assets/theme-v2/css/tables.css

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -115,12 +115,8 @@ td {
 cursor: pointer
}

.data-table [data-game-row][data-game-active="true"] {
 background: color-mix(in srgb, var(--gold) 14%, var(--panel))
}

.data-table [data-game-row][data-game-active="true"] > th,
.data-table [data-game-row][data-game-active="true"] > td {
.data-table [data-game-active-cell="true"] {
 box-shadow: inset var(--space-3) 0 0 var(--gold);
 border-bottom-color: var(--gold-border-muted)
}

Expand Down

9 changes: 9 additions & 0 deletions
.../dev/reports/PR_26174_ALFA_016-game-hub-row-edit-add-selected-state-branch-validation.txt

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
Branch Validation: PASS

PASS - Current branch is pr/26174-ALFA-016-game-hub-row-edit-add-selected-state.
PASS - Branch was created from pr/26174-ALFA-015-game-hub-actions-and-setup-cleanup at ef771ff76.
PASS - Worktree was clean before creating the PR branch.
PASS - Scope is limited to Game Hub table add/edit selected-state behavior, Theme V2 table styling, targeted Playwright coverage, and required reports.
PASS - No protected Project Instructions files were modified.
PASS - No merge to main was performed.


12 changes: 12 additions & 0 deletions
...eports/PR_26174_ALFA_016-game-hub-row-edit-add-selected-state-manual-validation-notes.txt

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
Manual Validation Notes

PASS - Confirmed active-game selected styling is a thin Game-cell indicator, not a filled row background.
PASS - Confirmed active game uses the same background color as non-active game cells.
PASS - Confirmed active Game and Edit buttons do not use selected button styling.
PASS - Confirmed Edit remains a plain action until it opens an inline edit row.
PASS - Confirmed inline edit row shows Game, Purpose, Status, Owner, Actions columns with Save and Cancel.
PASS - Confirmed Game textbox is visible during edit and read-only because no rename API exists in the current Game Hub contract.
PASS - Confirmed Add Game row appears under the game table and expands to Game, Purpose, Status, Owner, Actions with Save and Cancel.
PASS - Confirmed add and edit saves use the existing repository API/service methods.
PASS - Confirmed Source Idea and Readiness Output child rows remain under expanded game parent rows.
PASS - Confirmed guest users can browse/select games but cannot add or edit.

17 changes: 17 additions & 0 deletions
.../reports/PR_26174_ALFA_016-game-hub-row-edit-add-selected-state-requirement-checklist.txt

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
Requirement Checklist: PASS

PASS - Selected state now appears as a thin indicator on the Game cell for the active game.
PASS - Active game does not use a filled row background.
PASS - Active game does not use a different background color.
PASS - Active Game button does not use selected button styling.
PASS - Edit button does not look selected while a row is merely active.
PASS - Add Game button/row appears under the game table.
PASS - Add row includes Game textbox, Purpose dropdown, and Status dropdown.
PASS - Add row actions show Save and Cancel.
PASS - Edit row actions show Save and Cancel.
PASS - Columns remain Game, Purpose, Status, Owner, Actions.
PASS - Source Idea child rows are preserved.
PASS - Readiness Output child rows are preserved.
PASS - table_first_ui.md and the Idea Board table-first add-row/edit-row pattern were followed.
PASS - No browser-owned product data was introduced.
PASS - No silent fallbacks were introduced.

11 changes: 11 additions & 0 deletions
...ld/dev/reports/PR_26174_ALFA_016-game-hub-row-edit-add-selected-state-validation-lane.txt

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
Validation Lane: PASS

Commands:
1. npx playwright test tests/playwright/tools/GameHubMockRepository.spec.mjs -g "Game Hub creates, opens, and deletes mock games|Game Hub validates game parent rows and child tables|Game Hub preserves guest browsing and blocks guest saves|Game Hub shows a creator-safe empty state when no projects exist|Game Hub shows a creator-safe unavailable state when project list API fails|Game Hub displays and edits game purpose and member role|Game Hub readiness child rows update from mock game state"
Result: PASS - 7 passed.

2. npx playwright test tests/playwright/tools/IdeaBoardTableNotes.spec.mjs -g "Idea Board uses accordion table ideas and notes"
Result: PASS - 1 passed.

3. git diff --check -- assets/theme-v2/css/tables.css toolbox/game-hub/game-hub.js tests/playwright/tools/GameHubMockRepository.spec.mjs
Result: PASS.

21 changes: 21 additions & 0 deletions
docs_build/dev/reports/PR_26174_ALFA_016-game-hub-row-edit-add-selected-state.md

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
# PR_26174_ALFA_016-game-hub-row-edit-add-selected-state

## Purpose

Move Game Hub add/edit behavior into the game table and correct selected-state styling.

## Summary

- Moved the active-game indicator from the Actions edit button to a thin Game-cell indicator.
- Removed filled active-game background styling and selected-button appearance.
- Kept Edit as a plain row action and rendered Save/Cancel only while a row is editing.
- Added a bottom Add Game row that expands into Game, Purpose, and Status fields with Save/Cancel actions.
- Removed the old sidebar add-game form while preserving the existing API/service contract.
- Preserved Game, Purpose, Status, Owner, and Actions columns.
- Preserved Source Idea and Readiness Output child rows under game parent rows.

## Validation

PASS - `npx playwright test tests/playwright/tools/GameHubMockRepository.spec.mjs -g "Game Hub creates, opens, and deletes mock games|Game Hub validates game parent rows and child tables|Game Hub preserves guest browsing and blocks guest saves|Game Hub shows a creator-safe empty state when no projects exist|Game Hub shows a creator-safe unavailable state when project list API fails|Game Hub displays and edits game purpose and member role|Game Hub readiness child rows update from mock game state"`
PASS - `npx playwright test tests/playwright/tools/IdeaBoardTableNotes.spec.mjs -g "Idea Board uses accordion table ideas and notes"`
PASS - `git diff --check -- assets/theme-v2/css/tables.css toolbox/game-hub/game-hub.js tests/playwright/tools/GameHubMockRepository.spec.mjs`

2 changes: 0 additions & 2 deletions
docs_build/dev/reports/codex_changed_files.txt

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,5 +1,3 @@
assets/theme-v2/css/tables.css
tests/playwright/tools/GameHubMockRepository.spec.mjs
tests/playwright/tools/IdeaBoardTableNotes.spec.mjs
toolbox/game-hub/game-hub.js
toolbox/game-hub/index.html
Loading
Loading

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Strip utm_, fbclid, gclid, etc. from all links on page
(function() {
var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',
'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',
'ref', 'ref_src', 'source', 'medium', 'campaign'];
function cleanUrl(url) {
try {
var u = new URL(url, window.location.origin);
var changed = false;
trackingParams.forEach(function(p) {
if (u.searchParams.has(p)) {
u.searchParams.delete(p);
changed = true;
}
});
return changed ? u.toString() : url;
} catch (e) {
return url;
}
}
function cleanLinks() {
document.querySelectorAll('a[href]').forEach(function(a) {
var clean = cleanUrl(a.href);
if (clean !== a.href) a.href = clean;
});
}
cleanLinks();
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(m) {
m.addedNodes.forEach(function(node) {
if (node.nodeType === 1) {
if (node.tagName === 'A') cleanLinks();
node.querySelectorAll('a[href]').forEach(function(a) {
var clean = cleanUrl(a.href);
if (clean !== a.href) a.href = clean;
});
}
});
});
});
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); }
})();
(function(){
try {
var __m = "youtube.com";
var __re = new RegExp('^' + "youtube\\.com" + '
PR_26174_ALFA_016-game-hub-row-edit-add-selected-state by ToolboxAid · Pull Request #110 · ToolboxAid/HTML-JavaScript-Gaming · GitHub
Skip to content
PR_26174_ALFA_016-game-hub-row-edit-add-selected-state#110

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

 Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and
privacy statement. We’ll occasionally send you account related emails.

Already on GitHub?
Sign in
to your account

 Closed

ToolboxAid
wants to merge
2
commits into

from

 Closed


PR_26174_ALFA_016-game-hub-row-edit-add-selected-state
#110
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


2 commits


Select commit
Hold shift + click to select a range
505fdc3

PR_26174_ALFA_016-game-hub-row-edit-add-selected-state


ToolboxAid Jun 23, 2026
b42248d

PR_26174_ALFA_016-active-game-indicator-polish


ToolboxAid Jun 23, 2026

File filter

Filter by extension
Filter by extension
Conversations

Failed to load comments. 
Loading
Jump to

Jump to file


Failed to load files. 
Loading
 Diff view

 Diff view


8 changes: 2 additions & 6 deletions
assets/theme-v2/css/tables.css

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -115,12 +115,8 @@ td {
 cursor: pointer
}

.data-table [data-game-row][data-game-active="true"] {
 background: color-mix(in srgb, var(--gold) 14%, var(--panel))
}

.data-table [data-game-row][data-game-active="true"] > th,
.data-table [data-game-row][data-game-active="true"] > td {
.data-table [data-game-active-cell="true"] {
 box-shadow: inset var(--space-3) 0 0 var(--gold);
 border-bottom-color: var(--gold-border-muted)
}

Expand Down

9 changes: 9 additions & 0 deletions
.../dev/reports/PR_26174_ALFA_016-game-hub-row-edit-add-selected-state-branch-validation.txt

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
Branch Validation: PASS

PASS - Current branch is pr/26174-ALFA-016-game-hub-row-edit-add-selected-state.
PASS - Branch was created from pr/26174-ALFA-015-game-hub-actions-and-setup-cleanup at ef771ff76.
PASS - Worktree was clean before creating the PR branch.
PASS - Scope is limited to Game Hub table add/edit selected-state behavior, Theme V2 table styling, targeted Playwright coverage, and required reports.
PASS - No protected Project Instructions files were modified.
PASS - No merge to main was performed.


12 changes: 12 additions & 0 deletions
...eports/PR_26174_ALFA_016-game-hub-row-edit-add-selected-state-manual-validation-notes.txt

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
Manual Validation Notes

PASS - Confirmed active-game selected styling is a thin Game-cell indicator, not a filled row background.
PASS - Confirmed active game uses the same background color as non-active game cells.
PASS - Confirmed active Game and Edit buttons do not use selected button styling.
PASS - Confirmed Edit remains a plain action until it opens an inline edit row.
PASS - Confirmed inline edit row shows Game, Purpose, Status, Owner, Actions columns with Save and Cancel.
PASS - Confirmed Game textbox is visible during edit and read-only because no rename API exists in the current Game Hub contract.
PASS - Confirmed Add Game row appears under the game table and expands to Game, Purpose, Status, Owner, Actions with Save and Cancel.
PASS - Confirmed add and edit saves use the existing repository API/service methods.
PASS - Confirmed Source Idea and Readiness Output child rows remain under expanded game parent rows.
PASS - Confirmed guest users can browse/select games but cannot add or edit.

17 changes: 17 additions & 0 deletions
.../reports/PR_26174_ALFA_016-game-hub-row-edit-add-selected-state-requirement-checklist.txt

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
Requirement Checklist: PASS

PASS - Selected state now appears as a thin indicator on the Game cell for the active game.
PASS - Active game does not use a filled row background.
PASS - Active game does not use a different background color.
PASS - Active Game button does not use selected button styling.
PASS - Edit button does not look selected while a row is merely active.
PASS - Add Game button/row appears under the game table.
PASS - Add row includes Game textbox, Purpose dropdown, and Status dropdown.
PASS - Add row actions show Save and Cancel.
PASS - Edit row actions show Save and Cancel.
PASS - Columns remain Game, Purpose, Status, Owner, Actions.
PASS - Source Idea child rows are preserved.
PASS - Readiness Output child rows are preserved.
PASS - table_first_ui.md and the Idea Board table-first add-row/edit-row pattern were followed.
PASS - No browser-owned product data was introduced.
PASS - No silent fallbacks were introduced.

11 changes: 11 additions & 0 deletions
...ld/dev/reports/PR_26174_ALFA_016-game-hub-row-edit-add-selected-state-validation-lane.txt

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
Validation Lane: PASS

Commands:
1. npx playwright test tests/playwright/tools/GameHubMockRepository.spec.mjs -g "Game Hub creates, opens, and deletes mock games|Game Hub validates game parent rows and child tables|Game Hub preserves guest browsing and blocks guest saves|Game Hub shows a creator-safe empty state when no projects exist|Game Hub shows a creator-safe unavailable state when project list API fails|Game Hub displays and edits game purpose and member role|Game Hub readiness child rows update from mock game state"
Result: PASS - 7 passed.

2. npx playwright test tests/playwright/tools/IdeaBoardTableNotes.spec.mjs -g "Idea Board uses accordion table ideas and notes"
Result: PASS - 1 passed.

3. git diff --check -- assets/theme-v2/css/tables.css toolbox/game-hub/game-hub.js tests/playwright/tools/GameHubMockRepository.spec.mjs
Result: PASS.

21 changes: 21 additions & 0 deletions
docs_build/dev/reports/PR_26174_ALFA_016-game-hub-row-edit-add-selected-state.md

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
# PR_26174_ALFA_016-game-hub-row-edit-add-selected-state

## Purpose

Move Game Hub add/edit behavior into the game table and correct selected-state styling.

## Summary

- Moved the active-game indicator from the Actions edit button to a thin Game-cell indicator.
- Removed filled active-game background styling and selected-button appearance.
- Kept Edit as a plain row action and rendered Save/Cancel only while a row is editing.
- Added a bottom Add Game row that expands into Game, Purpose, and Status fields with Save/Cancel actions.
- Removed the old sidebar add-game form while preserving the existing API/service contract.
- Preserved Game, Purpose, Status, Owner, and Actions columns.
- Preserved Source Idea and Readiness Output child rows under game parent rows.

## Validation

PASS - `npx playwright test tests/playwright/tools/GameHubMockRepository.spec.mjs -g "Game Hub creates, opens, and deletes mock games|Game Hub validates game parent rows and child tables|Game Hub preserves guest browsing and blocks guest saves|Game Hub shows a creator-safe empty state when no projects exist|Game Hub shows a creator-safe unavailable state when project list API fails|Game Hub displays and edits game purpose and member role|Game Hub readiness child rows update from mock game state"`
PASS - `npx playwright test tests/playwright/tools/IdeaBoardTableNotes.spec.mjs -g "Idea Board uses accordion table ideas and notes"`
PASS - `git diff --check -- assets/theme-v2/css/tables.css toolbox/game-hub/game-hub.js tests/playwright/tools/GameHubMockRepository.spec.mjs`

2 changes: 0 additions & 2 deletions
docs_build/dev/reports/codex_changed_files.txt

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,5 +1,3 @@
assets/theme-v2/css/tables.css
tests/playwright/tools/GameHubMockRepository.spec.mjs
tests/playwright/tools/IdeaBoardTableNotes.spec.mjs
toolbox/game-hub/game-hub.js
toolbox/game-hub/index.html
Loading
Loading

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Auto-enable theater mode on YouTube
(function() {
function tryTheater() {
var btn = document.querySelector('button[aria-label="Theater mode"], ytd-player #player button[title="Theater mode"]');
if (btn && !btn.classList.contains('activated')) {
btn.click();
}
}
// Try immediately
tryTheater();
// Try after navigation (SPA)
var lastUrl = location.href;
setInterval(function() {
if (location.href !== lastUrl) {
lastUrl = location.href;
setTimeout(tryTheater, 500);
}
}, 1000);
// Also try on player load
var observer = new MutationObserver(tryTheater);
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '
PR_26174_ALFA_016-game-hub-row-edit-add-selected-state by ToolboxAid · Pull Request #110 · ToolboxAid/HTML-JavaScript-Gaming · GitHub
Skip to content
PR_26174_ALFA_016-game-hub-row-edit-add-selected-state#110

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

 Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and
privacy statement. We’ll occasionally send you account related emails.

Already on GitHub?
Sign in
to your account

 Closed

ToolboxAid
wants to merge
2
commits into

from

 Closed


PR_26174_ALFA_016-game-hub-row-edit-add-selected-state
#110
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


2 commits


Select commit
Hold shift + click to select a range
505fdc3

PR_26174_ALFA_016-game-hub-row-edit-add-selected-state


ToolboxAid Jun 23, 2026
b42248d

PR_26174_ALFA_016-active-game-indicator-polish


ToolboxAid Jun 23, 2026

File filter

Filter by extension
Filter by extension
Conversations

Failed to load comments. 
Loading
Jump to

Jump to file


Failed to load files. 
Loading
 Diff view

 Diff view


8 changes: 2 additions & 6 deletions
assets/theme-v2/css/tables.css

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -115,12 +115,8 @@ td {
 cursor: pointer
}

.data-table [data-game-row][data-game-active="true"] {
 background: color-mix(in srgb, var(--gold) 14%, var(--panel))
}

.data-table [data-game-row][data-game-active="true"] > th,
.data-table [data-game-row][data-game-active="true"] > td {
.data-table [data-game-active-cell="true"] {
 box-shadow: inset var(--space-3) 0 0 var(--gold);
 border-bottom-color: var(--gold-border-muted)
}

Expand Down

9 changes: 9 additions & 0 deletions
.../dev/reports/PR_26174_ALFA_016-game-hub-row-edit-add-selected-state-branch-validation.txt

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
Branch Validation: PASS

PASS - Current branch is pr/26174-ALFA-016-game-hub-row-edit-add-selected-state.
PASS - Branch was created from pr/26174-ALFA-015-game-hub-actions-and-setup-cleanup at ef771ff76.
PASS - Worktree was clean before creating the PR branch.
PASS - Scope is limited to Game Hub table add/edit selected-state behavior, Theme V2 table styling, targeted Playwright coverage, and required reports.
PASS - No protected Project Instructions files were modified.
PASS - No merge to main was performed.


12 changes: 12 additions & 0 deletions
...eports/PR_26174_ALFA_016-game-hub-row-edit-add-selected-state-manual-validation-notes.txt

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
Manual Validation Notes

PASS - Confirmed active-game selected styling is a thin Game-cell indicator, not a filled row background.
PASS - Confirmed active game uses the same background color as non-active game cells.
PASS - Confirmed active Game and Edit buttons do not use selected button styling.
PASS - Confirmed Edit remains a plain action until it opens an inline edit row.
PASS - Confirmed inline edit row shows Game, Purpose, Status, Owner, Actions columns with Save and Cancel.
PASS - Confirmed Game textbox is visible during edit and read-only because no rename API exists in the current Game Hub contract.
PASS - Confirmed Add Game row appears under the game table and expands to Game, Purpose, Status, Owner, Actions with Save and Cancel.
PASS - Confirmed add and edit saves use the existing repository API/service methods.
PASS - Confirmed Source Idea and Readiness Output child rows remain under expanded game parent rows.
PASS - Confirmed guest users can browse/select games but cannot add or edit.

17 changes: 17 additions & 0 deletions
.../reports/PR_26174_ALFA_016-game-hub-row-edit-add-selected-state-requirement-checklist.txt

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
Requirement Checklist: PASS

PASS - Selected state now appears as a thin indicator on the Game cell for the active game.
PASS - Active game does not use a filled row background.
PASS - Active game does not use a different background color.
PASS - Active Game button does not use selected button styling.
PASS - Edit button does not look selected while a row is merely active.
PASS - Add Game button/row appears under the game table.
PASS - Add row includes Game textbox, Purpose dropdown, and Status dropdown.
PASS - Add row actions show Save and Cancel.
PASS - Edit row actions show Save and Cancel.
PASS - Columns remain Game, Purpose, Status, Owner, Actions.
PASS - Source Idea child rows are preserved.
PASS - Readiness Output child rows are preserved.
PASS - table_first_ui.md and the Idea Board table-first add-row/edit-row pattern were followed.
PASS - No browser-owned product data was introduced.
PASS - No silent fallbacks were introduced.

11 changes: 11 additions & 0 deletions
...ld/dev/reports/PR_26174_ALFA_016-game-hub-row-edit-add-selected-state-validation-lane.txt

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
Validation Lane: PASS

Commands:
1. npx playwright test tests/playwright/tools/GameHubMockRepository.spec.mjs -g "Game Hub creates, opens, and deletes mock games|Game Hub validates game parent rows and child tables|Game Hub preserves guest browsing and blocks guest saves|Game Hub shows a creator-safe empty state when no projects exist|Game Hub shows a creator-safe unavailable state when project list API fails|Game Hub displays and edits game purpose and member role|Game Hub readiness child rows update from mock game state"
Result: PASS - 7 passed.

2. npx playwright test tests/playwright/tools/IdeaBoardTableNotes.spec.mjs -g "Idea Board uses accordion table ideas and notes"
Result: PASS - 1 passed.

3. git diff --check -- assets/theme-v2/css/tables.css toolbox/game-hub/game-hub.js tests/playwright/tools/GameHubMockRepository.spec.mjs
Result: PASS.

21 changes: 21 additions & 0 deletions
docs_build/dev/reports/PR_26174_ALFA_016-game-hub-row-edit-add-selected-state.md

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
# PR_26174_ALFA_016-game-hub-row-edit-add-selected-state

## Purpose

Move Game Hub add/edit behavior into the game table and correct selected-state styling.

## Summary

- Moved the active-game indicator from the Actions edit button to a thin Game-cell indicator.
- Removed filled active-game background styling and selected-button appearance.
- Kept Edit as a plain row action and rendered Save/Cancel only while a row is editing.
- Added a bottom Add Game row that expands into Game, Purpose, and Status fields with Save/Cancel actions.
- Removed the old sidebar add-game form while preserving the existing API/service contract.
- Preserved Game, Purpose, Status, Owner, and Actions columns.
- Preserved Source Idea and Readiness Output child rows under game parent rows.

## Validation

PASS - `npx playwright test tests/playwright/tools/GameHubMockRepository.spec.mjs -g "Game Hub creates, opens, and deletes mock games|Game Hub validates game parent rows and child tables|Game Hub preserves guest browsing and blocks guest saves|Game Hub shows a creator-safe empty state when no projects exist|Game Hub shows a creator-safe unavailable state when project list API fails|Game Hub displays and edits game purpose and member role|Game Hub readiness child rows update from mock game state"`
PASS - `npx playwright test tests/playwright/tools/IdeaBoardTableNotes.spec.mjs -g "Idea Board uses accordion table ideas and notes"`
PASS - `git diff --check -- assets/theme-v2/css/tables.css toolbox/game-hub/game-hub.js tests/playwright/tools/GameHubMockRepository.spec.mjs`

2 changes: 0 additions & 2 deletions
docs_build/dev/reports/codex_changed_files.txt

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,5 +1,3 @@
assets/theme-v2/css/tables.css
tests/playwright/tools/GameHubMockRepository.spec.mjs
tests/playwright/tools/IdeaBoardTableNotes.spec.mjs
toolbox/game-hub/game-hub.js
toolbox/game-hub/index.html
Loading
Loading

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Remove or un-stick sticky/fixed headers that block content
(function() {
function unstick() {
document.querySelectorAll('header, nav, [role="banner"], .header, .navbar, .sticky, .fixed-top, [style*="position: fixed"], [style*="position:sticky"]').forEach(function(el) {
if (el.style.position === 'fixed' || el.style.position === 'sticky' || getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {
el.style.position = 'static';
el.style.top = 'auto';
el.style.zIndex = 'auto';
}
});
}
unstick();
var observer = new MutationObserver(unstick);
observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });
})();
}
} catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); }
})();
})();
PR_26174_ALFA_016-game-hub-row-edit-add-selected-state by ToolboxAid · Pull Request #110 · ToolboxAid/HTML-JavaScript-Gaming · GitHub
Skip to content
PR_26174_ALFA_016-game-hub-row-edit-add-selected-state#110

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

 Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and
privacy statement. We’ll occasionally send you account related emails.

Already on GitHub?
Sign in
to your account

 Closed

ToolboxAid
wants to merge
2
commits into

from

 Closed


PR_26174_ALFA_016-game-hub-row-edit-add-selected-state
#110
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


2 commits


Select commit
Hold shift + click to select a range
505fdc3

PR_26174_ALFA_016-game-hub-row-edit-add-selected-state


ToolboxAid Jun 23, 2026
b42248d

PR_26174_ALFA_016-active-game-indicator-polish


ToolboxAid Jun 23, 2026

File filter

Filter by extension
Filter by extension
Conversations

Failed to load comments. 
Loading
Jump to

Jump to file


Failed to load files. 
Loading
 Diff view

 Diff view


8 changes: 2 additions & 6 deletions
assets/theme-v2/css/tables.css

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -115,12 +115,8 @@ td {
 cursor: pointer
}

.data-table [data-game-row][data-game-active="true"] {
 background: color-mix(in srgb, var(--gold) 14%, var(--panel))
}

.data-table [data-game-row][data-game-active="true"] > th,
.data-table [data-game-row][data-game-active="true"] > td {
.data-table [data-game-active-cell="true"] {
 box-shadow: inset var(--space-3) 0 0 var(--gold);
 border-bottom-color: var(--gold-border-muted)
}

Expand Down

9 changes: 9 additions & 0 deletions
.../dev/reports/PR_26174_ALFA_016-game-hub-row-edit-add-selected-state-branch-validation.txt

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
Branch Validation: PASS

PASS - Current branch is pr/26174-ALFA-016-game-hub-row-edit-add-selected-state.
PASS - Branch was created from pr/26174-ALFA-015-game-hub-actions-and-setup-cleanup at ef771ff76.
PASS - Worktree was clean before creating the PR branch.
PASS - Scope is limited to Game Hub table add/edit selected-state behavior, Theme V2 table styling, targeted Playwright coverage, and required reports.
PASS - No protected Project Instructions files were modified.
PASS - No merge to main was performed.


12 changes: 12 additions & 0 deletions
...eports/PR_26174_ALFA_016-game-hub-row-edit-add-selected-state-manual-validation-notes.txt

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
Manual Validation Notes

PASS - Confirmed active-game selected styling is a thin Game-cell indicator, not a filled row background.
PASS - Confirmed active game uses the same background color as non-active game cells.
PASS - Confirmed active Game and Edit buttons do not use selected button styling.
PASS - Confirmed Edit remains a plain action until it opens an inline edit row.
PASS - Confirmed inline edit row shows Game, Purpose, Status, Owner, Actions columns with Save and Cancel.
PASS - Confirmed Game textbox is visible during edit and read-only because no rename API exists in the current Game Hub contract.
PASS - Confirmed Add Game row appears under the game table and expands to Game, Purpose, Status, Owner, Actions with Save and Cancel.
PASS - Confirmed add and edit saves use the existing repository API/service methods.
PASS - Confirmed Source Idea and Readiness Output child rows remain under expanded game parent rows.
PASS - Confirmed guest users can browse/select games but cannot add or edit.

17 changes: 17 additions & 0 deletions
.../reports/PR_26174_ALFA_016-game-hub-row-edit-add-selected-state-requirement-checklist.txt

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
Requirement Checklist: PASS

PASS - Selected state now appears as a thin indicator on the Game cell for the active game.
PASS - Active game does not use a filled row background.
PASS - Active game does not use a different background color.
PASS - Active Game button does not use selected button styling.
PASS - Edit button does not look selected while a row is merely active.
PASS - Add Game button/row appears under the game table.
PASS - Add row includes Game textbox, Purpose dropdown, and Status dropdown.
PASS - Add row actions show Save and Cancel.
PASS - Edit row actions show Save and Cancel.
PASS - Columns remain Game, Purpose, Status, Owner, Actions.
PASS - Source Idea child rows are preserved.
PASS - Readiness Output child rows are preserved.
PASS - table_first_ui.md and the Idea Board table-first add-row/edit-row pattern were followed.
PASS - No browser-owned product data was introduced.
PASS - No silent fallbacks were introduced.

11 changes: 11 additions & 0 deletions
...ld/dev/reports/PR_26174_ALFA_016-game-hub-row-edit-add-selected-state-validation-lane.txt

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
Validation Lane: PASS

Commands:
1. npx playwright test tests/playwright/tools/GameHubMockRepository.spec.mjs -g "Game Hub creates, opens, and deletes mock games|Game Hub validates game parent rows and child tables|Game Hub preserves guest browsing and blocks guest saves|Game Hub shows a creator-safe empty state when no projects exist|Game Hub shows a creator-safe unavailable state when project list API fails|Game Hub displays and edits game purpose and member role|Game Hub readiness child rows update from mock game state"
Result: PASS - 7 passed.

2. npx playwright test tests/playwright/tools/IdeaBoardTableNotes.spec.mjs -g "Idea Board uses accordion table ideas and notes"
Result: PASS - 1 passed.

3. git diff --check -- assets/theme-v2/css/tables.css toolbox/game-hub/game-hub.js tests/playwright/tools/GameHubMockRepository.spec.mjs
Result: PASS.

21 changes: 21 additions & 0 deletions
docs_build/dev/reports/PR_26174_ALFA_016-game-hub-row-edit-add-selected-state.md

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
# PR_26174_ALFA_016-game-hub-row-edit-add-selected-state

## Purpose

Move Game Hub add/edit behavior into the game table and correct selected-state styling.

## Summary

- Moved the active-game indicator from the Actions edit button to a thin Game-cell indicator.
- Removed filled active-game background styling and selected-button appearance.
- Kept Edit as a plain row action and rendered Save/Cancel only while a row is editing.
- Added a bottom Add Game row that expands into Game, Purpose, and Status fields with Save/Cancel actions.
- Removed the old sidebar add-game form while preserving the existing API/service contract.
- Preserved Game, Purpose, Status, Owner, and Actions columns.
- Preserved Source Idea and Readiness Output child rows under game parent rows.

## Validation

PASS - `npx playwright test tests/playwright/tools/GameHubMockRepository.spec.mjs -g "Game Hub creates, opens, and deletes mock games|Game Hub validates game parent rows and child tables|Game Hub preserves guest browsing and blocks guest saves|Game Hub shows a creator-safe empty state when no projects exist|Game Hub shows a creator-safe unavailable state when project list API fails|Game Hub displays and edits game purpose and member role|Game Hub readiness child rows update from mock game state"`
PASS - `npx playwright test tests/playwright/tools/IdeaBoardTableNotes.spec.mjs -g "Idea Board uses accordion table ideas and notes"`
PASS - `git diff --check -- assets/theme-v2/css/tables.css toolbox/game-hub/game-hub.js tests/playwright/tools/GameHubMockRepository.spec.mjs`

2 changes: 0 additions & 2 deletions
docs_build/dev/reports/codex_changed_files.txt

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,5 +1,3 @@
assets/theme-v2/css/tables.css
tests/playwright/tools/GameHubMockRepository.spec.mjs
tests/playwright/tools/IdeaBoardTableNotes.spec.mjs
toolbox/game-hub/game-hub.js
toolbox/game-hub/index.html
Loading
Loading