@gui-chat-plugin/othello 0.1.0

package/README.md

@@ -0,0 +1,101 @@
+# @gui-chat-plugin/othello
+
+Othello/Reversi game plugin for GUI Chat applications. Play Othello against an AI assistant or let it guide you through the game.
+
+## Features
+
+- Full Othello/Reversi game implementation
+- Interactive board with clickable moves
+- Legal move indicators
+- Turn tracking (user vs computer)
+- Game end detection and winner announcement
+
+## Installation
+
+```bash
+npm install @gui-chat-plugin/othello
+```
+
+## Usage
+
+### Vue Integration
+
+```typescript
+import { plugin } from "@gui-chat-plugin/othello/vue";
+import "@gui-chat-plugin/othello/style.css";
+
+// Register the plugin with your GUI Chat application
+registerPlugin(plugin);
+```
+
+### Core-only Usage
+
+```typescript
+import { executeOthello, playOthello, TOOL_DEFINITION } from "@gui-chat-plugin/othello";
+
+// Start a new game
+const result = await executeOthello(context, {
+  action: "new_game",
+  firstPlayer: "user",
+});
+
+// Use the game logic directly
+import { playOthello } from "@gui-chat-plugin/othello";
+
+const state = playOthello({
+  action: "new_game",
+  playerNames: { B: "user", W: "computer" },
+});
+```
+
+## API
+
+### OthelloArgs
+
+```typescript
+interface OthelloArgs {
+  action: "new_game" | "move" | "pass";
+  col?: number;        // 0-7 for move action
+  row?: number;        // 0-7 for move action
+  board?: Cell[][];    // Current board state
+  currentSide?: Side;  // "B" or "W"
+  playerNames?: { B: OthelloPlayerType; W: OthelloPlayerType };
+  firstPlayer?: OthelloPlayerType;  // "user" or "computer"
+}
+```
+
+### OthelloState
+
+```typescript
+interface OthelloState {
+  board: OthelloBoard;      // 8x8 grid of ".", "B", or "W"
+  currentSide: Side;        // Whose turn is next
+  playerNames: { B: string; W: string };
+  legalMoves: { row: number; col: number }[];
+  counts: { B: number; W: number; empty: number };
+  isTerminal: boolean;
+  winner: Side | "draw" | null;
+  lastAction: { type: "new_game" | "move" | "pass"; ... };
+  error?: string;
+}
+```
+
+## 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 @@
+/**
+ * Othello Plugin - Tool Definition
+ */
+import type { ToolDefinition } from "gui-chat-protocol";
+export declare const TOOL_NAME = "playOthello";
+export declare const TOOL_DEFINITION: ToolDefinition;
+export declare const SYSTEM_PROMPT = "You can play Othello/Reversi with users. When a user wants to play:\n1. Start a new game with the \"new_game\" action\n2. For moves, the user specifies column (A-H) and row (1-8)\n3. Use the \"move\" action with the current board state\n4. Pass the current board state as-is - the game logic handles piece placement and flipping";

package/dist/core/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Othello Plugin - Core Entry Point
+ */
+export type { Cell, Side, OthelloBoard, OthelloCellValue, OthelloPlayerType, OthelloArgs, OthelloState, Command, NewGameCommand, MoveCommand, } from "./types";
+export { TOOL_NAME, TOOL_DEFINITION, SYSTEM_PROMPT, executeOthello, pluginCore, playOthello, } from "./plugin";
+export { samples } from "./samples";

package/dist/core/logic.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Othello Plugin - Game Logic
+ */
+import type { Command, OthelloState } from "./types";
+export declare function playOthello(cmd: Command): OthelloState;

package/dist/core/plugin.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Othello Plugin Core
+ */
+import type { ToolPluginCore, ToolContext, ToolResult } from "gui-chat-protocol";
+import type { OthelloArgs, OthelloState } from "./types";
+export { TOOL_NAME, TOOL_DEFINITION, SYSTEM_PROMPT } from "./definition";
+export { playOthello } from "./logic";
+export declare const executeOthello: (_context: ToolContext, args: OthelloArgs) => Promise<ToolResult<never, OthelloState>>;
+export declare const pluginCore: ToolPluginCore<never, OthelloState, OthelloArgs>;

package/dist/core/samples.d.ts

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

package/dist/core/types.d.ts

@@ -0,0 +1,77 @@
+/**
+ * Othello Plugin - Type Definitions
+ */
+export type Cell = "." | "B" | "W";
+export type Side = "B" | "W";
+export type OthelloBoard = Cell[][];
+export type OthelloCellValue = Cell;
+export type OthelloPlayerType = "user" | "computer";
+export interface OthelloArgs {
+    action: "new_game" | "move" | "pass";
+    col?: number;
+    row?: number;
+    board?: OthelloCellValue[][];
+    currentSide?: Side;
+    playerNames?: {
+        B: OthelloPlayerType;
+        W: OthelloPlayerType;
+    };
+    firstPlayer?: OthelloPlayerType;
+}
+export type NewGameCommand = {
+    action: "new_game";
+    playerNames: {
+        B: string;
+        W: string;
+    };
+};
+export type MoveCommand = {
+    action: "move";
+    row: number;
+    col: number;
+    board: OthelloBoard;
+    currentSide: Side;
+    playerNames: {
+        B: string;
+        W: string;
+    };
+} | {
+    action: "pass";
+    board: OthelloBoard;
+    currentSide: Side;
+    playerNames: {
+        B: string;
+        W: string;
+    };
+};
+export type Command = NewGameCommand | MoveCommand;
+export interface OthelloState {
+    board: OthelloBoard;
+    currentSide: Side;
+    playerNames: {
+        B: string;
+        W: string;
+    };
+    legalMoves: {
+        row: number;
+        col: number;
+    }[];
+    counts: {
+        B: number;
+        W: number;
+        empty: number;
+    };
+    isTerminal: boolean;
+    winner: Side | "draw" | null;
+    lastAction: {
+        type: "new_game";
+    } | {
+        type: "move";
+        row: number;
+        col: number;
+        flipped: number;
+    } | {
+        type: "pass";
+    };
+    error?: string;
+}

