@gui-chat-plugin/moodboard 0.1.1

package/dist/core/definition.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Mood Board Tool Definition
+ */
+import type { ToolDefinition } from "gui-chat-protocol";
+export declare const TOOL_NAME = "createMoodBoard";
+export declare const TOOL_DEFINITION: ToolDefinition;
+export declare const SYSTEM_PROMPT = "Use createMoodBoard to create visual mood boards when:\n- The user wants to capture an aesthetic or vibe\n- Exploring color palettes and themes\n- Visualizing brand identity or style direction\n- Collecting inspiration for a project\n- Expressing emotions or moods visually\n\nWhen creating a mood board:\n- Start with colors that represent the core mood\n- Add emojis for quick visual communication\n- Include text for key concepts and words\n- Consider balance and visual harmony\n\nColor meanings:\n- Warm colors (red, orange, yellow): energy, passion, warmth\n- Cool colors (blue, green, purple): calm, nature, creativity\n- Neutral colors (black, white, gray): sophistication, balance";

package/dist/core/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Mood Board Plugin - Core (Framework-agnostic)
+ */
+export type { MoodBoardData, MoodBoardArgs, MoodBoardJsonData, MoodBoardItem, } from "./types";
+export { TOOL_NAME, TOOL_DEFINITION, SYSTEM_PROMPT, executeMoodBoard, pluginCore, } from "./plugin";
+export { samples } from "./samples";

package/dist/core/plugin.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Mood Board Plugin Core
+ */
+import type { ToolPluginCore, ToolContext, ToolResult } from "gui-chat-protocol";
+import type { MoodBoardData, MoodBoardArgs, MoodBoardJsonData } from "./types";
+export { TOOL_NAME, TOOL_DEFINITION, SYSTEM_PROMPT } from "./definition";
+export declare const executeMoodBoard: (_context: ToolContext, args: MoodBoardArgs) => Promise<ToolResult<MoodBoardData, MoodBoardJsonData>>;
+export declare const pluginCore: ToolPluginCore<MoodBoardData, MoodBoardJsonData, MoodBoardArgs>;

package/dist/core/samples.d.ts

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

package/dist/core/types.d.ts

@@ -0,0 +1,45 @@
+/**
+ * Mood Board Plugin - Type Definitions
+ */
+/** An item on the mood board */
+export interface MoodBoardItem {
+    id: string;
+    type: "color" | "text" | "emoji";
+    content: string;
+    label?: string;
+    mood?: string;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    rotation?: number;
+}
+/** Data stored in result.data (for UI display) */
+export interface MoodBoardData {
+    title: string;
+    theme?: string;
+    items: MoodBoardItem[];
+    backgroundColor?: string;
+}
+/** JSON data returned in result.jsonData */
+export interface MoodBoardJsonData {
+    itemCount: number;
+    theme?: string;
+    items: Array<{
+        id: string;
+        type: string;
+        label?: string;
+    }>;
+}
+/** Arguments passed to the tool */
+export interface MoodBoardArgs {
+    action: "create" | "add_item" | "update_theme" | "rearrange";
+    title?: string;
+    theme?: string;
+    concepts?: string[];
+    existingBoard?: MoodBoardData;
+    itemType?: "color" | "text" | "emoji";
+    itemContent?: string;
+    itemLabel?: string;
+    itemMood?: string;
+}

package/dist/core.cjs

@@ -0,0 +1,17 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c="createMoodBoard",b={type:"function",name:c,description:"Create or update a visual mood board to capture inspiration, themes, and aesthetics. Use colors, emojis, and text to represent moods, concepts, and ideas visually.",parameters:{type:"object",properties:{action:{type:"string",enum:["create","add_item","update_theme","rearrange"],description:"Action to perform: create (new mood board), add_item (add element), update_theme (change style), rearrange (reorganize)"},title:{type:"string",description:"Title of the mood board (required for create action)"},theme:{type:"string",description:"Overall theme (e.g., 'minimal', 'vibrant', 'vintage', 'modern')"},concepts:{type:"array",items:{type:"string"},description:"Concepts, keywords, or moods to visualize on the board"},existingBoard:{type:"object",description:"Current mood board state for updates"},itemType:{type:"string",enum:["color","text","emoji"],description:"Type of item to add"},itemContent:{type:"string",description:"Content for the item (hex color, text, or emoji)"},itemLabel:{type:"string",description:"Optional label describing the item"},itemMood:{type:"string",description:"Mood or feeling associated with the item"}},required:["action"]}},y=`Use ${c} to create visual mood boards when:
+- The user wants to capture an aesthetic or vibe
+- Exploring color palettes and themes
+- Visualizing brand identity or style direction
+- Collecting inspiration for a project
+- Expressing emotions or moods visually
+
+When creating a mood board:
+- Start with colors that represent the core mood
+- Add emojis for quick visual communication
+- Include text for key concepts and words
+- Consider balance and visual harmony
+
+Color meanings:
+- Warm colors (red, orange, yellow): energy, passion, warmth
+- Cool colors (blue, green, purple): calm, nature, creativity
+- Neutral colors (black, white, gray): sophistication, balance`,p={vibrant:["#FF6B6B","#4ECDC4","#45B7D1","#FFA07A","#98D8C8","#F7DC6F"],minimal:["#2C3E50","#ECF0F1","#95A5A6","#BDC3C7","#34495E","#FFFFFF"],vintage:["#D4A373","#CCD5AE","#E9EDC9","#FEFAE0","#FAEDCD","#A8DADC"],modern:["#6366F1","#8B5CF6","#EC4899","#14B8A6","#F59E0B","#10B981"],nature:["#2D5016","#52734D","#91C788","#FEFFDE","#DDFFBC","#BFEDC1"],ocean:["#0077B6","#00B4D8","#90E0EF","#CAF0F8","#03045E","#48CAE4"]},g={happy:["😊","🌟","✨","🎉","💫","🌈"],calm:["🌿","🍃","☁️","🌙","💭","🕊️"],creative:["🎨","💡","🎭","🖌️","📐","🎬"],energy:["⚡","🔥","💪","🚀","⭐","💥"],love:["❤️","💕","💖","🌹","💝","🥰"],nature:["🌸","🌺","🌻","🍀","🌴","🌊"]};function h(){return`item_${Date.now()}_${Math.random().toString(36).substr(2,9)}`}function f(i){return p[i]||p.modern}function E(i){const e=i.toLowerCase();for(const[t,o]of Object.entries(g))if(e.includes(t))return o;return g.creative}function u(i,e,t,o){const r=Math.ceil(Math.sqrt(e)),n=Math.floor(i/r),a=i%r,m=t/r,d=o/Math.ceil(e/r),l=(Math.random()-.5)*20,s=(Math.random()-.5)*20;return{x:a*m+m/2+l,y:n*d+d/2+s}}function M(i,e,t){const n=f(e),a=[];return n.slice(0,4).forEach((d,l)=>{const s=u(l,t.length+8,800,600);a.push({id:h(),type:"color",content:d,x:s.x,y:s.y,width:80,height:80,rotation:(Math.random()-.5)*10})}),t.forEach((d,l)=>{const s=u(l+4,t.length+8,800,600);a.push({id:h(),type:"text",content:d,label:d,x:s.x,y:s.y,width:120,height:40,rotation:(Math.random()-.5)*8})}),E(e).slice(0,4).forEach((d,l)=>{const s=u(t.length+4+l,t.length+8,800,600);a.push({id:h(),type:"emoji",content:d,x:s.x,y:s.y,width:60,height:60,rotation:(Math.random()-.5)*15})}),{title:i,theme:e,items:a,backgroundColor:n[n.length-1]+"20"}}function F(i,e,t,o,r){const n={id:h(),type:e,content:t,label:o,mood:r,x:400+(Math.random()-.5)*200,y:300+(Math.random()-.5)*200,width:e==="color"?80:e==="emoji"?60:120,height:e==="color"?80:e==="emoji"?60:40,rotation:(Math.random()-.5)*10};return{...i,items:[...i.items,n]}}function w(i,e){const t=f(e);let o=0;const r=i.items.map(n=>{if(n.type==="color"){const a=t[o%t.length];return o++,{...n,content:a}}return n});return{...i,theme:e,items:r,backgroundColor:t[t.length-1]+"20"}}const C=async(i,e)=>{const{action:t}=e;let o,r,n;switch(t){case"create":{if(!e.title)return{toolName:c,message:"Title is required for creating a mood board",instructions:"Ask the user for a title and theme."};o=M(e.title,e.theme||"modern",e.concepts||[]),r=`Created mood board "${e.title}" with ${o.items.length} elements`,n="Tell the user the mood board has been created. Ask if they want to add more elements or change the theme.";break}case"add_item":{if(!e.existingBoard||!e.itemType||!e.itemContent)return{toolName:c,message:"Existing board, item type, and content are required",instructions:"Ask the user what type of item to add."};o=F(e.existingBoard,e.itemType,e.itemContent,e.itemLabel,e.itemMood),r=`Added ${e.itemType} to the mood board`,n="Confirm the item was added. Ask if they want to add more or adjust the layout.";break}case"update_theme":{if(!e.existingBoard||!e.theme)return{toolName:c,message:"Existing board and new theme are required",instructions:"Ask the user which theme they prefer."};o=w(e.existingBoard,e.theme),r=`Updated mood board theme to "${e.theme}"`,n="Confirm the theme was changed. Ask if they like the new look.";break}case"rearrange":{if(!e.existingBoard)return{toolName:c,message:"Existing board is required for rearranging",instructions:"The mood board data is missing."};o=e.existingBoard,r="Mood board rearranged",n="The mood board has been refreshed.";break}default:return{toolName:c,message:`Unknown action: ${t}`,instructions:"Invalid action specified."}}const a={itemCount:o.items.length,theme:o.theme,items:o.items.map(m=>({id:m.id,type:m.type,label:m.label}))};return{toolName:c,message:r,title:o.title,data:o,jsonData:a,instructions:n,updating:t!=="create"}},x={toolDefinition:b,execute:C,generatingMessage:"Creating mood board...",isEnabled:()=>!0,systemPrompt:y},D=[{name:"Vibrant Energy",args:{action:"create",title:"Vibrant Energy",theme:"vibrant",concepts:["Bold","Dynamic","Exciting","Fresh"]}},{name:"Minimal Zen",args:{action:"create",title:"Minimal Zen",theme:"minimal",concepts:["Simple","Clean","Peaceful","Balanced"]}},{name:"Vintage Charm",args:{action:"create",title:"Vintage Charm",theme:"vintage",concepts:["Nostalgic","Warm","Classic","Timeless"]}},{name:"Ocean Dreams",args:{action:"create",title:"Ocean Dreams",theme:"ocean",concepts:["Calm","Flowing","Deep","Refreshing"]}},{name:"Nature Escape",args:{action:"create",title:"Nature Escape",theme:"nature",concepts:["Organic","Growth","Harmony","Life"]}}];exports.SYSTEM_PROMPT=y;exports.TOOL_DEFINITION=b;exports.TOOL_NAME=c;exports.executeMoodBoard=C;exports.pluginCore=x;exports.samples=D;

