🎨 Palette: HTML 리포트에 tabular-nums 적용하여 가독성 개선 by seonghobae · Pull Request #239 · ContextualWisdomLab/fast-mlsirm

seonghobae · 2026-07-24T07:23:51Z

💡 What:

Python으로 동적 생성되는 HTML 리포트의 기본 CSS에 font-variant-numeric: tabular-nums;를 추가했습니다.

🎯 Why:

숫자 데이터가 많은 리포트에서 가변 폭 폰트로 인해 숫자들이 수직으로 깔끔하게 정렬되지 않아 데이터를 읽고 스캔하기 어려운 문제가 있었습니다. 고정 폭 숫자(tabular nums)를 적용하면 데이터 가독성이 크게 향상됩니다.

📸 Before/After:

(해당 변경 사항은 시각적 정렬 개선을 위한 것으로, 스크린샷은 첨부하지 않습니다.)

♿ Accessibility:

표 형태의 숫자를 더 명확하게 구분하고 읽기 쉽게 만들어 인지적 접근성을 향상시킵니다. 데이터가 많은 리포트에서 눈의 피로를 줄이고 빠르게 정보를 파악할 수 있도록 돕습니다.

PR created automatically by Jules for task 6703046462896627675 started by @seonghobae

Summary by CodeRabbit

개선 사항
- HTML 진단 리포트의 숫자가 고정된 너비로 표시되어 열 단위 정렬이 향상되었습니다.
- 숫자가 많은 리포트에서도 가독성과 일관성이 개선되었습니다.
문서
- 숫자 열 정렬을 위한 스타일 적용 지침을 추가했습니다.

google-labs-jules · 2026-07-24T07:23:53Z

👋 Jules, reporting for duty! I'm here to lend a hand with this pull request.

When you start a review, I'll add a 👀 emoji to each comment to let you know I've read it. I'll focus on feedback directed at me and will do my best to stay out of conversations between you and other bots or reviewers to keep the noise down.

I'll push a commit with your requested changes shortly after. Please note there might be a delay between these steps, but rest assured I'm on the job!

For more direct control, you can switch me to Reactive Mode. When this mode is on, I will only act on comments where you specifically mention me with @jules. You can find this option in the Pull Request section of your global Jules UI settings. You can always switch back!

New to Jules? Learn more at jules.google/docs.

For security, I will only act on instructions from the user who triggered this task.

Copilot

Pull request overview

This PR improves the readability of the dynamically generated HTML reports by enabling tabular numerals in the base report CSS, helping numeric columns align cleanly in data-heavy sections.

Changes:

Add font-variant-numeric: tabular-nums; to the report’s body CSS in python/fast_mlsirm/report.py.
Document the “tabular numbers” styling guideline in .Jules/palette.md for future report styling work.

Reviewed changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated no comments.

File	Description
python/fast_mlsirm/report.py	Enables tabular numerals globally in the HTML report to improve numeric alignment and scanning.
.Jules/palette.md	Records the tabular-numerals learning/action as a palette guideline for consistent future styling.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Copilot

Pull request overview

Copilot reviewed 2 out of 2 changed files in this pull request and generated no new comments.

HTML 리포트의 데이터 테이블에서 숫자가 수직으로 올바르게 정렬되도록 CSS `body`에 `font-variant-numeric: tabular-nums;`를 추가했습니다. 이를 통해 사용자가 열(column) 형태의 데이터를 더 쉽고 빠르게 읽을 수 있습니다. `.Jules/palette.md`에 관련된 UX 학습 내용을 기록했습니다.

coderabbitai · 2026-07-26T09:15:35Z

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro Plus

Run ID: fc5112d2-3b32-47f7-8f68-5837cad8c60f

📥 Commits

Reviewing files that changed from the base of the PR and between a3123a2 and 67ff8f8.

📒 Files selected for processing (2)

.Jules/palette.md
python/fast_mlsirm/report.py

📝 Walkthrough

Walkthrough

HTML 보고서 본문에 font-variant-numeric: tabular-nums;를 추가해 숫자 열의 폭을 고정하고, 관련 개발 지침을 .Jules/palette.md에 기록했습니다.

Changes

HTML 보고서 숫자 정렬

Layer / File(s)	Summary
Tabular 숫자 스타일 적용 `python/fast_mlsirm/report.py`, `.Jules/palette.md`	HTML 보고서 `body` 스타일에 `font-variant-numeric: tabular-nums;`를 추가하고, 본문 또는 데이터 중심 컴포넌트에 해당 스타일을 포함하라는 지침을 기록했습니다.

Estimated code review effort: 1 (Trivial) | ~5 minutes

Possibly related PRs

ContextualWisdomLab/fast-mlsirm#210: 동일한 HTML 보고서 CSS 규칙과 관련 지침을 추가한 변경입니다.
ContextualWisdomLab/fast-mlsirm#217: 동일한 report.py 및 .Jules/palette.md 변경과 직접 연결됩니다.

