From ac98bf704ac276ae34a2e90f6573d43af988ba35 Mon Sep 17 00:00:00 2001
From: "Yasmin Seidel (JasminDreasond)" <tiny@puddy.club>
Date: Tue, 18 Feb 2025 13:17:17 -0300
Subject: [PATCH] TinyAiManager.js --> import and export script updated.

---
 docs/index.html             | 52 ++++++++++++-------------
 docs/js/ai/TinyAiManager.js | 77 +++++++++++++++++++++++++------------
 2 files changed, 78 insertions(+), 51 deletions(-)

diff --git a/docs/index.html b/docs/index.html
index 546023c9..fc2eafa3 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -24,15 +24,15 @@
         <link rel="stylesheet" href="./css/cryptofont/cryptofont.min.css">
         <link rel="stylesheet" href="./css/bootstrap.min.css">
 
-        <link rel="stylesheet" href="./css/dark.css?v=308">
-        <link rel="stylesheet" href="./css/main.css?v=308">
-        <link rel="stylesheet" href="./css/carousel.css?v=308"./>
+        <link rel="stylesheet" href="./css/dark.css?v=309">
+        <link rel="stylesheet" href="./css/main.css?v=309">
+        <link rel="stylesheet" href="./css/carousel.css?v=309"./>
 
         <link rel="stylesheet" href="./photoswipe/photoswipe.css">
         <link rel="stylesheet" href="./photoswipe/default-skin/default-skin.css">
 
         <!-- Manifest -->
-        <link rel="manifest" href="./manifest.json?v=308">
+        <link rel="manifest" href="./manifest.json?v=309">
 
         <!-- Page Info -->
         <meta content="Homepage" property="og:title">
@@ -46,7 +46,7 @@
         <meta content="The dimension of lost creatures and the home of hope." property="description">
         
         <!-- Embed -->
-        <link href="./oEmbed/index.json?v=308" rel="alternate" title="oEmbed JSON Profile" type="application/json+oembed">
+        <link href="./oEmbed/index.json?v=309" rel="alternate" title="oEmbed JSON Profile" type="application/json+oembed">
         <meta content="/img/icon/icon.png" property="og:image">
 
         <link href="https://ponydriland.com" rel="canonical">
@@ -63,29 +63,29 @@
         <meta property="twitter:site" content="Pony Driland">
         
         <!-- Base -->
-        <script src="./js/files/Notification.js?v=308"></script>
+        <script src="./js/files/Notification.js?v=309"></script>
         <script src="./js/events.js"></script>
         <script src="./js/jquery.min.js"></script>
 
         <!-- AI -->
-        <script src="./js/ai/google.js?v=308"></script>
-        <script src="./js/ai/templates.js?v=308"></script>
-        <script src="./js/ai/TinyAiManager.js?v=308"></script>
+        <script src="./js/ai/google.js?v=309"></script>
+        <script src="./js/ai/templates.js?v=309"></script>
+        <script src="./js/ai/TinyAiManager.js?v=309"></script>
 
         <!-- Web3 -->
         <script src="./js/bignumber.min.js"></script>
         <script src="./crypto/ethers.umd.min.js"></script>
         <script src="./crypto/walletconnect.v1.js"></script>
-        <script src="./crypto/web3.js?v=308"></script>
+        <script src="./crypto/web3.js?v=309"></script>
 
         <!-- Script -->
         <script>var fileVersion = '?v=416';</script>
         <script src="./js/qrcode.js"></script>
-        <script src="./chapters/config.js?v=308"></script>
-        <script src="./crypto/config.js?v=308"></script>
-        <script src="./chapters/sound.js?v=308"></script>
-        <script src="./chapters/characters.js?v=308"></script>
-        <script src="./chapters/counter.js?v=308"></script>
+        <script src="./chapters/config.js?v=309"></script>
+        <script src="./crypto/config.js?v=309"></script>
+        <script src="./chapters/sound.js?v=309"></script>
+        <script src="./chapters/characters.js?v=309"></script>
+        <script src="./chapters/counter.js?v=309"></script>
 
         <script src="./js/base64.js"></script>
         <script src="./js/clone.min.js"></script>
@@ -102,21 +102,21 @@
         <script src="./js/md5.js"></script>
         <script src="./js/FileSaver.min.js"></script>
 
-        <script src="./js/tinyLib.js?v=308"></script>
+        <script src="./js/tinyLib.js?v=309"></script>
 
         <script src="./js/photoswipe.min.js"></script>
         <script src="./js/photoswipe-ui-default.min.js"></script>
 
-        <script src="./js/files/chapters.js?v=308"></script>
-        <script src="./js/files/start.js?v=308"></script>
-        <script src="./js/chapter_manager/updater.js?v=308"></script>
-        <script src="./js/chapter_manager/tts/tts.js?v=308"></script>
-        <script src="./js/chapter_manager/music/index.js?v=308"></script>
-        <script src="./js/chapter_manager/music/pizzicato.js?v=308"></script>
-        <script src="./js/chapter_manager/music/seamlessloop.js?v=308"></script>
-        <script src="./js/chapter_manager/music/vanilla.js?v=308"></script>
-        <script src="./js/chapter_manager/index.js?v=308"></script>
-        <script src="./crypto/main.js?v=308"></script>
+        <script src="./js/files/chapters.js?v=309"></script>
+        <script src="./js/files/start.js?v=309"></script>
+        <script src="./js/chapter_manager/updater.js?v=309"></script>
+        <script src="./js/chapter_manager/tts/tts.js?v=309"></script>
+        <script src="./js/chapter_manager/music/index.js?v=309"></script>
+        <script src="./js/chapter_manager/music/pizzicato.js?v=309"></script>
+        <script src="./js/chapter_manager/music/seamlessloop.js?v=309"></script>
+        <script src="./js/chapter_manager/music/vanilla.js?v=309"></script>
+        <script src="./js/chapter_manager/index.js?v=309"></script>
+        <script src="./crypto/main.js?v=309"></script>
 
         <!-- Global site tag (gtag.js) - Google Analytics -->
         <script async src="https://www.googletagmanager.com/gtag/js"></script>
