@gui-chat-plugin/todo 0.1.0

package/README.md

@@ -0,0 +1,94 @@
+# @gui-chat-plugin/todo
+
+Todo list plugin for GUI Chat applications. Manage tasks with a persistent todo list that syncs via localStorage.
+
+## Features
+
+- Add, update, and delete todo items
+- Mark tasks as completed/uncompleted
+- Clear all completed items at once
+- Persistent storage via localStorage
+- Inline text editing capability
+
+## Installation
+
+```bash
+yarn add @gui-chat-plugin/todo
+```
+
+## Usage
+
+### Vue Integration
+
+```typescript
+// In src/tools/index.ts
+import TodoPlugin from "@gui-chat-plugin/todo/vue";
+
+const pluginList = [
+  // ... other plugins
+  TodoPlugin,
+];
+
+// In src/main.ts
+import "@gui-chat-plugin/todo/style.css";
+```
+
+### Core-only Usage
+
+```typescript
+import { executeTodo, TOOL_DEFINITION } from "@gui-chat-plugin/todo";
+
+// Show the todo list
+const result = await executeTodo(context, {
+  action: "show",
+});
+
+// Add a new item
+const result = await executeTodo(context, {
+  action: "add",
+  text: "Buy groceries",
+});
+```
+
+## API
+
+### TodoArgs
+
+```typescript
+interface TodoArgs {
+  action: "show" | "add" | "toggle" | "delete" | "clear_completed" | "update";
+  text?: string;     // For add/update actions
+  itemId?: string;   // For toggle/delete/update actions
+}
+```
+
+### TodoItem
+
+```typescript
+interface TodoItem {
+  id: string;
+  text: string;
+  completed: boolean;
+  createdAt: number;
+}
+```
+
+## Development
+
+```bash
+# Install dependencies
+yarn install
+
+# Run demo
+yarn dev
+
+# Build
+yarn build
+
+# Lint
+yarn lint
+```
+
+## License
+
+MIT

package/dist/core/definition.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Todo Tool Definition
+ */
+import type { ToolDefinition } from "gui-chat-protocol";
+export declare const TOOL_NAME = "manageTodoList";
+export declare const TOOL_DEFINITION: ToolDefinition;
+export declare const SYSTEM_PROMPT = "When users mention tasks they need to do, things to remember, or ask about their todo list, use the manageTodoList function to help them track these items.";

package/dist/core/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Todo Plugin - Core (Framework-agnostic)
+ */
+export type { TodoToolData, TodoArgs, TodoItem } from "./types";
+export { TOOL_NAME, TOOL_DEFINITION, SYSTEM_PROMPT, executeTodo, pluginCore, } from "./plugin";
+export { samples } from "./samples";

package/dist/core/plugin.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Todo Plugin Core
+ */
+import type { ToolPluginCore, ToolContext, ToolResult } from "gui-chat-protocol";
+import type { TodoToolData, TodoArgs } from "./types";
+export { TOOL_NAME, TOOL_DEFINITION, SYSTEM_PROMPT } from "./definition";
+export declare const executeTodo: (_context: ToolContext, args: TodoArgs) => Promise<ToolResult<TodoToolData, unknown>>;
+export declare const pluginCore: ToolPluginCore<TodoToolData, unknown, TodoArgs>;

package/dist/core/samples.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Todo Plugin Samples
+ */
+import type { ToolSample } from "gui-chat-protocol";
+export declare const samples: ToolSample[];

package/dist/core/types.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Todo Plugin Types
+ */
+export interface TodoItem {
+    id: string;
+    text: string;
+    completed: boolean;
+    createdAt: number;
+}
+export interface TodoToolData {
+    items: TodoItem[];
+}
+export interface TodoArgs {
+    action: "show" | "add" | "delete" | "clear_completed" | "update" | "check" | "uncheck";
+    text?: string;
+    newText?: string;
+}

