A deep dive into the TIBCO application header: its anatomy, states, and interactions. Everything below is the real, shipping component.
Twelve elements, grouped by zone.
One toggle, two states. Calm by default, full context on demand.
Identity only: breadcrumb, status, title, description. The default. Calm, compact, and it gives the screen back to the work.
Full context on demand: instance, version, space, profile, REST doc URL, job counts and the monitor toggles. One click away, never in the way.
Fourteen interactions, each small and predictable.
Five controls, and exactly what sits inside each.
Actions that resolve inline, without leaving the screen.
The pencil by the title opens an inline field. Confirm or cancel in place.
Same flow as the name. Confirm or cancel without leaving the screen.
One tap copies the endpoint to the clipboard.
Flip Process Monitor and Instrumentation from the expanded panel.
Above a dense monitoring screen. Collapsing hands space back to the task.
The anatomy maps one-to-one to the code.
Watch it cycle through both states: the same component, every interaction, full width.