Skip to content

Button Auto-Population for External Apps #94

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
ThomasK33 opened this issue Mar 6, 2025 · 0 comments · Fixed by #136
Closed

Button Auto-Population for External Apps #94

ThomasK33 opened this issue Mar 6, 2025 · 0 comments · Fixed by #136
Assignees

Comments

@ThomasK33
Copy link
Member

ThomasK33 commented Mar 6, 2025

Enable Coder Desktop to detect and display buttons for external applications automatically. Users desire a seamless, one-click experience for launching native applications such as RDP clients, Zed, Visual Studio Code, and more. This feature will allow Coder Desktop to show relevant buttons based on the configuration of the workspace template.

Initially, we want to display all coder_app's marked with external=true and a set url field that does not have an http or https scheme. (e.g., zed://, rdp://, etc.) as buttons.

This information can be obtained by retrieving the workspace's agent, enumerating all applications, and filtering Coder Desktop-side. When the button is clicked, it should delegate the task of opening the link to the operating system.

To keep the user interface simple and intuitive, we will display a maximum of five buttons, creating a consistent row height. In future iterations, we can explore other options, such as dropdown menus or collapsible sections.

ethanndickson added a commit that referenced this issue May 1, 2025
Closes #94.

<img width="311" alt="Screenshot 2025-04-22 at 2 10 32 pm" src="https://github.com/%3Ca%20href="https://github.com/user-attachments/assets/36e20e2e-49b4-4cbd-8bcc-e41840fdc45c">https://github.com/user-attachments/assets/36e20e2e-49b4-4cbd-8bcc-e41840fdc45c" />


https://github.com/user-attachments/assets/0777d1c9-6183-487d-b24a-b2ad9639d75b



The cursor does not change to a pointing hand as it should when screen-recording, and the display name of the app is also shown on hover:
<img width="255" alt="image" src="https://github.com/%3Ca%20href="https://github.com/user-attachments/assets/95c1f06b-b14a-457c-85a6-5a514b017def">https://github.com/user-attachments/assets/95c1f06b-b14a-457c-85a6-5a514b017def" />


As per the linked issue, this only shows the first five apps. If there's less than 5 apps, they won't be centered (I think this looks a bit better):

<img width="325" alt="image" src="https://github.com/%3Ca%20href="https://github.com/user-attachments/assets/348c1b46-f8d5-4a32-8ba6-eb03d8125344">https://github.com/user-attachments/assets/348c1b46-f8d5-4a32-8ba6-eb03d8125344" />



Later designs will likely include a Workspace window where all the apps can be viewed, and potentially reordered to control what is shown on the tray.

EDIT: Web apps have been filtered out of the above examples, as we don't currently have a way to determine whether they will work properly via Coder Connect.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants