Upload bundle.js

bundle.js

@@ -8989,99 +8989,14 @@ WebGPU throws: "${t8.message}"`);
   }
   var MODEL_PATHS = [
     {
-      name: "Gemma3 270M IT int8",
-      hfUrl: "https://huggingface.co/litert-community/gemma-3-270m-it/resolve/main/gemma3-270m-it-q8-web.task",
-      localUrl: "./models/gemma3-270m-it-q8-web.task"
+      name: "Placeholder1",
+      hfUrl: "https://huggingface.co/unsloth/gemma-3-270m/resolve/main/model.safetensors",
+      localUrl: "./models/placeholder1-web.task"
     },
     {
-      name: "Gemma3 270M IT q4_0",
-      hfUrl: "https://huggingface.co/litert-community/gemma-3-270m-it/resolve/main/gemma3-270m-it-q4_0-web.task",
-      localUrl: "./models/gemma3-270m-it-q4_0-web.task"
-    },
-    {
-      name: "Gemma3 1B IT int8",
-      hfUrl: "https://huggingface.co/litert-community/Gemma3-1B-IT/resolve/main/gemma3-1b-it-int8-web.task",
-      localUrl: "./models/gemma3-1b-it-int8-web.task"
-    },
-    {
-      name: "Gemma3 1B IT int4",
-      hfUrl: "https://huggingface.co/litert-community/Gemma3-1B-IT/resolve/main/gemma3-1b-it-int4-web.task",
-      localUrl: "./models/gemma3-1b-it-int4-web.task"
-    },
-    {
-      name: "Gemma3 1B IT q4_0",
-      hfUrl: "https://huggingface.co/litert-community/Gemma3-1B-IT/resolve/main/gemma3-1b-it-q4_0-web.task",
-      localUrl: "./models/gemma3-1b-it-q4_0-web.task"
-    },
-    {
-      name: "Gemma3 4B IT int8",
-      hfUrl: "https://huggingface.co/litert-community/Gemma3-4B-IT/resolve/main/gemma3-4b-it-int8-web.task",
-      localUrl: "./models/gemma3-4b-it-int8-web.task"
-    },
-    {
-      name: "Gemma3 4B IT int4",
-      hfUrl: "https://huggingface.co/litert-community/Gemma3-4B-IT/resolve/main/gemma3-4b-it-int4-web.task",
-      localUrl: "./models/gemma3-4b-it-int4-web.task"
-    },
-    {
-      name: "Gemma3 4B IT q4_0",
-      hfUrl: "https://huggingface.co/litert-community/Gemma3-4B-IT/resolve/main/gemma3-4b-it-q4_0-web.task",
-      localUrl: "./models/gemma3-4b-it-q4_0-web.task"
-    },
-    {
-      name: "Gemma3 12B IT int8",
-      hfUrl: "https://huggingface.co/litert-community/Gemma3-12B-IT/resolve/main/gemma3-12b-it-int8-web.task",
-      localUrl: "./models/gemma3-12b-it-int8-web.task"
-    },
-    {
-      name: "Gemma3 12B IT int4",
-      hfUrl: "https://huggingface.co/litert-community/Gemma3-12B-IT/resolve/main/gemma3-12b-it-int4-web.task",
-      localUrl: "./models/gemma3-12b-it-int4-web.task"
-    },
-    {
-      name: "Gemma3 12B IT q4_0",
-      hfUrl: "https://huggingface.co/litert-community/Gemma3-12B-IT/resolve/main/gemma3-12b-it-q4_0-web.task",
-      localUrl: "./models/gemma3-12b-it-q4_0-web.task"
-    },
-    {
-      name: "Gemma3 27B IT int8",
-      hfUrl: "https://huggingface.co/litert-community/Gemma3-27B-IT/resolve/main/gemma3-27b-it-int8-web.task",
-      localUrl: "./models/gemma3-27b-it-int8-web.task"
-    },
-    {
-      name: "Gemma3 27B IT q4_0",
-      hfUrl: "https://huggingface.co/litert-community/Gemma3-27B-IT/resolve/main/gemma3-27b-it-q4_0-web.task",
-      localUrl: "./models/gemma3-27b-it-q4_0-web.task"
-    },
-    {
-      name: "Gemma3n E2B IT int4",
-      hfUrl: "https://huggingface.co/google/gemma-3n-E2B-it-litert-lm/resolve/main/gemma-3n-E2B-it-int4-Web.litertlm",
-      localUrl: "./models/gemma-3n-E2B-it-int4-Web.litertlm"
-    },
-    {
-      name: "Gemma3n E4B IT int4",
-      hfUrl: "https://huggingface.co/google/gemma-3n-E4B-it-litert-lm/resolve/main/gemma-3n-E4B-it-int4-Web.litertlm",
-      localUrl: "./models/gemma-3n-E4B-it-int4-Web.litertlm"
-    },
-    {
-      name: "TranslateGemma 4B IT int8",
-      hfUrl: "https://huggingface.co/litert-community/TranslateGemma-4B-IT/resolve/main/translategemma-4b-it-int8-web.task",
-      localUrl: "./models/translategemma-4b-it-int8-web.task"
-    },
-    {
-      name: "TranslateGemma 12B IT int8",
-      hfUrl: "https://huggingface.co/litert-community/TranslateGemma-12B-IT/resolve/main/translategemma-12b-it-int8-web.task",
-      localUrl: "./models/translategemma-12b-it-int8-web.task"
-    },
-    {
-      name: "TranslateGemma 27B IT int8",
-      hfUrl: "https://huggingface.co/litert-community/TranslateGemma-27B-IT/resolve/main/translategemma-27b-it-int8-web.task",
-      localUrl: "./models/translategemma-27b-it-int8-web.task"
-    },
-    {
-      name: "MedGemma 27B IT int8",
-      hfUrl: "https://huggingface.co/litert-community/MedGemma-27B-IT/resolve/main/medgemma-27b-it-int8-web.task",
-      localUrl: "./models/medgemma-27b-it-int8-web.task"
+      name: "Placeholder2",
+      hfUrl: "https://huggingface.co/litert-community/placeholder2/resolve/main/placeholder2-web.task",
+      localUrl: "./models/placeholder2-web.task"
     }
   ];
   function getModelUrl(model) {
@@ -9308,294 +9223,6 @@ WebGPU throws: "${t8.message}"`);
     return hub.oauthHandleRedirectIfPresent(...args);
   };
 