package/dist/core.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c="manageTodoList",m={type:"function",name:c,description:"Manage a todo list - show current items, add new items, or delete items. Use this to help users track tasks and remember things.",parameters:{type:"object",properties:{action:{type:"string",enum:["show","add","delete","clear_completed","update","check","uncheck"],description:"Action to perform: 'show' displays the list, 'add' creates a new item, 'delete' removes an item, 'clear_completed' removes all checked items, 'update' modifies an existing item, 'check' marks an item as completed, 'uncheck' marks an item as not completed"},text:{type:"string",description:"For 'add': the todo item text. For 'delete'/'update'/'check'/'uncheck': the text of the item to find (must match exactly). Not required for 'show' or 'clear_completed'"},newText:{type:"string",description:"For 'update' action only: the new text to replace the existing item text"}},required:["action"]}},u=`When users mention tasks they need to do, things to remember, or ask about their todo list, use the ${c} function to help them track these items.`,h="mulmo_todo_list";function g(){try{const n=localStorage.getItem(h);if(n)return JSON.parse(n)}catch(n){console.error("Error loading todos:",n)}return[]}function r(n){try{localStorage.setItem(h,JSON.stringify(n))}catch(d){console.error("Error saving todos:",d)}}const p=async(n,d)=>{const{action:l,text:o,newText:i}=d;try{const t=g();switch(l){case"show":return{message:`Todo list displayed with ${t.length} item${t.length!==1?"s":""}`,data:{items:t},jsonData:{totalItems:t.length,completed:t.filter(e=>e.completed).length,pending:t.filter(e=>!e.completed).length,items:t.map(e=>({text:e.text,completed:e.completed}))},instructions:"The todo list has been displayed. Acknowledge the current state of the list to the user.",updating:!0};case"add":{if(!o||typeof o!="string"||o.trim()==="")return{message:"Cannot add todo: text is required",data:{items:t},instructions:"Tell the user that a todo item text is required to add an item.",updating:!0};const e={id:`todo_${Date.now()}_${Math.random().toString(36).substr(2,9)}`,text:o.trim(),completed:!1,createdAt:Date.now()};return t.push(e),r(t),{message:`Added todo: "${e.text}"`,data:{items:t},jsonData:{added:e.text,totalItems:t.length},instructions:`Confirm to the user that "${e.text}" has been added to their todo list.`,updating:!0}}case"delete":{if(!o||typeof o!="string")return{message:"Cannot delete todo: text is required",data:{items:t},instructions:"Tell the user which todo item they want to delete. List the current items if needed.",updating:!0};const e=t.findIndex(s=>s.text.toLowerCase()===o.toLowerCase());if(e===-1)return{message:`Todo item not found: "${o}"`,data:{items:t},jsonData:{availableItems:t.map(s=>s.text)},instructions:`Tell the user that "${o}" was not found in the todo list. Show them the current items if helpful.`,updating:!0};const a=t[e];return t.splice(e,1),r(t),{message:`Deleted todo: "${a.text}"`,data:{items:t},jsonData:{deleted:a.text,totalItems:t.length},instructions:`Confirm to the user that "${a.text}" has been removed from their todo list.`,updating:!0}}case"clear_completed":{const e=t.filter(s=>s.completed),a=t.filter(s=>!s.completed);return e.length===0?{message:"No completed items to clear",data:{items:t},jsonData:{totalItems:t.length},instructions:"Tell the user that there are no completed items to clear.",updating:!0}:(r(a),{message:`Cleared ${e.length} completed item${e.length!==1?"s":""}`,data:{items:a},jsonData:{clearedCount:e.length,totalItems:a.length},instructions:`Confirm to the user that ${e.length} completed item${e.length!==1?"s have":" has"} been removed from their todo list.`,updating:!0})}case"update":{if(!o||typeof o!="string")return{message:"Cannot update todo: text is required to identify the item",data:{items:t},instructions:"Tell the user which todo item they want to update.",updating:!0};if(!i||typeof i!="string"||i.trim()==="")return{message:"Cannot update todo: newText is required",data:{items:t},instructions:"Tell the user what the new text should be for the todo item.",updating:!0};const e=t.find(s=>s.text.toLowerCase()===o.toLowerCase());if(!e)return{message:`Todo item not found: "${o}"`,data:{items:t},jsonData:{availableItems:t.map(s=>s.text)},instructions:`Tell the user that "${o}" was not found in the todo list. Show them the current items if helpful.`,updating:!0};const a=e.text;return e.text=i.trim(),r(t),{message:`Updated todo from "${a}" to "${e.text}"`,data:{items:t},jsonData:{oldText:a,newText:e.text,totalItems:t.length},instructions:`Confirm to the user that the todo item has been updated from "${a}" to "${e.text}".`,updating:!0}}case"check":{if(!o||typeof o!="string")return{message:"Cannot check todo: text is required to identify the item",data:{items:t},instructions:"Tell the user which todo item they want to mark as completed.",updating:!0};const e=t.find(a=>a.text.toLowerCase()===o.toLowerCase());return e?e.completed?{message:`Todo item "${e.text}" is already completed`,data:{items:t},instructions:`Tell the user that "${e.text}" is already marked as completed.`,updating:!0}:(e.completed=!0,r(t),{message:`Checked todo: "${e.text}"`,data:{items:t},jsonData:{checkedItem:e.text,totalItems:t.length,completedItems:t.filter(a=>a.completed).length},instructions:`Confirm to the user that "${e.text}" has been marked as completed.`,updating:!0}):{message:`Todo item not found: "${o}"`,data:{items:t},jsonData:{availableItems:t.map(a=>a.text)},instructions:`Tell the user that "${o}" was not found in the todo list. Show them the current items if helpful.`,updating:!0}}case"uncheck":{if(!o||typeof o!="string")return{message:"Cannot uncheck todo: text is required to identify the item",data:{items:t},instructions:"Tell the user which todo item they want to mark as not completed.",updating:!0};const e=t.find(a=>a.text.toLowerCase()===o.toLowerCase());return e?e.completed?(e.completed=!1,r(t),{message:`Unchecked todo: "${e.text}"`,data:{items:t},jsonData:{uncheckedItem:e.text,totalItems:t.length,completedItems:t.filter(a=>a.completed).length},instructions:`Confirm to the user that "${e.text}" has been marked as not completed.`,updating:!0}):{message:`Todo item "${e.text}" is already not completed`,data:{items:t},instructions:`Tell the user that "${e.text}" is already marked as not completed.`,updating:!0}:{message:`Todo item not found: "${o}"`,data:{items:t},jsonData:{availableItems:t.map(a=>a.text)},instructions:`Tell the user that "${o}" was not found in the todo list. Show them the current items if helpful.`,updating:!0}}default:return{message:`Unknown action: ${l}`,data:{items:t},instructions:"Tell the user that the action was not recognized. Valid actions are: show, add, delete, clear_completed, update, check, uncheck.",updating:!0}}}catch(t){return console.error("ERR: exception in manageTodoList",t),{message:`Todo list error: ${t instanceof Error?t.message:"Unknown error"}`,data:{items:[]},instructions:"Acknowledge that there was an error managing the todo list."}}},f={toolDefinition:m,execute:p,generatingMessage:"Managing todo list...",isEnabled:()=>!0,systemPrompt:u},x=[{name:"Show List",args:{action:"show"}},{name:"Add Item",args:{action:"add",text:"Buy groceries"}},{name:"Check Item",args:{action:"check",text:"Buy groceries"}}];exports.SYSTEM_PROMPT=u;exports.TOOL_DEFINITION=m;exports.TOOL_NAME=c;exports.executeTodo=p;exports.pluginCore=f;exports.samples=x;