package/dist/core.js

@@ -0,0 +1,325 @@
+const c = "createMoodBoard", y = {
+  type: "function",
+  name: c,
+  description: "Create or update a visual mood board to capture inspiration, themes, and aesthetics. Use colors, emojis, and text to represent moods, concepts, and ideas visually.",
+  parameters: {
+    type: "object",
+    properties: {
+      action: {
+        type: "string",
+        enum: ["create", "add_item", "update_theme", "rearrange"],
+        description: "Action to perform: create (new mood board), add_item (add element), update_theme (change style), rearrange (reorganize)"
+      },
+      title: {
+        type: "string",
+        description: "Title of the mood board (required for create action)"
+      },
+      theme: {
+        type: "string",
+        description: "Overall theme (e.g., 'minimal', 'vibrant', 'vintage', 'modern')"
+      },
+      concepts: {
+        type: "array",
+        items: { type: "string" },
+        description: "Concepts, keywords, or moods to visualize on the board"
+      },
+      existingBoard: {
+        type: "object",
+        description: "Current mood board state for updates"
+      },
+      itemType: {
+        type: "string",
+        enum: ["color", "text", "emoji"],
+        description: "Type of item to add"
+      },
+      itemContent: {
+        type: "string",
+        description: "Content for the item (hex color, text, or emoji)"
+      },
+      itemLabel: {
+        type: "string",
+        description: "Optional label describing the item"
+      },
+      itemMood: {
+        type: "string",
+        description: "Mood or feeling associated with the item"
+      }
+    },
+    required: ["action"]
+  }
+}, f = `Use ${c} to create visual mood boards when:
+- The user wants to capture an aesthetic or vibe
+- Exploring color palettes and themes
+- Visualizing brand identity or style direction
+- Collecting inspiration for a project
+- Expressing emotions or moods visually
+
+When creating a mood board:
+- Start with colors that represent the core mood
+- Add emojis for quick visual communication
+- Include text for key concepts and words
+- Consider balance and visual harmony
+
+Color meanings:
+- Warm colors (red, orange, yellow): energy, passion, warmth
+- Cool colors (blue, green, purple): calm, nature, creativity
+- Neutral colors (black, white, gray): sophistication, balance`, p = {
+  vibrant: ["#FF6B6B", "#4ECDC4", "#45B7D1", "#FFA07A", "#98D8C8", "#F7DC6F"],
+  minimal: ["#2C3E50", "#ECF0F1", "#95A5A6", "#BDC3C7", "#34495E", "#FFFFFF"],
+  vintage: ["#D4A373", "#CCD5AE", "#E9EDC9", "#FEFAE0", "#FAEDCD", "#A8DADC"],
+  modern: ["#6366F1", "#8B5CF6", "#EC4899", "#14B8A6", "#F59E0B", "#10B981"],
+  nature: ["#2D5016", "#52734D", "#91C788", "#FEFFDE", "#DDFFBC", "#BFEDC1"],
+  ocean: ["#0077B6", "#00B4D8", "#90E0EF", "#CAF0F8", "#03045E", "#48CAE4"]
+}, g = {
+  happy: ["😊", "🌟", "✨", "🎉", "💫", "🌈"],
+  calm: ["🌿", "🍃", "☁️", "🌙", "💭", "🕊️"],
+  creative: ["🎨", "💡", "🎭", "🖌️", "📐", "🎬"],
+  energy: ["⚡", "🔥", "💪", "🚀", "⭐", "💥"],
+  love: ["❤️", "💕", "💖", "🌹", "💝", "🥰"],
+  nature: ["🌸", "🌺", "🌻", "🍀", "🌴", "🌊"]
+};
+function h() {
+  return `item_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
+}
+function b(i) {
+  return p[i] || p.modern;
+}
+function C(i) {
+  const e = i.toLowerCase();
+  for (const [t, o] of Object.entries(g))
+    if (e.includes(t))
+      return o;
+  return g.creative;
+}
+function u(i, e, t, o) {
+  const r = Math.ceil(Math.sqrt(e)), n = Math.floor(i / r), a = i % r, m = t / r, d = o / Math.ceil(e / r), l = (Math.random() - 0.5) * 20, s = (Math.random() - 0.5) * 20;
+  return {
+    x: a * m + m / 2 + l,
+    y: n * d + d / 2 + s
+  };
+}
+function E(i, e, t) {
+  const n = b(e), a = [];
+  return n.slice(0, 4).forEach((d, l) => {
+    const s = u(l, t.length + 8, 800, 600);
+    a.push({
+      id: h(),
+      type: "color",
+      content: d,
+      x: s.x,
+      y: s.y,
+      width: 80,
+      height: 80,
+      rotation: (Math.random() - 0.5) * 10
+    });
+  }), t.forEach((d, l) => {
+    const s = u(l + 4, t.length + 8, 800, 600);
+    a.push({
+      id: h(),
+      type: "text",
+      content: d,
+      label: d,
+      x: s.x,
+      y: s.y,
+      width: 120,
+      height: 40,
+      rotation: (Math.random() - 0.5) * 8
+    });
+  }), C(e).slice(0, 4).forEach((d, l) => {
+    const s = u(t.length + 4 + l, t.length + 8, 800, 600);
+    a.push({
+      id: h(),
+      type: "emoji",
+      content: d,
+      x: s.x,
+      y: s.y,
+      width: 60,
+      height: 60,
+      rotation: (Math.random() - 0.5) * 15
+    });
+  }), {
+    title: i,
+    theme: e,
+    items: a,
+    backgroundColor: n[n.length - 1] + "20"
+    // Light tint of last color
+  };
+}
+function F(i, e, t, o, r) {
+  const n = {
+    id: h(),
+    type: e,
+    content: t,
+    label: o,
+    mood: r,
+    x: 400 + (Math.random() - 0.5) * 200,
+    y: 300 + (Math.random() - 0.5) * 200,
+    width: e === "color" ? 80 : e === "emoji" ? 60 : 120,
+    height: e === "color" ? 80 : e === "emoji" ? 60 : 40,
+    rotation: (Math.random() - 0.5) * 10
+  };
+  return {
+    ...i,
+    items: [...i.items, n]
+  };
+}
+function w(i, e) {
+  const t = b(e);
+  let o = 0;
+  const r = i.items.map((n) => {
+    if (n.type === "color") {
+      const a = t[o % t.length];
+      return o++, { ...n, content: a };
+    }
+    return n;
+  });
+  return {
+    ...i,
+    theme: e,
+    items: r,
+    backgroundColor: t[t.length - 1] + "20"
+  };
+}
+const x = async (i, e) => {
+  const { action: t } = e;
+  let o, r, n;
+  switch (t) {
+    case "create": {
+      if (!e.title)
+        return {
+          toolName: c,
+          message: "Title is required for creating a mood board",
+          instructions: "Ask the user for a title and theme."
+        };
+      o = E(
+        e.title,
+        e.theme || "modern",
+        e.concepts || []
+      ), r = `Created mood board "${e.title}" with ${o.items.length} elements`, n = "Tell the user the mood board has been created. Ask if they want to add more elements or change the theme.";
+      break;
+    }
+    case "add_item": {
+      if (!e.existingBoard || !e.itemType || !e.itemContent)
+        return {
+          toolName: c,
+          message: "Existing board, item type, and content are required",
+          instructions: "Ask the user what type of item to add."
+        };
+      o = F(
+        e.existingBoard,
+        e.itemType,
+        e.itemContent,
+        e.itemLabel,
+        e.itemMood
+      ), r = `Added ${e.itemType} to the mood board`, n = "Confirm the item was added. Ask if they want to add more or adjust the layout.";
+      break;
+    }
+    case "update_theme": {
+      if (!e.existingBoard || !e.theme)
+        return {
+          toolName: c,
+          message: "Existing board and new theme are required",
+          instructions: "Ask the user which theme they prefer."
+        };
+      o = w(
+        e.existingBoard,
+        e.theme
+      ), r = `Updated mood board theme to "${e.theme}"`, n = "Confirm the theme was changed. Ask if they like the new look.";
+      break;
+    }
+    case "rearrange": {
+      if (!e.existingBoard)
+        return {
+          toolName: c,
+          message: "Existing board is required for rearranging",
+          instructions: "The mood board data is missing."
+        };
+      o = e.existingBoard, r = "Mood board rearranged", n = "The mood board has been refreshed.";
+      break;
+    }
+    default:
+      return {
+        toolName: c,
+        message: `Unknown action: ${t}`,
+        instructions: "Invalid action specified."
+      };
+  }
+  const a = {
+    itemCount: o.items.length,
+    theme: o.theme,
+    items: o.items.map((m) => ({
+      id: m.id,
+      type: m.type,
+      label: m.label
+    }))
+  };
+  return {
+    toolName: c,
+    message: r,
+    title: o.title,
+    data: o,
+    jsonData: a,
+    instructions: n,
+    updating: t !== "create"
+  };
+}, M = {
+  toolDefinition: y,
+  execute: x,
+  generatingMessage: "Creating mood board...",
+  isEnabled: () => !0,
+  systemPrompt: f
+}, D = [
+  {
+    name: "Vibrant Energy",
+    args: {
+      action: "create",
+      title: "Vibrant Energy",
+      theme: "vibrant",
+      concepts: ["Bold", "Dynamic", "Exciting", "Fresh"]
+    }
+  },
+  {
+    name: "Minimal Zen",
+    args: {
+      action: "create",
+      title: "Minimal Zen",
+      theme: "minimal",
+      concepts: ["Simple", "Clean", "Peaceful", "Balanced"]
+    }
+  },
+  {
+    name: "Vintage Charm",
+    args: {
+      action: "create",
+      title: "Vintage Charm",
+      theme: "vintage",
+      concepts: ["Nostalgic", "Warm", "Classic", "Timeless"]
+    }
+  },
+  {
+    name: "Ocean Dreams",
+    args: {
+      action: "create",
+      title: "Ocean Dreams",
+      theme: "ocean",
+      concepts: ["Calm", "Flowing", "Deep", "Refreshing"]
+    }
+  },
+  {
+    name: "Nature Escape",
+    args: {
+      action: "create",
+      title: "Nature Escape",
+      theme: "nature",
+      concepts: ["Organic", "Growth", "Harmony", "Life"]
+    }
+  }
+];
+export {
+  f as SYSTEM_PROMPT,
+  y as TOOL_DEFINITION,
+  c as TOOL_NAME,
+  x as executeMoodBoard,
+  M as pluginCore,
+  D 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.executeMoodBoard=e.executeMoodBoard;exports.pluginCore=e.pluginCore;exports.samples=e.samples;

package/dist/index.d.ts

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

package/dist/index.js

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

package/dist/react.cjs

@@ -0,0 +1,22 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});;/* empty css                 */const f=require("./core.cjs"),N=require("react");var b={exports:{}},x={};/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var F;function ae(){if(F)return x;F=1;var a=Symbol.for("react.transitional.element"),i=Symbol.for("react.fragment");function u(d,c,r){var p=null;if(r!==void 0&&(p=""+r),c.key!==void 0&&(p=""+c.key),"key"in c){r={};for(var h in c)h!=="key"&&(r[h]=c[h])}else r=c;return c=r.ref,{$$typeof:a,type:d,key:p,ref:c!==void 0?c:null,props:r}}return x.Fragment=i,x.jsx=u,x.jsxs=u,x}var _={};/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var D;function se(){return D||(D=1,process.env.NODE_ENV!=="production"&&(function(){function a(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===te?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case T:return"Fragment";case G:return"Profiler";case J:return"StrictMode";case Q:return"Suspense";case K:return"SuspenseList";case re:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case U:return"Portal";case H:return e.displayName||"Context";case X:return(e._context.displayName||"Context")+".Consumer";case Z:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case ee:return t=e.displayName||null,t!==null?t:a(e.type)||"Memo";case g:t=e._payload,e=e._init;try{return a(e(t))}catch{}}return null}function i(e){return""+e}function u(e){try{i(e);var t=!1}catch{t=!0}if(t){t=console;var n=t.error,s=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return n.call(t,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",s),i(e)}}function d(e){if(e===T)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===g)return"<...>";try{var t=a(e);return t?"<"+t+">":"<...>"}catch{return"<...>"}}function c(){var e=R.A;return e===null?null:e.getOwner()}function r(){return Error("react-stack-top-frame")}function p(e){if(P.call(e,"key")){var t=Object.getOwnPropertyDescriptor(e,"key").get;if(t&&t.isReactWarning)return!1}return e.key!==void 0}function h(e,t){function n(){C||(C=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",t))}n.isReactWarning=!0,Object.defineProperty(e,"key",{get:n,configurable:!0})}function q(){var e=a(this.type);return I[e]||(I[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function B(e,t,n,s,v,w){var l=n.ref;return e={$$typeof:S,type:e,key:t,props:n,_owner:s},(l!==void 0?l:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:q}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:v}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:w}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function y(e,t,n,s,v,w){var l=t.children;if(l!==void 0)if(s)if(ne(l)){for(s=0;s<l.length;s++)k(l[s]);Object.freeze&&Object.freeze(l)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else k(l);if(P.call(t,"key")){l=a(e);var m=Object.keys(t).filter(function(oe){return oe!=="key"});s=0<m.length?"{key: someKey, "+m.join(": ..., ")+": ...}":"{key: someKey}",M[l+s]||(m=0<m.length?"{"+m.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,s,l,m,l),M[l+s]=!0)}if(l=null,n!==void 0&&(u(n),l=""+n),p(t)&&(u(t.key),l=""+t.key),"key"in t){n={};for(var O in t)O!=="key"&&(n[O]=t[O])}else n=t;return l&&h(n,typeof e=="function"?e.displayName||e.name||"Unknown":e),B(e,l,n,c(),v,w)}function k(e){A(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===g&&(e._payload.status==="fulfilled"?A(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function A(e){return typeof e=="object"&&e!==null&&e.$$typeof===S}var E=N,S=Symbol.for("react.transitional.element"),U=Symbol.for("react.portal"),T=Symbol.for("react.fragment"),J=Symbol.for("react.strict_mode"),G=Symbol.for("react.profiler"),X=Symbol.for("react.consumer"),H=Symbol.for("react.context"),Z=Symbol.for("react.forward_ref"),Q=Symbol.for("react.suspense"),K=Symbol.for("react.suspense_list"),ee=Symbol.for("react.memo"),g=Symbol.for("react.lazy"),re=Symbol.for("react.activity"),te=Symbol.for("react.client.reference"),R=E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,P=Object.prototype.hasOwnProperty,ne=Array.isArray,j=console.createTask?console.createTask:function(){return null};E={react_stack_bottom_frame:function(e){return e()}};var C,I={},$=E.react_stack_bottom_frame.bind(E,r)(),Y=j(d(r)),M={};_.Fragment=T,_.jsx=function(e,t,n){var s=1e4>R.recentlyCreatedOwnerStacks++;return y(e,t,n,!1,s?Error("react-stack-top-frame"):$,s?j(d(e)):Y)},_.jsxs=function(e,t,n){var s=1e4>R.recentlyCreatedOwnerStacks++;return y(e,t,n,!0,s?Error("react-stack-top-frame"):$,s?j(d(e)):Y)}})()),_}var L;function le(){return L||(L=1,process.env.NODE_ENV==="production"?b.exports=ae():b.exports=se()),b.exports}var o=le();const ie=800,ce=600;function ue(a,i){return a.length<=i?a:a.slice(0,i-3)+"..."}function W({selectedResult:a,sendTextMessage:i}){const[u,d]=N.useState(null);N.useEffect(()=>{(a==null?void 0:a.toolName)===f.TOOL_NAME&&a.data&&d(a.data)},[a]);const c=r=>{i&&(r.type==="color"?i(`Add more elements that complement the color ${r.content}`):r.type==="text"?i(`Expand on the concept "${r.content}" - add related moods and colors`):r.type==="emoji"&&i(`Add more elements that match the mood of ${r.content}`))};return u?o.jsx("div",{className:"size-full overflow-hidden",style:{backgroundColor:u.backgroundColor||"#F9FAFB"},children:o.jsxs("div",{className:"size-full relative",children:[o.jsxs("div",{className:"absolute top-4 left-4 z-10",children:[o.jsx("h2",{className:"text-xl font-bold text-gray-800 bg-white/80 px-3 py-1 rounded-lg shadow",children:u.title}),u.theme&&o.jsx("span",{className:"text-xs text-gray-500 bg-white/60 px-2 py-0.5 rounded mt-1 inline-block",children:u.theme})]}),o.jsx("svg",{className:"size-full",viewBox:`0 0 ${ie} ${ce}`,preserveAspectRatio:"xMidYMid meet",children:o.jsx("g",{className:"items",children:u.items.map(r=>o.jsxs("g",{transform:`translate(${r.x}, ${r.y}) rotate(${r.rotation||0})`,className:"cursor-pointer transition-transform duration-200 hover:scale-110",onClick:()=>c(r),children:[r.type==="color"&&o.jsx("rect",{x:-r.width/2,y:-r.height/2,width:r.width,height:r.height,fill:r.content,rx:8,className:"drop-shadow-lg",stroke:"white",strokeWidth:3}),r.type==="emoji"&&o.jsx("text",{textAnchor:"middle",dominantBaseline:"middle",className:"select-none pointer-events-none",style:{fontSize:`${r.width}px`},children:r.content}),r.type==="text"&&o.jsxs(o.Fragment,{children:[o.jsx("rect",{x:-r.width/2,y:-r.height/2,width:r.width,height:r.height,fill:"white",rx:4,className:"drop-shadow-md"}),o.jsx("text",{textAnchor:"middle",dominantBaseline:"middle",fill:"#374151",className:"text-sm font-medium select-none pointer-events-none",children:ue(r.content,15)})]})]},r.id))})}),o.jsx("div",{className:"absolute bottom-4 left-4 right-4 text-center",children:o.jsx("p",{className:"text-sm text-gray-500 bg-white/80 px-3 py-2 rounded-lg inline-block",children:"Click an item to explore related concepts"})})]})}):o.jsx("div",{className:"size-full flex items-center justify-center",children:o.jsx("p",{className:"text-gray-400",children:"No mood board data"})})}function z({result:a}){var c;const i=a.data;if(!i)return null;const u=i.title||"Mood Board",d=((c=i.items)==null?void 0:c.length)||0;return o.jsxs("div",{className:"p-3 bg-gradient-to-br from-purple-50 to-pink-50 rounded-lg text-center",children:[o.jsx("div",{className:"text-2xl mb-1",children:"🎨"}),o.jsx("div",{className:"text-purple-700 font-medium text-sm truncate",children:u}),o.jsxs("div",{className:"text-xs text-gray-500 mt-1",children:[d," elements"]})]})}const V={...f.pluginCore,ViewComponent:W,PreviewComponent:z,samples:f.samples},de={plugin:V};exports.SYSTEM_PROMPT=f.SYSTEM_PROMPT;exports.TOOL_DEFINITION=f.TOOL_DEFINITION;exports.TOOL_NAME=f.TOOL_NAME;exports.executeMoodBoard=f.executeMoodBoard;exports.pluginCore=f.pluginCore;exports.samples=f.samples;exports.Preview=z;exports.View=W;exports.default=de;exports.plugin=V;

package/dist/react.js

@@ -0,0 +1,415 @@
+/* empty css               */
+import { TOOL_NAME as ee, samples as re, pluginCore as te } from "./core.js";
+import { SYSTEM_PROMPT as Te, TOOL_DEFINITION as Re, executeMoodBoard as ge } from "./core.js";
+import ne, { useState as oe, useEffect as ae } from "react";
+var v = { exports: {} }, h = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Y;
+function se() {
+  if (Y) return h;
+  Y = 1;
+  var a = Symbol.for("react.transitional.element"), i = Symbol.for("react.fragment");
+  function u(d, c, r) {
+    var m = null;
+    if (r !== void 0 && (m = "" + r), c.key !== void 0 && (m = "" + c.key), "key" in c) {
+      r = {};
+      for (var p in c)
+        p !== "key" && (r[p] = c[p]);
+    } else r = c;
+    return c = r.ref, {
+      $$typeof: a,
+      type: d,
+      key: m,
+      ref: c !== void 0 ? c : null,
+      props: r
+    };
+  }
+  return h.Fragment = i, h.jsx = u, h.jsxs = u, h;
+}
+var x = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var F;
+function le() {
+  return F || (F = 1, process.env.NODE_ENV !== "production" && (function() {
+    function a(e) {
+      if (e == null) return null;
+      if (typeof e == "function")
+        return e.$$typeof === Z ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
+        case b:
+          return "Fragment";
+        case V:
+          return "Profiler";
+        case L:
+          return "StrictMode";
+        case J:
+          return "Suspense";
+        case G:
+          return "SuspenseList";
+        case H:
+          return "Activity";
+      }
+      if (typeof e == "object")
+        switch (typeof e.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), e.$$typeof) {
+          case z:
+            return "Portal";
+          case U:
+            return e.displayName || "Context";
+          case B:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case q:
+            var t = e.render;
+            return e = e.displayName, e || (e = t.displayName || t.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case X:
+            return t = e.displayName || null, t !== null ? t : a(e.type) || "Memo";
+          case T:
+            t = e._payload, e = e._init;
+            try {
+              return a(e(t));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function i(e) {
+      return "" + e;
+    }
+    function u(e) {
+      try {
+        i(e);
+        var t = !1;
+      } catch {
+        t = !0;
+      }
+      if (t) {
+        t = console;
+        var n = t.error, s = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return n.call(
+          t,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          s
+        ), i(e);
+      }
+    }
+    function d(e) {
+      if (e === b) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === T)
+        return "<...>";
+      try {
+        var t = a(e);
+        return t ? "<" + t + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function c() {
+      var e = R.A;
+      return e === null ? null : e.getOwner();
+    }
+    function r() {
+      return Error("react-stack-top-frame");
+    }
+    function m(e) {
+      if (A.call(e, "key")) {
+        var t = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (t && t.isReactWarning) return !1;
+      }
+      return e.key !== void 0;
+    }
+    function p(e, t) {
+      function n() {
+        S || (S = !0, console.error(
+          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
+          t
+        ));
+      }
+      n.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: n,
+        configurable: !0
+      });
+    }
+    function M() {
+      var e = a(this.type);
+      return P[e] || (P[e] = !0, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      )), e = this.props.ref, e !== void 0 ? e : null;
+    }
+    function W(e, t, n, s, _, j) {
+      var l = n.ref;
+      return e = {
+        $$typeof: O,
+        type: e,
+        key: t,
+        props: n,
+        _owner: s
+      }, (l !== void 0 ? l : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: M
+      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(e, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(e, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: _
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: j
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    function k(e, t, n, s, _, j) {
+      var l = t.children;
+      if (l !== void 0)
+        if (s)
+          if (Q(l)) {
+            for (s = 0; s < l.length; s++)
+              y(l[s]);
+            Object.freeze && Object.freeze(l);
+          } else
+            console.error(
+              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
+            );
+        else y(l);
+      if (A.call(t, "key")) {
+        l = a(e);
+        var f = Object.keys(t).filter(function(K) {
+          return K !== "key";
+        });
+        s = 0 < f.length ? "{key: someKey, " + f.join(": ..., ") + ": ...}" : "{key: someKey}", I[l + s] || (f = 0 < f.length ? "{" + f.join(": ..., ") + ": ...}" : "{}", console.error(
+          `A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,
+          s,
+          l,
+          f,
+          l
+        ), I[l + s] = !0);
+      }
+      if (l = null, n !== void 0 && (u(n), l = "" + n), m(t) && (u(t.key), l = "" + t.key), "key" in t) {
+        n = {};
+        for (var w in t)
+          w !== "key" && (n[w] = t[w]);
+      } else n = t;
+      return l && p(
+        n,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), W(
+        e,
+        l,
+        n,
+        c(),
+        _,
+        j
+      );
+    }
+    function y(e) {
+      N(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === T && (e._payload.status === "fulfilled" ? N(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    }
+    function N(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === O;
+    }
+    var E = ne, O = Symbol.for("react.transitional.element"), z = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), L = Symbol.for("react.strict_mode"), V = Symbol.for("react.profiler"), B = Symbol.for("react.consumer"), U = Symbol.for("react.context"), q = Symbol.for("react.forward_ref"), J = Symbol.for("react.suspense"), G = Symbol.for("react.suspense_list"), X = Symbol.for("react.memo"), T = Symbol.for("react.lazy"), H = Symbol.for("react.activity"), Z = Symbol.for("react.client.reference"), R = E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, A = Object.prototype.hasOwnProperty, Q = Array.isArray, g = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    E = {
+      react_stack_bottom_frame: function(e) {
+        return e();
+      }
+    };
+    var S, P = {}, C = E.react_stack_bottom_frame.bind(
+      E,
+      r
+    )(), $ = g(d(r)), I = {};
+    x.Fragment = b, x.jsx = function(e, t, n) {
+      var s = 1e4 > R.recentlyCreatedOwnerStacks++;
+      return k(
+        e,
+        t,
+        n,
+        !1,
+        s ? Error("react-stack-top-frame") : C,
+        s ? g(d(e)) : $
+      );
+    }, x.jsxs = function(e, t, n) {
+      var s = 1e4 > R.recentlyCreatedOwnerStacks++;
+      return k(
+        e,
+        t,
+        n,
+        !0,
+        s ? Error("react-stack-top-frame") : C,
+        s ? g(d(e)) : $
+      );
+    };
+  })()), x;
+}
+var D;
+function ie() {
+  return D || (D = 1, process.env.NODE_ENV === "production" ? v.exports = se() : v.exports = le()), v.exports;
+}
+var o = ie();
+const ce = 800, ue = 600;
+function de(a, i) {
+  return a.length <= i ? a : a.slice(0, i - 3) + "...";
+}
+function fe({ selectedResult: a, sendTextMessage: i }) {
+  const [u, d] = oe(null);
+  ae(() => {
+    (a == null ? void 0 : a.toolName) === ee && a.data && d(a.data);
+  }, [a]);
+  const c = (r) => {
+    i && (r.type === "color" ? i(
+      `Add more elements that complement the color ${r.content}`
+    ) : r.type === "text" ? i(
+      `Expand on the concept "${r.content}" - add related moods and colors`
+    ) : r.type === "emoji" && i(
+      `Add more elements that match the mood of ${r.content}`
+    ));
+  };
+  return u ? /* @__PURE__ */ o.jsx(
+    "div",
+    {
+      className: "size-full overflow-hidden",
+      style: { backgroundColor: u.backgroundColor || "#F9FAFB" },
+      children: /* @__PURE__ */ o.jsxs("div", { className: "size-full relative", children: [
+        /* @__PURE__ */ o.jsxs("div", { className: "absolute top-4 left-4 z-10", children: [
+          /* @__PURE__ */ o.jsx("h2", { className: "text-xl font-bold text-gray-800 bg-white/80 px-3 py-1 rounded-lg shadow", children: u.title }),
+          u.theme && /* @__PURE__ */ o.jsx("span", { className: "text-xs text-gray-500 bg-white/60 px-2 py-0.5 rounded mt-1 inline-block", children: u.theme })
+        ] }),
+        /* @__PURE__ */ o.jsx(
+          "svg",
+          {
+            className: "size-full",
+            viewBox: `0 0 ${ce} ${ue}`,
+            preserveAspectRatio: "xMidYMid meet",
+            children: /* @__PURE__ */ o.jsx("g", { className: "items", children: u.items.map((r) => /* @__PURE__ */ o.jsxs(
+              "g",
+              {
+                transform: `translate(${r.x}, ${r.y}) rotate(${r.rotation || 0})`,
+                className: "cursor-pointer transition-transform duration-200 hover:scale-110",
+                onClick: () => c(r),
+                children: [
+                  r.type === "color" && /* @__PURE__ */ o.jsx(
+                    "rect",
+                    {
+                      x: -r.width / 2,
+                      y: -r.height / 2,
+                      width: r.width,
+                      height: r.height,
+                      fill: r.content,
+                      rx: 8,
+                      className: "drop-shadow-lg",
+                      stroke: "white",
+                      strokeWidth: 3
+                    }
+                  ),
+                  r.type === "emoji" && /* @__PURE__ */ o.jsx(
+                    "text",
+                    {
+                      textAnchor: "middle",
+                      dominantBaseline: "middle",
+                      className: "select-none pointer-events-none",
+                      style: { fontSize: `${r.width}px` },
+                      children: r.content
+                    }
+                  ),
+                  r.type === "text" && /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+                    /* @__PURE__ */ o.jsx(
+                      "rect",
+                      {
+                        x: -r.width / 2,
+                        y: -r.height / 2,
+                        width: r.width,
+                        height: r.height,
+                        fill: "white",
+                        rx: 4,
+                        className: "drop-shadow-md"
+                      }
+                    ),
+                    /* @__PURE__ */ o.jsx(
+                      "text",
+                      {
+                        textAnchor: "middle",
+                        dominantBaseline: "middle",
+                        fill: "#374151",
+                        className: "text-sm font-medium select-none pointer-events-none",
+                        children: de(r.content, 15)
+                      }
+                    )
+                  ] })
+                ]
+              },
+              r.id
+            )) })
+          }
+        ),
+        /* @__PURE__ */ o.jsx("div", { className: "absolute bottom-4 left-4 right-4 text-center", children: /* @__PURE__ */ o.jsx("p", { className: "text-sm text-gray-500 bg-white/80 px-3 py-2 rounded-lg inline-block", children: "Click an item to explore related concepts" }) })
+      ] })
+    }
+  ) : /* @__PURE__ */ o.jsx("div", { className: "size-full flex items-center justify-center", children: /* @__PURE__ */ o.jsx("p", { className: "text-gray-400", children: "No mood board data" }) });
+}
+function me({ result: a }) {
+  var c;
+  const i = a.data;
+  if (!i)
+    return null;
+  const u = i.title || "Mood Board", d = ((c = i.items) == null ? void 0 : c.length) || 0;
+  return /* @__PURE__ */ o.jsxs("div", { className: "p-3 bg-gradient-to-br from-purple-50 to-pink-50 rounded-lg text-center", children: [
+    /* @__PURE__ */ o.jsx("div", { className: "text-2xl mb-1", children: "🎨" }),
+    /* @__PURE__ */ o.jsx("div", { className: "text-purple-700 font-medium text-sm truncate", children: u }),
+    /* @__PURE__ */ o.jsxs("div", { className: "text-xs text-gray-500 mt-1", children: [
+      d,
+      " elements"
+    ] })
+  ] });
+}
+const pe = {
+  ...te,
+  ViewComponent: fe,
+  PreviewComponent: me,
+  samples: re
+}, _e = { plugin: pe };
+export {
+  me as Preview,
+  Te as SYSTEM_PROMPT,
+  Re as TOOL_DEFINITION,
+  ee as TOOL_NAME,
+  fe as View,
+  _e as default,
+  ge as executeMoodBoard,
+  pe as plugin,
+  te as pluginCore,
+  re as samples
+};