package/dist/core.cjs

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

package/dist/core.js

@@ -0,0 +1,10 @@
+import { SYSTEM_PROMPT as l, TOOL_DEFINITION as o, TOOL_NAME as T, executeOthello as p, playOthello as t, pluginCore as r, samples as E } from "./index.js";
+export {
+  l as SYSTEM_PROMPT,
+  o as TOOL_DEFINITION,
+  T as TOOL_NAME,
+  p as executeOthello,
+  t as playOthello,
+  r as pluginCore,
+  E as samples
+};

package/dist/index.cjs

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S="playOthello",B={type:"function",name:S,description:"Play Othello/Reversi game with the user. You can start a new game, make moves, or pass turns.",parameters:{type:"object",properties:{action:{type:"string",enum:["new_game","move","pass"],description:"The action to perform: start a new game, make a move, or pass the turn"},col:{type:"number",description:"Column position for the move (0-7, required for 'move' action). The user will tell you the column by specifying A to H",minimum:0,maximum:7},row:{type:"number",description:"Row position for the move (0-7, required for 'move' action). The user will tell you the row by specifying 1 to 8",minimum:0,maximum:7},board:{type:"array",description:"Current 8x8 board state BEFORE the move (required for 'move' and 'pass' actions). IMPORTANT: Do NOT modify the board yourself - pass the current board state as-is, and the game logic will handle placing the piece and flipping opponent pieces.",items:{type:"array",items:{type:"string",enum:[".","B","W"]}}},currentSide:{type:"string",enum:["B","W"],description:"Current player's side (required for 'move' and 'pass' actions)"},playerNames:{type:"object",description:"Player assignments (required for 'move' and 'pass' actions)",properties:{B:{type:"string",enum:["user","computer"]},W:{type:"string",enum:["user","computer"]}},required:["B","W"]},firstPlayer:{type:"string",enum:["user","computer"],description:"Optional: Which player should play as Black (goes first) for 'new_game' action. If not specified, will be chosen randomly."}},required:["action"],additionalProperties:!1}},P=`You can play Othello/Reversi with users. When a user wants to play:
+1. Start a new game with the "new_game" action
+2. For moves, the user specifies column (A-H) and row (1-8)
+3. Use the "move" action with the current board state
+4. Pass the current board state as-is - the game logic handles piece placement and flipping`,k=[[-1,-1],[-1,0],[-1,1],[0,-1],[0,1],[1,-1],[1,0],[1,1]];function $(){const r=[];for(let e=0;e<8;e++)r[e]=new Array(8).fill(".");return r}function C(){const r=$();return r[3][3]="W",r[3][4]="B",r[4][3]="B",r[4][4]="W",r}function x(r){return r.map(e=>[...e])}function O(r,e){return r>=0&&r<8&&e>=0&&e<8}function w(r){return r==="B"?"W":"B"}function R(r,e,o,t,n,a){const i=w(a),s=[];let l=e+t,c=o+n;for(;O(l,c)&&r[l][c]===i;)s.push({row:l,col:c}),l+=t,c+=n;return O(l,c)&&r[l][c]===a&&s.length>0?s:[]}function M(r,e,o,t){if(r[e][o]!==".")return[];const n=[];for(const[a,i]of k){const s=R(r,e,o,a,i,t);n.push(...s)}return n}function A(r,e,o,t){return M(r,e,o,t).length>0}function d(r,e){const o=[];for(let t=0;t<8;t++)for(let n=0;n<8;n++)A(r,t,n,e)&&o.push({row:t,col:n});return o}function q(r,e,o,t){const n=x(r),a=M(r,e,o,t);n[e][o]=t;for(const{row:i,col:s}of a)n[i][s]=t;return{newBoard:n,flippedCount:a.length}}function y(r){let e=0,o=0,t=0;for(let n=0;n<8;n++)for(let a=0;a<8;a++){const i=r[n][a];i==="B"?e++:i==="W"?o++:t++}return{B:e,W:o,empty:t}}function N(r){return r.empty>0?null:r.B>r.W?"B":r.W>r.B?"W":"draw"}function _(r){if(r.action==="new_game"){const{playerNames:u}=r,m=C(),h=d(m,"B"),f=y(m);return{board:m,currentSide:"B",playerNames:u,legalMoves:h,counts:f,isTerminal:!1,winner:null,lastAction:{type:"new_game"}}}if(r.action==="pass"){const{board:u,currentSide:m,playerNames:h}=r,f=w(m),v=d(u,f),b=y(u),T=v.length===0,I=T?N(b):null;return{board:u,currentSide:f,playerNames:h,legalMoves:v,counts:b,isTerminal:T,winner:I,lastAction:{type:"pass"}}}const{row:e,col:o,board:t,currentSide:n,playerNames:a}=r;if(!A(t,e,o,n)){const u=d(t,n),m=y(t);return{board:t,currentSide:n,playerNames:a,legalMoves:u,counts:m,isTerminal:!1,winner:null,lastAction:{type:"pass"},error:`Invalid move: (${e}, ${o}) is not a legal move for ${n}`}}const{newBoard:i,flippedCount:s}=q(t,e,o,n),l=w(n),c=d(i,l),p=y(i),g=c.length===0&&d(i,n).length===0,E=g?N(p):null;return{board:i,currentSide:l,playerNames:a,legalMoves:c,counts:p,isTerminal:g,winner:E,lastAction:{type:"move",row:e,col:o,flipped:s}}}const W=async(r,e)=>{try{let o;if(e.action==="new_game"){let s;e.firstPlayer?s=e.firstPlayer:s=Math.random()<.5?"computer":"user",o={action:"new_game",playerNames:{B:s,W:s==="user"?"computer":"user"}}}else if(e.action==="move"){if(typeof e.row!="number"||typeof e.col!="number"||!e.board||!e.currentSide||!e.playerNames)throw new Error("Move action requires row, col, board, currentSide, and playerNames parameters");o={action:"move",row:e.row,col:e.col,board:e.board,currentSide:e.currentSide,playerNames:e.playerNames}}else if(e.action==="pass"){if(!e.board||!e.currentSide||!e.playerNames)throw new Error("Pass action requires board, currentSide, and playerNames parameters");o={action:"pass",board:e.board,currentSide:e.currentSide,playerNames:e.playerNames}}else throw new Error(`Unknown action: ${e.action}`);const t=_(o);if(t.error){const s=t.playerNames[t.currentSide]==="computer",l=t.legalMoves.map(p=>`(${p.row}, ${p.col})`).join(", "),c=s?`Invalid move attempted. You must make a valid move. Legal moves are: ${l}. Choose one of these moves.`:`Invalid move attempted. Tell the user they must make a valid move. Legal moves are: ${l}. The user will tell you the move by specifying column (A to H) and row (1 to 8).`;return{message:t.error,jsonData:t,instructions:c,updating:!0}}let n="";t.lastAction.type==="new_game"?n="Started a new Othello game! Black (●) goes first.":t.lastAction.type==="move"?n=`Played at (${t.lastAction.row}, ${t.lastAction.col}) and flipped ${t.lastAction.flipped} pieces.`:t.lastAction.type==="pass"&&(n="Passed the turn."),t.isTerminal&&(t.winner==="draw"?n+=" Game over - it's a draw!":t.winner&&(n+=` Game over - ${t.winner==="B"?"Black":"White"} wins!`));const a=t.playerNames[t.currentSide]==="computer",i=t.isTerminal?"The game is over. Announce the game result.":a?"The game state has been updated. Do not describe the state of the game. It is assistant's turn. You MUSK choose your next move.":"The game state has been updated. Tell the user to make a move. Do not describe the state of the game. The user is able to see it. The user will tell you the move by specifying colum (A to H) and row (1 to 8)";return{message:n,jsonData:t,instructions:i,instructionsRequired:t.isTerminal||a,updating:e.action!=="new_game"}}catch(o){return console.error(`ERR: exception
+ Othello game error`,o),{message:`Othello game error: ${o instanceof Error?o.message:"Unknown error"}`,instructions:"Acknowledge that there was an error with the Othello game and suggest trying again."}}},D={toolDefinition:B,execute:W,generatingMessage:"Processing Othello move...",isEnabled:()=>!0,systemPrompt:P},F=[{name:"New Game (User First)",args:{action:"new_game",firstPlayer:"user"}},{name:"New Game (Computer First)",args:{action:"new_game",firstPlayer:"computer"}}];exports.SYSTEM_PROMPT=P;exports.TOOL_DEFINITION=B;exports.TOOL_NAME=S;exports.executeOthello=W;exports.playOthello=_;exports.pluginCore=D;exports.samples=F;

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Othello Plugin - Main Entry Point
+ */
+export type { Cell, Side, OthelloBoard, OthelloCellValue, OthelloPlayerType, OthelloArgs, OthelloState, Command, NewGameCommand, MoveCommand, } from "./core/types";
+export { TOOL_NAME, TOOL_DEFINITION, SYSTEM_PROMPT, executeOthello, pluginCore, playOthello, } from "./core/plugin";
+export { samples } from "./core/samples";

