MIDI generation/upload and API key widgets

index.html

@@ -46,6 +46,8 @@
     <script src="lib/webL10n.js" defer></script>
     <script src="lib/Tone.js" defer></script>
     <script src="lib/midi.js" defer></script>
+    <script src="js/midi-generation/musicRAG.js" defer></script>
+    <script src="js/midi-generation/ragConfig.js" defer></script>
     <script src="lib/jquery.ruler.js" defer></script>
     <script src="lib/modernizr-2.6.2.min.js" defer></script>
     <script src="lib/raphael.min.js" defer></script>
@@ -398,6 +400,14 @@
                                     <a id="toggleJavaScriptIcon" class="tooltipped" data-position="bottom"><i
                                             class="material-icons md-48">code</i></a>
                                 </li>
+                                <li>
+                                    <a id="toggleMidiWidgetIcon" class="tooltipped" data-position="bottom" style="display: inline-block; color: white;"><i
+                                            class="material-icons md-48">cloud_upload</i></a>
+                                </li>
+                                <li>
+                                    <a id="toggleAPIKeyIcon" class="tooltipped" data-position="bottom" style="display: inline-block; color: white;"><i
+                                            class="material-icons md-48">settings</i></a>
+                                </li>
                                 <li class="filler" id="aligns_merge_under_load"
                                     style="user-select: none; visibility: hidden;">
                                     <a style="color: transparent;">space&nbsp;&nbsp;&nbsp;</a>

js/activity.js

@@ -173,6 +173,8 @@
         "widgets/timbre",
         "widgets/oscilloscope",
         "widgets/sampler",
+        "widgets/midiWidget",
+        "widgets/apiKeyManager",
         "activity/lilypond",
         "activity/abc",
         "activity/midi",
@@ -5792,6 +5794,18 @@
             new JSEditor(activity);
         };
 
+        /**
+         * Toggles display of MIDI widget.
+         */
+        const toggleMidiWidget = (activity) => {
+            new MidiWidget(activity);
+        };
+
+        const toggleAPIKey = (activity) => {
+            const apiKeyManager = new APIKeyManager(activity);
+            apiKeyManager.show();
+        };
+
         const doAnalytics = (activity) => {
             if (!activity.statsWindow || !activity.statsWindow.isOpen) {
                 activity.statsWindow = new StatsWindow(activity);
@@ -6418,6 +6432,8 @@
                 this.toolbar.renderChooseKeyIcon(chooseKeyMenu);
             }
             this.toolbar.renderJavaScriptIcon(toggleJSWindow);
+            this.toolbar.renderMidiWidgetIcon(toggleMidiWidget);
+        this.toolbar.renderAPIKeyIcon(toggleAPIKey);
             this.toolbar.renderLanguageSelectIcon(this.languageBox);
             this.toolbar.renderWrapIcon();
 

js/midi-generation/faiss_index_gemini/index.json

@@ -0,0 +1,4 @@
+{
+  "index_type": "<class 'langchain_community.docstore.in_memory.InMemoryDocstore'>",
+  "documents": []
+}