package/dist/core.js

@@ -0,0 +1,313 @@
+const m = "manageTodoList", u = {
+  type: "function",
+  name: m,
+  description: "Manage a todo list - show current items, add new items, or delete items. Use this to help users track tasks and remember things.",
+  parameters: {
+    type: "object",
+    properties: {
+      action: {
+        type: "string",
+        enum: [
+          "show",
+          "add",
+          "delete",
+          "clear_completed",
+          "update",
+          "check",
+          "uncheck"
+        ],
+        description: "Action to perform: 'show' displays the list, 'add' creates a new item, 'delete' removes an item, 'clear_completed' removes all checked items, 'update' modifies an existing item, 'check' marks an item as completed, 'uncheck' marks an item as not completed"
+      },
+      text: {
+        type: "string",
+        description: "For 'add': the todo item text. For 'delete'/'update'/'check'/'uncheck': the text of the item to find (must match exactly). Not required for 'show' or 'clear_completed'"
+      },
+      newText: {
+        type: "string",
+        description: "For 'update' action only: the new text to replace the existing item text"
+      }
+    },
+    required: ["action"]
+  }
+}, h = `When users mention tasks they need to do, things to remember, or ask about their todo list, use the ${m} function to help them track these items.`, l = "mulmo_todo_list";
+function p() {
+  try {
+    const n = localStorage.getItem(l);
+    if (n)
+      return JSON.parse(n);
+  } catch (n) {
+    console.error("Error loading todos:", n);
+  }
+  return [];
+}
+function r(n) {
+  try {
+    localStorage.setItem(l, JSON.stringify(n));
+  } catch (d) {
+    console.error("Error saving todos:", d);
+  }
+}
+const g = async (n, d) => {
+  const { action: c, text: o, newText: i } = d;
+  try {
+    const t = p();
+    switch (c) {
+      case "show":
+        return {
+          message: `Todo list displayed with ${t.length} item${t.length !== 1 ? "s" : ""}`,
+          data: { items: t },
+          jsonData: {
+            totalItems: t.length,
+            completed: t.filter((e) => e.completed).length,
+            pending: t.filter((e) => !e.completed).length,
+            items: t.map((e) => ({
+              text: e.text,
+              completed: e.completed
+            }))
+          },
+          instructions: "The todo list has been displayed. Acknowledge the current state of the list to the user.",
+          updating: !0
+        };
+      case "add": {
+        if (!o || typeof o != "string" || o.trim() === "")
+          return {
+            message: "Cannot add todo: text is required",
+            data: { items: t },
+            instructions: "Tell the user that a todo item text is required to add an item.",
+            updating: !0
+          };
+        const e = {
+          id: `todo_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`,
+          text: o.trim(),
+          completed: !1,
+          createdAt: Date.now()
+        };
+        return t.push(e), r(t), {
+          message: `Added todo: "${e.text}"`,
+          data: { items: t },
+          jsonData: {
+            added: e.text,
+            totalItems: t.length
+          },
+          instructions: `Confirm to the user that "${e.text}" has been added to their todo list.`,
+          updating: !0
+        };
+      }
+      case "delete": {
+        if (!o || typeof o != "string")
+          return {
+            message: "Cannot delete todo: text is required",
+            data: { items: t },
+            instructions: "Tell the user which todo item they want to delete. List the current items if needed.",
+            updating: !0
+          };
+        const e = t.findIndex(
+          (s) => s.text.toLowerCase() === o.toLowerCase()
+        );
+        if (e === -1)
+          return {
+            message: `Todo item not found: "${o}"`,
+            data: { items: t },
+            jsonData: {
+              availableItems: t.map((s) => s.text)
+            },
+            instructions: `Tell the user that "${o}" was not found in the todo list. Show them the current items if helpful.`,
+            updating: !0
+          };
+        const a = t[e];
+        return t.splice(e, 1), r(t), {
+          message: `Deleted todo: "${a.text}"`,
+          data: { items: t },
+          jsonData: {
+            deleted: a.text,
+            totalItems: t.length
+          },
+          instructions: `Confirm to the user that "${a.text}" has been removed from their todo list.`,
+          updating: !0
+        };
+      }
+      case "clear_completed": {
+        const e = t.filter((s) => s.completed), a = t.filter((s) => !s.completed);
+        return e.length === 0 ? {
+          message: "No completed items to clear",
+          data: { items: t },
+          jsonData: {
+            totalItems: t.length
+          },
+          instructions: "Tell the user that there are no completed items to clear.",
+          updating: !0
+        } : (r(a), {
+          message: `Cleared ${e.length} completed item${e.length !== 1 ? "s" : ""}`,
+          data: { items: a },
+          jsonData: {
+            clearedCount: e.length,
+            totalItems: a.length
+          },
+          instructions: `Confirm to the user that ${e.length} completed item${e.length !== 1 ? "s have" : " has"} been removed from their todo list.`,
+          updating: !0
+        });
+      }
+      case "update": {
+        if (!o || typeof o != "string")
+          return {
+            message: "Cannot update todo: text is required to identify the item",
+            data: { items: t },
+            instructions: "Tell the user which todo item they want to update.",
+            updating: !0
+          };
+        if (!i || typeof i != "string" || i.trim() === "")
+          return {
+            message: "Cannot update todo: newText is required",
+            data: { items: t },
+            instructions: "Tell the user what the new text should be for the todo item.",
+            updating: !0
+          };
+        const e = t.find(
+          (s) => s.text.toLowerCase() === o.toLowerCase()
+        );
+        if (!e)
+          return {
+            message: `Todo item not found: "${o}"`,
+            data: { items: t },
+            jsonData: {
+              availableItems: t.map((s) => s.text)
+            },
+            instructions: `Tell the user that "${o}" was not found in the todo list. Show them the current items if helpful.`,
+            updating: !0
+          };
+        const a = e.text;
+        return e.text = i.trim(), r(t), {
+          message: `Updated todo from "${a}" to "${e.text}"`,
+          data: { items: t },
+          jsonData: {
+            oldText: a,
+            newText: e.text,
+            totalItems: t.length
+          },
+          instructions: `Confirm to the user that the todo item has been updated from "${a}" to "${e.text}".`,
+          updating: !0
+        };
+      }
+      case "check": {
+        if (!o || typeof o != "string")
+          return {
+            message: "Cannot check todo: text is required to identify the item",
+            data: { items: t },
+            instructions: "Tell the user which todo item they want to mark as completed.",
+            updating: !0
+          };
+        const e = t.find(
+          (a) => a.text.toLowerCase() === o.toLowerCase()
+        );
+        return e ? e.completed ? {
+          message: `Todo item "${e.text}" is already completed`,
+          data: { items: t },
+          instructions: `Tell the user that "${e.text}" is already marked as completed.`,
+          updating: !0
+        } : (e.completed = !0, r(t), {
+          message: `Checked todo: "${e.text}"`,
+          data: { items: t },
+          jsonData: {
+            checkedItem: e.text,
+            totalItems: t.length,
+            completedItems: t.filter((a) => a.completed).length
+          },
+          instructions: `Confirm to the user that "${e.text}" has been marked as completed.`,
+          updating: !0
+        }) : {
+          message: `Todo item not found: "${o}"`,
+          data: { items: t },
+          jsonData: {
+            availableItems: t.map((a) => a.text)
+          },
+          instructions: `Tell the user that "${o}" was not found in the todo list. Show them the current items if helpful.`,
+          updating: !0
+        };
+      }
+      case "uncheck": {
+        if (!o || typeof o != "string")
+          return {
+            message: "Cannot uncheck todo: text is required to identify the item",
+            data: { items: t },
+            instructions: "Tell the user which todo item they want to mark as not completed.",
+            updating: !0
+          };
+        const e = t.find(
+          (a) => a.text.toLowerCase() === o.toLowerCase()
+        );
+        return e ? e.completed ? (e.completed = !1, r(t), {
+          message: `Unchecked todo: "${e.text}"`,
+          data: { items: t },
+          jsonData: {
+            uncheckedItem: e.text,
+            totalItems: t.length,
+            completedItems: t.filter((a) => a.completed).length
+          },
+          instructions: `Confirm to the user that "${e.text}" has been marked as not completed.`,
+          updating: !0
+        }) : {
+          message: `Todo item "${e.text}" is already not completed`,
+          data: { items: t },
+          instructions: `Tell the user that "${e.text}" is already marked as not completed.`,
+          updating: !0
+        } : {
+          message: `Todo item not found: "${o}"`,
+          data: { items: t },
+          jsonData: {
+            availableItems: t.map((a) => a.text)
+          },
+          instructions: `Tell the user that "${o}" was not found in the todo list. Show them the current items if helpful.`,
+          updating: !0
+        };
+      }
+      default:
+        return {
+          message: `Unknown action: ${c}`,
+          data: { items: t },
+          instructions: "Tell the user that the action was not recognized. Valid actions are: show, add, delete, clear_completed, update, check, uncheck.",
+          updating: !0
+        };
+    }
+  } catch (t) {
+    return console.error("ERR: exception in manageTodoList", t), {
+      message: `Todo list error: ${t instanceof Error ? t.message : "Unknown error"}`,
+      data: { items: [] },
+      instructions: "Acknowledge that there was an error managing the todo list."
+    };
+  }
+}, f = {
+  toolDefinition: u,
+  execute: g,
+  generatingMessage: "Managing todo list...",
+  isEnabled: () => !0,
+  systemPrompt: h
+}, x = [
+  {
+    name: "Show List",
+    args: {
+      action: "show"
+    }
+  },
+  {
+    name: "Add Item",
+    args: {
+      action: "add",
+      text: "Buy groceries"
+    }
+  },
+  {
+    name: "Check Item",
+    args: {
+      action: "check",
+      text: "Buy groceries"
+    }
+  }
+];
+export {
+  h as SYSTEM_PROMPT,
+  u as TOOL_DEFINITION,
+  m as TOOL_NAME,
+  g as executeTodo,
+  f as pluginCore,
+  x as samples
+};

