Micheal Cunningham.Software developer & AI engineerLet’s talk
← All work

INTERFACE ENGINEERING

A desktop that preserves the work.

A shared workspace for tools, records, and documents—with window behavior that keeps the work intact.

PROJECT CONTEXTNexus RMM / ElementalOS
MY ROLEOwner & architect
ON THIS SITESource-informed recreation
Working portfolio recreation of the application interface
Interactive portfolio recreation · Fictional sample records

The problem
worth solving.

Business work rarely fits into one view. A person may need a customer record, an active project, and a document at the same time. Repeated navigation breaks that context.

Owner and architect of Nexus RMM. This study focuses on the desktop shell and the reusable window behavior supporting it.

IMPLEMENTATION STUDY / NEXUS

The window moves.
The work stays.

A desktop metaphor earns its place when it preserves unfinished work. These are the lifecycle boundaries implemented in the original Nexus window component.

THREE SEPARATE RESPONSIBILITIES
type WindowState = {
  appId: AppId;
  normal: Rectangle;
  maximized: boolean;
  minimized: boolean;
};

// Illustrative presentation transition.
minimize(window) => ({
  ...window, minimized: true
})

Minimizing changes visibility. Maximizing changes presentation. Neither operation needs to replace the document.

01

Minimize an unfinished document

Hide the application without unmounting its editing session.

02

Maximize, then restore

Keep the normal rectangle separate from the display mode.

03

Shrink the viewport

Constrain the restored rectangle to the available workspace.

04

Reject an unsaved-draft close

Keep the working context open; return focus only after an accepted close.

05

Dismiss a nested menu with Escape

Let the inner control consume the event before the outer window.

Try the demonstrated behavior. Open Document Studio, edit a paragraph, minimize it, then reopen it. Maximize and restore on a larger screen. The document and window arrangement remain.

Try the window lifecycle
Source and demonstration scope

Examined in Nexus commit 8233634: DockPanel.tsx and its companion stylesheet. The original implementation separates normal geometry, fullscreen presentation, mounted content and the close callback.

This portfolio recreates the minimize/restore and geometry behavior with sample records. The source study also describes the original guarded-close and nested Escape handling; those are not presented as features of this smaller recreation. These are observed implementation decisions, not production reliability measurements.

THE ENGINEERING

Decisions behind
the experience.

01

Give windows their own lifecycle.

Opening, focusing, minimizing, restoring, and closing are distinct operations. Minimized windows remain mounted so a draft can survive the change in view.

02

Separate position from display mode.

A normal window keeps its position and dimensions while maximized. Restoring returns it to the working arrangement the user established.

03

Keep the application within reach.

The taskbar acts as a stable return point. A shared launcher and consistent controls give different modules the same interaction language.

ReactTypeScriptShared statePointer eventsAccessible controls
NEXT PROJECTKeep the customer in context. ↗

Something you want to build?

Let’s work through it.

Work directly with me on the architecture, the application, and the details that make it useful.