fullstacked 0.12.0-1173 → 0.12.0-1184

package/fullstacked_modules/@fullstacked/ai-agent/README.md

@@ -0,0 +1 @@
+# ai-agent

package/fullstacked_modules/@fullstacked/ai-agent/chat.json

@@ -0,0 +1 @@
+[{"type":"human","data":{"content":"what the content of story.txt?","additional_kwargs":{},"response_metadata":{}}},{"type":"ai","data":{"content":"<think>\nOkay, the user is asking for the content of a file called story.txt. Let me check the tools available. There's a ReadFile function that takes a path parameter. So I need to call that function with the path set to \"story.txt\". I should make sure the path is correct and the file exists. Since the user is asking specifically about story.txt, I don't need to do anything else except use the ReadFile function with that path. Let me structure the tool call properly.\n</think>\n\n","additional_kwargs":{},"response_metadata":{"model":"qwen3:8b","created_at":"2025-07-31T16:19:45.325202883Z","done_reason":"stop","done":true,"total_duration":25031934804,"load_duration":4390703002,"prompt_eval_count":206,"prompt_eval_duration":8109112003,"eval_count":125,"eval_duration":12528890465},"tool_call_chunks":[{"name":"ReadFile","args":"{\"path\":\"story.txt\"}","type":"tool_call_chunk","index":0,"id":"8c36106e-98af-4a16-9628-f3ec1d99bf59"}],"usage_metadata":{"input_tokens":206,"output_tokens":125,"total_tokens":331},"tool_calls":[{"name":"ReadFile","args":{"path":"story.txt"},"id":"8c36106e-98af-4a16-9628-f3ec1d99bf59","type":"tool_call"}],"invalid_tool_calls":[]}},{"type":"tool","data":{"content":"Once upon a time, in a land far away, there was a curious little fox named Felix. Felix had a peculiar habit of collecting shiny objects. One day, while exploring the forest, he stumbled upon a magical mirror that showed not his reflection, but his deepest desires.\n\nFelix looked into the mirror and saw himself as a mighty king, ruling over a grand kingdom. He wished for that life instantly. The mirror granted his wish, and suddenly, Felix was a king with a golden crown and a kingdom of his own.\n\nBut as days passed, Felix realized that being a king was lonely. He missed the simplicity of his forest life. One day, he decided to return to the mirror and wished to be himself again. The mirror, surprised by his honesty, granted his wish and returned him to the forest.\n\nFrom that day on, Felix learned that true happiness comes from being himself, not from what he desires. And so, he continued his adventures, collecting shiny objects, but always remembering the lesson he learned from the magical mirror.","tool_call_id":"8c36106e-98af-4a16-9628-f3ec1d99bf59","name":"ReadFile","additional_kwargs":{},"response_metadata":{"user-defined-message":"Reading story.txt"}}},{"type":"ai","data":{"content":"<think>\n</think>\n\nThe content of the file \"story.txt\" is as follows:\n\n---\n\nOnce upon a time, in a land far away, there was a curious little fox named Felix. Felix had a peculiar habit of collecting shiny objects. One day, while exploring the forest, he stumbled upon a magical mirror that showed not his reflection, but his deepest desires.\n\nFelix looked into the mirror and saw himself as a mighty king, ruling over a grand kingdom. He wished for that life instantly. The mirror granted his wish, and suddenly, Felix was a king with a golden crown and a kingdom of his own.\n\nBut as days passed, Felix realized that being a king was lonely. He missed the simplicity of his forest life. One day, he decided to return to the mirror and wished to be himself again. The mirror, surprised by his honesty, granted his wish and returned him to the forest.\n\nFrom that day on, Felix learned that true happiness comes from being himself, not from what he desires. And so, he continued his adventures, collecting shiny objects, but always remembering the lesson he learned from the magical mirror.\n\n---","additional_kwargs":{},"response_metadata":{"model":"qwen3:8b","created_at":"2025-07-31T16:20:13.836205883Z","done_reason":"stop","done":true,"total_duration":28495883305,"load_duration":39413458,"prompt_eval_count":532,"prompt_eval_duration":8563310838,"eval_count":229,"eval_duration":19874104717},"tool_call_chunks":[],"usage_metadata":{"input_tokens":532,"output_tokens":229,"total_tokens":761},"tool_calls":[],"invalid_tool_calls":[]}}]

package/fullstacked_modules/@fullstacked/ai-agent/index.scss

@@ -0,0 +1,15 @@
+@use "./src/default.scss";
+
+* {
+    box-sizing: border-box;
+}
+
+html,
+body {
+    margin: 0;
+    font-family: sans-serif;
+    padding: 10px;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+}

package/fullstacked_modules/@fullstacked/ai-agent/index.ts

@@ -0,0 +1,92 @@
+import { createConversation, createTool } from "./src/conversation";
+import { z } from "zod";
+import fs from "fs";
+import { createOllama } from "./src/providers/ollama";
+
+document.title = "FullStacked AI Agent";
+
+const controls = document.createElement("div");
+
+const provider = createOllama();
+const models = await provider.models();
+
+const select = document.createElement("select");
+models.forEach((m) => {
+    const option = document.createElement("option");
+    option.value = m;
+    option.innerText = m;
+    select.append(option);
+});
+controls.append(select);
+
+const button = document.createElement("button");
+button.innerText = "Load Chat";
+controls.append(button);
+
+const button2 = document.createElement("button");
+button2.innerText = "Save Chat";
+controls.append(button2);
+
+const button3 = document.createElement("button");
+button3.innerText = "Delete Chat";
+controls.append(button3);
+
+document.body.append(controls);
+
+const chatSaveFile = "chat.json";
+
+async function createChat() {
+
+    let messages = undefined;
+    if (await fs.exists(chatSaveFile)) {
+        messages = JSON.parse(
+            await fs.readFile(chatSaveFile, { encoding: "utf8" }),
+        );
+    }
+
+    const conversation = createConversation({
+        model: select.value,
+        messages,
+        provider,
+        tools: [
+            createTool({
+                name: "ReadFile",
+                description: "Get the content of the file at path.",
+                schema: z.object({
+                    path: z.string(),
+                }),
+                fn: async ({ path }) => {
+                    return fs.readFile(path, { encoding: "utf8" });
+                },
+                message: ({ path }) => `Reading ${path}`,
+            }),
+            createTool({
+                name: "WriteFile",
+                description: "Write the content to the file at path.",
+                schema: z.object({
+                    path: z.string(),
+                    content: z.string(),
+                }),
+                fn: async ({ path, content }) => {
+                    return fs.writeFile(path, content);
+                },
+                message: ({ path, content }) =>
+                    `Writing ${content.length} chars to ${path}`,
+            }),
+        ],
+    });
+
+    document.body.append(conversation.element);
+
+    button2.onclick = () => {
+        const chatData = JSON.stringify(conversation.serialize());
+        fs.writeFile(chatSaveFile, chatData);
+    };
+
+    button3.onclick = () => {
+        fs.unlink(chatSaveFile);
+        conversation.element.remove();
+    };
+}
+
+button.onclick = createChat;