# Workflow — where everything is

> Puts Product Hunt, AI Studio and Quick Upload side by side in three resizable panes so a product can go from research to published without changing page. Every feature on the page, with the exact path to reach it. 29 features. The page itself is at https://eto.tools/dashboard/workflow/.

Part of [Where everything is](https://eto.tools/dev/docs/where-everything-is.md) in the [Eto API reference](https://eto.tools/dev/docs/).

## Workflow

- URL: https://eto.tools/dashboard/workflow/
- Anchor: https://eto.tools/dev/docs/#where-workflow
- Markdown: https://eto.tools/dev/docs/where/workflow.md
- Features: 29

Puts Product Hunt, AI Studio and Quick Upload side by side in three resizable panes so a product can go from research to published without changing page.

### The three panes

| Feature | What it does | Where | API |
| --- | --- | --- | --- |
| Pane 1 Product Hunt | Left pane embedding the Product Hunt page so you can search Etsy and pick a product to copy. | `Workflow > Unified Workflow` | - |
| Pane 2 AI Studio | Middle pane embedding the Gallery so you can generate the images and copy for that product. | `Workflow > Unified Workflow` | - |
| Pane 3 Quick Upload | Right pane embedding Quick Upload so you can publish the finished listing to a store. | `Workflow > Unified Workflow` (needs connected store) | - |
| Step status chip | Each pane header carries a chip counting what that step has produced so far, or saying no store is connected on pane 3. | `Workflow > Unified Workflow` | - |
| Connect a store | Link in the pane 3 header shown only while the account has no Etsy store. | `Workflow > Unified Workflow > Connect a store` | - |
| Reload this step | Refresh button in each pane header that reloads only that pane. | `Workflow > Unified Workflow > reload` | - |
| Hide this step | Close button that removes a pane and gives its width to the panes that remain. | `Workflow > Unified Workflow > close` | - |
| Restore hidden panes | Counter button in the top bar that lists the hidden panes so you can bring one back. | `Workflow > Unified Workflow > restore` | - |
| Drag dividers to resize | Dragging the bars between panes changes their widths, and the percentage on each header updates as you drag. | `Workflow > Unified Workflow` | - |

### Pane handoffs

| Feature | What it does | Where | API |
| --- | --- | --- | --- |
| Product to Quick Product Search | Clicking a Product Hunt card inside Workflow opens the Quick Product Search panel on that listing instead of the usual drawer. | `Workflow > Unified Workflow > pane 1 card` | - |
| Open a listing in AI Studio | Pane 1 can hand an Etsy listing straight to the AI Studio pane to start a build from it. | `Workflow > Unified Workflow` | - |
| Open the workspace in pane 3 | When AI Studio finishes a listing it loads that listing workspace into the Quick Upload pane. | `Workflow > Unified Workflow` | - |
| Frame session badge | A pane header shows the keyword of the hunt running inside it and its status. | `Workflow > Unified Workflow` | - |

### Quick tools

| Feature | What it does | Where | API |
| --- | --- | --- | --- |
| Keywords | Top bar button that opens the Quick Keyword Search panel over the workspace. | `Workflow > Unified Workflow > Keywords` | - |
| Product | Top bar button that opens the Quick Product Search panel for pulling one Etsy listing by link or ID. | `Workflow > Unified Workflow > Product` | - |
| Thoughts | Top bar button that opens the Quick Thoughts panel for notes, favourites and history. | `Workflow > Unified Workflow > Thoughts` | - |
| Theme toggle | Switches the page between light and dark and pushes the change into every embedded pane. | `Workflow > Unified Workflow > theme` | - |
| Dashboard | Leaves the workspace and returns to the dashboard. | `Workflow > Unified Workflow > Dashboard` | - |

### Custom layout mode

| Feature | What it does | Where | API |
| --- | --- | --- | --- |
| Custom mode | Top bar toggle that swaps the fixed three panes for a workspace you fill with your own frames. | `Workflow > Unified Workflow > custom mode` | - |
| Add a Product Hunt frame | Adds another Product Hunt frame to the custom workspace. | `Workflow > Unified Workflow > custom mode > add hunt` | - |
| Add an AI Studio frame | Adds another AI Studio frame to the custom workspace. | `Workflow > Unified Workflow > custom mode > add studio` | - |
| Add a Quick Upload frame | Adds another Quick Upload frame to the custom workspace. | `Workflow > Unified Workflow > custom mode > add upload` | - |
| Columns | Number box from 1 to 12 that sets how many frames sit in a row. | `Workflow > Unified Workflow > custom mode > Columns` | - |
| Frame counter | Shows how many frames are open against the cap of 100. | `Workflow > Unified Workflow > custom mode` | - |
| Drag to reorder a frame | The grip in a frame header lets you drag it into a different position without reloading it. | `Workflow > Unified Workflow > custom mode > frame` | - |
| Drag to set frame width | The handle on a frame edge sets its width, with a live percentage while you drag. | `Workflow > Unified Workflow > custom mode > frame` | - |
| Reload this frame | Refresh button in a custom frame header that reloads only that frame. | `Workflow > Unified Workflow > custom mode > frame > reload` | - |
| Close this frame | Removes one custom frame and rebalances the rest. | `Workflow > Unified Workflow > custom mode > frame > close` | - |
| Layout is remembered | The mode, the frames, their widths, the column count and any hidden panes are all kept in the browser between visits. | `Workflow > Unified Workflow` | - |