Suggested reviewers: copilot

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	HTML 리포트에 tabular-nums를 적용해 가독성을 개선한다는 मुख्य 변경을 정확히 요약합니다.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

✨ Finishing Touches

📝 Generate docstrings

Create stacked PR
Commit on current branch

🧪 Generate unit tests (beta)

Create PR with unit tests
Commit unit tests in branch palette-tabular-nums-6703046462896627675

_{Comment @coderabbitai help to get the list of available commands.}

Copilot

Pull request overview

Copilot reviewed 2 out of 2 changed files in this pull request and generated no new comments.

Copilot

Pull request overview

Copilot reviewed 2 out of 2 changed files in this pull request and generated no new comments.

opencode-agent

Pull request overview

OpenCode cannot approve yet because required coverage evidence did not pass.

Review outcome

1. HIGH .github/workflows/opencode-review.yml:1 - Coverage evidence did not prove required test/docstring evidence

Problem: The required coverage-evidence job result was failure, so OpenCode cannot establish approval sufficiency for this head.
Root cause: Automated approval is only valid when the same-head coverage-evidence job proves supported repository test suites passed and configured docstring gates passed or were advisory, or reports not applicable because no supported source files or package manifests exist. Missing, failed, skipped, unavailable, or unsupported-tooling test evidence is a blocker.
Fix: Install or configure the repository test/docstring evidence tooling when source files or package manifests exist, rerun the current-head coverage-evidence job, and approve only after it reports success with required evidence or explicit no-source not-applicable evidence.
Regression test: Keep the approval branch checking needs.coverage-evidence.result == success before posting APPROVE, and publish REQUEST_CHANGES when coverage-evidence blocker states such as cancelled, skipped, failed, unsupported-tooling, or below-100 evidence are present.
Result: REQUEST_CHANGES
Reason: coverage-evidence result was failure, so required test/docstring evidence was not proven for current head 67ff8f8d496db69bb442e42e957dbbc65edf3e18.
Head SHA: 67ff8f8d496db69bb442e42e957dbbc65edf3e18
Workflow run: 30214279492
Workflow attempt: 1

Coverage evidence

Coverage Decision

Result: FAIL
Test evidence: not proven passing
Docstring evidence: not proven passing when configured
Failure count: 1

Changed-File Evidence Map

flowchart LR
  PR["PR changed files"] --> Evidence["OpenCode bounded evidence"]
  Evidence --> S1["Changed file (2 files)"]
  S1 --> I1["repository behavior"]
  I1 --> R1["Review risk: Changed file (2 files)"]
  R1 --> V1["required checks"]

opencode-agent · 2026-07-26T18:16:45Z

OpenCode Review Overview

Head SHA: 67ff8f8d496db69bb442e42e957dbbc65edf3e18
Workflow run: 30214279492
Workflow attempt: 1
Gate result: REQUEST_CHANGES (approval step)

Pull request overview

OpenCode cannot approve yet because required coverage evidence did not pass.

Review outcome

1. HIGH .github/workflows/opencode-review.yml:1 - Coverage evidence did not prove required test/docstring evidence

Problem: The required coverage-evidence job result was failure, so OpenCode cannot establish approval sufficiency for this head.
Root cause: Automated approval is only valid when the same-head coverage-evidence job proves supported repository test suites passed and configured docstring gates passed or were advisory, or reports not applicable because no supported source files or package manifests exist. Missing, failed, skipped, unavailable, or unsupported-tooling test evidence is a blocker.
Fix: Install or configure the repository test/docstring evidence tooling when source files or package manifests exist, rerun the current-head coverage-evidence job, and approve only after it reports success with required evidence or explicit no-source not-applicable evidence.
Regression test: Keep the approval branch checking needs.coverage-evidence.result == success before posting APPROVE, and publish REQUEST_CHANGES when coverage-evidence blocker states such as cancelled, skipped, failed, unsupported-tooling, or below-100 evidence are present.
Result: REQUEST_CHANGES
Reason: coverage-evidence result was failure, so required test/docstring evidence was not proven for current head 67ff8f8d496db69bb442e42e957dbbc65edf3e18.
Head SHA: 67ff8f8d496db69bb442e42e957dbbc65edf3e18
Workflow run: 30214279492
Workflow attempt: 1

Coverage evidence

Coverage Decision

Result: FAIL
Test evidence: not proven passing
Docstring evidence: not proven passing when configured
Failure count: 1

Changed-File Evidence Map

flowchart LR
  PR["PR changed files"] --> Evidence["OpenCode bounded evidence"]
  Evidence --> S1["Changed file (2 files)"]
  S1 --> I1["repository behavior"]
  I1 --> R1["Review risk: Changed file (2 files)"]
  R1 --> V1["required checks"]

seonghobae · 2026-07-29T12:42:23Z