package/dist/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./core.cjs");exports.SYSTEM_PROMPT=e.SYSTEM_PROMPT;exports.TOOL_DEFINITION=e.TOOL_DEFINITION;exports.TOOL_NAME=e.TOOL_NAME;exports.executeTodo=e.executeTodo;exports.pluginCore=e.pluginCore;exports.samples=e.samples;

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Todo Plugin
+ */
+export * from "./core";

package/dist/index.js

@@ -0,0 +1,9 @@
+import { SYSTEM_PROMPT as T, TOOL_DEFINITION as o, TOOL_NAME as p, executeTodo as r, pluginCore as E, samples as I } from "./core.js";
+export {
+  T as SYSTEM_PROMPT,
+  o as TOOL_DEFINITION,
+  p as TOOL_NAME,
+  r as executeTodo,
+  E as pluginCore,
+  I as samples
+};

package/dist/style.css

@@ -0,0 +1 @@
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-green-500:oklch(72.3% .219 149.579);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-indigo-100:oklch(93% .034 272.788);--color-indigo-200:oklch(87% .065 274.039);--color-indigo-700:oklch(45.7% .24 277.023);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--container-3xl:48rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--font-weight-medium:500;--font-weight-bold:700;--radius-md:.375rem;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-6{margin-top:calc(var(--spacing)*6)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.contents{display:contents}.flex{display:flex}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-96{height:calc(var(--spacing)*96)}.h-full{height:100%}.max-h-20{max-height:calc(var(--spacing)*20)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-\[200px\]{max-width:200px}.min-w-0{min-width:calc(var(--spacing)*0)}.flex-1{flex:1}.cursor-pointer{cursor:pointer}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-indigo-200{border-color:var(--color-indigo-200)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-indigo-100{background-color:var(--color-indigo-100)}.bg-white{background-color:var(--color-white)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.px-4{padding-inline:calc(var(--spacing)*4)}.py-2{padding-block:calc(var(--spacing)*2)}.py-12{padding-block:calc(var(--spacing)*12)}.pt-4{padding-top:calc(var(--spacing)*4)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.break-words{overflow-wrap:break-word}.text-blue-600{color:var(--color-blue-600)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-green-500{color:var(--color-green-500)}.text-indigo-700{color:var(--color-indigo-700)}.text-red-500{color:var(--color-red-500)}.text-white{color:var(--color-white)}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.opacity-0{opacity:0}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media(hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:bg-indigo-200:hover{background-color:var(--color-indigo-200)}.hover\:text-red-600:hover{color:var(--color-red-600)}.hover\:text-red-700:hover{color:var(--color-red-700)}}.focus\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\:ring-offset-0:focus{--tw-ring-offset-width:0px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}@media(prefers-color-scheme:dark){.dark\:bg-gray-800{background-color:var(--color-gray-800)}.dark\:text-blue-400{color:var(--color-blue-400)}.dark\:text-gray-300{color:var(--color-gray-300)}.dark\:text-gray-400{color:var(--color-gray-400)}}}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}

package/dist/vue/Preview.vue.d.ts

@@ -0,0 +1,8 @@
+import type { ToolResult } from "gui-chat-protocol";
+import type { TodoToolData } from "../core/types";
+type __VLS_Props = {
+    result: ToolResult<TodoToolData>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/vue/View.vue.d.ts

@@ -0,0 +1,8 @@
+import type { ToolResult } from "gui-chat-protocol";
+import type { TodoToolData } from "../core/types";
+type __VLS_Props = {
+    selectedResult: ToolResult<TodoToolData>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/vue/index.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Todo Plugin - Vue Implementation
+ */
+import "../style.css";
+import type { ToolPlugin } from "gui-chat-protocol/vue";
+import type { TodoToolData, TodoArgs } from "../core/types";
+import View from "./View.vue";
+import Preview from "./Preview.vue";
+export declare const plugin: ToolPlugin<TodoToolData, unknown, TodoArgs>;
+export type { TodoToolData, TodoArgs, TodoItem } from "../core/types";
+export { TOOL_NAME, TOOL_DEFINITION, SYSTEM_PROMPT, executeTodo, pluginCore, } from "../core/plugin";
+export { samples } from "../core/samples";
+export { View, Preview };
+declare const _default: {
+    plugin: ToolPlugin<TodoToolData, unknown, TodoArgs, import("gui-chat-protocol/vue").InputHandler, Record<string, unknown>>;
+};
+export default _default;

package/dist/vue.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./core.cjs"),e=require("vue"),E={class:"w-full h-full overflow-y-auto bg-white"},w={class:"max-w-2xl mx-auto p-6"},N={class:"mb-6"},B={class:"text-sm text-gray-600"},V={key:0,class:"text-center py-12"},C={key:1,class:"space-y-2"},b=["checked","onChange"],S={class:"flex-1 min-w-0"},T={class:"text-xs text-gray-500 mt-1"},$=["onClick"],M={key:2,class:"mt-6 pt-4 border-t border-gray-200"},D="mulmo_todo_list",x=e.defineComponent({__name:"View",props:{selectedResult:{}},setup(p){const i=p,t=e.ref([...i.selectedResult.data?.items||[]]);e.watch(()=>i.selectedResult.data?.items,l=>{l&&(t.value=[...l])},{deep:!0});const g=e.computed(()=>t.value.length),d=e.computed(()=>t.value.filter(l=>l.completed).length);function n(l){try{localStorage.setItem(D,JSON.stringify(l))}catch(o){console.error("Error saving todos:",o)}}function u(l){const o=t.value.find(s=>s.id===l);o&&(o.completed=!o.completed,n(t.value))}function r(l){t.value=t.value.filter(o=>o.id!==l),n(t.value)}function y(){t.value=t.value.filter(l=>!l.completed),n(t.value)}function k(l){const o=new Date(l),c=new Date().getTime()-o.getTime(),m=Math.floor(c/6e4),v=Math.floor(c/36e5),h=Math.floor(c/864e5);return m<1?"just now":m<60?`${m} min${m!==1?"s":""} ago`:v<24?`${v} hour${v!==1?"s":""} ago`:h<7?`${h} day${h!==1?"s":""} ago`:o.toLocaleDateString()}return(l,o)=>(e.openBlock(),e.createElementBlock("div",E,[e.createElementVNode("div",w,[e.createElementVNode("div",N,[o[0]||(o[0]=e.createElementVNode("h2",{class:"text-2xl font-bold text-gray-800 mb-2"},"Todo List",-1)),e.createElementVNode("div",B,[e.createElementVNode("span",null,e.toDisplayString(d.value)+" of "+e.toDisplayString(g.value)+" completed",1)])]),t.value.length===0?(e.openBlock(),e.createElementBlock("div",V,[...o[1]||(o[1]=[e.createElementVNode("div",{class:"text-gray-400 text-lg"},"No todo items yet",-1),e.createElementVNode("div",{class:"text-gray-500 text-sm mt-2"}," Ask the assistant to add some tasks! ",-1)])])):(e.openBlock(),e.createElementBlock("div",C,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value,s=>(e.openBlock(),e.createElementBlock("div",{key:s.id,class:"group flex items-start gap-3 p-4 bg-gray-100 rounded-lg hover:bg-gray-200 transition-colors"},[e.createElementVNode("input",{type:"checkbox",checked:s.completed,onChange:c=>u(s.id),class:"mt-1 h-5 w-5 rounded border-gray-300 text-blue-600 focus:ring-blue-500 focus:ring-offset-0 cursor-pointer"},null,40,b),e.createElementVNode("div",S,[e.createElementVNode("p",{class:e.normalizeClass(["break-words",s.completed?"line-through text-gray-500":"text-gray-800"])},e.toDisplayString(s.text),3),e.createElementVNode("p",T,e.toDisplayString(k(s.createdAt)),1)]),e.createElementVNode("button",{onClick:c=>r(s.id),class:"opacity-0 group-hover:opacity-100 text-red-500 hover:text-red-700 transition-opacity p-1",title:"Delete item"},[...o[2]||(o[2]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",class:"h-5 w-5",viewBox:"0 0 20 20",fill:"currentColor"},[e.createElementVNode("path",{"fill-rule":"evenodd",d:"M9 2a1 1 0 00-.894.553L7.382 4H4a1 1 0 000 2v10a2 2 0 002 2h8a2 2 0 002-2V6a1 1 0 100-2h-3.382l-.724-1.447A1 1 0 0011 2H9zM7 8a1 1 0 012 0v6a1 1 0 11-2 0V8zm5-1a1 1 0 00-1 1v6a1 1 0 102 0V8a1 1 0 00-1-1z","clip-rule":"evenodd"})],-1)])],8,$)]))),128))])),d.value>0?(e.openBlock(),e.createElementBlock("div",M,[e.createElementVNode("button",{onClick:y,class:"text-sm text-gray-600 hover:text-red-600 transition-colors"}," Clear completed items ")])):e.createCommentVNode("",!0)])]))}}),O={class:"p-2 bg-gray-50 dark:bg-gray-800 rounded"},z={class:"text-xs text-gray-600 dark:text-gray-400"},L={key:0},I={key:1},H={class:"mb-1"},P={class:"space-y-1 max-h-20 overflow-y-auto"},A={key:0,class:"text-green-500"},R={key:1,class:"text-gray-400"},F={key:0,class:"text-gray-500 italic"},f=e.defineComponent({__name:"Preview",props:{result:{}},setup(p){const i=p,t=e.computed(()=>i.result.data?.items||[]),g=e.computed(()=>t.value.length),d=e.computed(()=>t.value.filter(n=>n.completed).length);return(n,u)=>(e.openBlock(),e.createElementBlock("div",O,[u[0]||(u[0]=e.createStaticVNode('<div class="flex items-center gap-2 mb-2"><svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 text-blue-600 dark:text-blue-400" viewBox="0 0 20 20" fill="currentColor"><path d="M9 2a1 1 0 000 2h2a1 1 0 100-2H9z"></path><path fill-rule="evenodd" d="M4 5a2 2 0 012-2 3 3 0 003 3h2a3 3 0 003-3 2 2 0 012 2v11a2 2 0 01-2 2H6a2 2 0 01-2-2V5zm3 4a1 1 0 000 2h.01a1 1 0 100-2H7zm3 0a1 1 0 000 2h3a1 1 0 100-2h-3zm-3 4a1 1 0 100 2h.01a1 1 0 100-2H7zm3 0a1 1 0 100 2h3a1 1 0 100-2h-3z" clip-rule="evenodd"></path></svg><span class="text-sm font-medium text-gray-700 dark:text-gray-300"> Todo List </span></div>',1)),e.createElementVNode("div",z,[t.value.length===0?(e.openBlock(),e.createElementBlock("div",L,"No items")):(e.openBlock(),e.createElementBlock("div",I,[e.createElementVNode("div",H,e.toDisplayString(d.value)+"/"+e.toDisplayString(g.value)+" completed",1),e.createElementVNode("div",P,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value.slice(0,3),r=>(e.openBlock(),e.createElementBlock("div",{key:r.id,class:"flex items-start gap-1 text-xs"},[r.completed?(e.openBlock(),e.createElementBlock("span",A,"✓")):(e.openBlock(),e.createElementBlock("span",R,"○")),e.createElementVNode("span",{class:e.normalizeClass(["flex-1 truncate",r.completed?"line-through text-gray-500":"text-white"])},e.toDisplayString(r.text),3)]))),128)),t.value.length>3?(e.openBlock(),e.createElementBlock("div",F," +"+e.toDisplayString(t.value.length-3)+" more... ",1)):e.createCommentVNode("",!0)])]))])]))}}),_={...a.pluginCore,viewComponent:x,previewComponent:f,samples:a.samples},Y={plugin:_};exports.SYSTEM_PROMPT=a.SYSTEM_PROMPT;exports.TOOL_DEFINITION=a.TOOL_DEFINITION;exports.TOOL_NAME=a.TOOL_NAME;exports.executeTodo=a.executeTodo;exports.pluginCore=a.pluginCore;exports.samples=a.samples;exports.Preview=f;exports.View=x;exports.default=Y;exports.plugin=_;