diff --git a/docs/js/ai/TinyAiManager.js b/docs/js/ai/TinyAiManager.js
index b5e022da..bdfe0186 100644
--- a/docs/js/ai/TinyAiManager.js
+++ b/docs/js/ai/TinyAiManager.js
@@ -657,6 +657,8 @@ const AiScriptStart = () => {
     aiLogin = newAiLogin;
   };
 
+  const canSandBox = (value) => value === "sandBoxFic";
+
   // Detect Using AI
   appData.emitter.on("isUsingAI", (usingAI) => {
     if (usingAI) {
@@ -1134,6 +1136,14 @@ const AiScriptStart = () => {
                 // Start History
                 tinyAi.startHistory(jsonData.id, true);
 
+                // Open Get Fic Cache
+                const index = ficConfigs.data.findIndex(
+                  (item) => item.id === jsonData.id,
+                );
+
+                const instructionId =
+                  index > -1 ? ficConfigs.data[index].template : null;
+
                 // Set model
                 if (typeof jsonData.file.model === "string") {
                   modelSelector.val(jsonData.file.model);
@@ -1142,9 +1152,14 @@ const AiScriptStart = () => {
                 }
 
                 // Set Instruction
-                tinyAi.setHistorySystemInstruction(
-                  jsonData.file.systemInstruction,
-                );
+                if (canSandBox(jsonData.id))
+                  tinyAi.setHistorySystemInstruction(
+                    jsonData.file.systemInstruction,
+                  );
+                else if (aiTemplates.instructions[instructionId])
+                  tinyAi.setHistorySystemInstruction(
+                    aiTemplates.instructions[instructionId],
+                  );
 
                 if (typeof jsonData.file.prompt === "string")
                   tinyAi.setHistoryPrompt(jsonData.file.prompt);
@@ -1156,14 +1171,10 @@ const AiScriptStart = () => {
                 // Complete
                 insertImportData(jsonData.file.data);
 
-                // Open Get Fic Cache
-                const index = ficConfigs.data.findIndex(
-                  (item) => item.id === jsonData.id,
-                );
                 if (index > -1)
                   getFicCache(
                     ficConfigs.data[index].id,
-                    ficConfigs.data[index].template,
+                    instructionId,
                     ficConfigs.data[index].intro,
                     () => {
                       ficConfigs.selected = ficConfigs.data[index].id;
@@ -1269,22 +1280,31 @@ const AiScriptStart = () => {
 
       const ficPromptItems = [
         // System Instructions
-        createButtonSidebar("fa-solid fa-toolbox", "System Instructions", () =>
-          tinyModalTextarea({
-            id: "ai_instructions",
-            info: "System Instructions:",
-            size: 400,
-            textarea: tinyAi.getHistorySystemInstruction(),
-            submitName: "Set Instructions",
-            addTemplates: {
-              data: aiTemplates.prompts,
-              title: "Select a prompt to be added",
-            },
-            submitCall: (value) => {
-              tinyAi.setHistorySystemInstruction(value);
-              updateAiTokenCounterData();
-            },
-          }),
+        createButtonSidebar(
+          "fa-solid fa-toolbox",
+          "System Instructions",
+          () => {
+            const tinyModalData = {
+              id: "ai_instructions",
+              info: "System Instructions:",
+              size: 400,
+              textarea: tinyAi.getHistorySystemInstruction(),
+              submitName: "Set Instructions",
+              submitCall: (value) => {
+                tinyAi.setHistorySystemInstruction(value);
+                updateAiTokenCounterData();
+              },
+            };
+
+            if (canSandBox(ficConfigs.selected)) {
+              tinyModalData.addTemplates = {
+                data: aiTemplates.prompts,
+                title: "Select a prompt to be added",
+              };
+            } else tinyModalData.readOnly = true;
+
+            tinyModalTextarea(tinyModalData);
+          },
         ),
 
         // Prompt
@@ -1317,6 +1337,7 @@ const AiScriptStart = () => {
           submitCall: null,
           id: null,
           textarea: null,
+          readOnly: false,
         },
       ) => {
         // Body
@@ -1326,6 +1347,7 @@ const AiScriptStart = () => {
           style: `height: ${String(config.size)}px;`,
         });
         textarea.val(config.textarea);
+        if (config.readOnly) textarea.prop("readOnly", true);
 
         // Templates list
         if (
@@ -1421,6 +1443,8 @@ const AiScriptStart = () => {
           $(`#${config.id}`).modal("hide");
         });
 
+        if (config.readOnly) submit.prop("disabled", true).addClass("disabled");
+
         body.append(
           $("<div>", { class: "d-grid gap-2 col-6 mx-auto" }).append(submit),
         );
@@ -1454,10 +1478,13 @@ const AiScriptStart = () => {
             // Export
             createButtonSidebar("fa-solid fa-file-export", "Export", () => {
               const exportData = {
-                file: tinyAi.getHistory(),
+                file: clone(tinyAi.getHistory()),
                 id: tinyAi.getHistoryId(),
               };
 
+              if (!canSandBox(ficConfigs.selected))
+                delete exportData.file.systemInstruction;
+
               if (exportData.file.file) delete exportData.file.file;
 
               saveAs(