Skip to content

GLA-59: fix header value truncation/collapse overflow#15

Merged
paoloanzn merged 3 commits into
mainfrom
codex/gla-59-panel-ux-improvements
Mar 7, 2026
Merged

GLA-59: fix header value truncation/collapse overflow#15
paoloanzn merged 3 commits into
mainfrom
codex/gla-59-panel-ux-improvements

Conversation

@paoloanzn
Copy link
Copy Markdown
Member

Summary\n- render header values as collapsible only when they exceed the configured character threshold\n- keep short values as plain text (no details toggle)\n- fix value-column overflow in both collapsed and expanded states with strict width/wrapping constraints\n\n## Validation\n- npm run compile\n- npm run build

- rebrand extension metadata and panel naming to Prism\n- simplify toolbar with Live/Frozen toggle and unified export menu\n- keep endpoint list/detail in a focused two-column workflow layout\n- show header example previews and hide empty detail sections\n- remove obsolete pre-WXT panel/devtools files
- remove synthetic example previews from auth/request/response headers\n- render real observed values for each header in Values column\n- keep deduped value sets per header from captured requests
@linear
Copy link
Copy Markdown

linear Bot commented Mar 7, 2026

GLA-59 Panel UX improvements

A pass on the panel UX to make it cleaner and more focused on the mapping workflow, plus a full rebranding from wmai to prism.

Rebranding

Rename everything from wmai to prism across the entire repository:

  • package.json (name, description)
  • wxt.config.ts (extension name, description)
  • manifest fields (name, short_name)
  • Any references in README, comments, or config files
  • The panel UI itself — displayed name should be Prism, not wmai or Gladium AI

Layout

  • Switch from vertical stacking to a two-column split: endpoint list on the left, detail view on the right. Eliminates constant scrolling.

Toolbar

  • Merge "Export JSON" and "Export Map" into a single Export button (format as a dropdown or settings option). Having two export buttons is confusing.
  • Replace the "Take Snapshot" button + "Live updates enabled" text with a single explicit toggle (e.g. Live / Frozen) — they currently feel contradictory sitting next to each other.
  • Remove the "GLADIUM AI / API Map" header — it wastes space inside a DevTools panel.

Endpoint list

  • Replace "102 obs" with "102 observations" or "102 seen" — abbreviation is unnecessary.
  • Add a tooltip to the 🔑 icon explaining it means auth headers were detected.

Detail view

  • Don't render section headers (e.g. Authentication) when there is no content to show.
  • Show a redacted/truncated actual value for headers (e.g. Bearer eyJ...) instead of just showing string for every row — the type alone is not useful.

Done when the panel reads "Prism" everywhere, and the UX feels focused and self-explanatory to any developer opening it for the first time.

@paoloanzn paoloanzn merged commit d252cc8 into main Mar 7, 2026
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.

1 participant