package/dist/vue.js

@@ -0,0 +1,170 @@
+import { samples as T, pluginCore as z } from "./core.js";
+import { SYSTEM_PROMPT as rt, TOOL_DEFINITION as it, TOOL_NAME as ct, executeTodo as dt } from "./core.js";
+import { defineComponent as y, ref as N, watch as V, computed as u, createElementBlock as a, openBlock as l, createElementVNode as e, createCommentVNode as w, toDisplayString as r, Fragment as k, renderList as b, normalizeClass as C, createStaticVNode as D } from "vue";
+const E = { class: "w-full h-full overflow-y-auto bg-white" }, O = { class: "max-w-2xl mx-auto p-6" }, S = { class: "mb-6" }, H = { class: "text-sm text-gray-600" }, L = {
+  key: 0,
+  class: "text-center py-12"
+}, A = {
+  key: 1,
+  class: "space-y-2"
+}, I = ["checked", "onChange"], R = { class: "flex-1 min-w-0" }, B = { class: "text-xs text-gray-500 mt-1" }, P = ["onClick"], F = {
+  key: 2,
+  class: "mt-6 pt-4 border-t border-gray-200"
+}, Y = "mulmo_todo_list", j = /* @__PURE__ */ y({
+  __name: "View",
+  props: {
+    selectedResult: {}
+  },
+  setup(h) {
+    const p = h, t = N([...p.selectedResult.data?.items || []]);
+    V(
+      () => p.selectedResult.data?.items,
+      (s) => {
+        s && (t.value = [...s]);
+      },
+      { deep: !0 }
+    );
+    const x = u(() => t.value.length), m = u(
+      () => t.value.filter((s) => s.completed).length
+    );
+    function i(s) {
+      try {
+        localStorage.setItem(Y, JSON.stringify(s));
+      } catch (o) {
+        console.error("Error saving todos:", o);
+      }
+    }
+    function v(s) {
+      const o = t.value.find((n) => n.id === s);
+      o && (o.completed = !o.completed, i(t.value));
+    }
+    function c(s) {
+      t.value = t.value.filter((o) => o.id !== s), i(t.value);
+    }
+    function $() {
+      t.value = t.value.filter((s) => !s.completed), i(t.value);
+    }
+    function M(s) {
+      const o = new Date(s), d = (/* @__PURE__ */ new Date()).getTime() - o.getTime(), g = Math.floor(d / 6e4), f = Math.floor(d / 36e5), _ = Math.floor(d / 864e5);
+      return g < 1 ? "just now" : g < 60 ? `${g} min${g !== 1 ? "s" : ""} ago` : f < 24 ? `${f} hour${f !== 1 ? "s" : ""} ago` : _ < 7 ? `${_} day${_ !== 1 ? "s" : ""} ago` : o.toLocaleDateString();
+    }
+    return (s, o) => (l(), a("div", E, [
+      e("div", O, [
+        e("div", S, [
+          o[0] || (o[0] = e("h2", { class: "text-2xl font-bold text-gray-800 mb-2" }, "Todo List", -1)),
+          e("div", H, [
+            e("span", null, r(m.value) + " of " + r(x.value) + " completed", 1)
+          ])
+        ]),
+        t.value.length === 0 ? (l(), a("div", L, [...o[1] || (o[1] = [
+          e("div", { class: "text-gray-400 text-lg" }, "No todo items yet", -1),
+          e("div", { class: "text-gray-500 text-sm mt-2" }, " Ask the assistant to add some tasks! ", -1)
+        ])])) : (l(), a("div", A, [
+          (l(!0), a(k, null, b(t.value, (n) => (l(), a("div", {
+            key: n.id,
+            class: "group flex items-start gap-3 p-4 bg-gray-100 rounded-lg hover:bg-gray-200 transition-colors"
+          }, [
+            e("input", {
+              type: "checkbox",
+              checked: n.completed,
+              onChange: (d) => v(n.id),
+              class: "mt-1 h-5 w-5 rounded border-gray-300 text-blue-600 focus:ring-blue-500 focus:ring-offset-0 cursor-pointer"
+            }, null, 40, I),
+            e("div", R, [
+              e("p", {
+                class: C([
+                  "break-words",
+                  n.completed ? "line-through text-gray-500" : "text-gray-800"
+                ])
+              }, r(n.text), 3),
+              e("p", B, r(M(n.createdAt)), 1)
+            ]),
+            e("button", {
+              onClick: (d) => c(n.id),
+              class: "opacity-0 group-hover:opacity-100 text-red-500 hover:text-red-700 transition-opacity p-1",
+              title: "Delete item"
+            }, [...o[2] || (o[2] = [
+              e("svg", {
+                xmlns: "http://www.w3.org/2000/svg",
+                class: "h-5 w-5",
+                viewBox: "0 0 20 20",
+                fill: "currentColor"
+              }, [
+                e("path", {
+                  "fill-rule": "evenodd",
+                  d: "M9 2a1 1 0 00-.894.553L7.382 4H4a1 1 0 000 2v10a2 2 0 002 2h8a2 2 0 002-2V6a1 1 0 100-2h-3.382l-.724-1.447A1 1 0 0011 2H9zM7 8a1 1 0 012 0v6a1 1 0 11-2 0V8zm5-1a1 1 0 00-1 1v6a1 1 0 102 0V8a1 1 0 00-1-1z",
+                  "clip-rule": "evenodd"
+                })
+              ], -1)
+            ])], 8, P)
+          ]))), 128))
+        ])),
+        m.value > 0 ? (l(), a("div", F, [
+          e("button", {
+            onClick: $,
+            class: "text-sm text-gray-600 hover:text-red-600 transition-colors"
+          }, " Clear completed items ")
+        ])) : w("", !0)
+      ])
+    ]));
+  }
+}), G = { class: "p-2 bg-gray-50 dark:bg-gray-800 rounded" }, J = { class: "text-xs text-gray-600 dark:text-gray-400" }, K = { key: 0 }, q = { key: 1 }, Q = { class: "mb-1" }, U = { class: "space-y-1 max-h-20 overflow-y-auto" }, W = {
+  key: 0,
+  class: "text-green-500"
+}, X = {
+  key: 1,
+  class: "text-gray-400"
+}, Z = {
+  key: 0,
+  class: "text-gray-500 italic"
+}, tt = /* @__PURE__ */ y({
+  __name: "Preview",
+  props: {
+    result: {}
+  },
+  setup(h) {
+    const p = h, t = u(() => p.result.data?.items || []), x = u(() => t.value.length), m = u(
+      () => t.value.filter((i) => i.completed).length
+    );
+    return (i, v) => (l(), a("div", G, [
+      v[0] || (v[0] = D('<div class="flex items-center gap-2 mb-2"><svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 text-blue-600 dark:text-blue-400" viewBox="0 0 20 20" fill="currentColor"><path d="M9 2a1 1 0 000 2h2a1 1 0 100-2H9z"></path><path fill-rule="evenodd" d="M4 5a2 2 0 012-2 3 3 0 003 3h2a3 3 0 003-3 2 2 0 012 2v11a2 2 0 01-2 2H6a2 2 0 01-2-2V5zm3 4a1 1 0 000 2h.01a1 1 0 100-2H7zm3 0a1 1 0 000 2h3a1 1 0 100-2h-3zm-3 4a1 1 0 100 2h.01a1 1 0 100-2H7zm3 0a1 1 0 100 2h3a1 1 0 100-2h-3z" clip-rule="evenodd"></path></svg><span class="text-sm font-medium text-gray-700 dark:text-gray-300"> Todo List </span></div>', 1)),
+      e("div", J, [
+        t.value.length === 0 ? (l(), a("div", K, "No items")) : (l(), a("div", q, [
+          e("div", Q, r(m.value) + "/" + r(x.value) + " completed", 1),
+          e("div", U, [
+            (l(!0), a(k, null, b(t.value.slice(0, 3), (c) => (l(), a("div", {
+              key: c.id,
+              class: "flex items-start gap-1 text-xs"
+            }, [
+              c.completed ? (l(), a("span", W, "✓")) : (l(), a("span", X, "○")),
+              e("span", {
+                class: C([
+                  "flex-1 truncate",
+                  c.completed ? "line-through text-gray-500" : "text-white"
+                ])
+              }, r(c.text), 3)
+            ]))), 128)),
+            t.value.length > 3 ? (l(), a("div", Z, " +" + r(t.value.length - 3) + " more... ", 1)) : w("", !0)
+          ])
+        ]))
+      ])
+    ]));
+  }
+}), et = {
+  ...z,
+  viewComponent: j,
+  previewComponent: tt,
+  samples: T
+}, at = { plugin: et };
+export {
+  tt as Preview,
+  rt as SYSTEM_PROMPT,
+  it as TOOL_DEFINITION,
+  ct as TOOL_NAME,
+  j as View,
+  at as default,
+  dt as executeTodo,
+  et as plugin,
+  z as pluginCore,
+  T as samples
+};

