Skip to main content

Editor workspace

An editor window is permanently bound to one exact *.the project. Pages, flows, Git, AI, and runtime actions all belong to that App. Open separate editor windows when working on several Apps at the same time.

Six areas to know

AreaWhat it is for
Title barConfirm the App and runtime target; use Build, Start, Debug, Continue, and Stop; open AI and Properties
ResourcesFind Pages, Components, Objects, QG, C# Providers, Vision, Safety, and Assets by engineering purpose
FilesInspect the actual workspace tree; create, move, rename, upload, or delete files
VersionsSave project versions, sync with the team, and maintain standard/customer versions; Advanced exposes full Git operations
WorkAreaOpen and split tabs; Pages use Design/Preview/Source and QG uses Flow/Source
Properties / Problems / ConsoleEdit the selection; inspect Build problems; read logs and faults from the current runtime target

System Settings is at the bottom of the Activity Bar. Use it for the current App's Home Page, modules, packages, Variables, Recipes, Queries, i18n, App users, and related settings.

Choose an entry by task

TaskStart here
Create a Page or ComponentRight-click the corresponding group in Resources
Create QG or a C# ProviderRight-click Scripts in Resources
Create or configure an ObjectObjects in Resources
Inspect real paths or ordinary configuration filesFiles
Adjust Page structure and appearancePage Design and Properties
Test Page interactionPage Preview
Inspect or change a QG flowQG Flow or Source
Resolve complete Build problemsOpen Problems after Build
Read runtime outputOpen Console after Start/Debug
Ask AI to help with the current AppTitle-bar AI button or Cmd/Ctrl+I

Source is the final source for Pages, Components, and QG. Design and Flow update the same source; they do not create another project format that must be synchronized by hand.

Open, select, and edit

  1. Double-click a resource in Resources to open it in WorkArea.
  2. Select the target on the canvas, in Flow, or in Resources.
  3. Change supported fields in Properties.
  4. Save, reselect the target, and confirm the displayed value.
  5. For runtime validation, confirm the title-bar target before selecting Preview, Build, Start, or Debug.

The Design grid, selection boxes, and guides are editor-only and never appear on a runtime page. To edit inside an App Component, double-click the instance and open its .qpc file. Do not copy reusable internals back into every Page.

Save and external changes

  • Use Cmd+S on macOS or Ctrl+S on Windows/Linux to save the current tab.
  • Build reads only files saved to disk. If an open document is unsaved, conflicted, or deleted, the editor warns first; continuing still Builds the disk version.
  • When AI, Git, or another editor changes a file without a local draft, the open tab refreshes.
  • When the same file has both a local draft and an external change, the editor preserves the draft and reports a conflict. Compare before saving or reloading from disk.
  • Closing a changed/conflicted tab, closing the editor, or returning to App Hub asks for confirmation.
  • Save changes workspace source only. It does not replace the running App.

Preview, Build, and runtime actions

ActionWhat it verifiesRemember
DesignPage/Component layout and propertiesDoes not perform real Object calls
PreviewCurrent Page interaction and renderingNever Builds/Deploys; Object calls may affect the current target
Build DebugComplete diagnostics and QG source breakpointsUses saved project files and delivers to the current target
Build ReleaseOptimized delivery candidateStill requires Start and field acceptance
StartNormal execution of the deployed versionIf a Build is missing, the editor asks before Build and continue
DebugBreakpoints, logs, state, and fault pathsStill performs real equipment actions

Source changes never hot-replace a running instance. Use Stop → Save → Build → Start/Debug to apply new logic.

Problems and Console

  • Inline editor diagnostics describe syntax, type, and completion issues in the current open document.
  • Problems is the latest complete Build snapshot for all saved project files. Saving a project file clears the old snapshot until the next Build.
  • Console shows logs and fault summaries from the selected runtime target during Start/Debug.

Problems and Console can be passed to AI as read-only analysis context. Selecting analysis does not modify the App by itself; review the diagnosis and proposed scope first.

Common shortcuts

ActionmacOSWindows / Linux
SaveCmd+SCtrl+S
Close current tabCmd+WCtrl+W or Ctrl+F4
Next / previous tabCtrl+Tab / Ctrl+Shift+TabSame
Tab 1–8Cmd+18Ctrl+18
Last tabCmd+9Ctrl+9
Open or close AICmd+ICtrl+I

Minimum acceptance for one edit

  1. The tab has no unsaved or conflict state.
  2. Resources, Source, and Properties agree on the resource and key fields.
  3. The current document has no live error that blocks progress.
  4. Problems has no Build error that blocks runtime use.
  5. The title bar is bound to the intended runtime target.
  6. Preview, Start, or Debug covers expected success, failure, and recovery behavior.
  7. For real equipment, field feedback and independent safety measures are confirmed.