Module Builder Page

The Module Builder page is where Creators build and edit modules in the UnqorkAI platform. Each module controls the user interface, business logic, and data behavior for one screen or process in the application.

The page has five panels: the Build Agent, the Component Tray, the canvas (the primary editing area), the Component Properties panel, and the Explorer. All panels except the canvas are collapsible and resizable by dragging their dividers.

Left Panel

The left panel displays the Build Agent panel, where Creators interact with the Build Agent to assign tasks, review plans, and track progress. See Build Agent for the full reference.

Canvas

The center canvas displays the active view of the module and is split into three sub-panels. The tab bar above the canvas tracks open modules and pages. See Navigating the UnqorkAI Platform for tab management options including pin, close group, and keyboard shortcuts.

Canvas Toolbar

The canvas toolbar sits above the component list and provides controls for the active view. The following controls are available in Config View:

In UI View and Logic View, the toolbar also includes a Direct Select toggle for lasso selection and zoom controls.

Component Tray

The left sub-panel of the canvas lists all available components organized by library. Use the Components tab to browse and drag components into the canvas. Use the Outline tab to see the module's structural hierarchy. In UI View and Logic View, the tray displays view-specific tools instead of the component library. See UI View and Logic View for details.

The tray includes a search bar for filtering by component name, and a library selector drop-down with the following options:

Canvas

The center sub-panel is the primary editing area. It displays every component in the module as a list of rows. Selecting a row opens that component's settings in the Properties panel. The canvas is the only sub-panel that cannot be collapsed.

Component Properties

The right sub-panel of the canvas displays the Properties panel for the component currently selected. When no component is selected, the panel is empty.

The selected component's name displays in a header row with three icons:

For a full reference of all component settings, see Component General Settings.

View Toggler

The View Toggler is a set of three buttons in the canvas toolbar, to the left of the search bar. Selecting a button switches the active view between Config View, UI View, and Logic View.

Switching views does not reload the canvas or lose unsaved changes.

Module Header

The module header runs across the top of the canvas and remains constant across all views.

Control	Description
Definition	Opens a drop-down with module-level tools: Tests, Transforms, Translations, and History.
Last saved	Displays when the module was last saved and by whom (for example, "Last saved 2 minutes ago by Alex"). When another Creator has the module locked, this area displays a lock icon and the name of the lock owner instead.
Editing	A drop-down that sets the current mode. Editing Mode: Enables editing. Module-changing actions in the toolbar require Editing mode. Viewing Mode: Prevents accidental edits. Creators can view components and their settings but cannot modify the module. Disabled actions display one of two tooltips: "Switch this module to Editing to change it" when no lock is held, or "Another user has this module locked for editing" when another Creator holds the lock.
View in Express (Play)	Opens the module in Express View in a new browser tab. On a module that belongs to an application, it opens a menu with View in App and View Module Only; otherwise it opens the single available destination directly. API modules display Server-Side Execute here instead and preview from the ellipsis menu.
Save	Saves the current state of the module (). The drop-down includes Update and Save and Save as Snippet.
(ellipsis)	Opens a menu of module-level actions. See Module Actions below.

Module Actions

The (ellipsis) menu in the module header contains module-level actions.

Definition Drop-Down

The Definition button in the module header opens a drop-down with module-level tools and configuration panels. The drop-down includes the following tools:

Right Panel

The right panel displays the Explorer, the workspace file tree for opening modules, workflows, and data collections. See Explorer for the full reference.