fix: control panel selection - #319

Merged
coodos merged 1 commit into
mainfrom
fix/control-panel-selection
Aug 23, 2025
Merged

fix: control panel selection#319
coodos merged 1 commit into
mainfrom
fix/control-panel-selection

Conversation

@coodos

@coodoscoodos commented Aug 23, 2025

Copy link
Copy Markdown
Contributor

Description of change

Issue Number

Type of change

  • Breaking (any change that would cause existing functionality to not work as expected)
  • New (a change which implements a new feature)
  • Update (a change which updates existing functionality)
  • Fix (a change which fixes an issue)
  • Docs (changes to the documentation)
  • Chore (refactoring, build scripts or anything else that isn't user-facing)

How the change has been tested

Change checklist

  • I have ensured that the CI Checks pass locally
  • I have removed any unnecessary logic
  • My code is well documented
  • I have signed my commits
  • My code follows the pattern of the application
  • I have self reviewed my code

Summary by CodeRabbit

  • Bug Fixes
    • Improved reliability of table selection checkboxes: item checkboxes now stay in sync with selected items, the “Select All” header accurately reflects current selections, and selection states reset appropriately when table data changes.
  • Chores
    • Added diagnostic logging around selection and “Select All” actions to support troubleshooting without changing user-facing behavior.

@coodos
coodos merged commit 32c3498 into mainAug 23, 2025
0 of 3 checks passed
@coderabbitai

coderabbitaiBot commented Aug 23, 2025

Copy link
Copy Markdown
Contributor

Caution

Review failed

The pull request is closed.

Walkthrough

Introduces state-based checkbox management in Table.svelte with effects to reset and sync check states to tableData and selectedIndices, plus detailed debug logging. Adds debug logs to “select all” handlers in +page.svelte. No public API changes.

Changes

Cohort / File(s)Summary
Table checkbox state sync
infrastructure/control-panel/src/lib/ui/Table/Table.svelte
Converted reactive array to state array for checkItems. Added effect to reset checkItems on tableData change. Expanded sync effect to compute per-index shouldBeChecked, update checkAll, and add detailed logs. Core toggle handlers unchanged aside from new state shape.
Page-level select-all logging
infrastructure/control-panel/src/routes/+page.svelte
Added debug logs to handleSelectAllEVaults and handleSelectAllPlatforms, including invocation details, item counts, resulting selected indices, and persisted sessionStorage values. No logic or API changes.

Sequence Diagram(s)

sequenceDiagram
autonumber
actor User
participant Data as tableData
participant Table as Table.svelte
participant Reset as Effect: Reset on tableData
participant Sync as Effect: Sync on selectedIndices
participant Header as checkAll
Note over Table: Initialize state: checkItems = []<br/>selectedIndices provided externally
User->>Data: Change tableData
Data->>Reset: Trigger
Reset->>Table: Set checkItems = [false...]
Reset-->>Header: Set checkAll = false
User->>Table: Update selections (selectedIndices)
Table->>Sync: Trigger
Sync->>Table: For each index: checkItems[i] = selectedIndices.includes(i)
Sync-->>Header: Update checkAll based on all-checked
Note right of Sync: Logs per-checkbox and final states
Loading

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Poem

I tick and I tock with a checkbox cheer,
Logs like carrots, crunchy and clear.
Reset the rows, align each ear—
Select them all? The path is near.
Hop, sync, hop—no fear, no fall,
A tidy warren for “check all.” 🥕


📜 Recent review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

💡 Knowledge Base configuration:

  • MCP integration is disabled by default for public repositories
  • Jira integration is disabled by default for public repositories
  • Linear integration is disabled by default for public repositories

You can enable these sources in your CodeRabbit configuration.

📥 Commits

Reviewing files that changed from the base of the PR and between 2cb9322 and ab02690.

📒 Files selected for processing (2)
  • infrastructure/control-panel/src/lib/ui/Table/Table.svelte (1 hunks)
  • infrastructure/control-panel/src/routes/+page.svelte (1 hunks)
✨ Finishing Touches
🧪 Generate unit tests
  • Create PR with unit tests
  • Post copyable unit tests in a comment
  • Commit unit tests in branch fix/control-panel-selection

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share
🪧 Tips

Chat

There are 3 ways to chat with CodeRabbit:

  • Review comments: Directly reply to a review comment made by CodeRabbit. Example:
    • I pushed a fix in commit <commit_id>, please review it.
    • Open a follow-up GitHub issue for this discussion.
  • Files and specific lines of code (under the "Files changed" tab): Tag @coderabbitai in a new review comment at the desired location with your query.
  • PR comments: Tag @coderabbitai in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
    • @coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.
    • @coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.

Support

Need help? Create a ticket on our support page for assistance with any issues or questions.

CodeRabbit Commands (Invoked using PR/Issue comments)

Type @coderabbitai help to get the list of available commands.

Other keywords and placeholders

  • Add @coderabbitai ignore anywhere in the PR description to prevent this PR from being reviewed.
  • Add @coderabbitai summary to generate the high-level summary at a specific location in the PR description.
  • Add @coderabbitai anywhere in the PR title to generate the title automatically.

CodeRabbit Configuration File (.coderabbit.yaml)

  • You can programmatically configure CodeRabbit by adding a .coderabbit.yaml file to the root of your repository.
  • Please see the configuration documentation for more information.
  • If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: # yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json

Status, Documentation and Community

  • Visit our Status Page to check the current availability of CodeRabbit.
  • Visit our Documentation for detailed information on how to use CodeRabbit.
  • Join our Discord Community to get help, request features, and share feedback.
  • Follow us on X/Twitter for updates and announcements.

@coodos
coodos deleted the fix/control-panel-selection branch August 23, 2025 20:03
@coderabbitaicoderabbitaiBot mentioned this pull request Aug 25, 2025
6 tasks
coodos added a commit that referenced this pull request Nov 4, 2025
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant

@coodos
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Add copy buttons to all
 blocks\n(function() {\n function addCopyButtons() {\n document.querySelectorAll('pre code').forEach(function(codeBlock) {\n if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;\n codeBlock.parentElement.setAttribute('data-copy-added', 'true');\n \n var btn = document.createElement('button');\n btn.textContent = 'Copy';\n 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;';\n btn.onmouseover = function() { this.style.opacity = '1'; };\n btn.onmouseout = function() { this.style.opacity = '0.7'; };\n btn.onclick = function() {\n navigator.clipboard.writeText(codeBlock.textContent).then(function() {\n btn.textContent = 'Copied!';\n setTimeout(function() { btn.textContent = 'Copy'; }, 1500);\n });\n };\n codeBlock.parentElement.style.position = 'relative';\n codeBlock.parentElement.appendChild(btn);\n });\n }\n \n addCopyButtons();\n \n // Re-run on dynamic content\n var observer = new MutationObserver(addCopyButtons);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Add Copy Buttons to Code Blocks");
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '
Skip to content

fix: control panel selection - #319

Merged
coodos merged 1 commit into
mainfrom
fix/control-panel-selection
Aug 23, 2025
Merged

fix: control panel selection#319
coodos merged 1 commit into
mainfrom
fix/control-panel-selection

Conversation

@coodos

@coodoscoodos commented Aug 23, 2025

Copy link
Copy Markdown
Contributor

Description of change

Issue Number

Type of change

  • Breaking (any change that would cause existing functionality to not work as expected)
  • New (a change which implements a new feature)
  • Update (a change which updates existing functionality)
  • Fix (a change which fixes an issue)
  • Docs (changes to the documentation)
  • Chore (refactoring, build scripts or anything else that isn't user-facing)

How the change has been tested

Change checklist

  • I have ensured that the CI Checks pass locally
  • I have removed any unnecessary logic
  • My code is well documented
  • I have signed my commits
  • My code follows the pattern of the application
  • I have self reviewed my code

Summary by CodeRabbit

  • Bug Fixes
    • Improved reliability of table selection checkboxes: item checkboxes now stay in sync with selected items, the “Select All” header accurately reflects current selections, and selection states reset appropriately when table data changes.
  • Chores
    • Added diagnostic logging around selection and “Select All” actions to support troubleshooting without changing user-facing behavior.

@coodos
coodos merged commit 32c3498 into mainAug 23, 2025
0 of 3 checks passed
@coderabbitai

coderabbitaiBot commented Aug 23, 2025

Copy link
Copy Markdown
Contributor

Caution

Review failed

The pull request is closed.

Walkthrough

Introduces state-based checkbox management in Table.svelte with effects to reset and sync check states to tableData and selectedIndices, plus detailed debug logging. Adds debug logs to “select all” handlers in +page.svelte. No public API changes.

Changes

Cohort / File(s)Summary
Table checkbox state sync
infrastructure/control-panel/src/lib/ui/Table/Table.svelte
Converted reactive array to state array for checkItems. Added effect to reset checkItems on tableData change. Expanded sync effect to compute per-index shouldBeChecked, update checkAll, and add detailed logs. Core toggle handlers unchanged aside from new state shape.
Page-level select-all logging
infrastructure/control-panel/src/routes/+page.svelte
Added debug logs to handleSelectAllEVaults and handleSelectAllPlatforms, including invocation details, item counts, resulting selected indices, and persisted sessionStorage values. No logic or API changes.

Sequence Diagram(s)

sequenceDiagram
autonumber
actor User
participant Data as tableData
participant Table as Table.svelte
participant Reset as Effect: Reset on tableData
participant Sync as Effect: Sync on selectedIndices
participant Header as checkAll
Note over Table: Initialize state: checkItems = []<br/>selectedIndices provided externally
User->>Data: Change tableData
Data->>Reset: Trigger
Reset->>Table: Set checkItems = [false...]
Reset-->>Header: Set checkAll = false
User->>Table: Update selections (selectedIndices)
Table->>Sync: Trigger
Sync->>Table: For each index: checkItems[i] = selectedIndices.includes(i)
Sync-->>Header: Update checkAll based on all-checked
Note right of Sync: Logs per-checkbox and final states
Loading

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Poem

I tick and I tock with a checkbox cheer,
Logs like carrots, crunchy and clear.
Reset the rows, align each ear—
Select them all? The path is near.
Hop, sync, hop—no fear, no fall,
A tidy warren for “check all.” 🥕


📜 Recent review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

💡 Knowledge Base configuration:

  • MCP integration is disabled by default for public repositories
  • Jira integration is disabled by default for public repositories
  • Linear integration is disabled by default for public repositories

You can enable these sources in your CodeRabbit configuration.

📥 Commits

Reviewing files that changed from the base of the PR and between 2cb9322 and ab02690.

📒 Files selected for processing (2)
  • infrastructure/control-panel/src/lib/ui/Table/Table.svelte (1 hunks)
  • infrastructure/control-panel/src/routes/+page.svelte (1 hunks)
✨ Finishing Touches
🧪 Generate unit tests
  • Create PR with unit tests
  • Post copyable unit tests in a comment
  • Commit unit tests in branch fix/control-panel-selection

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share
🪧 Tips

Chat

There are 3 ways to chat with CodeRabbit:

  • Review comments: Directly reply to a review comment made by CodeRabbit. Example:
    • I pushed a fix in commit <commit_id>, please review it.
    • Open a follow-up GitHub issue for this discussion.
  • Files and specific lines of code (under the "Files changed" tab): Tag @coderabbitai in a new review comment at the desired location with your query.
  • PR comments: Tag @coderabbitai in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
    • @coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.
    • @coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.

Support

Need help? Create a ticket on our support page for assistance with any issues or questions.

CodeRabbit Commands (Invoked using PR/Issue comments)

Type @coderabbitai help to get the list of available commands.

Other keywords and placeholders

  • Add @coderabbitai ignore anywhere in the PR description to prevent this PR from being reviewed.
  • Add @coderabbitai summary to generate the high-level summary at a specific location in the PR description.
  • Add @coderabbitai anywhere in the PR title to generate the title automatically.

CodeRabbit Configuration File (.coderabbit.yaml)

  • You can programmatically configure CodeRabbit by adding a .coderabbit.yaml file to the root of your repository.
  • Please see the configuration documentation for more information.
  • If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: # yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json

Status, Documentation and Community

  • Visit our Status Page to check the current availability of CodeRabbit.
  • Visit our Documentation for detailed information on how to use CodeRabbit.
  • Join our Discord Community to get help, request features, and share feedback.
  • Follow us on X/Twitter for updates and announcements.

@coodos
coodos deleted the fix/control-panel-selection branch August 23, 2025 20:03
@coderabbitaicoderabbitaiBot mentioned this pull request Aug 25, 2025
6 tasks
coodos added a commit that referenced this pull request Nov 4, 2025
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant

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

fix: control panel selection - #319

Merged
coodos merged 1 commit into
mainfrom
fix/control-panel-selection
Aug 23, 2025
Merged

fix: control panel selection#319
coodos merged 1 commit into
mainfrom
fix/control-panel-selection

Conversation

@coodos

@coodoscoodos commented Aug 23, 2025

Copy link
Copy Markdown
Contributor

Description of change

Issue Number

Type of change

  • Breaking (any change that would cause existing functionality to not work as expected)
  • New (a change which implements a new feature)
  • Update (a change which updates existing functionality)
  • Fix (a change which fixes an issue)
  • Docs (changes to the documentation)
  • Chore (refactoring, build scripts or anything else that isn't user-facing)

How the change has been tested

Change checklist

  • I have ensured that the CI Checks pass locally
  • I have removed any unnecessary logic
  • My code is well documented
  • I have signed my commits
  • My code follows the pattern of the application
  • I have self reviewed my code

Summary by CodeRabbit

  • Bug Fixes
    • Improved reliability of table selection checkboxes: item checkboxes now stay in sync with selected items, the “Select All” header accurately reflects current selections, and selection states reset appropriately when table data changes.
  • Chores
    • Added diagnostic logging around selection and “Select All” actions to support troubleshooting without changing user-facing behavior.

@coodos
coodos merged commit 32c3498 into mainAug 23, 2025
0 of 3 checks passed
@coderabbitai

coderabbitaiBot commented Aug 23, 2025

Copy link
Copy Markdown
Contributor

Caution

Review failed

The pull request is closed.

Walkthrough

Introduces state-based checkbox management in Table.svelte with effects to reset and sync check states to tableData and selectedIndices, plus detailed debug logging. Adds debug logs to “select all” handlers in +page.svelte. No public API changes.

Changes

Cohort / File(s)Summary
Table checkbox state sync
infrastructure/control-panel/src/lib/ui/Table/Table.svelte
Converted reactive array to state array for checkItems. Added effect to reset checkItems on tableData change. Expanded sync effect to compute per-index shouldBeChecked, update checkAll, and add detailed logs. Core toggle handlers unchanged aside from new state shape.
Page-level select-all logging
infrastructure/control-panel/src/routes/+page.svelte
Added debug logs to handleSelectAllEVaults and handleSelectAllPlatforms, including invocation details, item counts, resulting selected indices, and persisted sessionStorage values. No logic or API changes.

Sequence Diagram(s)

sequenceDiagram
autonumber
actor User
participant Data as tableData
participant Table as Table.svelte
participant Reset as Effect: Reset on tableData
participant Sync as Effect: Sync on selectedIndices
participant Header as checkAll
Note over Table: Initialize state: checkItems = []<br/>selectedIndices provided externally
User->>Data: Change tableData
Data->>Reset: Trigger
Reset->>Table: Set checkItems = [false...]
Reset-->>Header: Set checkAll = false
User->>Table: Update selections (selectedIndices)
Table->>Sync: Trigger
Sync->>Table: For each index: checkItems[i] = selectedIndices.includes(i)
Sync-->>Header: Update checkAll based on all-checked
Note right of Sync: Logs per-checkbox and final states
Loading

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Poem

I tick and I tock with a checkbox cheer,
Logs like carrots, crunchy and clear.
Reset the rows, align each ear—
Select them all? The path is near.
Hop, sync, hop—no fear, no fall,
A tidy warren for “check all.” 🥕


📜 Recent review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

💡 Knowledge Base configuration:

  • MCP integration is disabled by default for public repositories
  • Jira integration is disabled by default for public repositories
  • Linear integration is disabled by default for public repositories

You can enable these sources in your CodeRabbit configuration.

📥 Commits

Reviewing files that changed from the base of the PR and between 2cb9322 and ab02690.

📒 Files selected for processing (2)
  • infrastructure/control-panel/src/lib/ui/Table/Table.svelte (1 hunks)
  • infrastructure/control-panel/src/routes/+page.svelte (1 hunks)
✨ Finishing Touches
🧪 Generate unit tests
  • Create PR with unit tests
  • Post copyable unit tests in a comment
  • Commit unit tests in branch fix/control-panel-selection

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share
🪧 Tips

Chat

There are 3 ways to chat with CodeRabbit:

  • Review comments: Directly reply to a review comment made by CodeRabbit. Example:
    • I pushed a fix in commit <commit_id>, please review it.
    • Open a follow-up GitHub issue for this discussion.
  • Files and specific lines of code (under the "Files changed" tab): Tag @coderabbitai in a new review comment at the desired location with your query.
  • PR comments: Tag @coderabbitai in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
    • @coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.
    • @coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.

Support

Need help? Create a ticket on our support page for assistance with any issues or questions.

CodeRabbit Commands (Invoked using PR/Issue comments)

Type @coderabbitai help to get the list of available commands.

Other keywords and placeholders

  • Add @coderabbitai ignore anywhere in the PR description to prevent this PR from being reviewed.
  • Add @coderabbitai summary to generate the high-level summary at a specific location in the PR description.
  • Add @coderabbitai anywhere in the PR title to generate the title automatically.

CodeRabbit Configuration File (.coderabbit.yaml)

  • You can programmatically configure CodeRabbit by adding a .coderabbit.yaml file to the root of your repository.
  • Please see the configuration documentation for more information.
  • If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: # yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json

Status, Documentation and Community

  • Visit our Status Page to check the current availability of CodeRabbit.
  • Visit our Documentation for detailed information on how to use CodeRabbit.
  • Join our Discord Community to get help, request features, and share feedback.
  • Follow us on X/Twitter for updates and announcements.

@coodos
coodos deleted the fix/control-panel-selection branch August 23, 2025 20:03
@coderabbitaicoderabbitaiBot mentioned this pull request Aug 25, 2025
6 tasks
coodos added a commit that referenced this pull request Nov 4, 2025
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant

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

fix: control panel selection - #319

Merged
coodos merged 1 commit into
mainfrom
fix/control-panel-selection
Aug 23, 2025
Merged

fix: control panel selection#319
coodos merged 1 commit into
mainfrom
fix/control-panel-selection

Conversation

@coodos

@coodoscoodos commented Aug 23, 2025

Copy link
Copy Markdown
Contributor

Description of change

Issue Number

Type of change

  • Breaking (any change that would cause existing functionality to not work as expected)
  • New (a change which implements a new feature)
  • Update (a change which updates existing functionality)
  • Fix (a change which fixes an issue)
  • Docs (changes to the documentation)
  • Chore (refactoring, build scripts or anything else that isn't user-facing)

How the change has been tested

Change checklist

  • I have ensured that the CI Checks pass locally
  • I have removed any unnecessary logic
  • My code is well documented
  • I have signed my commits
  • My code follows the pattern of the application
  • I have self reviewed my code

Summary by CodeRabbit

  • Bug Fixes
    • Improved reliability of table selection checkboxes: item checkboxes now stay in sync with selected items, the “Select All” header accurately reflects current selections, and selection states reset appropriately when table data changes.
  • Chores
    • Added diagnostic logging around selection and “Select All” actions to support troubleshooting without changing user-facing behavior.

@coodos
coodos merged commit 32c3498 into mainAug 23, 2025
0 of 3 checks passed
@coderabbitai

coderabbitaiBot commented Aug 23, 2025

Copy link
Copy Markdown
Contributor

Caution

Review failed

The pull request is closed.

Walkthrough

Introduces state-based checkbox management in Table.svelte with effects to reset and sync check states to tableData and selectedIndices, plus detailed debug logging. Adds debug logs to “select all” handlers in +page.svelte. No public API changes.

Changes

Cohort / File(s)Summary
Table checkbox state sync
infrastructure/control-panel/src/lib/ui/Table/Table.svelte
Converted reactive array to state array for checkItems. Added effect to reset checkItems on tableData change. Expanded sync effect to compute per-index shouldBeChecked, update checkAll, and add detailed logs. Core toggle handlers unchanged aside from new state shape.
Page-level select-all logging
infrastructure/control-panel/src/routes/+page.svelte
Added debug logs to handleSelectAllEVaults and handleSelectAllPlatforms, including invocation details, item counts, resulting selected indices, and persisted sessionStorage values. No logic or API changes.

Sequence Diagram(s)

sequenceDiagram
autonumber
actor User
participant Data as tableData
participant Table as Table.svelte
participant Reset as Effect: Reset on tableData
participant Sync as Effect: Sync on selectedIndices
participant Header as checkAll
Note over Table: Initialize state: checkItems = []<br/>selectedIndices provided externally
User->>Data: Change tableData
Data->>Reset: Trigger
Reset->>Table: Set checkItems = [false...]
Reset-->>Header: Set checkAll = false
User->>Table: Update selections (selectedIndices)
Table->>Sync: Trigger
Sync->>Table: For each index: checkItems[i] = selectedIndices.includes(i)
Sync-->>Header: Update checkAll based on all-checked
Note right of Sync: Logs per-checkbox and final states
Loading

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Poem

I tick and I tock with a checkbox cheer,
Logs like carrots, crunchy and clear.
Reset the rows, align each ear—
Select them all? The path is near.
Hop, sync, hop—no fear, no fall,
A tidy warren for “check all.” 🥕


📜 Recent review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

💡 Knowledge Base configuration:

  • MCP integration is disabled by default for public repositories
  • Jira integration is disabled by default for public repositories
  • Linear integration is disabled by default for public repositories

You can enable these sources in your CodeRabbit configuration.

📥 Commits

Reviewing files that changed from the base of the PR and between 2cb9322 and ab02690.

📒 Files selected for processing (2)
  • infrastructure/control-panel/src/lib/ui/Table/Table.svelte (1 hunks)
  • infrastructure/control-panel/src/routes/+page.svelte (1 hunks)
✨ Finishing Touches
🧪 Generate unit tests
  • Create PR with unit tests
  • Post copyable unit tests in a comment
  • Commit unit tests in branch fix/control-panel-selection

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share
🪧 Tips

Chat

There are 3 ways to chat with CodeRabbit:

  • Review comments: Directly reply to a review comment made by CodeRabbit. Example:
    • I pushed a fix in commit <commit_id>, please review it.
    • Open a follow-up GitHub issue for this discussion.
  • Files and specific lines of code (under the "Files changed" tab): Tag @coderabbitai in a new review comment at the desired location with your query.
  • PR comments: Tag @coderabbitai in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
    • @coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.
    • @coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.

Support

Need help? Create a ticket on our support page for assistance with any issues or questions.

CodeRabbit Commands (Invoked using PR/Issue comments)

Type @coderabbitai help to get the list of available commands.

Other keywords and placeholders

  • Add @coderabbitai ignore anywhere in the PR description to prevent this PR from being reviewed.
  • Add @coderabbitai summary to generate the high-level summary at a specific location in the PR description.
  • Add @coderabbitai anywhere in the PR title to generate the title automatically.

CodeRabbit Configuration File (.coderabbit.yaml)

  • You can programmatically configure CodeRabbit by adding a .coderabbit.yaml file to the root of your repository.
  • Please see the configuration documentation for more information.
  • If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: # yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json

Status, Documentation and Community

  • Visit our Status Page to check the current availability of CodeRabbit.
  • Visit our Documentation for detailed information on how to use CodeRabbit.
  • Join our Discord Community to get help, request features, and share feedback.
  • Follow us on X/Twitter for updates and announcements.

@coodos
coodos deleted the fix/control-panel-selection branch August 23, 2025 20:03
@coderabbitaicoderabbitaiBot mentioned this pull request Aug 25, 2025
6 tasks
coodos added a commit that referenced this pull request Nov 4, 2025
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant

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

fix: control panel selection - #319

Merged
coodos merged 1 commit into
mainfrom
fix/control-panel-selection
Aug 23, 2025
Merged

fix: control panel selection#319
coodos merged 1 commit into
mainfrom
fix/control-panel-selection

Conversation

@coodos

@coodoscoodos commented Aug 23, 2025

Copy link
Copy Markdown
Contributor

Description of change

Issue Number

Type of change

  • Breaking (any change that would cause existing functionality to not work as expected)
  • New (a change which implements a new feature)
  • Update (a change which updates existing functionality)
  • Fix (a change which fixes an issue)
  • Docs (changes to the documentation)
  • Chore (refactoring, build scripts or anything else that isn't user-facing)

How the change has been tested

Change checklist

  • I have ensured that the CI Checks pass locally
  • I have removed any unnecessary logic
  • My code is well documented
  • I have signed my commits
  • My code follows the pattern of the application
  • I have self reviewed my code

Summary by CodeRabbit

  • Bug Fixes
    • Improved reliability of table selection checkboxes: item checkboxes now stay in sync with selected items, the “Select All” header accurately reflects current selections, and selection states reset appropriately when table data changes.
  • Chores
    • Added diagnostic logging around selection and “Select All” actions to support troubleshooting without changing user-facing behavior.

@coodos
coodos merged commit 32c3498 into mainAug 23, 2025
0 of 3 checks passed
@coderabbitai

coderabbitaiBot commented Aug 23, 2025

Copy link
Copy Markdown
Contributor

Caution

Review failed

The pull request is closed.

Walkthrough

Introduces state-based checkbox management in Table.svelte with effects to reset and sync check states to tableData and selectedIndices, plus detailed debug logging. Adds debug logs to “select all” handlers in +page.svelte. No public API changes.

Changes

Cohort / File(s)Summary
Table checkbox state sync
infrastructure/control-panel/src/lib/ui/Table/Table.svelte
Converted reactive array to state array for checkItems. Added effect to reset checkItems on tableData change. Expanded sync effect to compute per-index shouldBeChecked, update checkAll, and add detailed logs. Core toggle handlers unchanged aside from new state shape.
Page-level select-all logging
infrastructure/control-panel/src/routes/+page.svelte
Added debug logs to handleSelectAllEVaults and handleSelectAllPlatforms, including invocation details, item counts, resulting selected indices, and persisted sessionStorage values. No logic or API changes.

Sequence Diagram(s)

sequenceDiagram
autonumber
actor User
participant Data as tableData
participant Table as Table.svelte
participant Reset as Effect: Reset on tableData
participant Sync as Effect: Sync on selectedIndices
participant Header as checkAll
Note over Table: Initialize state: checkItems = []<br/>selectedIndices provided externally
User->>Data: Change tableData
Data->>Reset: Trigger
Reset->>Table: Set checkItems = [false...]
Reset-->>Header: Set checkAll = false
User->>Table: Update selections (selectedIndices)
Table->>Sync: Trigger
Sync->>Table: For each index: checkItems[i] = selectedIndices.includes(i)
Sync-->>Header: Update checkAll based on all-checked
Note right of Sync: Logs per-checkbox and final states
Loading

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Poem

I tick and I tock with a checkbox cheer,
Logs like carrots, crunchy and clear.
Reset the rows, align each ear—
Select them all? The path is near.
Hop, sync, hop—no fear, no fall,
A tidy warren for “check all.” 🥕


📜 Recent review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

💡 Knowledge Base configuration:

  • MCP integration is disabled by default for public repositories
  • Jira integration is disabled by default for public repositories
  • Linear integration is disabled by default for public repositories

You can enable these sources in your CodeRabbit configuration.

📥 Commits

Reviewing files that changed from the base of the PR and between 2cb9322 and ab02690.

📒 Files selected for processing (2)
  • infrastructure/control-panel/src/lib/ui/Table/Table.svelte (1 hunks)
  • infrastructure/control-panel/src/routes/+page.svelte (1 hunks)
✨ Finishing Touches
🧪 Generate unit tests
  • Create PR with unit tests
  • Post copyable unit tests in a comment
  • Commit unit tests in branch fix/control-panel-selection

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share
🪧 Tips

Chat

There are 3 ways to chat with CodeRabbit:

  • Review comments: Directly reply to a review comment made by CodeRabbit. Example:
    • I pushed a fix in commit <commit_id>, please review it.
    • Open a follow-up GitHub issue for this discussion.
  • Files and specific lines of code (under the "Files changed" tab): Tag @coderabbitai in a new review comment at the desired location with your query.
  • PR comments: Tag @coderabbitai in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
    • @coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.
    • @coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.

Support

Need help? Create a ticket on our support page for assistance with any issues or questions.

CodeRabbit Commands (Invoked using PR/Issue comments)

Type @coderabbitai help to get the list of available commands.

Other keywords and placeholders

  • Add @coderabbitai ignore anywhere in the PR description to prevent this PR from being reviewed.
  • Add @coderabbitai summary to generate the high-level summary at a specific location in the PR description.
  • Add @coderabbitai anywhere in the PR title to generate the title automatically.

CodeRabbit Configuration File (.coderabbit.yaml)

  • You can programmatically configure CodeRabbit by adding a .coderabbit.yaml file to the root of your repository.
  • Please see the configuration documentation for more information.
  • If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: # yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json

Status, Documentation and Community

  • Visit our Status Page to check the current availability of CodeRabbit.
  • Visit our Documentation for detailed information on how to use CodeRabbit.
  • Join our Discord Community to get help, request features, and share feedback.
  • Follow us on X/Twitter for updates and announcements.

@coodos
coodos deleted the fix/control-panel-selection branch August 23, 2025 20:03
@coderabbitaicoderabbitaiBot mentioned this pull request Aug 25, 2025
6 tasks
coodos added a commit that referenced this pull request Nov 4, 2025
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant

@coodos
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Auto-enable theater mode on YouTube\n(function() {\n function tryTheater() {\n var btn = document.querySelector('button[aria-label=\"Theater mode\"], ytd-player #player button[title=\"Theater mode\"]');\n if (btn && !btn.classList.contains('activated')) {\n btn.click();\n }\n }\n \n // Try immediately\n tryTheater();\n \n // Try after navigation (SPA)\n var lastUrl = location.href;\n setInterval(function() {\n if (location.href !== lastUrl) {\n lastUrl = location.href;\n setTimeout(tryTheater, 500);\n }\n }, 1000);\n \n // Also try on player load\n var observer = new MutationObserver(tryTheater);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "YouTube Theater Mode Default"); } } catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

fix: control panel selection - #319

Merged
coodos merged 1 commit into
mainfrom
fix/control-panel-selection
Aug 23, 2025
Merged

fix: control panel selection#319
coodos merged 1 commit into
mainfrom
fix/control-panel-selection

Conversation

@coodos

@coodoscoodos commented Aug 23, 2025

Copy link
Copy Markdown
Contributor

Description of change

Issue Number

Type of change

  • Breaking (any change that would cause existing functionality to not work as expected)
  • New (a change which implements a new feature)
  • Update (a change which updates existing functionality)
  • Fix (a change which fixes an issue)
  • Docs (changes to the documentation)
  • Chore (refactoring, build scripts or anything else that isn't user-facing)

How the change has been tested

Change checklist

  • I have ensured that the CI Checks pass locally
  • I have removed any unnecessary logic
  • My code is well documented
  • I have signed my commits
  • My code follows the pattern of the application
  • I have self reviewed my code

Summary by CodeRabbit

  • Bug Fixes
    • Improved reliability of table selection checkboxes: item checkboxes now stay in sync with selected items, the “Select All” header accurately reflects current selections, and selection states reset appropriately when table data changes.
  • Chores
    • Added diagnostic logging around selection and “Select All” actions to support troubleshooting without changing user-facing behavior.

@coodos
coodos merged commit 32c3498 into mainAug 23, 2025
0 of 3 checks passed
@coderabbitai

coderabbitaiBot commented Aug 23, 2025

Copy link
Copy Markdown
Contributor

Caution

Review failed

The pull request is closed.

Walkthrough

Introduces state-based checkbox management in Table.svelte with effects to reset and sync check states to tableData and selectedIndices, plus detailed debug logging. Adds debug logs to “select all” handlers in +page.svelte. No public API changes.

Changes

Cohort / File(s)Summary
Table checkbox state sync
infrastructure/control-panel/src/lib/ui/Table/Table.svelte
Converted reactive array to state array for checkItems. Added effect to reset checkItems on tableData change. Expanded sync effect to compute per-index shouldBeChecked, update checkAll, and add detailed logs. Core toggle handlers unchanged aside from new state shape.
Page-level select-all logging
infrastructure/control-panel/src/routes/+page.svelte
Added debug logs to handleSelectAllEVaults and handleSelectAllPlatforms, including invocation details, item counts, resulting selected indices, and persisted sessionStorage values. No logic or API changes.

Sequence Diagram(s)

sequenceDiagram
autonumber
actor User
participant Data as tableData
participant Table as Table.svelte
participant Reset as Effect: Reset on tableData
participant Sync as Effect: Sync on selectedIndices
participant Header as checkAll
Note over Table: Initialize state: checkItems = []<br/>selectedIndices provided externally
User->>Data: Change tableData
Data->>Reset: Trigger
Reset->>Table: Set checkItems = [false...]
Reset-->>Header: Set checkAll = false
User->>Table: Update selections (selectedIndices)
Table->>Sync: Trigger
Sync->>Table: For each index: checkItems[i] = selectedIndices.includes(i)
Sync-->>Header: Update checkAll based on all-checked
Note right of Sync: Logs per-checkbox and final states
Loading

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Poem

I tick and I tock with a checkbox cheer,
Logs like carrots, crunchy and clear.
Reset the rows, align each ear—
Select them all? The path is near.
Hop, sync, hop—no fear, no fall,
A tidy warren for “check all.” 🥕


📜 Recent review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

💡 Knowledge Base configuration:

  • MCP integration is disabled by default for public repositories
  • Jira integration is disabled by default for public repositories
  • Linear integration is disabled by default for public repositories

You can enable these sources in your CodeRabbit configuration.

📥 Commits

Reviewing files that changed from the base of the PR and between 2cb9322 and ab02690.

📒 Files selected for processing (2)
  • infrastructure/control-panel/src/lib/ui/Table/Table.svelte (1 hunks)
  • infrastructure/control-panel/src/routes/+page.svelte (1 hunks)
✨ Finishing Touches
🧪 Generate unit tests
  • Create PR with unit tests
  • Post copyable unit tests in a comment
  • Commit unit tests in branch fix/control-panel-selection

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share
🪧 Tips

Chat

There are 3 ways to chat with CodeRabbit:

  • Review comments: Directly reply to a review comment made by CodeRabbit. Example:
    • I pushed a fix in commit <commit_id>, please review it.
    • Open a follow-up GitHub issue for this discussion.
  • Files and specific lines of code (under the "Files changed" tab): Tag @coderabbitai in a new review comment at the desired location with your query.
  • PR comments: Tag @coderabbitai in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
    • @coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.
    • @coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.

Support

Need help? Create a ticket on our support page for assistance with any issues or questions.

CodeRabbit Commands (Invoked using PR/Issue comments)

Type @coderabbitai help to get the list of available commands.

Other keywords and placeholders

  • Add @coderabbitai ignore anywhere in the PR description to prevent this PR from being reviewed.
  • Add @coderabbitai summary to generate the high-level summary at a specific location in the PR description.
  • Add @coderabbitai anywhere in the PR title to generate the title automatically.

CodeRabbit Configuration File (.coderabbit.yaml)

  • You can programmatically configure CodeRabbit by adding a .coderabbit.yaml file to the root of your repository.
  • Please see the configuration documentation for more information.
  • If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: # yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json

Status, Documentation and Community

  • Visit our Status Page to check the current availability of CodeRabbit.
  • Visit our Documentation for detailed information on how to use CodeRabbit.
  • Join our Discord Community to get help, request features, and share feedback.
  • Follow us on X/Twitter for updates and announcements.

@coodos
coodos deleted the fix/control-panel-selection branch August 23, 2025 20:03
@coderabbitaicoderabbitaiBot mentioned this pull request Aug 25, 2025
6 tasks
coodos added a commit that referenced this pull request Nov 4, 2025
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant

@coodos
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Remove or un-stick sticky/fixed headers that block content\n(function() {\n function unstick() {\n document.querySelectorAll('header, nav, [role=\"banner\"], .header, .navbar, .sticky, .fixed-top, [style*=\"position: fixed\"], [style*=\"position:sticky\"]').forEach(function(el) {\n if (el.style.position === 'fixed' || el.style.position === 'sticky' || \n getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {\n el.style.position = 'static';\n el.style.top = 'auto';\n el.style.zIndex = 'auto';\n }\n });\n }\n \n unstick();\n \n var observer = new MutationObserver(unstick);\n observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });\n})();", "Kill Sticky Headers"); } } catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

fix: control panel selection - #319

Merged
coodos merged 1 commit into
mainfrom
fix/control-panel-selection
Aug 23, 2025
Merged

fix: control panel selection#319
coodos merged 1 commit into
mainfrom
fix/control-panel-selection

Conversation

@coodos

@coodoscoodos commented Aug 23, 2025

Copy link
Copy Markdown
Contributor

Description of change

Issue Number

Type of change

  • Breaking (any change that would cause existing functionality to not work as expected)
  • New (a change which implements a new feature)
  • Update (a change which updates existing functionality)
  • Fix (a change which fixes an issue)
  • Docs (changes to the documentation)
  • Chore (refactoring, build scripts or anything else that isn't user-facing)

How the change has been tested

Change checklist

  • I have ensured that the CI Checks pass locally
  • I have removed any unnecessary logic
  • My code is well documented
  • I have signed my commits
  • My code follows the pattern of the application
  • I have self reviewed my code

Summary by CodeRabbit

  • Bug Fixes
    • Improved reliability of table selection checkboxes: item checkboxes now stay in sync with selected items, the “Select All” header accurately reflects current selections, and selection states reset appropriately when table data changes.
  • Chores
    • Added diagnostic logging around selection and “Select All” actions to support troubleshooting without changing user-facing behavior.

@coodos
coodos merged commit 32c3498 into mainAug 23, 2025
0 of 3 checks passed
@coderabbitai

coderabbitaiBot commented Aug 23, 2025

Copy link
Copy Markdown
Contributor

Caution

Review failed

The pull request is closed.

Walkthrough

Introduces state-based checkbox management in Table.svelte with effects to reset and sync check states to tableData and selectedIndices, plus detailed debug logging. Adds debug logs to “select all” handlers in +page.svelte. No public API changes.

Changes

Cohort / File(s)Summary
Table checkbox state sync
infrastructure/control-panel/src/lib/ui/Table/Table.svelte
Converted reactive array to state array for checkItems. Added effect to reset checkItems on tableData change. Expanded sync effect to compute per-index shouldBeChecked, update checkAll, and add detailed logs. Core toggle handlers unchanged aside from new state shape.
Page-level select-all logging
infrastructure/control-panel/src/routes/+page.svelte
Added debug logs to handleSelectAllEVaults and handleSelectAllPlatforms, including invocation details, item counts, resulting selected indices, and persisted sessionStorage values. No logic or API changes.

Sequence Diagram(s)

sequenceDiagram
autonumber
actor User
participant Data as tableData
participant Table as Table.svelte
participant Reset as Effect: Reset on tableData
participant Sync as Effect: Sync on selectedIndices
participant Header as checkAll
Note over Table: Initialize state: checkItems = []<br/>selectedIndices provided externally
User->>Data: Change tableData
Data->>Reset: Trigger
Reset->>Table: Set checkItems = [false...]
Reset-->>Header: Set checkAll = false
User->>Table: Update selections (selectedIndices)
Table->>Sync: Trigger
Sync->>Table: For each index: checkItems[i] = selectedIndices.includes(i)
Sync-->>Header: Update checkAll based on all-checked
Note right of Sync: Logs per-checkbox and final states
Loading

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Poem

I tick and I tock with a checkbox cheer,
Logs like carrots, crunchy and clear.
Reset the rows, align each ear—
Select them all? The path is near.
Hop, sync, hop—no fear, no fall,
A tidy warren for “check all.” 🥕


📜 Recent review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

💡 Knowledge Base configuration:

  • MCP integration is disabled by default for public repositories
  • Jira integration is disabled by default for public repositories
  • Linear integration is disabled by default for public repositories

You can enable these sources in your CodeRabbit configuration.

📥 Commits

Reviewing files that changed from the base of the PR and between 2cb9322 and ab02690.

📒 Files selected for processing (2)
  • infrastructure/control-panel/src/lib/ui/Table/Table.svelte (1 hunks)
  • infrastructure/control-panel/src/routes/+page.svelte (1 hunks)
✨ Finishing Touches
🧪 Generate unit tests
  • Create PR with unit tests
  • Post copyable unit tests in a comment
  • Commit unit tests in branch fix/control-panel-selection

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share
🪧 Tips

Chat

There are 3 ways to chat with CodeRabbit:

  • Review comments: Directly reply to a review comment made by CodeRabbit. Example:
    • I pushed a fix in commit <commit_id>, please review it.
    • Open a follow-up GitHub issue for this discussion.
  • Files and specific lines of code (under the "Files changed" tab): Tag @coderabbitai in a new review comment at the desired location with your query.
  • PR comments: Tag @coderabbitai in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
    • @coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.
    • @coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.

Support

Need help? Create a ticket on our support page for assistance with any issues or questions.

CodeRabbit Commands (Invoked using PR/Issue comments)

Type @coderabbitai help to get the list of available commands.

Other keywords and placeholders

  • Add @coderabbitai ignore anywhere in the PR description to prevent this PR from being reviewed.
  • Add @coderabbitai summary to generate the high-level summary at a specific location in the PR description.
  • Add @coderabbitai anywhere in the PR title to generate the title automatically.

CodeRabbit Configuration File (.coderabbit.yaml)

  • You can programmatically configure CodeRabbit by adding a .coderabbit.yaml file to the root of your repository.
  • Please see the configuration documentation for more information.
  • If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: # yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json

Status, Documentation and Community

  • Visit our Status Page to check the current availability of CodeRabbit.
  • Visit our Documentation for detailed information on how to use CodeRabbit.
  • Join our Discord Community to get help, request features, and share feedback.
  • Follow us on X/Twitter for updates and announcements.

@coodos
coodos deleted the fix/control-panel-selection branch August 23, 2025 20:03
@coderabbitaicoderabbitaiBot mentioned this pull request Aug 25, 2025
6 tasks
coodos added a commit that referenced this pull request Nov 4, 2025
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant

@coodos
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Universal Dark Mode - works on any site\n(function() {\n var enabled = true;\n \n function applyDarkMode() {\n if (!enabled) return;\n \n // Create style element if it doesn't exist\n var style = document.getElementById('universal-dark-mode-style');\n if (!style) {\n style = document.createElement('style');\n style.id = 'universal-dark-mode-style';\n document.head.appendChild(style);\n }\n \n // Dark mode CSS - inverts colors but preserves images/video\n style.textContent = '\n /* Invert everything except media */\n html {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #1a1a2e !important;\n }\n \n /* Restore images, videos, iframes, canvas */\n img, video, iframe, canvas, svg, picture, [style*=\"background-image\"] {\n filter: invert(1) hue-rotate(180deg) !important;\n }\n \n /* Preserve specific elements that should not be inverted */\n .no-dark-mode, .no-dark-mode *,\n [data-theme=\"light\"], [data-theme=\"light\"],\n .ace_editor, .ace_editor *,\n .CodeMirror, .CodeMirror *,\n .monaco-editor, .monaco-editor *,\n .markdown-body pre, .markdown-body pre *,\n .highlight, .highlight *,\n pre code, pre code * {\n filter: none !important;\n }\n \n /* Fix common UI elements */\n .modal, .popup, .dropdown-menu, .tooltip, .popover {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #2d2d44 !important;\n border-color: #444 !important;\n }\n \n /* Scrollbars */\n ::-webkit-scrollbar { background: #1a1a2e !important; }\n ::-webkit-scrollbar-thumb { background: #444 !important; }\n ::-webkit-scrollbar-thumb:hover { background: #555 !important; }\n \n /* Selection */\n ::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ';\n }\n \n function removeDarkMode() {\n var style = document.getElementById('universal-dark-mode-style');\n if (style) style.remove();\n }\n \n // Toggle with Alt+Shift+D\n document.addEventListener('keydown', function(e) {\n if (e.altKey && e.shiftKey && e.key === 'D') {\n e.preventDefault();\n enabled = !enabled;\n if (enabled) {\n applyDarkMode();\n console.log('[Universal Dark Mode] Enabled');\n } else {\n removeDarkMode();\n console.log('[Universal Dark Mode] Disabled');\n }\n }\n });\n \n // Apply on load\n applyDarkMode();\n \n // Re-apply on dynamic content\n var observer = new MutationObserver(function(mutations) {\n if (enabled && !document.getElementById('universal-dark-mode-style')) {\n applyDarkMode();\n }\n });\n observer.observe(document.head, { childList: true });\n \n console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');\n})();", "Universal Dark Mode"); } } catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); } })(); })();
Skip to content

fix: control panel selection - #319

Merged
coodos merged 1 commit into
mainfrom
fix/control-panel-selection
Aug 23, 2025
Merged

fix: control panel selection#319
coodos merged 1 commit into
mainfrom
fix/control-panel-selection

Conversation

@coodos

@coodoscoodos commented Aug 23, 2025

Copy link
Copy Markdown
Contributor

Description of change

Issue Number

Type of change

  • Breaking (any change that would cause existing functionality to not work as expected)
  • New (a change which implements a new feature)
  • Update (a change which updates existing functionality)
  • Fix (a change which fixes an issue)
  • Docs (changes to the documentation)
  • Chore (refactoring, build scripts or anything else that isn't user-facing)

How the change has been tested

Change checklist

  • I have ensured that the CI Checks pass locally
  • I have removed any unnecessary logic
  • My code is well documented
  • I have signed my commits
  • My code follows the pattern of the application
  • I have self reviewed my code

Summary by CodeRabbit

  • Bug Fixes
    • Improved reliability of table selection checkboxes: item checkboxes now stay in sync with selected items, the “Select All” header accurately reflects current selections, and selection states reset appropriately when table data changes.
  • Chores
    • Added diagnostic logging around selection and “Select All” actions to support troubleshooting without changing user-facing behavior.

@coodos
coodos merged commit 32c3498 into mainAug 23, 2025
0 of 3 checks passed
@coderabbitai

coderabbitaiBot commented Aug 23, 2025

Copy link
Copy Markdown
Contributor

Caution

Review failed

The pull request is closed.

Walkthrough

Introduces state-based checkbox management in Table.svelte with effects to reset and sync check states to tableData and selectedIndices, plus detailed debug logging. Adds debug logs to “select all” handlers in +page.svelte. No public API changes.

Changes

Cohort / File(s)Summary
Table checkbox state sync
infrastructure/control-panel/src/lib/ui/Table/Table.svelte
Converted reactive array to state array for checkItems. Added effect to reset checkItems on tableData change. Expanded sync effect to compute per-index shouldBeChecked, update checkAll, and add detailed logs. Core toggle handlers unchanged aside from new state shape.
Page-level select-all logging
infrastructure/control-panel/src/routes/+page.svelte
Added debug logs to handleSelectAllEVaults and handleSelectAllPlatforms, including invocation details, item counts, resulting selected indices, and persisted sessionStorage values. No logic or API changes.

Sequence Diagram(s)

sequenceDiagram
autonumber
actor User
participant Data as tableData
participant Table as Table.svelte
participant Reset as Effect: Reset on tableData
participant Sync as Effect: Sync on selectedIndices
participant Header as checkAll
Note over Table: Initialize state: checkItems = []<br/>selectedIndices provided externally
User->>Data: Change tableData
Data->>Reset: Trigger
Reset->>Table: Set checkItems = [false...]
Reset-->>Header: Set checkAll = false
User->>Table: Update selections (selectedIndices)
Table->>Sync: Trigger
Sync->>Table: For each index: checkItems[i] = selectedIndices.includes(i)
Sync-->>Header: Update checkAll based on all-checked
Note right of Sync: Logs per-checkbox and final states
Loading

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Poem

I tick and I tock with a checkbox cheer,
Logs like carrots, crunchy and clear.
Reset the rows, align each ear—
Select them all? The path is near.
Hop, sync, hop—no fear, no fall,
A tidy warren for “check all.” 🥕


📜 Recent review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

💡 Knowledge Base configuration:

  • MCP integration is disabled by default for public repositories
  • Jira integration is disabled by default for public repositories
  • Linear integration is disabled by default for public repositories

You can enable these sources in your CodeRabbit configuration.

📥 Commits

Reviewing files that changed from the base of the PR and between 2cb9322 and ab02690.

📒 Files selected for processing (2)
  • infrastructure/control-panel/src/lib/ui/Table/Table.svelte (1 hunks)
  • infrastructure/control-panel/src/routes/+page.svelte (1 hunks)
✨ Finishing Touches
🧪 Generate unit tests
  • Create PR with unit tests
  • Post copyable unit tests in a comment
  • Commit unit tests in branch fix/control-panel-selection

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share
🪧 Tips

Chat

There are 3 ways to chat with CodeRabbit:

  • Review comments: Directly reply to a review comment made by CodeRabbit. Example:
    • I pushed a fix in commit <commit_id>, please review it.
    • Open a follow-up GitHub issue for this discussion.
  • Files and specific lines of code (under the "Files changed" tab): Tag @coderabbitai in a new review comment at the desired location with your query.
  • PR comments: Tag @coderabbitai in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
    • @coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.
    • @coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.

Support

Need help? Create a ticket on our support page for assistance with any issues or questions.

CodeRabbit Commands (Invoked using PR/Issue comments)

Type @coderabbitai help to get the list of available commands.

Other keywords and placeholders

  • Add @coderabbitai ignore anywhere in the PR description to prevent this PR from being reviewed.
  • Add @coderabbitai summary to generate the high-level summary at a specific location in the PR description.
  • Add @coderabbitai anywhere in the PR title to generate the title automatically.

CodeRabbit Configuration File (.coderabbit.yaml)

  • You can programmatically configure CodeRabbit by adding a .coderabbit.yaml file to the root of your repository.
  • Please see the configuration documentation for more information.
  • If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: # yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json

Status, Documentation and Community

  • Visit our Status Page to check the current availability of CodeRabbit.
  • Visit our Documentation for detailed information on how to use CodeRabbit.
  • Join our Discord Community to get help, request features, and share feedback.
  • Follow us on X/Twitter for updates and announcements.

@coodos
coodos deleted the fix/control-panel-selection branch August 23, 2025 20:03
@coderabbitaicoderabbitaiBot mentioned this pull request Aug 25, 2025
6 tasks
coodos added a commit that referenced this pull request Nov 4, 2025
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant

@coodos