Skip to content

Commit 7fef988

Browse files
Update features/development/workbench.mdx
Co-Authored-By: mintlify[bot] <109931778+mintlify[bot]@users.noreply.github.com>
1 parent 6e09799 commit 7fef988

1 file changed

Lines changed: 29 additions & 46 deletions

File tree

features/development/workbench.mdx

Lines changed: 29 additions & 46 deletions
Original file line numberDiff line numberDiff line change
@@ -27,62 +27,45 @@ The workbench has three different views. You can switch between them depending o
2727

2828
<Tabs>
2929
<Tab title="Code View">
30-
## Code Editing Interface
30+
## Writing Code
3131

32-
The code view is your primary workspace for writing and managing code. It features a resizable layout with multiple panels working together seamlessly.
32+
This is where you write and organize your code files.
3333

34-
<AccordionGroup>
35-
<Accordion title="File Navigation" icon="folder">
36-
### File Tree Panel
37-
38-
Navigate your project structure with an intuitive file tree that supports:
39-
- **Hierarchical browsing** - Expand and collapse folders to find files quickly
40-
- **File type indicators** - Visual icons showing file types (JavaScript, CSS, images, etc.)
41-
- **Unsaved changes** - Clear indicators for files with pending changes
42-
- **Hidden file filtering** - Automatically hides common directories like `node_modules`
43-
44-
<Callout type="info">
45-
**Quick Tip**: Use the search bar within the file tree to quickly locate specific files by name.
46-
</Callout>
47-
</Accordion>
34+
### Your Files
4835

49-
<Accordion title="Code Editor" icon="edit">
50-
### Main Editing Area
36+
On the left, you see all your project files in a tree:
37+
- Click folders to open them
38+
- Click files to edit them
39+
- Icons show what type of file it is
40+
- A dot shows files you haven't saved yet
5141

52-
A powerful code editor with features designed for modern development:
53-
- **Syntax highlighting** - Support for all major programming languages
54-
- **Auto-completion** - Intelligent code suggestions as you type
55-
- **Multiple cursors** - Edit multiple locations simultaneously
56-
- **Find and replace** - Search within files with regex support
42+
<Callout type="info">
43+
**Quick Tip**: Use the search box to find files by name.
44+
</Callout>
5745

58-
#### File Management
59-
- **Breadcrumb navigation** - See your current location in the file hierarchy
60-
- **Save/Reset buttons** - Quick access to save changes or revert to original state
61-
- **Auto-save** - Automatic saving prevents data loss
62-
</Accordion>
46+
### The Editor
6347

64-
<Accordion title="Search & Discovery" icon="search">
65-
### Project-Wide Search
48+
The big area in the middle is where you write code:
49+
- **Colors** - Your code is colored to make it easier to read
50+
- **Suggestions** - Get help as you type
51+
- **Find and replace** - Search for text and change it
52+
- **Edit multiple spots** - Change several places at once
6653

67-
Find anything in your codebase instantly:
68-
- **Text search** - Search for specific words, phrases, or patterns
69-
- **File filtering** - Limit searches to specific file types
70-
- **Case sensitivity** - Toggle case-sensitive matching
71-
- **Regular expressions** - Advanced pattern matching for complex searches
54+
You can save your work or undo changes with the buttons at the top.
7255

73-
Results are grouped by file with line numbers and highlighted matches for easy navigation.
74-
</Accordion>
56+
### Search Everything
7557

76-
<Accordion title="Terminal Integration" icon="terminal">
77-
### Command Line Access
58+
Need to find something in your whole project?
59+
- Type what you're looking for
60+
- See results from all files
61+
- Click a result to jump to that file
7862

79-
Run commands directly within your development environment:
80-
- **Multiple terminal tabs** - Work with different command sessions
81-
- **Resizable panels** - Adjust terminal size to fit your workflow
82-
- **Command history** - Access previously run commands
83-
- **Environment integration** - Full access to your project's environment
84-
</Accordion>
85-
</AccordionGroup>
63+
### Terminal
64+
65+
At the bottom, you can type commands:
66+
- Open multiple terminal tabs
67+
- Make it bigger or smaller
68+
- Run commands to start your app or install tools
8669

8770
</Tab>
8871

0 commit comments

Comments
 (0)