Use LLM cache for pre-defined prompts

Signed-off-by: Jay Wang <jay@zijie.wang>

src/components/article-page/article-page.ts

@@ -129,10 +129,23 @@ export class FarsightArticlePage extends LitElement {
     }
     const prompt = promptMap[this.selectedPrompt] as string;
     this.promptpadContainerElement.overridePrompt(prompt);
+
+    this.initData();
   }
 
   // ===== Custom Methods ======
-  initData = async () => {};
+  initData = async () => {
+    // Load the LLM response cache to make generation faster
+    const cacheData = (await (
+      await fetch(`${import.meta.env.BASE_URL}data/farsight-cache.json`)
+    ).json()) as Record<string, string>;
+
+    for (const key in cacheData) {
+      if (localStorage.getItem(key) === null) {
+        localStorage.setItem(key, cacheData[key]);
+      }
+    }
+  };
 
   // ===== Event Methods ======
   /**

src/components/container-lite/container-lite.ts

@@ -480,6 +480,8 @@ export class FarsightContainerLite extends LitElement {
         console.log('Skip text gen API call (prompt summary, cached, lite)');
       }
 
+      this.summary = response;
+
       window.setTimeout(
         () => {
           this.generateUseCases(response);

src/components/harm-panel/envision-tree.ts

@@ -628,9 +628,7 @@ export class EnvisionTree {
         () => {
           this.addAutoHarms(nodeData, response);
         },
-        DEV_MODE
-          ? d3.randomInt(800, 2000)()
-          : config.layout.treeLayout.animationDuration
+        DEV_MODE ? d3.randomInt(800, 3000)() : d3.randomInt(800, 3000)()
       );
     } else {
       const message: TextGenWorkerMessage = {