package/dist/index.js

@@ -0,0 +1,291 @@
+const A = "playOthello", W = {
+  type: "function",
+  name: A,
+  description: "Play Othello/Reversi game with the user. You can start a new game, make moves, or pass turns.",
+  parameters: {
+    type: "object",
+    properties: {
+      action: {
+        type: "string",
+        enum: ["new_game", "move", "pass"],
+        description: "The action to perform: start a new game, make a move, or pass the turn"
+      },
+      col: {
+        type: "number",
+        description: "Column position for the move (0-7, required for 'move' action). The user will tell you the column by specifying A to H",
+        minimum: 0,
+        maximum: 7
+      },
+      row: {
+        type: "number",
+        description: "Row position for the move (0-7, required for 'move' action). The user will tell you the row by specifying 1 to 8",
+        minimum: 0,
+        maximum: 7
+      },
+      board: {
+        type: "array",
+        description: "Current 8x8 board state BEFORE the move (required for 'move' and 'pass' actions). IMPORTANT: Do NOT modify the board yourself - pass the current board state as-is, and the game logic will handle placing the piece and flipping opponent pieces.",
+        items: {
+          type: "array",
+          items: {
+            type: "string",
+            enum: [".", "B", "W"]
+          }
+        }
+      },
+      currentSide: {
+        type: "string",
+        enum: ["B", "W"],
+        description: "Current player's side (required for 'move' and 'pass' actions)"
+      },
+      playerNames: {
+        type: "object",
+        description: "Player assignments (required for 'move' and 'pass' actions)",
+        properties: {
+          B: {
+            type: "string",
+            enum: ["user", "computer"]
+          },
+          W: {
+            type: "string",
+            enum: ["user", "computer"]
+          }
+        },
+        required: ["B", "W"]
+      },
+      firstPlayer: {
+        type: "string",
+        enum: ["user", "computer"],
+        description: "Optional: Which player should play as Black (goes first) for 'new_game' action. If not specified, will be chosen randomly."
+      }
+    },
+    required: ["action"],
+    additionalProperties: !1
+  }
+}, _ = `You can play Othello/Reversi with users. When a user wants to play:
+1. Start a new game with the "new_game" action
+2. For moves, the user specifies column (A-H) and row (1-8)
+3. Use the "move" action with the current board state
+4. Pass the current board state as-is - the game logic handles piece placement and flipping`, k = [
+  [-1, -1],
+  [-1, 0],
+  [-1, 1],
+  [0, -1],
+  [0, 1],
+  [1, -1],
+  [1, 0],
+  [1, 1]
+];
+function E() {
+  const n = [];
+  for (let e = 0; e < 8; e++)
+    n[e] = new Array(8).fill(".");
+  return n;
+}
+function I() {
+  const n = E();
+  return n[3][3] = "W", n[3][4] = "B", n[4][3] = "B", n[4][4] = "W", n;
+}
+function $(n) {
+  return n.map((e) => [...e]);
+}
+function B(n, e) {
+  return n >= 0 && n < 8 && e >= 0 && e < 8;
+}
+function w(n) {
+  return n === "B" ? "W" : "B";
+}
+function x(n, e, o, t, r, a) {
+  const i = w(a), s = [];
+  let l = e + t, c = o + r;
+  for (; B(l, c) && n[l][c] === i; )
+    s.push({ row: l, col: c }), l += t, c += r;
+  return B(l, c) && n[l][c] === a && s.length > 0 ? s : [];
+}
+function S(n, e, o, t) {
+  if (n[e][o] !== ".")
+    return [];
+  const r = [];
+  for (const [a, i] of k) {
+    const s = x(n, e, o, a, i, t);
+    r.push(...s);
+  }
+  return r;
+}
+function O(n, e, o, t) {
+  return S(n, e, o, t).length > 0;
+}
+function d(n, e) {
+  const o = [];
+  for (let t = 0; t < 8; t++)
+    for (let r = 0; r < 8; r++)
+      O(n, t, r, e) && o.push({ row: t, col: r });
+  return o;
+}
+function C(n, e, o, t) {
+  const r = $(n), a = S(n, e, o, t);
+  r[e][o] = t;
+  for (const { row: i, col: s } of a)
+    r[i][s] = t;
+  return { newBoard: r, flippedCount: a.length };
+}
+function y(n) {
+  let e = 0, o = 0, t = 0;
+  for (let r = 0; r < 8; r++)
+    for (let a = 0; a < 8; a++) {
+      const i = n[r][a];
+      i === "B" ? e++ : i === "W" ? o++ : t++;
+    }
+  return { B: e, W: o, empty: t };
+}
+function N(n) {
+  return n.empty > 0 ? null : n.B > n.W ? "B" : n.W > n.B ? "W" : "draw";
+}
+function q(n) {
+  if (n.action === "new_game") {
+    const { playerNames: u } = n, m = I(), h = d(m, "B"), f = y(m);
+    return {
+      board: m,
+      currentSide: "B",
+      playerNames: u,
+      legalMoves: h,
+      counts: f,
+      isTerminal: !1,
+      winner: null,
+      lastAction: { type: "new_game" }
+    };
+  }
+  if (n.action === "pass") {
+    const { board: u, currentSide: m, playerNames: h } = n, f = w(m), v = d(u, f), b = y(u), T = v.length === 0, M = T ? N(b) : null;
+    return {
+      board: u,
+      currentSide: f,
+      playerNames: h,
+      legalMoves: v,
+      counts: b,
+      isTerminal: T,
+      winner: M,
+      lastAction: { type: "pass" }
+    };
+  }
+  const { row: e, col: o, board: t, currentSide: r, playerNames: a } = n;
+  if (!O(t, e, o, r)) {
+    const u = d(t, r), m = y(t);
+    return {
+      board: t,
+      currentSide: r,
+      playerNames: a,
+      legalMoves: u,
+      counts: m,
+      isTerminal: !1,
+      winner: null,
+      lastAction: { type: "pass" },
+      // Keep previous action type
+      error: `Invalid move: (${e}, ${o}) is not a legal move for ${r}`
+    };
+  }
+  const { newBoard: i, flippedCount: s } = C(t, e, o, r), l = w(r), c = d(i, l), p = y(i), g = c.length === 0 && d(i, r).length === 0, P = g ? N(p) : null;
+  return {
+    board: i,
+    currentSide: l,
+    playerNames: a,
+    legalMoves: c,
+    counts: p,
+    isTerminal: g,
+    winner: P,
+    lastAction: { type: "move", row: e, col: o, flipped: s }
+  };
+}
+const R = async (n, e) => {
+  try {
+    let o;
+    if (e.action === "new_game") {
+      let s;
+      e.firstPlayer ? s = e.firstPlayer : s = Math.random() < 0.5 ? "computer" : "user", o = {
+        action: "new_game",
+        playerNames: { B: s, W: s === "user" ? "computer" : "user" }
+      };
+    } else if (e.action === "move") {
+      if (typeof e.row != "number" || typeof e.col != "number" || !e.board || !e.currentSide || !e.playerNames)
+        throw new Error(
+          "Move action requires row, col, board, currentSide, and playerNames parameters"
+        );
+      o = {
+        action: "move",
+        row: e.row,
+        col: e.col,
+        board: e.board,
+        currentSide: e.currentSide,
+        playerNames: e.playerNames
+      };
+    } else if (e.action === "pass") {
+      if (!e.board || !e.currentSide || !e.playerNames)
+        throw new Error(
+          "Pass action requires board, currentSide, and playerNames parameters"
+        );
+      o = {
+        action: "pass",
+        board: e.board,
+        currentSide: e.currentSide,
+        playerNames: e.playerNames
+      };
+    } else
+      throw new Error(`Unknown action: ${e.action}`);
+    const t = q(o);
+    if (t.error) {
+      const s = t.playerNames[t.currentSide] === "computer", l = t.legalMoves.map((p) => `(${p.row}, ${p.col})`).join(", "), c = s ? `Invalid move attempted. You must make a valid move. Legal moves are: ${l}. Choose one of these moves.` : `Invalid move attempted. Tell the user they must make a valid move. Legal moves are: ${l}. The user will tell you the move by specifying column (A to H) and row (1 to 8).`;
+      return {
+        message: t.error,
+        jsonData: t,
+        instructions: c,
+        updating: !0
+      };
+    }
+    let r = "";
+    t.lastAction.type === "new_game" ? r = "Started a new Othello game! Black (●) goes first." : t.lastAction.type === "move" ? r = `Played at (${t.lastAction.row}, ${t.lastAction.col}) and flipped ${t.lastAction.flipped} pieces.` : t.lastAction.type === "pass" && (r = "Passed the turn."), t.isTerminal && (t.winner === "draw" ? r += " Game over - it's a draw!" : t.winner && (r += ` Game over - ${t.winner === "B" ? "Black" : "White"} wins!`));
+    const a = t.playerNames[t.currentSide] === "computer", i = t.isTerminal ? "The game is over. Announce the game result." : a ? "The game state has been updated. Do not describe the state of the game. It is assistant's turn. You MUSK choose your next move." : "The game state has been updated. Tell the user to make a move. Do not describe the state of the game. The user is able to see it. The user will tell you the move by specifying colum (A to H) and row (1 to 8)";
+    return {
+      message: r,
+      jsonData: t,
+      instructions: i,
+      instructionsRequired: t.isTerminal || a,
+      updating: e.action !== "new_game"
+    };
+  } catch (o) {
+    return console.error(`ERR: exception
+ Othello game error`, o), {
+      message: `Othello game error: ${o instanceof Error ? o.message : "Unknown error"}`,
+      instructions: "Acknowledge that there was an error with the Othello game and suggest trying again."
+    };
+  }
+}, D = {
+  toolDefinition: W,
+  execute: R,
+  generatingMessage: "Processing Othello move...",
+  isEnabled: () => !0,
+  systemPrompt: _
+}, F = [
+  {
+    name: "New Game (User First)",
+    args: {
+      action: "new_game",
+      firstPlayer: "user"
+    }
+  },
+  {
+    name: "New Game (Computer First)",
+    args: {
+      action: "new_game",
+      firstPlayer: "computer"
+    }
+  }
+];
+export {
+  _ as SYSTEM_PROMPT,
+  W as TOOL_DEFINITION,
+  A as TOOL_NAME,
+  R as executeOthello,
+  q as playOthello,
+  D as pluginCore,
+  F 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-green-50:oklch(98.2% .018 155.826);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-green-900:oklch(39.3% .095 152.535);--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-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-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-black:#000;--color-white:#fff;--spacing:.25rem;--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-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}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.contents{display:contents}.flex{display:flex}.grid{display:grid}.inline-block{display:inline-block}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-\[500px\]{height:500px}.h-full{height:100%}.w-3{width:calc(var(--spacing)*3)}.w-4{width:calc(var(--spacing)*4)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-full{width:100%}.max-w-3xl{max-width:var(--container-3xl)}.max-w-\[200px\]{max-width:200px}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.gap-0\.5{gap:calc(var(--spacing)*.5)}.gap-2{gap:calc(var(--spacing)*2)}: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)))}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.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-2{border-style:var(--tw-border-style);border-width:2px}.border-gray-600{border-color:var(--color-gray-600)}.border-green-900{border-color:var(--color-green-900)}.border-indigo-200{border-color:var(--color-indigo-200)}.bg-black{background-color:var(--color-black)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-600{background-color:var(--color-green-600)}.bg-green-700{background-color:var(--color-green-700)}.bg-green-800{background-color:var(--color-green-800)}.bg-indigo-100{background-color:var(--color-indigo-100)}.bg-white{background-color:var(--color-white)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-8{padding:calc(var(--spacing)*8)}.px-4{padding-inline:calc(var(--spacing)*4)}.py-2{padding-block:calc(var(--spacing)*2)}.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)}.text-gray-200{color:var(--color-gray-200)}.text-gray-300{color:var(--color-gray-300)}.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-indigo-700{color:var(--color-indigo-700)}.text-white{color:var(--color-white)}.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)}@media(hover:hover){.hover\:bg-green-600:hover{background-color:var(--color-green-600)}.hover\:bg-indigo-200:hover{background-color:var(--color-indigo-200)}}}@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/vue";
+import type { OthelloState } from "../core/types";
+type __VLS_Props = {
+    result: ToolResult<never, OthelloState>;
+};
+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,9 @@
+import type { ToolResult } from "gui-chat-protocol/vue";
+import type { OthelloState } from "../core/types";
+type __VLS_Props = {
+    selectedResult: ToolResult<never, OthelloState> | null;
+    sendTextMessage: (text?: string) => void;
+};
+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 @@
+/**
+ * Othello Plugin - Vue Implementation
+ */
+import "../style.css";
+import type { ToolPlugin } from "gui-chat-protocol/vue";
+import type { OthelloArgs, OthelloState } from "../core/types";
+import View from "./View.vue";
+import Preview from "./Preview.vue";
+export declare const plugin: ToolPlugin<never, OthelloState, OthelloArgs>;
+export type { Cell, Side, OthelloBoard, OthelloCellValue, OthelloPlayerType, OthelloArgs, OthelloState, } from "../core/types";
+export { TOOL_NAME, TOOL_DEFINITION, SYSTEM_PROMPT, executeOthello, pluginCore, playOthello, } from "../core/plugin";
+export { samples } from "../core/samples";
+export { View, Preview };
+declare const _default: {
+    plugin: ToolPlugin<never, OthelloState, OthelloArgs, 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 c=require("./index.cjs"),e=require("vue"),C={class:"w-full h-full flex flex-col items-center justify-center p-4"},E={key:0,class:"flex flex-col items-center"},w={class:"text-white text-lg font-bold mb-4 text-center"},N={class:"grid grid-cols-8 gap-0.5 p-4 bg-green-800 rounded-lg border-2 border-green-900"},M=["onClick","onMouseenter","onMouseleave"],x={key:1,class:"w-10 h-10 flex items-center justify-center text-gray-300 text-sm font-bold"},h=e.defineComponent({__name:"View",props:{selectedResult:{},sendTextMessage:{type:Function}},setup(a){const m=a,t=e.ref(null),s=e.ref(null);e.watch(()=>m.selectedResult,l=>{l?.toolName==="playOthello"&&l.jsonData&&(t.value=l.jsonData)},{immediate:!0});const g=e.computed(()=>{if(!t.value?.playerNames)return"";const l=t.value.playerNames[t.value.currentSide];return l.charAt(0).toUpperCase()+l.slice(1)}),v=e.computed(()=>t.value?t.value.currentSide==="B"?"Black":"White":""),i=e.computed(()=>t.value?.playerNames&&t.value.playerNames[t.value.currentSide]==="computer"),d=e.computed(()=>{if(!t.value?.board)return[];const l=[];for(let r=0;r<8;r++)for(let o=0;o<8;o++){const n=t.value.board[r][o],u=t.value.legalMoves?.some(k=>k.row===r&&k.col===o);l.push({row:r,col:o,piece:n!=="."?n:null,isLegalMove:u??!1,label:u?String.fromCharCode(65+o)+(r+1):""})}return l});function p(l,r){const o="w-12 h-12 flex items-center justify-center border border-green-900 bg-green-700",n=l.isLegalMove&&!i.value&&s.value===r?"bg-green-600":"",u=l.isLegalMove&&!i.value&&!t.value?.isTerminal?"cursor-pointer hover:bg-green-600":"cursor-default";return`${o} ${n} ${u}`}function _(l){return l==="B"?"bg-black":"bg-white"}function b(l){if(!t.value||t.value.isTerminal||i.value)return;const r=d.value[l];if(!r.isLegalMove)return;const o=String.fromCharCode(65+r.col),n=r.row+1;m.sendTextMessage(`I want to play at ${o}${n}, which is column=${r.col}, row=${r.row} `)}function f(l,r){!t.value||t.value.isTerminal||i.value||!d.value[l].isLegalMove||(s.value=r?l:null)}return(l,r)=>(e.openBlock(),e.createElementBlock("div",C,[t.value?(e.openBlock(),e.createElementBlock("div",E,[e.createElementVNode("div",w," Current Turn: "+e.toDisplayString(g.value)+" ("+e.toDisplayString(v.value)+") ",1),e.createElementVNode("div",N,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,(o,n)=>(e.openBlock(),e.createElementBlock("div",{key:n,class:e.normalizeClass(p(o,n)),onClick:u=>b(n),onMouseenter:u=>f(n,!0),onMouseleave:u=>f(n,!1)},[o.piece?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([_(o.piece),"w-10 h-10 rounded-full border-2 border-gray-600"])},null,2)):o.isLegalMove&&!i.value?(e.openBlock(),e.createElementBlock("div",x,e.toDisplayString(o.label),1)):e.createCommentVNode("",!0)],42,M))),128))])])):e.createCommentVNode("",!0)]))}}),T={class:"p-3 bg-green-50 rounded"},$={key:0,class:"space-y-1"},O={class:"flex justify-center"},D={class:"inline-block",style:{"background-color":"#2d5016",padding:"1px"}},S={class:"grid grid-cols-8",style:{gap:"1px"}},j={key:0,class:"w-3 h-3 bg-black rounded-full"},L={key:1,class:"w-3 h-3 bg-white rounded-full"},V={class:"text-xs text-center space-y-1"},P={key:0,class:"text-gray-600"},F={key:1,class:"font-medium"},y=e.defineComponent({__name:"Preview",props:{result:{}},setup(a){function m(s){return s.isTerminal?s.winner==="draw"?"Draw!":s.winner==="B"?"⚫ Black Wins!":s.winner==="W"?"⚪ White Wins!":"Game Over":""}function t(s){return s.charAt(0).toUpperCase()+s.slice(1)}return(s,g)=>(e.openBlock(),e.createElementBlock("div",T,[a.result.jsonData?(e.openBlock(),e.createElementBlock("div",$,[e.createElementVNode("div",O,[e.createElementVNode("div",D,[e.createElementVNode("div",S,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.result.jsonData.board,(v,i)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:i},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v,(d,p)=>(e.openBlock(),e.createElementBlock("div",{key:`${i}-${p}`,class:"w-4 h-4 flex items-center justify-center",style:{"background-color":"#3d6b20"}},[d==="B"?(e.openBlock(),e.createElementBlock("div",j)):d==="W"?(e.openBlock(),e.createElementBlock("div",L)):e.createCommentVNode("",!0)]))),128))],64))),128))])])]),e.createElementVNode("div",V,[a.result.jsonData.isTerminal?(e.openBlock(),e.createElementBlock("div",F,e.toDisplayString(m(a.result.jsonData)),1)):(e.openBlock(),e.createElementBlock("div",P,e.toDisplayString(a.result.jsonData.currentSide==="B"?"⚫":"⚪")+" "+e.toDisplayString(t(a.result.jsonData.playerNames[a.result.jsonData.currentSide]))+" to play ",1))])])):e.createCommentVNode("",!0)]))}}),B={...c.pluginCore,viewComponent:h,previewComponent:y,samples:c.samples},I={plugin:B};exports.SYSTEM_PROMPT=c.SYSTEM_PROMPT;exports.TOOL_DEFINITION=c.TOOL_DEFINITION;exports.TOOL_NAME=c.TOOL_NAME;exports.executeOthello=c.executeOthello;exports.playOthello=c.playOthello;exports.pluginCore=c.pluginCore;exports.samples=c.samples;exports.Preview=y;exports.View=h;exports.default=I;exports.plugin=B;

