Merge branch 'develop' into fix-broken-html-rendering

CommandDash · Mar 4, 2024 · feedf08 · feedf08
2 parents 7499b17 + afdcce8
commit feedf08
Show file tree

Hide file tree

Showing 14 changed files with 754 additions and 253 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/user_config.json b/user_config.json
@@ -0,0 +1 @@
+{"version":"0.2.1"}
diff --git a/vscode/media/onboarding/onboarding.css b/vscode/media/onboarding/onboarding.css
@@ -7,6 +7,7 @@ body {
     justify-content: flex-end;
     height: 100vh;
 }
+
 ol,
 ul {
     padding-left: 17px !important;
@@ -20,41 +21,42 @@ ol {
 ul {
     list-style-type: disc !important;
 }
-.list-section > ul {
+
+.list-section>ul {
     list-style-type: none;
     margin: 0 !important;
     padding: 0 !important;
 }
 
-.list-section > ul > li {
+.list-section>ul>li {
     position: relative;
     display: flex;
     align-items: center;
     font-weight: bold;
 }
 
-.list-section > ul > li::before {
+.list-section>ul>li::before {
     padding-right: 3px;
     margin-top: 3px;
 }
 
-.list-section > ul > li.valid::before {
+.list-section>ul>li.valid::before {
     content: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0C2.685 0 0 2.685 0 6C0 9.315 2.685 12 6 12C9.315 12 12 9.315 12 6C12 2.685 9.315 0 6 0ZM9 2.67L10.08 3.75L5.25 8.58L2.67 6L3.75 4.92L5.25 6.42L9 2.67Z' fill='%233079D8'/%3E%3C/svg%3E");
 }
 
-.list-section > ul > li.invalid::before {
+.list-section>ul>li.invalid::before {
     content: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0C2.685 0 0 2.685 0 6C0 9.315 2.685 12 6 12C9.315 12 12 9.315 12 6C12 2.685 9.315 0 6 0ZM3.75 2.67L6 4.92L8.25 2.67L9.33 3.75L7.08 6L9.33 8.25L8.25 9.33L6 7.08L3.75 9.33L2.67 8.25L4.92 6L2.67 3.75L3.75 2.67Z' fill='%23CB4343'/%3E%3C/svg%3E");
 }
 
 .menu {
-    position: absolute;
     z-index: 99;
-    border-radius: 7px;
     background-color: var(--vscode-activityBar-background);
+    border-top-left-radius: 7px;
+    border-top-right-radius: 7px;
 }
 
 .menu-item {
-    cursor: default;
+    cursor: pointer;
     padding: .5rem 1rem;
     border-radius: 7px;
 }
@@ -65,8 +67,8 @@ ul {
     border-radius: 7px;
 }
 
-.menu-item:hover:not(.selected) {
-    background-color: #fafafa;
+.menu-item:hover {
+    background-color: var(--vscode-editor-background);
     border-radius: 7px;
 }
 
@@ -97,26 +99,31 @@ ul {
     left: 50%;
     transform: translateX(-50%);
 }
+
 p[contenteditable="true"] {
     outline: none;
     max-height: 270px;
     overflow: auto;
     white-space: pre-wrap;
 }
+
 #text-input {
     color: var(--vscode-editor-foreground);
 }
+
 .user-message {
     background-color: var(--vscode-panel-background);
     color: var(--vscode-sideBar-foreground);
 }
+
 .typing-loader {
     width: 4px;
     height: 4px;
     border-radius: 50%;
     animation: loading 1s linear infinite alternate;
     margin-bottom: 4px;
 }
+
 @keyframes loading {
     0% {
         background-color: var(--vscode-progressBar-background);
@@ -147,10 +154,12 @@ p[contenteditable="true"] {
 .placeholder {
     color: var(--vscode-input-placeholderForeground) !important;
 }
+
 .disabled {
     pointer-events: none;
     opacity: .9;
 }
+
 .chips {
     color: var(--vscode-editor-foreground);
     outline: .5px solid var(--vscode-editor-foreground);
@@ -163,25 +172,35 @@ p[contenteditable="true"] {
     align-items: center;
     border-radius: 7px;
 }
-.close-icon {
-    display: none;
-    position: absolute;
-    top: -5px;
-    right: -5px;
+
+.chips-reference {
+    outline: .5px solid #db2777;
+    padding: 3px 5px;
+    margin: 2px;
+    position: relative;
+    font-size: 11px;
+    display: inline-flex;
+    align-items: center;
+    border-radius: 7px;
 }
-.chips:hover .close-icon {
-    display: inline-block;
+
+#agents {
+    color: var(--vscode-input-placeholderForeground);
 }
-#agents{
+
+#slash-commands {
     color: var(--vscode-input-placeholderForeground);
 }
+
 #bottom-text-input-container {
     background-color: var(--vscode-editor-background);
     border-color: var(--vscode-sideBar-foreground);
 }
+
 #text-input-container {
     border-color: var(--vscode-editor-foreground);
 }
+
 #clear-chat-button {
     position: fixed;
     top: 8px;
@@ -194,4 +213,25 @@ p[contenteditable="true"] {
     opacity: 0.8;
     cursor: pointer;
     z-index: 98;
+}
+
+.tippy-box[data-theme~='flutter-blue'] {
+    background-color: #287CEB;
+    color: white;
+}
+
+.tippy-box[data-theme~='flutter-blue'][data-placement^='top']>.tippy-arrow::before {
+    border-top-color: #287CEB;
+}
+
+.tippy-box[data-theme~='flutter-blue'][data-placement^='bottom']>.tippy-arrow::before {
+    border-bottom-color: #287CEB;
+}
+
+.tippy-box[data-theme~='flutter-blue'][data-placement^='left']>.tippy-arrow::before {
+    border-left-color: #287CEB;
+}
+
+.tippy-box[data-theme~='flutter-blue'][data-placement^='right']>.tippy-arrow::before {
+    border-right-color: #287CEB;
 }
diff --git a/vscode/media/onboarding/onboarding.html b/vscode/media/onboarding/onboarding.html
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="{{onboardingCssUri}}">
     <link rel="stylesheet" href="{{prismCssUri}}">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
 </head>
 
@@ -63,21 +63,25 @@
                     </div>
                     <div class="inline-flex flex-col px-3" id="file-names"></div>
                 </div>
-                <div id="menu" class="menu px-5" role="listbox"></div>
                 <div class="w-full sticky bottom-0 z-10 px-2 py-1" id="bottom-text-input-container">
+                    <div id="menu" class="menu" role="listbox"></div>
                     <div class="border text-gray-900 text-sm block w-full px-2.5 py-1.5 mb-[2px] bg-white/[.1] rounded-[2px]"
                         id="text-input-container">
                         <div class="relative">
                             <!-- Add "# Ask FlutterGPT" after completing chips -->
                             <p contenteditable="true" id="text-input"># Ask FlutterGPT</p>
                             <div class="inline-flex flex-row mt-2 items-center justify-between w-full">
                                 <div class="inline-flex">
-                                    <p class="text-center inline-flex justify-center items-center text-white/[.4] cursor-pointer pr-2"
+                                    <p class="text-center inline-flex justify-center items-center text-white/[.4] cursor-pointer"
                                         title="Specialized agents" id="agents">
                                         @
                                     </p>
+                                    <p class="w-5 h-5 text-center inline-flex justify-center items-center text-white/[.4]"
+                                        title="Slash commands" id="slash-commands">
+                                        /
+                                    </p>
                                     <p class="text-center inline-flex justify-center items-center opacity-50 cursor-pointer"
-                                        title="Use 'Add to Reference' in menu to attach selected code to chat">
+                                        title="Use 'Add to Reference' in menu to attach selected code to chat" id="dart-add-reference">
                                         <svg width="12" height="12" viewBox="0 0 12 12" fill="none"
                                             xmlns="http://www.w3.org/2000/svg">
                                             <g clip-path="url(#clip0_1896_4)">
@@ -122,10 +126,6 @@
                                             </defs>
                                         </svg>
                                     </p>
-                                    <p class="w-5 h-5 text-center inline-flex justify-center items-center text-white/[.4]"
-                                        title="Commands">
-
-                                    </p>
                                 </div>
                                 <div class="inline-flex justify-center items-center">
                                     <label
@@ -134,7 +134,7 @@
 
                                     </label>
                                     <input id="file-upload" type="file" accept="image/*" class="hidden" />
-                                    <button class="ml-2" id="send-chat">
+                                    <button class="ml-2" id="send-chat" title="tool tip on the send button">
                                         <svg width="32" height="32" viewBox="0 0 32 32" fill="none"
                                             xmlns="http://www.w3.org/2000/svg">
                                             <rect x="0.000488281" width="31.9997" height="32" rx="2" fill="#3079D8" />
@@ -154,6 +154,8 @@
             </div>
         </div>
     </div>
+    <script src="https://unpkg.com/@popperjs/core@2"></script>
+    <script src="https://unpkg.com/tippy.js@6"></script>
     <script src="https://cdn.tailwindcss.com"></script>
     <script src="{{onboardingJsUri}}"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/showdown/2.1.0/showdown.min.js"></script>