Skip to content

Add activity balance history view to visuals#150

Merged
LennartvdM merged 1 commit into
mainfrom
codex/add-activity-balance-history-barcode-feature
Nov 15, 2025
Merged

Add activity balance history view to visuals#150
LennartvdM merged 1 commit into
mainfrom
codex/add-activity-balance-history-barcode-feature

Conversation

@LennartvdM
Copy link
Copy Markdown
Owner

Summary

  • add an ActivityBalanceHistory component that renders session snapshots as a stacked "barcode" of balance bars
  • capture balance snapshots in the radial urchin, wire up the share bar toggle, and collapse the canvas when history is open
  • update styling and the share bar to expose the new history affordance in the dark theme

Testing

  • node --test

Codex Task

@netlify
Copy link
Copy Markdown

netlify Bot commented Nov 15, 2025

Deploy Preview for wyrrdmaek ready!

Name Link
🔨 Latest commit c8db6ba
🔍 Latest deploy log https://app.netlify.com/projects/wyrrdmaek/deploys/691857c7f110630008983f96
😎 Deploy Preview https://deploy-preview-150--wyrrdmaek.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Copy link
Copy Markdown

@chatgpt-codex-connector chatgpt-codex-connector Bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💡 Codex Review

Here are some automated review suggestions for this pull request.

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

Comment on lines +153 to +165
showTooltip(event, entry, segment) {
const percentValue = Math.round(segment.percentage * 100);
const durationLabel = formatDuration(Math.round(segment.minutes));
const headerParts = [];
if (entry.label) {
headerParts.push(`<strong>${entry.label}</strong>`);
}
if (entry.timestampLabel) {
headerParts.push(`<span class="meta">${entry.timestampLabel}</span>`);
}
const header = headerParts.join('');
this.tooltip.innerHTML = `${header}<span>${segment.label}</span><span>${durationLabel}</span><span>${percentValue}%</span>`;
this.tooltip.hidden = false;
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

P1 Badge Escape tooltip content in history view

The new ActivityBalanceHistory tooltip builds HTML strings with user‑controlled fields (entry.label, entry.timestampLabel, and segment.label) and assigns them directly via innerHTML. Activity labels originate from schedule data, so a user can supply values like <img src=x onerror=alert(1)>, run the generator, hover a history segment, and have that markup executed in the visuals tab. This introduces a cross‑site scripting hole that did not exist before this component was added. Please render these values via textContent (or escape them) instead of concatenating raw strings.

Useful? React with 👍 / 👎.

@LennartvdM LennartvdM merged commit 133c940 into main Nov 15, 2025
5 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant