-
+
{#if configObj.needsDisplay}
diff --git a/src/lib/activities.js b/src/lib/activities.js
index f8cde1c..dd5e697 100644
--- a/src/lib/activities.js
+++ b/src/lib/activities.js
@@ -2,5 +2,6 @@ import { writable } from 'svelte/store';
export const cpuActivity = writable(false);
export const diskActivity = writable(false);
+export const aiActivity = writable(false);
export const cpuPercentage = writable(0);
export const diskLatency = writable(0);
diff --git a/src/lib/anthropic.js b/src/lib/anthropic.js
new file mode 100644
index 0000000..bb5675a
--- /dev/null
+++ b/src/lib/anthropic.js
@@ -0,0 +1,97 @@
+import { writable } from 'svelte/store';
+import { browser } from '$app/environment'
+import { aiActivity } from '$lib/activities.js'
+
+import Anthropic from '@anthropic-ai/sdk';
+
+var client = null;
+var messages = [];
+
+export function setApiKey(key)
+{
+ client = new Anthropic({apiKey: key, dangerouslyAllowBrowser: true});
+ // Reset messages
+ messages = []
+ messageList.set(messages);
+ localStorage.setItem("anthropic-api-key", key);
+ apiState.set("READY");
+}
+
+function clearApiKey()
+{
+ localStorage.removeItem("anthropic-api-key");
+ apiState.set("KEY_REQUIRED");
+}
+
+function addMessageInternal(role, content)
+{
+ messages.push({role: role, content: content});
+ messageList.set(messages);
+}
+
+async function sendMessages(handleTool)
+{
+ aiActivity.set(true);
+ try
+ {
+ var tools = [
+ { "type": "bash_20241022", "name": "bash" }
+ ];
+ const response = await client.beta.messages.create({max_tokens: 1024, messages: messages, model: 'claude-3-5-sonnet-20241022', tools: tools, betas: ["computer-use-2024-10-22"]});
+ var content = response.content;
+ // Be robust to multiple response
+ for(var i=0;i