-  // src/code_sandbox.ts
-  var _CodeSandbox = class _CodeSandbox {
-    // 5 seconds
-    constructor() {
-      this.worker = null;
-      this.workerScript = `
-      self.onmessage = function(event) {
-        const code = event.data;
-        const consoleMessages = [];
-
-        const originalConsole = {
-          log: self.console.log,
-          warn: self.console.warn,
-          error: self.console.error,
-        };
-
-        const captureConsoleMessage = (type, ...args) => {
-          const text = args.map(arg => {
-            if (arg instanceof Error) return arg.stack || arg.toString();
-            if (typeof arg === 'object' && arg !== null) {
-              try {
-                return JSON.stringify(arg);
-              } catch (e) {
-                return typeof arg.toString === 'function' ? arg.toString() : '[Unstringifiable Object]';
-              }
-            }
-            return String(arg);
-          }).join(' ');
-          consoleMessages.push({ type, text });
-          // originalConsole[type].apply(self.console, args); // Optional: log to worker's console
-        };
-
-        self.console.log = (...args) => captureConsoleMessage('log', ...args);
-        self.console.warn = (...args) => captureConsoleMessage('warn', ...args);
-        self.console.error = (...args) => captureConsoleMessage('error', ...args);
-
-        let resultPayload = {
-          resultAsString: undefined,
-          error: undefined,
-          consoleMessages: consoleMessages,
-        };
-
-        try {
-          const result = eval(code);
-          if (typeof result === 'undefined') {
-            resultPayload.resultAsString = 'undefined';
-          } else {
-            try {
-              resultPayload.resultAsString = String(result);
-            } catch (e_to_string) {
-              const err = e_to_string instanceof Error ? e_to_string : new Error(String(e_to_string));
-              resultPayload.resultAsString = \`[Error converting result to string: \${err.message}]\`;
-              consoleMessages.push({ type: 'error', text: \`Error converting result to string: \${err.message}\` });
-            }
-          }
-        } catch (e) {
-          const err = e instanceof Error ? e : new Error(String(e));
-          resultPayload.error = err.stack || err.toString();
-          consoleMessages.push({ type: 'error', text: \`Execution Error: \${resultPayload.error}\` });
-        } finally {
-          self.console.log = originalConsole.log;
-          self.console.warn = originalConsole.warn;
-          self.console.error = originalConsole.error;
-          self.postMessage(resultPayload);
-        }
-      };
-    `;
-      this.initWorker();
-    }
-    initWorker() {
-      if (this.worker) {
-        try {
-          this.worker.terminate();
-        } catch (e8) {
-          console.warn("Error terminating existing worker during re-initialization:", e8);
-        }
-        this.worker = null;
-      }
-      try {
-        const blob = new Blob([this.workerScript], { type: "application/javascript" });
-        const workerUrl = URL.createObjectURL(blob);
-        this.worker = new Worker(workerUrl);
-        URL.revokeObjectURL(workerUrl);
-        return true;
-      } catch (error) {
-        console.error("Failed to initialize Web Worker:", error);
-        this.worker = null;
-        return false;
-      }
-    }
-    /**
-     * Executes arbitrary JavaScript code in a Web Worker with a timeout.
-     * @param code The JavaScript code string to execute.
-     * @param timeoutMs The maximum time (in milliseconds) to allow for execution.
-     * Defaults to 5000ms (5 seconds).
-     * @returns A Promise that resolves with a SandboxResult object.
-     */
-    run(code, timeoutMs = _CodeSandbox.DEFAULT_TIMEOUT_MS) {
-      return new Promise((resolve) => {
-        if (!this.worker) {
-          if (!this.initWorker()) {
-            resolve({
-              error: "Web Worker is not available and could not be re-initialized.",
-              consoleMessages: []
-            });
-            return;
-          }
-        }
-        const workerForThisRun = this.worker;
-        let timeoutId = null;
-        const cleanupAndResolve = (result) => {
-          if (timeoutId !== null) {
-            clearTimeout(timeoutId);
-            timeoutId = null;
-          }
-          if (workerForThisRun && typeof workerForThisRun.removeEventListener === "function") {
-            try {
-              workerForThisRun.removeEventListener("message", messageHandlerWrapper);
-              workerForThisRun.removeEventListener("error", errorHandlerWrapper);
-            } catch (e8) {
-              console.warn("Error removing event listeners during cleanup:", e8);
-            }
-          }
-          resolve(result);
-        };
-        const messageHandlerWrapper = (event) => {
-          cleanupAndResolve(event.data);
-        };
-        const errorHandlerWrapper = (event) => {
-          cleanupAndResolve({
-            error: `Worker script error: ${event.message} (at ${event.filename}:${event.lineno})`,
-            consoleMessages: []
-            // Console messages from eval'd code likely won't be available
-          });
-        };
-        timeoutId = setTimeout(() => {
-          timeoutId = null;
-          try {
-            workerForThisRun.terminate();
-          } catch (e8) {
-            console.warn("Error terminating worker on timeout:", e8);
-          }
-          console.warn(`Sandbox worker for this run terminated due to timeout (${timeoutMs}ms).`);
-          if (this.worker === workerForThisRun) {
-            this.worker = null;
-          }
-          try {
-            workerForThisRun.removeEventListener("message", messageHandlerWrapper);
-            workerForThisRun.removeEventListener("error", errorHandlerWrapper);
-          } catch (_e2) {
-          }
-          resolve({
-            error: `Execution timed out after ${timeoutMs}ms. The worker for this run has been terminated.`,
-            consoleMessages: []
-            // Console messages from worker are lost on timeout
-          });
-        }, timeoutMs);
-        workerForThisRun.addEventListener("message", messageHandlerWrapper);
-        workerForThisRun.addEventListener("error", errorHandlerWrapper);
-        try {
-          workerForThisRun.postMessage(code);
-        } catch (e8) {
-          const err = e8 instanceof Error ? e8 : new Error(String(e8));
-          cleanupAndResolve({
-            error: `Failed to send code to worker: ${err.message}`,
-            consoleMessages: []
-          });
-        }
-      });
-    }
-    /**
-     * Terminates the current Web Worker, if active.
-     * Subsequent calls to run() will attempt to create a new worker.
-     */
-    terminate() {
-      if (this.worker) {
-        this.worker.terminate();
-        this.worker = null;
-        console.log("Sandbox worker explicitly terminated.");
-      }
-    }
-  };
-  _CodeSandbox.DEFAULT_TIMEOUT_MS = 5e3;
-  var CodeSandbox = _CodeSandbox;
-
-  // src/personas/js_tool_use.ts
-  var EVAL_TAG = "```js-eval";
-  var MAX_CONSOLE_LOG_CHARS = 1e3;
-  var JS_TOOL_USE = {
-    name: "JS Interpreter Tool Use",
-    instructions: [
-      {
-        role: "system",
-        text: `You are a helpful assistant with access to a javascript interpreter. Use the interpreter when necessary to provide an accurate answer to the user.
-
-If you choose to run an expression in the js interpreter, include a javascript code block in your response, like this:
-${EVAL_TAG}
-12345 * 5432;
-\`\`\`
-
-After you respond with a code block, the system will execute your code and give you the response, at which point you will have the opportunity to read it and respond to the user or run more javascript code if necessary. Note that the user does not see the javascript expressions you write, nor do they see the response (including \`console.log\` statements). Additionally, you will only receive the result of the expression or an error message if it fails. You won't see any \`console.log\` messages.
-
-You may make multiple calls to the javascript interpreter before replying to the user.
-`
-      },
-      {
-        role: "user",
-        text: "What is the 50th Fibonacci number?"
-      },
-      {
-        role: "model",
-        text: `${EVAL_TAG}
-function fibonacci(n) {
-  if (n <= 1) {
-    return n;
-  }
-
-  let a = 0;
-  let b = 1;
-
-  for (let i = 2; i <= n; i++) {
-    const temp = a + b;
-    a = b;
-    b = temp;
-  }
-
-  return b;
-}
-
-fibonacci(123);
-\`\`\``
-      },
-      {
-        role: "system",
-        text: "12586269025"
-      },
-      {
-        role: "model",
-        text: `The 50th Fibonacci number is 12586269025.`
-      }
-    ],
-    promptTemplate: {
-      ...BASE_GEMMA3_PERSONA.promptTemplate,
-      system: {
-        pre: "<start_of_turn>system\n",
-        post: "<end_of_turn>\n"
-      }
-    },
-    tools: {
-      [EVAL_TAG]: async (code) => {
-        try {
-          const sandbox = new CodeSandbox();
-          const regex = /```js-eval\n([\s\S]*?)\n```/g;
-          const matches = [...code.matchAll(regex)];
-          const match = matches[0]?.[1];
-          if (match == null) {
-            throw new Error("Improper code block formatting");
-          }
-          const result = await sandbox.run(match);
-          let consoleMessages = result.consoleMessages.map((message) => `${message.type}: ${message.text}`).join("\n");
-          if (consoleMessages.length > MAX_CONSOLE_LOG_CHARS) {
-            consoleMessages = consoleMessages.slice(0, MAX_CONSOLE_LOG_CHARS) + `
-Log truncated at ${MAX_CONSOLE_LOG_CHARS} chars. ${consoleMessages.length - MAX_CONSOLE_LOG_CHARS} remain.`;
-          }
-          const error = result.error ? `
-
-Error: ${result.error}` : "";
-          return `Result: ${result.resultAsString}
-
-Console messages:
-${consoleMessages}${error}`;
-        } catch (e8) {
-          if (e8 instanceof Error) {
-            return e8.stack ?? String(e8);
-          } else {
-            return `Thrown: ${String(e8)}`;
-          }
-        }
-      }
-    }
-  };
-
-  // src/personas.ts
-  var PERSONAS = [
-    BASE_GEMMA3_PERSONA,
-    JS_TOOL_USE
-  ];
-
   // src/custom_dropdown.ts
   var CustomDropdown = class extends i4 {
     constructor() {
@@ -9710,8 +9337,6 @@ ${consoleMessages}${error}`;
   var LlmOptions = class extends i4 {
     constructor() {
       super(...arguments);
-      this.personas = PERSONAS;
-      this.selectedPersonaName = PERSONAS[0]?.name ?? "";
       this.cachedModels = /* @__PURE__ */ new Map();
       this.options = structuredClone(DEFAULT_OPTIONS);
       this.isLoggedIn = !!localStorage.getItem("oauth");
@@ -9737,22 +9362,6 @@ ${consoleMessages}${error}`;
       });
       this.dispatchEvent(event);
     }