중복 정리: report.py body의 tabular-nums 적용으로, 리뷰 대기 중인 #187/#199 에 포괄됩니다. 그룹당 대표 1건만 남기는 백로그 정리 방침에 따라 닫습니다. 필요 시 재오픈 가능합니다.

Generated by Claude Code

google-labs-jules · 2026-07-29T12:43:22Z

중복 정리: report.py body의 tabular-nums 적용으로, 리뷰 대기 중인 #187/#199 에 포괄됩니다. 그룹당 대표 1건만 남기는 백로그 정리 방침에 따라 닫습니다. 필요 시 재오픈 가능합니다.

Generated by Claude Code

알겠습니다. 방침에 따라 본 작업이 다른 PR에 포함되어 닫힌 점 확인했습니다. 더 이상 이 작업은 진행하지 않겠습니다.

Copilot AI review requested due to automatic review settings July 24, 2026 07:23

Copilot started reviewing on behalf of seonghobae July 24, 2026 07:24 View session

Copilot AI reviewed Jul 24, 2026

View reviewed changes

Copilot AI review requested due to automatic review settings July 25, 2026 21:47

Copilot started reviewing on behalf of seonghobae July 25, 2026 21:48 View session

Copilot AI reviewed Jul 25, 2026

View reviewed changes

seonghobae enabled auto-merge (squash) July 26, 2026 08:57

Copilot AI review requested due to automatic review settings July 26, 2026 09:15

seonghobae force-pushed the palette-tabular-nums-6703046462896627675 branch from 44540fe to 4af761c Compare July 26, 2026 09:15

Copilot started reviewing on behalf of seonghobae July 26, 2026 09:16 View session

Copilot AI reviewed Jul 26, 2026

View reviewed changes

Merge branch 'main' into palette-tabular-nums-6703046462896627675

67ff8f8

Copilot AI review requested due to automatic review settings July 26, 2026 17:12

Copilot started reviewing on behalf of seonghobae July 26, 2026 17:12 View session

Copilot AI reviewed Jul 26, 2026

View reviewed changes

opencode-agent Bot requested changes Jul 26, 2026

View reviewed changes

opencode-agent Bot disabled auto-merge July 26, 2026 19:46

coderabbitai Bot mentioned this pull request Jul 27, 2026

🎨 Palette: Improve HTML Report Table Accessibility and Data Readability #312

Closed

seonghobae closed this Jul 29, 2026

This was referenced Jul 30, 2026

🎨 Palette: 데이터 테이블 접근성 및 숫자 정렬 개선 #356

Closed

🎨 Palette: [UX improvement] HTML 데이터 리포트의 숫자 가독성 향상 (tabular-nums) #386

Closed

Navigation Menu

Uh oh!

🎨 Palette: HTML 리포트에 tabular-nums 적용하여 가독성 개선 - #239

🎨 Palette: HTML 리포트에 tabular-nums 적용하여 가독성 개선#239
seonghobae wants to merge 2 commits into
mainfrom
palette-tabular-nums-6703046462896627675

seonghobae commented Jul 24, 2026 •

edited by coderabbitai Bot

Loading

Uh oh!

google-labs-jules Bot commented Jul 24, 2026

Uh oh!

Copilot AI left a comment

Uh oh!

Copilot AI left a comment

Uh oh!

coderabbitai Bot commented Jul 26, 2026 •

edited

Loading

Walkthrough

Changes

Uh oh!

Copilot AI left a comment

Uh oh!

Copilot AI left a comment

Uh oh!

opencode-agent Bot left a comment

Uh oh!

opencode-agent Bot commented Jul 26, 2026

Uh oh!

seonghobae commented Jul 29, 2026

Uh oh!

google-labs-jules Bot commented Jul 29, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

Uh oh!

Conversation

seonghobae commented Jul 24, 2026 • edited by coderabbitai Bot Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

💡 What:

🎯 Why:

📸 Before/After:

♿ Accessibility:

Summary by CodeRabbit

Uh oh!

google-labs-jules Bot commented Jul 24, 2026

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Reviewed changes

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Uh oh!

coderabbitai Bot commented Jul 26, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Walkthrough

Changes

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Uh oh!

opencode-agent Bot left a comment

Choose a reason for hiding this comment

Pull request overview

Review outcome

1. HIGH .github/workflows/opencode-review.yml:1 - Coverage evidence did not prove required test/docstring evidence

Coverage evidence

Coverage Decision

Changed-File Evidence Map

Uh oh!

opencode-agent Bot commented Jul 26, 2026

OpenCode Review Overview

Pull request overview

Review outcome

1. HIGH .github/workflows/opencode-review.yml:1 - Coverage evidence did not prove required test/docstring evidence

Coverage evidence

Coverage Decision

Changed-File Evidence Map

Uh oh!

seonghobae commented Jul 29, 2026

Uh oh!

google-labs-jules Bot commented Jul 29, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

seonghobae commented Jul 24, 2026 •

edited by coderabbitai Bot

Loading

coderabbitai Bot commented Jul 26, 2026 •

edited

Loading