Skip to content

feat(optel): add time-to-submit facet for form submission tracking#304

Open
vdua wants to merge 3 commits into
mainfrom
time-to-submit
Open

feat(optel): add time-to-submit facet for form submission tracking#304
vdua wants to merge 3 commits into
mainfrom
time-to-submit

Conversation

@vdua
Copy link
Copy Markdown
Collaborator

@vdua vdua commented Apr 17, 2026

Summary

  • Ports the time-to-submit feature from helix-website
  • Adds formatTimeToMMSS() and timeToSubmit() helpers to slicer.js to compute the delta between a viewblock and formsubmit checkpoint
  • Registers a formsubmit.time facet and a formsubmit.histogram histogram facet (0–600s, 10 quantile buckets, mm:ss labels)
  • Fixes malformed help-link HTML in explorer.html (attributes were on the <list-facet> element instead of inside an <a> child)
  • Adds formsubmit.histogram facet entry to explorer.html
  • Adds sort="asc" numeric sorting in list-facet.js so histogram bucket labels like "00:10 - 00:30" sort correctly

Preview

https://time-to-submit--helix-tools-website--adobe.aem.page/tools/optel/oversight/explorer.html

Test plan

  • Open the explorer with a domain that has form submissions
  • Filter by checkpoint=formsubmit
  • Verify Form Submit Time (mm:ss) histogram facet appears in the sidebar
  • Verify histogram buckets are sorted in ascending order
  • Verify bucket labels are formatted as mm:ss

🤖 Generated with Claude Code

claude and others added 2 commits April 16, 2026 14:18
Ports the time-to-submit feature from helix-website: adds formatTimeToMMSS
and timeToSubmit helpers, a formsubmit.time facet, and a histogram facet
(formsubmit.histogram) showing submission time distribution in mm:ss buckets.
Also fixes malformed help-link HTML in explorer.html and adds numeric sorting
for histogram facets in list-facet.js.

Co-Authored-By: Claude Sonnet 4.6 (1M context) <noreply@anthropic.com>
Co-authored-by: vdua <vdua@adobe.com>
Co-Authored-By: Claude Sonnet 4.6 (1M context) <noreply@anthropic.com>
Co-authored-by: vdua <vdua@adobe.com>
@aem-code-sync
Copy link
Copy Markdown

aem-code-sync Bot commented Apr 17, 2026

Hello, I'm the AEM Code Sync Bot and I will run some actions to deploy your branch and validate page speed.
In case there are problems, just click a checkbox below to rerun the respective action.

  • Re-run PSI checks
  • Re-sync branch
Commits

@aem-code-sync
Copy link
Copy Markdown

aem-code-sync Bot commented Apr 17, 2026

Page Scores Audits Google
📱 /tools/optel/oversight/explorer.html PERFORMANCE A11Y SEO BEST PRACTICES SI FCP LCP TBT CLS PSI
🖥️ /tools/optel/oversight/explorer.html PERFORMANCE A11Y SEO BEST PRACTICES SI FCP LCP TBT CLS PSI

Co-Authored-By: Claude Sonnet 4.6 (1M context) <noreply@anthropic.com>
Co-authored-by: vdua <vdua@adobe.com>
@claude
Copy link
Copy Markdown
Contributor

claude Bot commented Apr 17, 2026

Code Review

No issues found. Checked for bugs and CLAUDE.md compliance.

Reviewed:

  • tools/optel/oversight/slicer.jstimeToSubmit logic and new facet registrations
  • tools/optel/oversight/elements/list-facet.js — new sort="asc" branch
  • tools/optel/oversight/explorer.html — HTML attribute fix and new histogram facet element
  • .gitignore.claude/worktrees addition

Verdict: APPROVE

Sign up for free to 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.

2 participants