-    dispatchPersonaChanged(persona) {
-      const event = new CustomEvent("persona-changed", {
-        detail: persona,
-        bubbles: true,
-        composed: true
-      });
-      this.dispatchEvent(event);
-    }
-    handlePersonaChange(e8) {
-      const selectedName = e8.target.value;
-      const selectedPersona = this.personas.find((p5) => p5.name === selectedName);
-      if (selectedPersona) {
-        this.selectedPersonaName = selectedName;
-        this.dispatchPersonaChanged(selectedPersona);
-      }
-    }
     handleTemperatureChange(e8) {
       this.options = produce(this.options, (options) => {
         options.temperature = parseFloat(e8.target.value);
@@ -9810,11 +9419,6 @@ ${consoleMessages}${error}`;
     getFileName(path) {
       return path.split("/").pop();
     }
-    renderPersonaOptions() {
-      return this.personas.map(
-        (persona) => b2`<option value="${persona.name}">${persona.name}</option>`
-      );
-    }
     handleModelFileChange(e8) {
       const file = e8.target.files?.[0];
       if (file) {
@@ -9885,16 +9489,6 @@ ${consoleMessages}${error}`;
               ` : ""}
             `}
         </div>
-        <div>
-          <label for="persona-select">Prompt Template:</label>
-          <select
-            id="persona-select"
-            .value=${this.selectedPersonaName}
-            @change=${this.handlePersonaChange}
-          >
-            ${this.renderPersonaOptions()}
-          </select>
-        </div>
         <div>
           <label for="temperature"
             >Temperature: ${this.options.temperature.toFixed(2)}</label
@@ -10048,12 +9642,6 @@ ${consoleMessages}${error}`;
       color: #666;
     }
   `;
-  __decorateClass([
-    n4({ type: Array })
-  ], LlmOptions.prototype, "personas", 2);
-  __decorateClass([
-    n4({ type: String })
-  ], LlmOptions.prototype, "selectedPersonaName", 2);
   __decorateClass([
     n4({ type: Array })
   ], LlmOptions.prototype, "cachedModels", 2);
@@ -10101,7 +9689,7 @@ ${consoleMessages}${error}`;
       this.currentAppliedOptions = structuredClone(DEFAULT_OPTIONS);
       this.pendingOptions = structuredClone(DEFAULT_OPTIONS);
       this.hasPendingOptionsChanges = false;
-      this.selectedPersona = PERSONAS.find((p5) => p5.name === BASE_GEMMA3_PERSONA.name) || PERSONAS[0] || { name: "Default", instructions: [] };
+      this.selectedPersona = BASE_GEMMA3_PERSONA;
       this.cachedModels = /* @__PURE__ */ new Map();
       this.llmService = new LlmService();
       this.llmService.history.subscribe((history) => {
@@ -10112,6 +9700,7 @@ ${consoleMessages}${error}`;
         this.loadingProgress = progress;
         this.requestUpdate();
       });
