(enhance): Card UI and add more cards.

CommandDash · Apr 20, 2024 · 18143c4 · 18143c4
1 parent 504c777
commit 18143c4
Show file tree

Hide file tree

Showing 3 changed files with 33 additions and 4 deletions.
diff --git a/vscode/media/onboarding/onboarding.css b/vscode/media/onboarding/onboarding.css
@@ -232,10 +232,11 @@ p[contenteditable="true"] {
 }
 
 .questionnaire-card {
-    background-color: var(--vscode-editor-foreground);
-    color: var(--vscode-editor-background);
+    background-color: var(--vscode-dropdown-background);
+    /* color: var(--vscode-editorWidget-foreground); */
 }
 
+
 .tippy-box[data-theme~='flutter-blue'] {
     background-color: #287CEB;
     color: white;

diff --git a/vscode/media/onboarding/onboarding.html b/vscode/media/onboarding/onboarding.html
@@ -118,7 +118,7 @@
             </div>
         </div>
         <div class="flex-1 flex" id="bottom-container">
-            <div class="w-full h-20 absolute inset-0 m-auto" id="questionaire-container">
+            <div class="w-full h-20 absolute inset-0 m-auto" id="questionaire-container", style="bottom: 180px;">
                 <div class="grid grid-cols-2 gap-1" id="questionnaire-grid">
                 </div>
 

diff --git a/vscode/media/onboarding/onboarding.js b/vscode/media/onboarding/onboarding.js
@@ -750,7 +750,7 @@ const questionnaire = [
             setTimeout(() => adjustHeight(), 0);
             commandEnable = true;
         },
-        icon: `<span class="font-bold text-xs">&lt;/&gt;</span>`
+        icon: `<svg width="20" height="20" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">${dartIcon}</svg>`,
     },
     {
         id: "workspace-questionaire",
@@ -765,6 +765,34 @@ const questionnaire = [
             commandEnable = true;
         },
         icon: `<svg width="20" height="20" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">${dartIcon}</svg>`,
+    },
+    {
+        id: "flutter-doc-search",
+        message: "Query official Flutter Docs",
+        onclick: (_textInput) => {
+            _textInput.textContent = '';
+            const agentUIBuilder = new AgentUIBuilder(_textInput);
+            const agentProvider = new AgentProvider(data);
+            agentInputsJson.push(agentProvider.getInputs("/doc"));
+            agentUIBuilder.buildAgentUI();
+            setTimeout(() => adjustHeight(), 0);
+            commandEnable = true;
+        },
+        icon: `<svg width="20" height="20" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">${dartIcon}</svg>`,
+    },
+    {
+        id: "unit-test",
+        message: "Generate unit tests for your methods",
+        onclick: (_textInput) => {
+            _textInput.textContent = '';
+            const agentUIBuilder = new AgentUIBuilder(_textInput);
+            const agentProvider = new AgentProvider(data);
+            agentInputsJson.push(agentProvider.getInputs("/unit"));
+            agentUIBuilder.buildAgentUI();
+            setTimeout(() => adjustHeight(), 0);
+            commandEnable = true;
+        },
+        icon: `<svg width="20" height="20" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">${dartIcon}</svg>`,
     }
 ];