Skip to content

docs: mirrord ui Session Monitor walkthrough and browser extension update - #285

Open
hank-metalbear wants to merge 4 commits into
mainfrom
han/frontend-ui-docs
Open

docs: mirrord ui Session Monitor walkthrough and browser extension update#285
hank-metalbear wants to merge 4 commits into
mainfrom
han/frontend-ui-docs

Conversation

@hank-metalbear

@hank-metalbear hank-metalbear commented Jul 20, 2026

Copy link
Copy Markdown
Contributor

Summary

Documentation-only update to two existing customer docs pages, bringing them in line with what ships on main today.

  • Local UI (using-mirrord/local-ui.md): expanded from a short reference into a full Session Monitor walkthrough. Covers the two tabs (Session Monitor and Config Wizard), the Yours/Team session list, local vs operator session detail, the live event stream with click-to-inspect and filters, the chaos tab, the connect-operator flow, and settings. Corrects the current auth URL scheme and documents the mirrord ui start/stop and mirrord wizard subcommands. Adds screenshots (overview, session list, event stream, chaos rule form) captured from a demo cluster.
  • Debug from Browser (using-mirrord/incoming-traffic/debug-from-browser.md): rewritten for the current extension. It opens as a side panel (not a popup), the manual tab is now "Override", and it adds session search, context and namespace filters, the three-state live session banner (live, waiting, ended), URL-scope chips, the header-observed meter, and the standalone / not-configured prompts. Adds current side-panel screenshots (the Sessions list and the joined live banner) and a new section explaining how the extension and mirrord ui work together.

No new pages, so no SUMMARY.md change. All internal links and images resolve against existing assets.

Test plan

  • Every internal link and image reference resolves to an existing file (checked).
  • Prose matches the current UI (labels, tabs, flows, subcommands) as it exists on main.
  • Local UI screenshots added (Session Monitor overview, session list, live event stream, chaos rule form), captured from a demo cluster with personal identifiers redacted.
  • Debug from Browser: added current side-panel screenshots (Sessions list, joined live banner) and a section on how the extension and mirrord ui work together.

🤖 Generated with Claude Code

hank-metalbear and others added 4 commits July 20, 2026 09:49
…date

Expand the Local UI page into a full Session Monitor walkthrough (tabs,
session list, session detail, event stream and inspector, chaos, connect
operator, settings). Rewrite the browser extension page for the current
side-panel UI (Sessions and Override tabs, session search, context and
namespace filters, live session banner states, URL-scope chips, standalone
prompts).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01EyZqVorQbP95tx7qrPMWA9
Add screenshots to the Local UI walkthrough: the Session Monitor overview,
the session list, the live event stream, and the chaos rule form. Captured
from a demo cluster, with personal identifiers redacted.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01EyZqVorQbP95tx7qrPMWA9
Add current side-panel screenshots (the Sessions list and the joined live
banner) and a section explaining how the browser extension and mirrord ui
work together. Captured from a demo cluster.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01EyZqVorQbP95tx7qrPMWA9
Blur the teammate name and cluster context names in the browser extension and
Session Monitor screenshots (they add no documentation value). Remove the
outdated Override tab screenshot, which still showed the old "Manual" label; a
fresh capture will replace it.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01EyZqVorQbP95tx7qrPMWA9
@hank-metalbear
hank-metalbear marked this pull request as ready for review July 20, 2026 15:12
@hank-metalbear
hank-metalbear requested a review from liron-sel July 20, 2026 15:13
Close the tab and open the extension side panel from the Chrome toolbar. The **Sessions** tab now lists every operator session your kubeconfig can see, grouped by session key. Each card shows the target, owner, namespace, and age, with a **Join** button:

![Sessions tab — joined](../../.gitbook/assets/sessions-tab-joined.png)
![The Sessions tab listing operator sessions](../../.gitbook/assets/sessions-tab-list.png)

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

since the link to sessions-tab-joined.png is removed - we should also remove the corresponding image

* A **header observed** activity meter, showing how many requests carried the injected header in the last 60 seconds, so you can confirm injection is actually happening.
* An **injecting** pill showing the exact `header: value` being applied, with a one-click copy.

![Manual tab — active](../../.gitbook/assets/manual-tab-active.png)

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

remove manual-tab-active.png from the assets directory too.

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