{"revision":"c10276e953456835cdbb1f3a60d58ae1980be353","document":{"id":2697,"path":"application-development/terminal-and-panels.md","title":"Terminal and panels","bundle":null,"doc_type":null,"release":"australia","body":"\n# Terminal and panels\n\nThe bottom panel in Lux Lab contains five tabs that help you run commands, monitor your running application, track build and deploy progress, and review code quality issues.\n\nThe following table describes the purpose of each tab.\n\n|Tab|Purpose|\n|---|-------|\n|**Terminal**|Full OS shell for running any CLI command|\n|**Console**|Live logs from the running dev server|\n|**Build**|Build output and deployment details|\n|**Problems**|Linter diagnostics across the project|\n|**Tests**|Test runner output|\n\nTo toggle the entire bottom panel, press Cmd+J \\(macOS\\) / Ctrl+J \\(Windows\\). To open directly to the **Terminal** tab, press Ctrl+\\`.\n\n## Terminal\n\nThe integrated terminal is a full OS shell. On macOS it runs bash or zsh, and on Windows it runs PowerShell or cmd, depending on your system default. You can run any command you would normally run in a terminal, such as installing dependencies, using Git, running scripts, and invoking CLIs.\n\n## Terminal sessions\n\n-   Press Ctrl+\\` to open the Terminal tab.\n-   Select the **+** button in the terminal toolbar to start a new terminal session.\n-   Multiple sessions appear as tabs in the terminal tab bar. Select any tab to switch between them.\n-   Right-click a tab to rename, split, or close a session.\n\nYou can keep a dev server running in one session while running other commands in separate sessions at the same time.\n\n## Shell configuration\n\nLux Lab uses your system's default shell. To change it, go to **App Settings** > **Terminal** > **Default Shell** and select from the detected shells or enter a custom path.\n\n## Panel size\n\nDrag the top edge of the bottom panel up or down to resize it. Press Cmd+J / Ctrl+J to hide and show the panel.\n\n## Console\n\nThe **Console** tab shows the live log output from your running dev server. When you start the development server \\(`pnpm dev`\\), the Console streams all console logs, warnings, and errors from the running application in real-time.\n\nUse the Console to do the following:\n\n-   Monitor network requests and application logs during development.\n-   Catch runtime errors and warnings from your Lux application.\n-   See Hot Module Replacement \\(HMR\\) activity as you edit files.\n\n## Build\n\nThe **Build** tab shows the output from build operations and deployments:\n\n-   Build logs: Output from compiling and bundling your Lux application, such as `pnpm build`\n-   Deploy logs: Progress and results when you deploy to a ServiceNow instance\n\nEach time you trigger a build or deploy, the output streams into this tab so you can monitor progress and diagnose any failures.\n\n## Problems\n\nThe **Problems** tab lists all linter diagnostics reported across your entire project, including errors, warnings, and informational messages. It works the same as the Problems panel in VS Code.\n\n## Problems list columns\n\nEach entry shows the columns in the following table.\n\n|Column|Description|\n|------|-----------|\n|**Severity icon**|Red circle \\(error\\), yellow triangle \\(warning\\), or blue circle \\(info\\)|\n|**Message**|Description of the problem|\n|**Source**|Tool that reported the problem, for example `eslint` or `ts`|\n|**File**|File containing the problem|\n|**Line:Column**|Exact location|\n\n## Navigating to a problem\n\n-   Select any entry to jump to the exact location in the editor.\n-   Use F8 / Shift+F8 to cycle through problems in the current file from the editor.\n\n## Filtering\n\nUse the filter bar at the top of the panel to search by message text or file name. To filter by severity, toggle the **Errors**, **Warnings**, or **Info** buttons.\n\n## Tests\n\nThe **Tests** tab captures output from your test runner scripts. When you run your tests from the Terminal, Lux Lab captures and displays the results here.\n\n## Next steps\n\n-   [Agents and skills](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/application-development/agents-and-skills.md)\n-   [Deploy changes](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/application-development/deploy-changes.md)\n\n"}}