web: improve journal transaction tooltip alignment and metadata layout

[acinader]

Journal transaction tool tips exposes useful metadata. The native
tooltip formatting is hard to read: tags run together, filenames
wrap into dense text, and posting accounts and amounts lose their alignment.

Reproduce

test journal

hledger-web --serve --allow=view --host=127.0.0.1 --port=8797 -f tooltip-repro.journal

http://127.0.0.1:8797/journal and hover over transactions

Eight cases

CASE01 — Basic alignment

Different account lengths should not disturb the amount column.

Before — original tooltip text

After — compiled proposal

CASE02 — Long inline metadata

Long filenames and an unbroken reference should wrap within their values, with each tag on its own row.

Before — original tooltip text

After — compiled proposal

CASE03 — Multiline, repeated and empty tags

Both note values, the empty tag, and the final metadata marker should remain visible.

Before — original tooltip text

After — compiled proposal

CASE04 — Long accounts and mixed amount widths

The long account wraps while large, small, positive and negative amounts remain aligned.

Before — original tooltip text

After — compiled proposal

CASE05 — Unicode, literal markup and a URL

Unicode and the secondary date remain visible. Markup is displayed as text, and the URL is preserved.

Before — original tooltip text

After — compiled proposal

CASE06 — Commodity quantity and cost

The quantity, commodity, unit cost and cash amount must all remain visible, including 12.345678 FUND @ 10.00 USD.

Before — original tooltip text

After — compiled proposal

CASE07 — Posting tags and a virtual posting

Posting tags stay associated with their posting. Parentheses identify the virtual account.

Before — original tooltip text

After — compiled proposal

CASE08 — Thirty postings

The panel scrolls so the final cash posting and END-OF-TRANSACTION can be reached.

Before — original tooltip text

After — compiled proposal

After — scrolled to the bottom

Related: #1101 (displaying tags), #1979 (URLs and selecting tooltip text), and
#1935 (chart popup positioning). This issue focuses on the General Journal's
existing transaction tooltip.

The implementation is parked on
codex/journal-tooltip-details
for feedback. No PR has been opened.

AI disclosure: reproduction work, the local implementation/tests, and this report
were prepared with OpenAI Codex (gpt-6-astra), approximately 50k output tokens
across the work.

[acinader]

work in progress

[simonmichael]

You can also switch the PR to draft status, I'll never merge in that state

[simonmichael]

Note our AI policy discourages use of OpenAI currently.

[simonmichael]

Quick feedback on the screenshots: if those are exactly what the users sees, they seem a bit foreign - too far from the familiar journal format.

[acinader]

These aren't right yet. There's no draft for issues.

I was doing accounting work with codex when I noticed it the problem in my own books. I'll implement potential fixes with claude.

[acinader]

that's what I'm trying to fix. Examining the meta data is the use case, so having the name value pairs be the primary formatting is what I am trying to solve for. My "before" tool typ screen grab for the 8 corner case journal entries is what I'm stuck on at the moment. Once I can reliably get screen grabs, I'll work on the after styling.

[simonmichael]

Ok, but just saying, https://hledger.org/AI.html#rules-of-engagement says "We don’t use OpenAI models (GPT series, o-series, etc)." Perhaps it seems arbitrary, but it's the policy we're enforcing on all contributors currently..

[acinader]

I undersand. To be clear: this is just the bug report, not my attempt to actually fix it (which will sit on top of the css scrub i am currently working on).

I understand the hledger AI policy, I respect it's intent, and I believe I'm compliant. I do use codex for the actual accounting work I do with hledger, so when I see something I want to fix, I usually characterize it with codex in whatever session I happen to be working in.

I've updated the issue text and images.

[acinader]

my current thinking is that we don't want to put metadata into the title. title and tool tip should properly be left to their accessability tasks and not be stuffed with meta data. The meta data does need to be "revealable" but i no longer think that tool tips is the way to do it.