Rel 0.5.0

.github/workflows/web-app_web-app-prod.yml

@@ -1,4 +1,4 @@
-name: Build and deploy Node.js app to Azure Web App - web-app-prod
+name: Build and deploy SvelteKit app to Azure Web App - web-app-prod
 
 on:
   push:
@@ -20,14 +20,18 @@ jobs:
 
       - name: npm install, build, and test
         run: |
-          cd commanddash_web_app
+          cd web
           npm install
           npm run build --if-present
           npm run test --if-present
+        env:
+          VITE_INSTRUMENTATION_KEY: ${{ secrets.VITE_INSTRUMENTATION_KEY }}
+
       - name: Zip artifact for deployment
         run: |
-          cd commanddash_web_app/build
-          zip -r ../release.zip build node_modules package.json package-lock.json
+          cd web
+          zip -r ../release.zip build node_modules package.json package-lock.json -x "*.git*"
+
       - name: Upload artifact for deployment job
         uses: actions/upload-artifact@v3
         with:
@@ -52,6 +56,11 @@ jobs:
       - name: Unzip artifact for deployment
         run: unzip release.zip -d deploy
 
+      - name: Install Node.js dependencies on Azure
+        run: |
+          cd deploy
+          npm install --production
+
       - name: Login to Azure
         uses: azure/login@v1
         with:

vscode/CHANGELOG.md

@@ -4,6 +4,12 @@ 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.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/agent-ui-builder/agent-ui-builder.js

@@ -19,7 +19,7 @@ class AgentUIBuilder {
             textHtml = textHtml.replace(`<${input.id}>`, inputElement.outerHTML);
         });
 
-        activeCommandsAttach.textContent = `${slug}`;
+        // activeCommandsAttach.textContent = `${slug}`;
         this.container.innerHTML = `${textHtml}`;
         this.ref.appendChild(this.container);
         this.registerCodeInputListener();

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

@@ -133,12 +133,19 @@ class CommandDeck {
                 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";
-                activeAgentAttach.textContent = `@${option?.metadata.display_name}`;
+
+                agentName = option?.metadata.display_name;
+                headerLogo.src = option.metadata.avatar_id;
+                headerText.classList.add("hidden");
+                headerAgentName.classList.remove("hidden");
+                headerAgentName.textContent = option?.metadata.display_name;
+                headerAgentDescription.classList.remove("hidden");
+                headerAgentDescription.textContent = option?.metadata.description;
                 activeAgent = true;
                 commandEnable = false;
-                activeCommandsAttach.style = "color: var(--vscode-input-placeholderForeground); !important";
-                activeCommandsAttach.textContent = "/";
+
                 currentActiveAgent = option.name;
                 this.closeMenu();
                 // Move the cursor to the end of the word
@@ -164,7 +171,7 @@ class CommandDeck {
                 setTimeout(() => {
                     adjustHeight();
                     commandEnable = true;
-                    activeCommandsAttach.style = "color: rgb(236 72 153); !important";
+                    // activeCommandsAttach.style = "color: rgb(236 72 153); !important";
                 }, 0);
             }
         };
@@ -247,10 +254,10 @@ class CommandDeck {
             setTimeout(() => {
                 if (this.ref.textContent.trim() === "") {
                     commandEnable = false;
-                    activeCommandsAttach.style = "color: var(--vscode-input-placeholderForeground); !important";
+                    // activeCommandsAttach.style = "color: var(--vscode-input-placeholderForeground); !important";
                     agentInputsJson.length = 0;
                     codeInputId = 0;
-                    activeCommandsAttach.textContent = "/";
+                    // activeCommandsAttach.textContent = "/";
                 }
             }, 0);
         }

vscode/media/market-place/market-place.html

@@ -30,10 +30,14 @@
             </div>
             <ul class="max-w-md divide-y divide-gray-200" id="market-place-list-container">
             </ul>
-            <span class="text-base text-white font-semibold mx-2">
+            <!-- <span class="text-base text-white font-semibold mx-2">
                 Couldn't find the agent you were looking for? We'll get it added, please 
                 <a target="_blank" href="https://airtable.com/app22SBaii3xYD5aR/shrLv4mDsEtnFjmtj"
-                    class="text-[#497BEF] border-b border-solid  border-[#497BEF]">make a request.</a></span>
+                    class="text-[#497BEF] border-b border-solid  border-[#497BEF]">make a request.</a></span> -->
+            <a class="inline-flex px-2 py-3 items-center" href="https://app.commanddash.io/?create=true" target="_blank">
+                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11 13H5v-2h6V5h2v6h6v2h-6v6h-2z"/></svg>
+                <span>Create new agent</span>
+            </a>
         </main>
     </div>
     <script src="{{marketPlaceJsUri}}"></script>

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

@@ -132,7 +132,7 @@ function renderAgentsList(_agents) {
         // topDiv.appendChild(installContainer);
 
         const pDescription = document.createElement("p");
-        pDescription.className = "text-xs truncate text-gray-500 my-1 description";
+        pDescription.className = "text-xs truncate text-gray-400 my-1 description";
         pDescription.style.color = "rgb(148 163 184)";
         pDescription.style.marginTop = "0.5rem";
         pDescription.style.marginBottom = "0.5rem";
@@ -157,7 +157,7 @@ function renderAgentsList(_agents) {
         divRowInner.className = "inline-flex flex-row";
 
         const spanAuthor = document.createElement("span");
-        spanAuthor.className = "text-xs text-gray-500 px-1 border-b border-gray-500";
+        spanAuthor.className = "text-xs text-gray-400 px-1 border-b border-gray-500";
         spanAuthor.innerHTML = `<a target="_blank" href="https://github.com/${agent.author.github_id}">${agent.author.github_id}</a>`;
 
         const divAuthor = document.createElement("div");