package/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "@gui-chat-plugin/todo",
+  "version": "0.1.0",
+  "description": "Todo list plugin for GUIChat",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./core": {
+      "types": "./dist/core/index.d.ts",
+      "import": "./dist/core.js",
+      "require": "./dist/core.cjs"
+    },
+    "./vue": {
+      "types": "./dist/vue/index.d.ts",
+      "import": "./dist/vue.js",
+      "require": "./dist/vue.cjs"
+    },
+    "./style.css": "./dist/style.css"
+  },
+  "files": ["dist"],
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build && vue-tsc -p tsconfig.build.json --emitDeclarationOnly",
+    "typecheck": "vue-tsc --noEmit",
+    "lint": "eslint src demo"
+  },
+  "peerDependencies": {
+    "vue": "^3.5.0"
+  },
+  "dependencies": {
+    "gui-chat-protocol": "^0.0.1"
+  },
+  "devDependencies": {
+    "@tailwindcss/vite": "^4.1.18",
+    "@typescript-eslint/eslint-plugin": "^8.53.0",
+    "@typescript-eslint/parser": "^8.53.0",
+    "@vitejs/plugin-vue": "^6.0.3",
+    "eslint": "^9.39.2",
+    "eslint-plugin-vue": "^10.6.2",
+    "globals": "^17.0.0",
+    "tailwindcss": "^4.1.18",
+    "typescript": "~5.9.3",
+    "vite": "^7.3.1",
+    "vue": "^3.5.26",
+    "vue-eslint-parser": "^10.2.0",
+    "vue-tsc": "^3.2.2"
+  },
+  "keywords": ["guichat", "plugin", "todo"],
+  "license": "MIT"
+}