package/dist/style.css

@@ -0,0 +1 @@
+/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--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;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@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-100:oklch(93.6% .032 17.717);--color-red-700:oklch(50.5% .213 27.518);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-600:oklch(66.6% .179 58.318);--color-green-600:oklch(62.7% .194 149.214);--color-indigo-100:oklch(93% .034 272.788);--color-indigo-200:oklch(87% .065 274.039);--color-indigo-500:oklch(58.5% .233 277.117);--color-indigo-600:oklch(51.1% .262 276.966);--color-indigo-700:oklch(45.7% .24 277.023);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-700:oklch(49.6% .265 301.924);--color-pink-50:oklch(97.1% .014 343.198);--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-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-white:#fff;--spacing:.25rem;--container-6xl:72rem;--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-semibold:600;--font-weight-bold:700;--radius-md:.375rem;--radius-lg:.5rem;--drop-shadow-md:0 3px 3px #0000001f;--drop-shadow-lg:0 4px 4px #00000026;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--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%;-moz-tab-size:4;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]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance: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{.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.top-4{top:calc(var(--spacing)*4)}.right-4{right:calc(var(--spacing)*4)}.bottom-4{bottom:calc(var(--spacing)*4)}.left-4{left:calc(var(--spacing)*4)}.z-10{z-index:10}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.ml-auto{margin-left:auto}.contents{display:contents}.flex{display:flex}.grid{display:grid}.inline-block{display:inline-block}.size-full{width:100%;height:100%}.h-4{height:calc(var(--spacing)*4)}.h-\[600px\]{height:600px}.min-h-screen{min-height:100vh}.w-4{width:calc(var(--spacing)*4)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-\[85\%\]{max-width:85%}.max-w-\[200px\]{max-width:200px}.flex-1{flex:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.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-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.bg-amber-50{background-color:var(--color-amber-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-indigo-100{background-color:var(--color-indigo-100)}.bg-indigo-600{background-color:var(--color-indigo-600)}.bg-red-100{background-color:var(--color-red-100)}.bg-white{background-color:var(--color-white)}.bg-white\/60{background-color:#fff9}@supports (color:color-mix(in lab,red,red)){.bg-white\/60{background-color:color-mix(in oklab,var(--color-white)60%,transparent)}}.bg-white\/80{background-color:#fffc}@supports (color:color-mix(in lab,red,red)){.bg-white\/80{background-color:color-mix(in oklab,var(--color-white)80%,transparent)}}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-purple-50{--tw-gradient-from:var(--color-purple-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-pink-50{--tw-gradient-to:var(--color-pink-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-8{padding:calc(var(--spacing)*8)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.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)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-pre-wrap{white-space:pre-wrap}.text-amber-600{color:var(--color-amber-600)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-green-600{color:var(--color-green-600)}.text-indigo-600{color:var(--color-indigo-600)}.text-indigo-700{color:var(--color-indigo-700)}.text-purple-700{color:var(--color-purple-700)}.text-red-700{color:var(--color-red-700)}.text-white{color:var(--color-white)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px 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)}.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)}.drop-shadow-lg{--tw-drop-shadow-size:drop-shadow(0 4px 4px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-lg));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.drop-shadow-md{--tw-drop-shadow-size:drop-shadow(0 3px 3px var(--tw-drop-shadow-color,#0000001f));--tw-drop-shadow:drop-shadow(var(--drop-shadow-md));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-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-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.select-none{-webkit-user-select:none;user-select:none}@media(hover:hover){.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-300:hover{background-color:var(--color-gray-300)}.hover\:bg-indigo-200:hover{background-color:var(--color-indigo-200)}.hover\:bg-indigo-700:hover{background-color:var(--color-indigo-700)}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-indigo-500:focus{--tw-ring-color:var(--color-indigo-500)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-gray-100:disabled{background-color:var(--color-gray-100)}.disabled\:bg-gray-400:disabled{background-color:var(--color-gray-400)}@media(min-width:64rem){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}}body{margin:calc(var(--spacing)*0);background-color:var(--color-gray-100);padding:calc(var(--spacing)*5);font-family:var(--font-sans)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@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}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes pulse{50%{opacity:.5}}

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

