diff --git a/.github/workflows/web-app_web-app-prod.yml b/.github/workflows/web-app_web-app-prod.yml
index 1517dc7e..e3a83615 100644
--- a/.github/workflows/web-app_web-app-prod.yml
+++ b/.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:
diff --git a/vscode/CHANGELOG.md b/vscode/CHANGELOG.md
index b88e3ee5..e1f8e00d 100644
--- a/vscode/CHANGELOG.md
+++ b/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
diff --git a/vscode/README.md b/vscode/README.md
index 12c61a32..427c2742 100644
--- a/vscode/README.md
+++ b/vscode/README.md
@@ -1,12 +1,12 @@
-
Integrate APIs, SDKs or Packages with AI Agents
+Integrate Packages and SDKs with AI Agents
[](https://marketplace.visualstudio.com/items?itemName=WelltestedAI.fluttergpt&ssr=false#overview) [](https://marketplace.visualstudio.com/items?itemName=WelltestedAI.fluttergpt&ssr=false#overview) [](/LICENSE)
+
+
+ Create new agent
+
diff --git a/vscode/media/market-place/market-place.js b/vscode/media/market-place/market-place.js
index dadea02a..c0c39636 100644
--- a/vscode/media/market-place/market-place.js
+++ b/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 = `${agent.author.github_id} `;
const divAuthor = document.createElement("div");
diff --git a/vscode/media/onboarding/onboarding.html b/vscode/media/onboarding/onboarding.html
index 437d8402..b512aef6 100644
--- a/vscode/media/onboarding/onboarding.html
+++ b/vscode/media/onboarding/onboarding.html
@@ -19,20 +19,25 @@
-
-
@@ -90,14 +96,14 @@
# Ask Dash
-
- @
+ Type "@" to switch agent
-
/
-
+ -->
-
+
diff --git a/vscode/media/onboarding/onboarding.js b/vscode/media/onboarding/onboarding.js
index abf20dd5..10014221 100644
--- a/vscode/media/onboarding/onboarding.js
+++ b/vscode/media/onboarding/onboarding.js
@@ -246,7 +246,11 @@ const questionnaireContainer = document.getElementById("questionaire-container")
const executableContainer = document.getElementById("executable-container");
const fileUpload = document.getElementById("file-upload");
const activeAgentAttach = document.getElementById("agents");
-const activeCommandsAttach = document.getElementById("slash-commands");
+// const activeCommandsAttach = document.getElementById("slash-commands");
+const headerLogo = document.getElementById("header-logo");
+const headerText = document.getElementById("header-text");
+const headerAgentName = document.getElementById("header-agent-name");
+const headerAgentDescription = document.getElementById("header-agent-description");
//initialising variables
let isApiKeyValid = false;
@@ -264,6 +268,7 @@ let currentActiveAgent = '';
let isGithubLoginPending = false;
let isExecutableDownloadPending = false;
let codeInputId = 0;
+let agentName = 'Dash';
const agentInputsJson = [];
@@ -288,6 +293,7 @@ let data = [
},
"min_cli_version": "0.0.1",
"name": "@dash",
+ "search": "@dash",
"publisher_id": "85fe1b9f-35a6-5732-9657-e880909c26e9",
"supported_commands": [
// {
@@ -444,6 +450,7 @@ let data = [
"description": "Get help with writing tests.",
"min_cli_version": "0.0.1",
"name": "@test",
+ "search": "@test",
"metadata": {
"display_name": "Test"
},
@@ -757,7 +764,7 @@ const questionnaire = [
setTimeout(() => adjustHeight(), 0);
activeAgent = true;
currentActiveAgent = "@dash";
- activeAgentAttach.textContent = '@Dash';
+ // activeAgentAttach.textContent = '@Dash';
commandEnable = false;
},
icon: questionIcon,
@@ -772,7 +779,7 @@ const questionnaire = [
setTimeout(() => adjustHeight(), 0);
activeAgent = true;
currentActiveAgent = "@dash";
- activeAgentAttach.textContent = '@Dash';
+ // activeAgentAttach.textContent = '@Dash';
commandEnable = false;
},
icon: codeSnippetIcon,
@@ -787,13 +794,53 @@ const questionnaire = [
setTimeout(() => adjustHeight(), 0);
activeAgent = true;
currentActiveAgent = "@dash";
- activeAgentAttach.textContent = '@Dash';
+ // activeAgentAttach.textContent = '@Dash';
commandEnable = false;
},
icon: dashAI,
}
];
+const webQuestionnaire = [
+ {
+ id: "generate-summary",
+ message: "Generate summary",
+ isGradient: true,
+ onclick: (_textInput) => {
+ _textInput.textContent = `Please give me a complete summary about ${agentName}`;
+ submitResponse();
+ },
+ icon: marketPlaceIcon,
+ },
+ {
+ id: "ask-about",
+ message: "Ask about a feature",
+ isGradient: false,
+ onclick: (_textInput) => {
+ _textInput.textContent = `Help me understand (x) feature in detail with helpful links to read more about it`;
+ },
+ icon: questionIcon,
+ },
+ {
+ id: "search-code",
+ message: "Search for code or issues",
+ isGradient: false,
+ onclick: (_textInput) => {
+ _textInput.textContent = `Where can I find the code that does (y). Please help me with links to it`;
+ },
+ icon: codeSnippetIcon,
+ },
+ {
+ id: "get-help",
+ message: "Get help fixing an issue",
+ isGradient: false,
+ onclick: (_textInput) => {
+ _textInput.textContent = `Help me resolve the (z) problem I'm facing. Here is some helpful code: (code)`;
+ },
+ icon: dashAI,
+ }
+];
+
(function () {
setLoading(true);
@@ -835,8 +882,6 @@ const questionnaire = [
githubLogin.addEventListener("click", githubListener);
- new Questionnaire(questionnaire, textInput).buildQuestionnaire();
-
vscode.postMessage({
type: "initialized",
});
@@ -845,15 +890,34 @@ const questionnaire = [
});
enableDefaultAgent();
+ switchBottomTipMessage(conversationHistory);
})();
+function switchBottomTipMessage(_conversationHistory) {
+ if (getAgents().length <= 2) {
+ activeAgentAttach.textContent = `Go to “@” marketplace to install agents`;
+ new Questionnaire(questionnaire, textInput).buildQuestionnaire();
+ } else if (getAgents().length >= 3 && agentName === "Dash") {
+ activeAgentAttach.textContent = `Type “@” to switch agent`;
+ new Questionnaire(questionnaire, textInput).buildQuestionnaire();
+ } else if (getAgents().length >= 3 && agentName !== "Dash") {
+ debugger
+ if (_conversationHistory.length === 0) {
+ activeAgentAttach.textContent = `@${agentName}`;
+ } else {
+ activeAgentAttach.textContent = `Attach code snippets from right click menu`;
+ }
+ new Questionnaire(webQuestionnaire, textInput).buildQuestionnaire();
+ }
+}
+
function enableDefaultAgent() {
activeAgentAttach.style = "color: #497BEF; !important";
- activeAgentAttach.textContent = '@Dash';
+ // activeAgentAttach.textContent = '@Dash';
activeAgent = true;
commandEnable = false;
- activeCommandsAttach.style = "color: var(--vscode-input-placeholderForeground); !important";
- activeCommandsAttach.textContent = "/";
+ // activeCommandsAttach.style = "color: var(--vscode-input-placeholderForeground); !important";
+ // activeCommandsAttach.textContent = "/";
currentActiveAgent = '@dash';
}
@@ -920,8 +984,8 @@ async function submitResponse() {
questionnaireContainer.classList.add("hidden");
textInput.textContent = "";
commandEnable = false;
- activeCommandsAttach.style = "color: var(--vscode-input-placeholderForeground); !important";
- activeCommandsAttach.textContent = "/";
+ // activeCommandsAttach.style = "color: var(--vscode-input-placeholderForeground); !important";
+ // activeCommandsAttach.textContent = "/";
agentInputsJson.length = 0;
}
} else if (activeAgent && !commandEnable) {
@@ -940,7 +1004,6 @@ async function submitResponse() {
textInput.textContent = "";
chipsData = {};
}
-
adjustHeight();
}
@@ -985,7 +1048,11 @@ function handleSubmit(event) {
if (query.length === 0) {
matchingItems = getAgents();
} else {
- matchingItems = getAgents().filter(item => item.name?.toLowerCase().startsWith(query.toLowerCase()));
+
+ matchingItems = getAgents().filter(item => {
+ console.log('name', item);
+ return item.search?.toLowerCase().startsWith(query.toLowerCase());
+ });
}
}
@@ -1053,7 +1120,7 @@ function handleSubmit(event) {
if (textInput.textContent.trim().length === 0) {
// Perform some action
commandEnable = false;
- activeCommandsAttach.style = "color: var(--vscode-input-placeholderForeground); !important";
+ // activeCommandsAttach.style = "color: var(--vscode-input-placeholderForeground); !important";
}
}, 2500);
@@ -1070,7 +1137,7 @@ function getAgents() {
const agents = [];
data.forEach(agent => {
if (agent.name.trim().length > 0) {
- agents.push({ name: agent.name, description: agent.description, metadata: agent.metadata });
+ agents.push({ name: agent.name, description: agent.description, metadata: agent.metadata, search: agent.search });
}
});
@@ -1104,17 +1171,17 @@ function setCaretToEnd(target) {
}
function removePlaceholder() {
- if (textInput.textContent.trim() === "# Ask Dash") {
+ if (textInput.textContent.trim() === `# Ask ${agentName}`) {
textInput.textContent = '';
- textInput.classList.remove('placeholder');
+ // textInput.classList.remove('placeholder');
}
}
// Function to add placeholder when the element is blurred and empty
function addPlaceholder() {
if (textInput.textContent.trim() === '') {
- textInput.textContent = '# Ask Dash';
- textInput.classList.add('placeholder');
+ textInput.textContent = `# Ask ${agentName}`;
+ // textInput.classList.add('placeholder');
}
}
@@ -1133,7 +1200,6 @@ function handleTriggerMessage(event) {
case "displayMessages":
conversationHistory = message.value;
displayMessages(conversationHistory);
- header.classList.add("hidden");
scrollToBottom();
break;
case "showLoadingIndicator":
@@ -1158,6 +1224,8 @@ function handleTriggerMessage(event) {
break;
case 'clearCommandDeck':
clearChat();
+ header.classList.remove("hidden");
+ switchBottomTipMessage(conversationHistory);
break;
case 'addToReference':
removePlaceholder();
@@ -1256,6 +1324,7 @@ function handleTriggerMessage(event) {
case 'getStoredAgents':
const _agents = parseAgents(message.value.agents);
appendAgents(_agents.agents);
+ switchBottomTipMessage();
break;
}
}
@@ -1620,8 +1689,10 @@ function displayMessages() {
const _conversationHistory = conversationHistory.filter(data => Object.keys(data)[0] === currentActiveAgent);
if (_conversationHistory.length === 0) {
questionnaireContainer.classList.remove("hidden");
+ header.classList.remove("hidden");
} else {
questionnaireContainer.classList.add("hidden");
+ header.classList.add("hidden");
}
const _agentData = data.find((_data) => _data.name === currentActiveAgent);
_conversationHistory.forEach((_message) => {
@@ -1708,6 +1779,7 @@ function displayMessages() {
scrollToBottom();
});
setResponse();
+ switchBottomTipMessage(_conversationHistory);
}
function handleButtonEvent(agent, data, messageId, buttonType) {
diff --git a/vscode/media/output.css b/vscode/media/output.css
index 1ea29aa5..9b54929a 100644
--- a/vscode/media/output.css
+++ b/vscode/media/output.css
@@ -44,7 +44,7 @@ html,
-moz-tab-size: 4;
/* 3 */
-o-tab-size: 4;
- tab-size: 4;
+ tab-size: 4;
/* 3 */
font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
/* 4 */
@@ -89,7 +89,7 @@ Add the correct text decoration in Chrome, Edge, and Safari.
abbr:where([title]) {
-webkit-text-decoration: underline dotted;
- text-decoration: underline dotted;
+ text-decoration: underline dotted;
}
/*
@@ -378,7 +378,8 @@ textarea {
2. Set the default placeholder color to the user's configured gray 400 color.
*/
-input::-moz-placeholder, textarea::-moz-placeholder {
+input::-moz-placeholder,
+textarea::-moz-placeholder {
opacity: 1;
/* 1 */
color: #9ca3af;
@@ -446,7 +447,9 @@ video {
display: none;
}
-*, ::before, ::after {
+*,
+::before,
+::after {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
@@ -456,19 +459,19 @@ video {
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
- --tw-pan-x: ;
- --tw-pan-y: ;
- --tw-pinch-zoom: ;
+ --tw-pan-x: ;
+ --tw-pan-y: ;
+ --tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
- --tw-gradient-from-position: ;
- --tw-gradient-via-position: ;
- --tw-gradient-to-position: ;
- --tw-ordinal: ;
- --tw-slashed-zero: ;
- --tw-numeric-figure: ;
- --tw-numeric-spacing: ;
- --tw-numeric-fraction: ;
- --tw-ring-inset: ;
+ --tw-gradient-from-position: ;
+ --tw-gradient-via-position: ;
+ --tw-gradient-to-position: ;
+ --tw-ordinal: ;
+ --tw-slashed-zero: ;
+ --tw-numeric-figure: ;
+ --tw-numeric-spacing: ;
+ --tw-numeric-fraction: ;
+ --tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
@@ -476,28 +479,28 @@ video {
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
- --tw-blur: ;
- --tw-brightness: ;
- --tw-contrast: ;
- --tw-grayscale: ;
- --tw-hue-rotate: ;
- --tw-invert: ;
- --tw-saturate: ;
- --tw-sepia: ;
- --tw-drop-shadow: ;
- --tw-backdrop-blur: ;
- --tw-backdrop-brightness: ;
- --tw-backdrop-contrast: ;
- --tw-backdrop-grayscale: ;
- --tw-backdrop-hue-rotate: ;
- --tw-backdrop-invert: ;
- --tw-backdrop-opacity: ;
- --tw-backdrop-saturate: ;
- --tw-backdrop-sepia: ;
- --tw-contain-size: ;
- --tw-contain-layout: ;
- --tw-contain-paint: ;
- --tw-contain-style: ;
+ --tw-blur: ;
+ --tw-brightness: ;
+ --tw-contrast: ;
+ --tw-grayscale: ;
+ --tw-hue-rotate: ;
+ --tw-invert: ;
+ --tw-saturate: ;
+ --tw-sepia: ;
+ --tw-drop-shadow: ;
+ --tw-backdrop-blur: ;
+ --tw-backdrop-brightness: ;
+ --tw-backdrop-contrast: ;
+ --tw-backdrop-grayscale: ;
+ --tw-backdrop-hue-rotate: ;
+ --tw-backdrop-invert: ;
+ --tw-backdrop-opacity: ;
+ --tw-backdrop-saturate: ;
+ --tw-backdrop-sepia: ;
+ --tw-contain-size: ;
+ --tw-contain-layout: ;
+ --tw-contain-paint: ;
+ --tw-contain-style: ;
}
::backdrop {
@@ -510,19 +513,19 @@ video {
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
- --tw-pan-x: ;
- --tw-pan-y: ;
- --tw-pinch-zoom: ;
+ --tw-pan-x: ;
+ --tw-pan-y: ;
+ --tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
- --tw-gradient-from-position: ;
- --tw-gradient-via-position: ;
- --tw-gradient-to-position: ;
- --tw-ordinal: ;
- --tw-slashed-zero: ;
- --tw-numeric-figure: ;
- --tw-numeric-spacing: ;
- --tw-numeric-fraction: ;
- --tw-ring-inset: ;
+ --tw-gradient-from-position: ;
+ --tw-gradient-via-position: ;
+ --tw-gradient-to-position: ;
+ --tw-ordinal: ;
+ --tw-slashed-zero: ;
+ --tw-numeric-figure: ;
+ --tw-numeric-spacing: ;
+ --tw-numeric-fraction: ;
+ --tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
@@ -530,28 +533,28 @@ video {
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
- --tw-blur: ;
- --tw-brightness: ;
- --tw-contrast: ;
- --tw-grayscale: ;
- --tw-hue-rotate: ;
- --tw-invert: ;
- --tw-saturate: ;
- --tw-sepia: ;
- --tw-drop-shadow: ;
- --tw-backdrop-blur: ;
- --tw-backdrop-brightness: ;
- --tw-backdrop-contrast: ;
- --tw-backdrop-grayscale: ;
- --tw-backdrop-hue-rotate: ;
- --tw-backdrop-invert: ;
- --tw-backdrop-opacity: ;
- --tw-backdrop-saturate: ;
- --tw-backdrop-sepia: ;
- --tw-contain-size: ;
- --tw-contain-layout: ;
- --tw-contain-paint: ;
- --tw-contain-style: ;
+ --tw-blur: ;
+ --tw-brightness: ;
+ --tw-contrast: ;
+ --tw-grayscale: ;
+ --tw-hue-rotate: ;
+ --tw-invert: ;
+ --tw-saturate: ;
+ --tw-sepia: ;
+ --tw-drop-shadow: ;
+ --tw-backdrop-blur: ;
+ --tw-backdrop-brightness: ;
+ --tw-backdrop-contrast: ;
+ --tw-backdrop-grayscale: ;
+ --tw-backdrop-hue-rotate: ;
+ --tw-backdrop-invert: ;
+ --tw-backdrop-opacity: ;
+ --tw-backdrop-saturate: ;
+ --tw-backdrop-sepia: ;
+ --tw-contain-size: ;
+ --tw-contain-layout: ;
+ --tw-contain-paint: ;
+ --tw-contain-style: ;
}
.container {
@@ -841,7 +844,7 @@ video {
gap: 0.25rem;
}
-.space-y-4 > :not([hidden]) ~ :not([hidden]) {
+.space-y-4> :not([hidden])~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
@@ -1017,6 +1020,20 @@ video {
padding-bottom: 0.75rem;
}
+.py-4 {
+ padding-top: 1rem;
+ /* 16px */
+ padding-bottom: 1rem;
+ /* 16px */
+}
+
+.py-5 {
+ padding-top: 1.25rem;
+ /* 20px */
+ padding-bottom: 1.25rem;
+ /* 20px */
+}
+
.pt-2 {
padding-top: 0.5rem;
}
@@ -1030,6 +1047,13 @@ video {
line-height: 2rem;
}
+.text-xl {
+ font-size: 1.25rem;
+ /* 20px */
+ line-height: 1.75rem;
+ /* 28px */
+}
+
.text-lg {
font-size: 1.125rem;
line-height: 1.75rem;
@@ -1082,6 +1106,11 @@ video {
color: rgb(59 130 246 / var(--tw-text-opacity));
}
+.text-gray-400 {
+ --tw-text-opacity: 1;
+ color: rgb(156 163 175 / var(--tw-text-opacity));
+}
+
.text-gray-900 {
--tw-text-opacity: 1;
color: rgb(17 24 39 / var(--tw-text-opacity));
diff --git a/vscode/media/questionnaire/questionnaire.js b/vscode/media/questionnaire/questionnaire.js
index 35e83702..10e48e4b 100644
--- a/vscode/media/questionnaire/questionnaire.js
+++ b/vscode/media/questionnaire/questionnaire.js
@@ -8,15 +8,15 @@ class Questionnaire {
buildQuestionnaire() {
const grid = document.getElementById("questionnaire-grid");
-
+ grid.innerHTML = "";
let container = null;
this.json.forEach(({ id, message, onclick, icon, isGradient }) => {
container = document.createElement("div");
container.id = id;
- container.classList.add("h-32", "max-w-full", "p-1", "cursor-pointer");
+ container.classList.add("max-w-full", "p-1", "cursor-pointer");
const cardContainer = document.createElement("div");
- cardContainer.classList.add("h-32", "w-full", "rounded-lg", isGradient ? "questionnaire-card-gradient" : "questionnaire-card", "py-2", "px-3", "relative");
+ cardContainer.classList.add("w-full", "rounded-lg", isGradient ? "questionnaire-card-gradient" : "questionnaire-card", "py-3", "px-3", "relative", "text-center");
cardContainer.addEventListener("click", () => onclick(this.ref));
const _message = document.createElement("span");
@@ -25,12 +25,11 @@ class Questionnaire {
_message.classList.add("font-bold");
_message.textContent = message;
- const iconContainer = document.createElement("div");
- iconContainer.classList.add("absolute", "bottom-1", "right-1", "border", "border-black", "rounded-full", "p-1", "bg-white");
- iconContainer.innerHTML = icon;
+ // const iconContainer = document.createElement("div");
+ // iconContainer.classList.add("absolute", "bottom-1", "right-1", "border", "border-black", "rounded-full", "p-1", "bg-white");
+ // iconContainer.innerHTML = icon;
cardContainer.appendChild(_message);
- cardContainer.appendChild(iconContainer);
container.appendChild(cardContainer);
grid.appendChild(container);
});
diff --git a/vscode/package-lock.json b/vscode/package-lock.json
index 982f823a..8bbf02e5 100644
--- a/vscode/package-lock.json
+++ b/vscode/package-lock.json
@@ -1,12 +1,12 @@
{
"name": "fluttergpt",
- "version": "0.4.8",
+ "version": "0.5.0",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"name": "fluttergpt",
- "version": "0.4.8",
+ "version": "0.5.0",
"dependencies": {
"@vscode/extension-telemetry": "^0.8.1",
"axios": "^1.4.0",
@@ -32,7 +32,7 @@
"typescript": "^5.0.4"
},
"engines": {
- "vscode": "^1.82.0"
+ "vscode": "^1.77.0"
}
},
"node_modules/@alloc/quick-lru": {
diff --git a/vscode/package.json b/vscode/package.json
index 66415a08..84a986cf 100644
--- a/vscode/package.json
+++ b/vscode/package.json
@@ -1,12 +1,12 @@
{
"name": "fluttergpt",
- "displayName": "CommandDash: AI Agents for APIs, SDKs and more",
- "description": "AI assist to integrate 1000+ libraries with expert agents from marketplace",
- "version": "0.4.8",
+ "displayName": "CommandDash: Assist for Packages, SDKs, APIs and Github",
+ "description": "Only AI Copilot to integrate libraries with expert agents",
+ "version": "0.5.0",
"publisher": "WelltestedAI",
"icon": "media/icon.png",
"engines": {
- "vscode": "^1.82.0"
+ "vscode": "^1.77.0"
},
"repository": {
"url": "https://github.com/CommandDash/commanddash"
diff --git a/vscode/src/providers/chat_view_provider.ts b/vscode/src/providers/chat_view_provider.ts
index d4101f3e..48c728ff 100644
--- a/vscode/src/providers/chat_view_provider.ts
+++ b/vscode/src/providers/chat_view_provider.ts
@@ -31,7 +31,7 @@ export class FlutterGPTViewProvider implements vscode.WebviewViewProvider {
// In the constructor, we store the URI of the extension
constructor(private readonly _extensionUri: vscode.Uri,
- private context: vscode.ExtensionContext) {}
+ private context: vscode.ExtensionContext) { }
// Public method to post a message to the webview
public postMessageToWebview(message: any): void {
@@ -175,6 +175,8 @@ export class FlutterGPTViewProvider implements vscode.WebviewViewProvider {
}
});
this._fetchAgentsAPI(true);
+ this._migrateAgentsStorage();
+ // StorageManager.instance.deleteAgents();
webviewView.onDidChangeVisibility(() => {
console.log('webview', webviewView.visible);
@@ -193,7 +195,7 @@ export class FlutterGPTViewProvider implements vscode.WebviewViewProvider {
//TODO: search agents on marketplace
//TODO: following up message proper placement
//TODO: Remove dart icon and show icons based on file type
-
+
logEvent('new-chat-start', { from: 'command-deck' });
// this._installAgent();
@@ -285,19 +287,52 @@ export class FlutterGPTViewProvider implements vscode.WebviewViewProvider {
}
}
+ private async _migrateAgentsStorage() {
+ try {
+ const existingAgents = await StorageManager.instance.getInstallAgents();
+ const _parsedExsistingAgents = existingAgents ? JSON.parse(existingAgents) : { agents: {}, agentsList: [] };
+
+ let isMigrationNeeded = false;
+
+ const migratedAgents = Object.keys(_parsedExsistingAgents.agents).reduce((acc: any, key: string) => {
+ const agent = _parsedExsistingAgents.agents[key];
+ if (!agent.search) {
+ agent.search = `@${agent.metadata.display_name}`;
+ isMigrationNeeded = true;
+ }
+ acc[key] = agent;
+ return acc;
+ }, {});
+
+ if (isMigrationNeeded) {
+ const updatedAgents = {
+ agents: migratedAgents,
+ agentsList: _parsedExsistingAgents.agentsList
+ };
+
+ await StorageManager.instance.setInstallAgents(updatedAgents);
+ console.log('Migration completed: @search field added to existing agents.');
+ }
+ } catch (error) {
+ console.error('Error during agents storage migration:', error);
+ }
+ }
+
private async _storingAgentsLocally(agentDetails: any) {
try {
- const { name } = agentDetails;
+ const { name, metadata } = agentDetails;
// StorageManager.instance.deleteAgents();
const existingAgents = await StorageManager.instance.getInstallAgents();
const _parsedExsistingAgents = existingAgents ? JSON.parse(existingAgents) : { agents: {}, agentsList: [] };
+
const updatedAgents = {
agents: {
..._parsedExsistingAgents?.agents,
[`@${name}`]: {
...agentDetails,
name: `@${name}`,
+ search: `@${metadata.display_name}`,
supported_commands: agentDetails?.supported_commands.map((command: any) => ({
...command,
slug: `/${command.slug}`
diff --git a/web/README.md b/web/README.md
index 5ce67661..33f21478 100644
--- a/web/README.md
+++ b/web/README.md
@@ -1,5 +1,5 @@
# create-svelte
-
+
-----------------
-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.
@@ -14,7 +14,7 @@ Dash Agents are trained on the latest documentation, examples and issues enablin
##### 🤝 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,7 +54,7 @@ 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).
@@ -62,11 +62,11 @@ You can suggest agents to add to the marketplace, or contribute to the VSCODE or
- **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
diff --git a/vscode/media/agent-ui-builder/agent-ui-builder.js b/vscode/media/agent-ui-builder/agent-ui-builder.js
index a8c3df08..90f3c52a 100644
--- a/vscode/media/agent-ui-builder/agent-ui-builder.js
+++ b/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();
diff --git a/vscode/media/command-deck/command-deck.js b/vscode/media/command-deck/command-deck.js
index b4e5afe9..23feeec0 100644
--- a/vscode/media/command-deck/command-deck.js
+++ b/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);
}
diff --git a/vscode/media/market-place/market-place.html b/vscode/media/market-place/market-place.html
index e70a5098..48d53ae5 100644
--- a/vscode/media/market-place/market-place.html
+++ b/vscode/media/market-place/market-place.html
@@ -30,10 +30,14 @@