Home Page and App Overview

1. Application Home Screen

This is the main Home Screen of the Autorun platform. It contains a list of all applications plus the New Application button.

Home page example

a) Apps tab

Here you can:

• Create new applications

• Open and edit existing ones

When you open an app, you enter developer mode where you access tools for UI building, database design, logic, automation, and more. This is your main workspace for application development.

b) Agents tab

Agents display example

This is a list of AI agents including Mileva and specialised system agents such as:

• Front-end developer

• Automation engineer

• Data analyst

• Database admin

• Report designer

• Template designer

You add custom agents using the New Agent button. This is your AI workforce hub.

c) Data tab

This is where you see all data sources and SQL databases connected to your account or generated for your apps.

You can:

⮞ Add new data sources

⮞ Check connection details

⮞ Manage database types

This is the central control panel to manage and view all data sources powering your applications.

d) Learn tab

This section includes tutorials, documentation, and educational resources that teach you how to use the platform and agents. It is your learning hub and knowledge base.

e) Marketplace tab

Here you can publish your application or use apps created by others. You can duplicate existing apps and use them in your company. This functions as an app store for business solutions built on Autorun. Marketplace is where you will distribute, share or monetise applications.

---

2. Entering the Application

This is the real working environment your users will interact with.

a) Navigation bar

It is controlled through App Settings inside the Developer Toolbox. Each item represents a page in your application.

a.1 Dashboard

The dashboard shows key metrics, charts, summaries, and insights. It pulls data from your entities and is fully customisable. Its purpose is to give a quick overview of the system. Other pages below the Dashboard fully depend on your business needs and how you personally organize them.

a.2 Suggested pages for your navigation:

• Core Operations: Clients, Contacts, Leads, Sales Pipeline

• Finance and Billing: Invoices, Quotes, Payments, Expenses

• HR / People Management: Employees, Shifts, Recruitment, Performance Reviews

• Service and Support: Tickets, Service Requests, Customer Feedback

• Analytics: Dashboards, Reports, KPIs, Forecasting, SLAs

---

b) Component action bar

This bar appears when you hover over a component. It allows editing, configuring, moving, duplicating, or deleting the component.

b.1 Component name

This buttorn shows the component type (table, form, header, etc.) and clearly indicates what you are editing.

b.2 Fire icon

This button opens the AI assistant specifically for the selected component. You can ask it to configure, modify styling, generate fields, optimise layout, or automate setup.

Prompt Ideas for the AI assistant:

b.3 Gear icon

This is the main configuration panel. It connects the component to an entity, manages settings, styles, actions and logic, gives you access to advanced settings where you bind UI processes.

b.4 Cross arrows icon

This button allows for repositioning and enables drag and drop. It lets you move the component up, down or into another container and helps rearrange page layout efficiently.

b.5 Duplicate icon

This button clones the component with all settings and bindings. It's useful for forms, buttons, sections and repetitive UI elements.

b.6 Trash icon

This button deletes the component from the page.

---

c) Application Top Bar

Application Top Bar example

c.1 Back to home

This button takes you out of the app builder, sends you back to the main Autorun Home screen where you can see all your apps. It’s a quick exit from the editor, it lets you switch to another app or create a new one.

c.2 Edit mode toggle

This toggle button turns editing on or off. When on, you can modify pages, components, processes, and settings. When off, the application behaves like a finished end-user product.

c.3 User interface tab

The user interface tab shows the applications and allows you to add components, build layouts, structure pages and connect user interface to data.

c.4 Database tab

This is a visual representation of your app where you design, view and manage the entire data structure. It shows every entity, field and every relationship between tables in a clean, visual, draggable diagram. Each entity is displayed as a card and the dashed lines between them represent relationships.This area is essentially the blueprint of your application’s data model.

c.5 Logs panel

The application logs panel is a real-time debug console that shows everything happening inside your app while users interact with it. It records all important events triggered by UI processes. It's your main tool for debugging, troubleshooting and understanding why something happened.

c.6 Notification Icon

This button shows all important updates related to your account and your applications. When something changes, fails, succeeds or needs your attention, it appears here.

c.7 User Account

This is a system-level profile that appears when you open your app. Autorun logs you into that application through the platform interface, using a built-in system profile with the highest permissions, often referred to as System Admin. Not to be confused with your main account on the Home Page.

---

d) Developer Toolbox

This is your quick access panel for building and editing your app. It contains the core tools you use inside edit mode while building pages, database structure or automation. It appears only when the you're in Edit mode.

d.1 Add

This function opens the component library. It lets you drag and drop components like table, button, charts, and so on.

d.2 Pages

This function is the Pages Manager. It shows all pages of the application, lets you create a new page, set the page route, rename or delete pages.

Use this tool when you structure navigation and app screens. It controls the entire page architecture of your app.

d.3 Database tool

This function opens the database entity manager. It shows tables or entities, lets you create new entities.

You can:

⮞ Add or edit fields

⮞ Adjust relationships

⮞ Show system tables

⮞ Reorder

⮞ Hide fields / set field types

This is where you build and maintain the data structure that powers the UI.

d.4 Process Designer

The Process Designer function allows you to create UI interaction and business logic.

You can:

⮞ Use drag and drop code blocks

⮞ Connect logic to components (on-change or on-click,...)

This is how you make the app actually do things. All calculations, automations and workflows happen here.

d.5 App settings

App Settings function edits the navigation menu, adds or removes navigation items, adds subpages, manages branding elements. This is where you control the structure of the entire app, not just a single page. If a page doesn't appear in the navigation, you add it here.

d.6 Report a bug

This function is the bug reporting form. You can send them directly to the Autorun team and attach screenshots, include app metadata to help the team reproduce the issue.

If something is broken in the platform, not your app, this is how you report it. It helps Autorun fix platform level issues faster.

d.7 Mileva

This function opens the AI assistant Mileva for building or fixing parts of the app, help with UI configuration, generate or fix processes, debug errors, modify entities or fields, generate logic formulas or code blocks.

AI agent Mileva is your co-pilot during development that accelerates building and can repair many issues without manual work.

---