@@ -0,0 +1,7 @@
+import type { ToolResult } from "gui-chat-protocol";
+import type { MoodBoardData } from "../core/types";
+type __VLS_Props = {
+    result: ToolResult<MoodBoardData>;
+};
+declare const _default: 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>;
+export default _default;

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

@@ -0,0 +1,8 @@
+import type { ToolResult } from "gui-chat-protocol";
+import type { MoodBoardData } from "../core/types";
+type __VLS_Props = {
+    selectedResult: ToolResult<MoodBoardData>;
+    sendTextMessage?: (text?: string) => void;
+};
+declare const _default: 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>;
+export default _default;

package/dist/vue/index.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Mood Board Plugin - Vue Implementation
+ */
+import "../style.css";
+import type { ToolPlugin } from "gui-chat-protocol/vue";
+import type { MoodBoardData, MoodBoardArgs, MoodBoardJsonData } from "../core/types";
+import View from "./View.vue";
+import Preview from "./Preview.vue";
+export declare const plugin: ToolPlugin<MoodBoardData, MoodBoardJsonData, MoodBoardArgs>;
+export type { MoodBoardData, MoodBoardArgs, MoodBoardJsonData } from "../core/types";
+export { TOOL_NAME, TOOL_DEFINITION, SYSTEM_PROMPT, executeMoodBoard, pluginCore, } from "../core/plugin";
+export { samples } from "../core/samples";
+export { View, Preview };
+declare const _default: {
+    plugin: ToolPlugin<MoodBoardData, MoodBoardJsonData, MoodBoardArgs, 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"}});;/* empty css                 */const l=require("./core.cjs"),e=require("vue"),g={key:0,class:"size-full relative"},x={class:"absolute top-4 left-4 z-10"},_={class:"text-xl font-bold text-gray-800 bg-white/80 px-3 py-1 rounded-lg shadow"},f={key:0,class:"text-xs text-gray-500 bg-white/60 px-2 py-0.5 rounded mt-1 inline-block"},k=["viewBox"],v={class:"items"},y=["transform","onClick"],B=["x","y","width","height","fill"],E=["x","y","width","height"],w={"text-anchor":"middle","dominant-baseline":"middle",fill:"#374151",class:"text-sm font-medium select-none pointer-events-none"},N={key:1,class:"size-full flex items-center justify-center"},b=800,M=600,u=e.defineComponent({__name:"View",props:{selectedResult:{},sendTextMessage:{type:Function}},setup(i){const r=i,a=e.ref(null),n=e.ref(null);e.watch(()=>r.selectedResult,t=>{(t==null?void 0:t.toolName)===l.TOOL_NAME&&t.data&&(n.value=t.data)},{immediate:!0});function d(t,c){return t.length<=c?t:t.slice(0,c-3)+"..."}function s(t){r.sendTextMessage&&(t.type==="color"?r.sendTextMessage(`Add more elements that complement the color ${t.content}`):t.type==="text"?r.sendTextMessage(`Expand on the concept "${t.content}" - add related moods and colors`):t.type==="emoji"&&r.sendTextMessage(`Add more elements that match the mood of ${t.content}`))}return(t,c)=>{var p;return e.openBlock(),e.createElementBlock("div",{class:"size-full overflow-hidden",style:e.normalizeStyle({backgroundColor:((p=n.value)==null?void 0:p.backgroundColor)||"#F9FAFB"})},[n.value?(e.openBlock(),e.createElementBlock("div",g,[e.createElementVNode("div",x,[e.createElementVNode("h2",_,e.toDisplayString(n.value.title),1),n.value.theme?(e.openBlock(),e.createElementBlock("span",f,e.toDisplayString(n.value.theme),1)):e.createCommentVNode("",!0)]),(e.openBlock(),e.createElementBlock("svg",{ref_key:"svgRef",ref:a,class:"size-full",viewBox:`0 0 ${b} ${M}`,preserveAspectRatio:"xMidYMid meet"},[e.createElementVNode("g",v,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.value.items,o=>(e.openBlock(),e.createElementBlock("g",{key:o.id,transform:`translate(${o.x}, ${o.y}) rotate(${o.rotation||0})`,class:"cursor-pointer transition-transform duration-200 hover:scale-110",onClick:V=>s(o)},[o.type==="color"?(e.openBlock(),e.createElementBlock("rect",{key:0,x:-o.width/2,y:-o.height/2,width:o.width,height:o.height,fill:o.content,rx:"8",class:"drop-shadow-lg",stroke:"white","stroke-width":"3"},null,8,B)):o.type==="emoji"?(e.openBlock(),e.createElementBlock("text",{key:1,"text-anchor":"middle","dominant-baseline":"middle",class:"select-none pointer-events-none",style:e.normalizeStyle({fontSize:`${o.width}px`})},e.toDisplayString(o.content),5)):o.type==="text"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createElementVNode("rect",{x:-o.width/2,y:-o.height/2,width:o.width,height:o.height,fill:"white",rx:"4",class:"drop-shadow-md"},null,8,E),e.createElementVNode("text",w,e.toDisplayString(d(o.content,15)),1)],64)):e.createCommentVNode("",!0)],8,y))),128))])],8,k)),c[0]||(c[0]=e.createElementVNode("div",{class:"absolute bottom-4 left-4 right-4 text-center"},[e.createElementVNode("p",{class:"text-sm text-gray-500 bg-white/80 px-3 py-2 rounded-lg inline-block"}," Click an item to explore related concepts ")],-1))])):(e.openBlock(),e.createElementBlock("div",N,[...c[1]||(c[1]=[e.createElementVNode("p",{class:"text-gray-400"},"No mood board data",-1)])]))],4)}}}),T={class:"p-3 bg-gradient-to-br from-purple-50 to-pink-50 rounded-lg text-center"},C={class:"text-purple-700 font-medium text-sm truncate"},O={class:"text-xs text-gray-500 mt-1"},m=e.defineComponent({__name:"Preview",props:{result:{}},setup(i){const r=i,a=e.computed(()=>r.result.data),n=e.computed(()=>{var s;return((s=a.value)==null?void 0:s.title)||"Mood Board"}),d=e.computed(()=>{var s,t;return((t=(s=a.value)==null?void 0:s.items)==null?void 0:t.length)||0});return(s,t)=>(e.openBlock(),e.createElementBlock("div",T,[t[0]||(t[0]=e.createElementVNode("div",{class:"text-2xl mb-1"},"🎨",-1)),e.createElementVNode("div",C,e.toDisplayString(n.value),1),e.createElementVNode("div",O,e.toDisplayString(d.value)+" elements ",1)]))}}),h={...l.pluginCore,viewComponent:u,previewComponent:m,samples:l.samples},S={plugin:h};exports.SYSTEM_PROMPT=l.SYSTEM_PROMPT;exports.TOOL_DEFINITION=l.TOOL_DEFINITION;exports.TOOL_NAME=l.TOOL_NAME;exports.executeMoodBoard=l.executeMoodBoard;exports.pluginCore=l.pluginCore;exports.samples=l.samples;exports.Preview=m;exports.View=u;exports.default=S;exports.plugin=h;

package/dist/vue.js

@@ -0,0 +1,148 @@
+/* empty css               */
+import { TOOL_NAME as y, samples as w, pluginCore as k } from "./core.js";
+import { SYSTEM_PROMPT as U, TOOL_DEFINITION as X, executeMoodBoard as Z } from "./core.js";
+import { defineComponent as _, ref as m, watch as b, openBlock as o, createElementBlock as s, normalizeStyle as f, createElementVNode as n, toDisplayString as a, createCommentVNode as g, Fragment as v, renderList as $, computed as u } from "vue";
+const C = {
+  key: 0,
+  class: "size-full relative"
+}, M = { class: "absolute top-4 left-4 z-10" }, T = { class: "text-xl font-bold text-gray-800 bg-white/80 px-3 py-1 rounded-lg shadow" }, B = {
+  key: 0,
+  class: "text-xs text-gray-500 bg-white/60 px-2 py-0.5 rounded mt-1 inline-block"
+}, z = ["viewBox"], N = { class: "items" }, E = ["transform", "onClick"], F = ["x", "y", "width", "height", "fill"], O = ["x", "y", "width", "height"], A = {
+  "text-anchor": "middle",
+  "dominant-baseline": "middle",
+  fill: "#374151",
+  class: "text-sm font-medium select-none pointer-events-none"
+}, S = {
+  key: 1,
+  class: "size-full flex items-center justify-center"
+}, I = 800, P = 600, V = /* @__PURE__ */ _({
+  __name: "View",
+  props: {
+    selectedResult: {},
+    sendTextMessage: { type: Function }
+  },
+  setup(h) {
+    const i = h, c = m(null), l = m(null);
+    b(
+      () => i.selectedResult,
+      (e) => {
+        (e == null ? void 0 : e.toolName) === y && e.data && (l.value = e.data);
+      },
+      { immediate: !0 }
+    );
+    function p(e, d) {
+      return e.length <= d ? e : e.slice(0, d - 3) + "...";
+    }
+    function r(e) {
+      i.sendTextMessage && (e.type === "color" ? i.sendTextMessage(
+        `Add more elements that complement the color ${e.content}`
+      ) : e.type === "text" ? i.sendTextMessage(
+        `Expand on the concept "${e.content}" - add related moods and colors`
+      ) : e.type === "emoji" && i.sendTextMessage(
+        `Add more elements that match the mood of ${e.content}`
+      ));
+    }
+    return (e, d) => {
+      var x;
+      return o(), s("div", {
+        class: "size-full overflow-hidden",
+        style: f({ backgroundColor: ((x = l.value) == null ? void 0 : x.backgroundColor) || "#F9FAFB" })
+      }, [
+        l.value ? (o(), s("div", C, [
+          n("div", M, [
+            n("h2", T, a(l.value.title), 1),
+            l.value.theme ? (o(), s("span", B, a(l.value.theme), 1)) : g("", !0)
+          ]),
+          (o(), s("svg", {
+            ref_key: "svgRef",
+            ref: c,
+            class: "size-full",
+            viewBox: `0 0 ${I} ${P}`,
+            preserveAspectRatio: "xMidYMid meet"
+          }, [
+            n("g", N, [
+              (o(!0), s(v, null, $(l.value.items, (t) => (o(), s("g", {
+                key: t.id,
+                transform: `translate(${t.x}, ${t.y}) rotate(${t.rotation || 0})`,
+                class: "cursor-pointer transition-transform duration-200 hover:scale-110",
+                onClick: (W) => r(t)
+              }, [
+                t.type === "color" ? (o(), s("rect", {
+                  key: 0,
+                  x: -t.width / 2,
+                  y: -t.height / 2,
+                  width: t.width,
+                  height: t.height,
+                  fill: t.content,
+                  rx: "8",
+                  class: "drop-shadow-lg",
+                  stroke: "white",
+                  "stroke-width": "3"
+                }, null, 8, F)) : t.type === "emoji" ? (o(), s("text", {
+                  key: 1,
+                  "text-anchor": "middle",
+                  "dominant-baseline": "middle",
+                  class: "select-none pointer-events-none",
+                  style: f({ fontSize: `${t.width}px` })
+                }, a(t.content), 5)) : t.type === "text" ? (o(), s(v, { key: 2 }, [
+                  n("rect", {
+                    x: -t.width / 2,
+                    y: -t.height / 2,
+                    width: t.width,
+                    height: t.height,
+                    fill: "white",
+                    rx: "4",
+                    class: "drop-shadow-md"
+                  }, null, 8, O),
+                  n("text", A, a(p(t.content, 15)), 1)
+                ], 64)) : g("", !0)
+              ], 8, E))), 128))
+            ])
+          ], 8, z)),
+          d[0] || (d[0] = n("div", { class: "absolute bottom-4 left-4 right-4 text-center" }, [
+            n("p", { class: "text-sm text-gray-500 bg-white/80 px-3 py-2 rounded-lg inline-block" }, " Click an item to explore related concepts ")
+          ], -1))
+        ])) : (o(), s("div", S, [...d[1] || (d[1] = [
+          n("p", { class: "text-gray-400" }, "No mood board data", -1)
+        ])]))
+      ], 4);
+    };
+  }
+}), j = { class: "p-3 bg-gradient-to-br from-purple-50 to-pink-50 rounded-lg text-center" }, D = { class: "text-purple-700 font-medium text-sm truncate" }, L = { class: "text-xs text-gray-500 mt-1" }, Y = /* @__PURE__ */ _({
+  __name: "Preview",
+  props: {
+    result: {}
+  },
+  setup(h) {
+    const i = h, c = u(() => i.result.data), l = u(() => {
+      var r;
+      return ((r = c.value) == null ? void 0 : r.title) || "Mood Board";
+    }), p = u(() => {
+      var r, e;
+      return ((e = (r = c.value) == null ? void 0 : r.items) == null ? void 0 : e.length) || 0;
+    });
+    return (r, e) => (o(), s("div", j, [
+      e[0] || (e[0] = n("div", { class: "text-2xl mb-1" }, "🎨", -1)),
+      n("div", D, a(l.value), 1),
+      n("div", L, a(p.value) + " elements ", 1)
+    ]));
+  }
+}), H = {
+  ...k,
+  viewComponent: V,
+  previewComponent: Y,
+  samples: w
+}, K = { plugin: H };
+export {
+  Y as Preview,
+  U as SYSTEM_PROMPT,
+  X as TOOL_DEFINITION,
+  y as TOOL_NAME,
+  V as View,
+  K as default,
+  Z as executeMoodBoard,
+  H as plugin,
+  k as pluginCore,
+  w as samples
+};

package/package.json

@@ -0,0 +1,80 @@
+{
+  "name": "@gui-chat-plugin/moodboard",
+  "version": "0.1.1",
+  "description": "Interactive mood board plugin for visual inspiration and brainstorming",
+  "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"
+    },
+    "./react": {
+      "types": "./dist/react/index.d.ts",
+      "import": "./dist/react.js",
+      "require": "./dist/react.cjs"
+    },
+    "./style.css": "./dist/style.css"
+  },
+  "files": ["dist"],
+  "scripts": {
+    "dev": "vite",
+    "dev:react": "vite --config vite.config.react.ts",
+    "build": "vite build && vue-tsc -p tsconfig.build.json --emitDeclarationOnly",
+    "typecheck": "vue-tsc --noEmit",
+    "lint": "eslint src demo"
+  },
+  "peerDependencies": {
+    "gui-chat-protocol": "^0.0.3",
+    "vue": "^3.5.0",
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "peerDependenciesMeta": {
+    "vue": { "optional": true },
+    "react": { "optional": true },
+    "react-dom": { "optional": true }
+  },
+  "devDependencies": {
+    "@tailwindcss/vite": "^4.1.18",
+    "@types/react": "^19.1.8",
+    "@types/react-dom": "^19.1.6",
+    "@typescript-eslint/eslint-plugin": "^8.32.1",
+    "@typescript-eslint/parser": "^8.32.1",
+    "@vitejs/plugin-react": "^4.5.2",
+    "@vitejs/plugin-vue": "^6.0.0",
+    "eslint": "^9.27.0",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-vue": "^10.0.0",
+    "globals": "^16.1.0",
+    "gui-chat-protocol": "^0.0.3",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "tailwindcss": "^4.1.7",
+    "typescript": "~5.8.3",
+    "vite": "^6.3.5",
+    "vue": "^3.5.13",
+    "vue-eslint-parser": "^10.1.3",
+    "vue-tsc": "^2.2.10"
+  },
+  "keywords": ["guichat", "plugin", "moodboard", "inspiration", "visual", "brainstorming"],
+  "license": "MIT",
+  "dependencies": {
+    "gui-chat-protocol": "^0.0.3",
+    "openai": "^4.77.0"
+  }
+}