+      this.llmService.setPersona(this.selectedPersona);
       getCachedModelsInfo().then((models) => {
         this.cachedModels = models;
       });
@@ -10124,28 +9713,6 @@ ${consoleMessages}${error}`;
       const model = MODEL_PATHS.find((m4) => getModelUrl(m4) === modelPath);
       return model ? model.name : "custom model";
     }
-    async handlePersonaChanged(event) {
-      const newPersona = event.detail;
-      if (this.selectedPersona.name === newPersona.name) {
-        return;
-      }
-      console.log("Persona selected:", newPersona.name);
-      this.isGenerating = false;
-      this.errorMessage = null;
-      this.selectedPersona = newPersona;
-      this.requestUpdate();
-      await new Promise((resolve) => setTimeout(resolve, 50));
-      try {
-        this.llmService.setPersona(this.selectedPersona);
-        console.log(`Chat context updated for persona: ${this.selectedPersona.name}`);
-      } catch (error) {
-        console.error("Failed to apply new persona:", error);
-        this.errorMessage = `Failed to switch persona. Error: ${error instanceof Error ? error.message : String(error)}`;
-      } finally {
-        this.userInputElement?.focus();
-        this.requestUpdate();
-      }
-    }
     handleOptionsChange(event) {
       const newOptionsFromChild = event.detail;
       this.pendingOptions = newOptionsFromChild;
@@ -10299,11 +9866,8 @@ ${consoleMessages}${error}`;
       <div class="options-container">
         <llm-options
           .options=${this.pendingOptions}
-          .personas=${PERSONAS}
-          .selectedPersonaName=${this.selectedPersona.name}
           .cachedModels=${this.cachedModels}
           @options-changed=${this.handleOptionsChange}
-          @persona-changed=${this.handlePersonaChanged}
           @cached-models-changed=${this.handleCachedModelsChanged}
           ?disabled=${this.isLoadingModel || this.isGenerating}
         >
@@ -10505,9 +10069,6 @@ ${consoleMessages}${error}`;
   __decorateClass([
     r5()
   ], LlmChat.prototype, "hasPendingOptionsChanges", 2);
-  __decorateClass([
-    r5()
-  ], LlmChat.prototype, "selectedPersona", 2);
   __decorateClass([
     r5()
   ], LlmChat.prototype, "cachedModels", 2);