package/dist/vue.js

@@ -0,0 +1,163 @@
+import { samples as T, pluginCore as D } from "./index.js";
+import { SYSTEM_PROMPT as re, TOOL_DEFINITION as se, TOOL_NAME as le, executeOthello as ne, playOthello as oe } from "./index.js";
+import { defineComponent as M, ref as x, watch as L, computed as g, createElementBlock as l, openBlock as n, createCommentVNode as p, createElementVNode as v, toDisplayString as f, Fragment as h, renderList as b, normalizeClass as $ } from "vue";
+const B = { class: "w-full h-full flex flex-col items-center justify-center p-4" }, O = {
+  key: 0,
+  class: "flex flex-col items-center"
+}, S = { class: "text-white text-lg font-bold mb-4 text-center" }, P = { class: "grid grid-cols-8 gap-0.5 p-4 bg-green-800 rounded-lg border-2 border-green-900" }, W = ["onClick", "onMouseenter", "onMouseleave"], E = {
+  key: 1,
+  class: "w-10 h-10 flex items-center justify-center text-gray-300 text-sm font-bold"
+}, V = /* @__PURE__ */ M({
+  __name: "View",
+  props: {
+    selectedResult: {},
+    sendTextMessage: { type: Function }
+  },
+  setup(u) {
+    const m = u, e = x(null), a = x(null);
+    L(
+      () => m.selectedResult,
+      (t) => {
+        t?.toolName === "playOthello" && t.jsonData && (e.value = t.jsonData);
+      },
+      { immediate: !0 }
+    );
+    const w = g(() => {
+      if (!e.value?.playerNames) return "";
+      const t = e.value.playerNames[e.value.currentSide];
+      return t.charAt(0).toUpperCase() + t.slice(1);
+    }), y = g(() => e.value ? e.value.currentSide === "B" ? "Black" : "White" : ""), c = g(() => e.value?.playerNames && e.value.playerNames[e.value.currentSide] === "computer"), d = g(() => {
+      if (!e.value?.board) return [];
+      const t = [];
+      for (let r = 0; r < 8; r++)
+        for (let s = 0; s < 8; s++) {
+          const o = e.value.board[r][s], i = e.value.legalMoves?.some(
+            (k) => k.row === r && k.col === s
+          );
+          t.push({
+            row: r,
+            col: s,
+            piece: o !== "." ? o : null,
+            isLegalMove: i ?? !1,
+            label: i ? String.fromCharCode(65 + s) + (r + 1) : ""
+          });
+        }
+      return t;
+    });
+    function _(t, r) {
+      const s = "w-12 h-12 flex items-center justify-center border border-green-900 bg-green-700", o = t.isLegalMove && !c.value && a.value === r ? "bg-green-600" : "", i = t.isLegalMove && !c.value && !e.value?.isTerminal ? "cursor-pointer hover:bg-green-600" : "cursor-default";
+      return `${s} ${o} ${i}`;
+    }
+    function j(t) {
+      return t === "B" ? "bg-black" : "bg-white";
+    }
+    function N(t) {
+      if (!e.value || e.value.isTerminal || c.value)
+        return;
+      const r = d.value[t];
+      if (!r.isLegalMove) return;
+      const s = String.fromCharCode(65 + r.col), o = r.row + 1;
+      m.sendTextMessage(
+        `I want to play at ${s}${o}, which is column=${r.col}, row=${r.row} `
+      );
+    }
+    function C(t, r) {
+      !e.value || e.value.isTerminal || c.value || !d.value[t].isLegalMove || (a.value = r ? t : null);
+    }
+    return (t, r) => (n(), l("div", B, [
+      e.value ? (n(), l("div", O, [
+        v("div", S, " Current Turn: " + f(w.value) + " (" + f(y.value) + ") ", 1),
+        v("div", P, [
+          (n(!0), l(h, null, b(d.value, (s, o) => (n(), l("div", {
+            key: o,
+            class: $(_(s, o)),
+            onClick: (i) => N(o),
+            onMouseenter: (i) => C(o, !0),
+            onMouseleave: (i) => C(o, !1)
+          }, [
+            s.piece ? (n(), l("div", {
+              key: 0,
+              class: $([j(s.piece), "w-10 h-10 rounded-full border-2 border-gray-600"])
+            }, null, 2)) : s.isLegalMove && !c.value ? (n(), l("div", E, f(s.label), 1)) : p("", !0)
+          ], 42, W))), 128))
+        ])
+      ])) : p("", !0)
+    ]));
+  }
+}), F = { class: "p-3 bg-green-50 rounded" }, A = {
+  key: 0,
+  class: "space-y-1"
+}, I = { class: "flex justify-center" }, z = {
+  class: "inline-block",
+  style: { "background-color": "#2d5016", padding: "1px" }
+}, G = {
+  class: "grid grid-cols-8",
+  style: { gap: "1px" }
+}, R = {
+  key: 0,
+  class: "w-3 h-3 bg-black rounded-full"
+}, U = {
+  key: 1,
+  class: "w-3 h-3 bg-white rounded-full"
+}, H = { class: "text-xs text-center space-y-1" }, Y = {
+  key: 0,
+  class: "text-gray-600"
+}, q = {
+  key: 1,
+  class: "font-medium"
+}, J = /* @__PURE__ */ M({
+  __name: "Preview",
+  props: {
+    result: {}
+  },
+  setup(u) {
+    function m(a) {
+      return a.isTerminal ? a.winner === "draw" ? "Draw!" : a.winner === "B" ? "⚫ Black Wins!" : a.winner === "W" ? "⚪ White Wins!" : "Game Over" : "";
+    }
+    function e(a) {
+      return a.charAt(0).toUpperCase() + a.slice(1);
+    }
+    return (a, w) => (n(), l("div", F, [
+      u.result.jsonData ? (n(), l("div", A, [
+        v("div", I, [
+          v("div", z, [
+            v("div", G, [
+              (n(!0), l(h, null, b(u.result.jsonData.board, (y, c) => (n(), l(h, { key: c }, [
+                (n(!0), l(h, null, b(y, (d, _) => (n(), l("div", {
+                  key: `${c}-${_}`,
+                  class: "w-4 h-4 flex items-center justify-center",
+                  style: { "background-color": "#3d6b20" }
+                }, [
+                  d === "B" ? (n(), l("div", R)) : d === "W" ? (n(), l("div", U)) : p("", !0)
+                ]))), 128))
+              ], 64))), 128))
+            ])
+          ])
+        ]),
+        v("div", H, [
+          u.result.jsonData.isTerminal ? (n(), l("div", q, f(m(u.result.jsonData)), 1)) : (n(), l("div", Y, f(u.result.jsonData.currentSide === "B" ? "⚫" : "⚪") + " " + f(e(
+            u.result.jsonData.playerNames[u.result.jsonData.currentSide]
+          )) + " to play ", 1))
+        ])
+      ])) : p("", !0)
+    ]));
+  }
+}), K = {
+  ...D,
+  viewComponent: V,
+  previewComponent: J,
+  samples: T
+}, Z = { plugin: K };
+export {
+  J as Preview,
+  re as SYSTEM_PROMPT,
+  se as TOOL_DEFINITION,
+  le as TOOL_NAME,
+  V as View,
+  Z as default,
+  ne as executeOthello,
+  oe as playOthello,
+  K as plugin,
+  D as pluginCore,
+  T as samples
+};

package/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "@gui-chat-plugin/othello",
+  "version": "0.1.0",
+  "description": "Othello/Reversi game plugin for GUI Chat",
+  "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", "othello", "reversi", "game"],
+  "license": "MIT"
+}