Merge pull request #342 from CommandDash/fix/vscode-ux-changes

Fix/vscode ux changes

vscode/CHANGELOG.md

@@ -4,6 +4,20 @@ All notable changes to the "commanddash" extension will be documented in this fi
 
 Check [Keep a Changelog](http://keepachangelog.com/) for recommendations on how to structure this file.
 
+
+## [0.5.2]
+- Fixed UX issues when using agents
+
+## [0.5.1]
+- Replacing CLI with REST APIs to interact with model
+- Crashing fixes
+
+## [0.5.0]
+- User Experience Improvements
+
+## [0.4.9]
+- Set minimum VSCode engine to 1.77.0
+
 ## [0.4.8]
 - Don't ask for Gemini API Key
 - Removed google generative ai package dependencies

vscode/README.md

@@ -1,20 +1,20 @@
 <div align="center">
-<h3>Integrate APIs, SDKs or Packages with AI Agents</h3>
+<h3>Integrate Packages and SDKs with AI Agents</h3>
 
 [![VScode Downloads](https://img.shields.io/visual-studio-marketplace/d/WelltestedAI.fluttergpt)](https://marketplace.visualstudio.com/items?itemName=WelltestedAI.fluttergpt&ssr=false#overview) [![VScode version](https://img.shields.io/visual-studio-marketplace/v/WelltestedAI.fluttergpt)](https://marketplace.visualstudio.com/items?itemName=WelltestedAI.fluttergpt&ssr=false#overview) [![License: APACHE](https://img.shields.io/badge/License-APACHE%202.0-yellow)](/LICENSE)
 </div>
 <img src="/assets/docs/poster.jpg"></a>
 
 -----------------
-CommandDash is a marketplace of AI agents that are expert at integrating APIs and SDKs.
+CommandDash is a marketplace of AI agents that are expert at integrating Packages and SDKs.
 
 Dash Agents are trained on the latest documentation, examples and issues enabling you to integrate any library without reading its docs by generating integration code contextualized to your codebase.
 
 ##### ✨ Skip the documentation
 ##### 🤝 Supports all languages
 ##### 👨🏼‍💻 Free for every developer
 
-Currently in Beta, CommandDash is being built in [open-sourced](https://github.com/CommandDash/commanddash) with the community.
+CommandDash is being built in [open-sourced](https://github.com/CommandDash/commanddash) with the community.
 
 -----------------
 
@@ -54,19 +54,19 @@ Note: Commands are optionally offered by agents depending on the usecase.
 
 ## Contributing
 
-CommanDash is hub of AI agents on docs of any APIs, SDKs and more.
+CommanDash is hub of AI agents on docs of any Packages, SDKs and Github Libraries.
 
 You can suggest agents to add to the marketplace, or contribute to the VSCODE or IntelliJ extension or also to the shared [engine](https://github.com/CommandDash/packages).
 
 -  **File feature requests**: Suggest features that'll make your development process easier in the [issues board](https://github.com/CommandDash/commanddash//issues).
 
 -  **Pick up open issues**: Pick up and fix existing issues open to the community in [issues board](https://github.com/CommandDash/commanddash/issues).
 
--  **Request agents in the marketplace**: You can submit requests to add agents for your most used APIs or SDKs. [Fill Form](https://airtable.com/app22SBaii3xYD5aR/shrLv4mDsEtnFjmtj).
+-  **Create agents in the marketplace**: You can create agents for any Packages or SDKs in one-click. [Create Here](https://app.commanddash.io/?create=true).
 
 ## Community
 
-Do you love devtools but hate documentation? Join our community and help developers build without leaving their IDE: [Join Now](https://join.slack.com/t/welltested-ai/shared_invite/zt-25u09fty8-gaggH9HbmopB~4tialTrlA) 👋🏼
+Do you love devtools but hate documentation? Join our community and help developers build without leaving their IDE: [Join Now](https://discord.gg/szUCAnrsHQ) 👋🏼
 
 ## License
 

vscode/media/command-deck/command-deck.js

@@ -99,8 +99,6 @@ class CommandDeck {
         let options = [];
         if (query.startsWith('@')) {
             options = await this.resolveFn(query, 'at');
-        } else if (query.startsWith('/')) {
-            options = await this.resolveFn(query, 'slash');
         }
 
         if (options.length !== 0) {
@@ -127,17 +125,13 @@ class CommandDeck {
             if (!option?.name.startsWith('/')) {
                 this.ref.textContent = '';
             }
-            if (option?.name.startsWith('/')) {
-                const textContent = this.ref.innerHTML;
-                const atIndex = textContent.lastIndexOf('/');
-                this.ref.innerHTML = textContent.substring(0, atIndex) + textContent.substring(atIndex + 1);
-            }
             if (option?.name.startsWith('@')) {
-                console.log('agents options', option?.metadata);
                 activeAgentAttach.style = "color: #497BEF; !important";
 
                 agentName = option?.metadata.display_name;
-                headerLogo.src = option.metadata.avatar_id;
+                headerLogo.classList.add("hidden");
+                headerAgentLogo.classList.remove("hidden");
+                headerAgentLogo.src = option.metadata.avatar_id;
                 headerText.classList.add("hidden");
                 headerAgentName.classList.remove("hidden");
                 headerAgentName.textContent = option?.metadata.display_name;

vscode/media/market-place/market-place.js

@@ -99,11 +99,14 @@ const formatGithubUrl = (url) => {
 };
 
 function formatText(url, maxLength) {
-    const { author, repo } = formatGithubUrl(url);
-    const formattedText = `${author}/${repo}`;
-    return formattedText.length > maxLength
-        ? formattedText.slice(0, maxLength) + "..."
-        : formattedText;
+    if (!!url) {
+        const { author, repo } = formatGithubUrl(url);
+        const formattedText = `${author}/${repo}`;
+        return formattedText.length > maxLength
+            ? formattedText.slice(0, maxLength) + "..."
+            : formattedText;
+    }
+    return "";
 }
 
 function renderAgentsList(_agents) {
@@ -185,9 +188,11 @@ function renderAgentsList(_agents) {
         divAuthor.innerHTML = githubIcon;
         divAuthor.appendChild(spanAuthor);
 
-        divRowInner.appendChild(divAuthor);
-        divRow.appendChild(divRowInner);
-
+        if (!!agent?.author?.source_url) {
+            divRowInner.appendChild(divAuthor);
+            divRow.appendChild(divRowInner);
+        }
+
         innerDiv.appendChild(topDiv);
         innerDiv.appendChild(pDescription);
         innerDiv.appendChild(ul);
@@ -226,7 +231,7 @@ function loadOnErrorImage(agentImage) {
 }
 
 function handleSearchInput(event) {
-    const searchText = event.target.value;
+    const searchText = event.target.value.toLowerCase();
     const agentList = document.querySelectorAll('.market-place-list-background');
 
     agentList.forEach(agent => {

vscode/media/onboarding/onboarding.html

@@ -22,6 +22,7 @@
             <div class="py-3 sticky top-0 z-[11] flex w-full px-5 flex-col justify-start" id="header">
                 <div class="flex flex-row justify-start items-center">
                     <img src="{{headerImageUri}}" class="w-18 h-11" id="header-logo" />
+                    <img src="{{headerImageUri}}" class="w-18 h-11 hidden" id="header-logo-agent" />
                     <span class="ml-1 text-xl font-semibold hidden" id="header-agent-name"></span>
                     <svg width="300" height="46" viewBox="0 0 487 46" fill="none" xmlns="http://www.w3.org/2000/svg"
                         id="header-text">
@@ -123,8 +124,7 @@
     <script src="{{agentUIBuilderUri}}"></script>
     <script src="{{questionnaireUri}}"></script>
     <script src="{{onboardingJsUri}}"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/showdown/2.1.0/showdown.min.js">
-    </script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/showdown/2.1.0/showdown.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.25.0/prism.min.js"></script>
     <script
         src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.25.0/plugins/autoloader/prism-autoloader.min.js"></script>