@gui-chat-plugin/moodboard 0.1.1 → 0.1.2

package/dist/react.js

@@ -1,415 +1,309 @@
+import { a as e, i as t, n, o as r, r as i, t as a } from "./samples-B2-ZKxci.js";
 /* 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;
+import { useEffect as o, useState as s } from "react";
+//#region \0rolldown/runtime.js
+var c = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), l = /* @__PURE__ */ ((e) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(e, { get: (e, t) => (typeof require < "u" ? require : e)[t] }) : e)(function(e) {
+	if (typeof require < "u") return require.apply(this, arguments);
+	throw Error("Calling `require` for \"" + e + "\" in an environment that doesn't expose the `require` function. See https://rolldown.rs/in-depth/bundling-cjs#require-external-modules for more details.");
+}), u = /* @__PURE__ */ c(((e) => {
+	var t = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
+	function r(e, n, r) {
+		var i = null;
+		if (r !== void 0 && (i = "" + r), n.key !== void 0 && (i = "" + n.key), "key" in n) for (var a in r = {}, n) a !== "key" && (r[a] = n[a]);
+		else r = n;
+		return n = r.ref, {
+			$$typeof: t,
+			type: e,
+			key: i,
+			ref: n === void 0 ? null : n,
+			props: r
+		};
+	}
+	e.Fragment = n, e.jsx = r, e.jsxs = r;
+})), d = /* @__PURE__ */ c(((e) => {
+	process.env.NODE_ENV !== "production" && (function() {
+		function t(e) {
+			if (e == null) return null;
+			if (typeof e == "function") return e.$$typeof === k ? null : e.displayName || e.name || null;
+			if (typeof e == "string") return e;
+			switch (e) {
+				case v: return "Fragment";
+				case b: return "Profiler";
+				case y: return "StrictMode";
+				case w: return "Suspense";
+				case T: return "SuspenseList";
+				case O: 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 _: return "Portal";
+				case S: return e.displayName || "Context";
+				case x: return (e._context.displayName || "Context") + ".Consumer";
+				case C:
+					var n = e.render;
+					return e = e.displayName, e ||= (e = n.displayName || n.name || "", e === "" ? "ForwardRef" : "ForwardRef(" + e + ")"), e;
+				case E: return n = e.displayName || null, n === null ? t(e.type) || "Memo" : n;
+				case D:
+					n = e._payload, e = e._init;
+					try {
+						return t(e(n));
+					} catch {}
+			}
+			return null;
+		}
+		function n(e) {
+			return "" + e;
+		}
+		function r(e) {
+			try {
+				n(e);
+				var t = !1;
+			} catch {
+				t = !0;
+			}
+			if (t) {
+				t = console;
+				var r = t.error, i = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+				return r.call(t, "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.", i), n(e);
+			}
+		}
+		function i(e) {
+			if (e === v) return "<>";
+			if (typeof e == "object" && e && e.$$typeof === D) return "<...>";
+			try {
+				var n = t(e);
+				return n ? "<" + n + ">" : "<...>";
+			} catch {
+				return "<...>";
+			}
+		}
+		function a() {
+			var e = A.A;
+			return e === null ? null : e.getOwner();
+		}
+		function o() {
+			return Error("react-stack-top-frame");
+		}
+		function s(e) {
+			if (j.call(e, "key")) {
+				var t = Object.getOwnPropertyDescriptor(e, "key").get;
+				if (t && t.isReactWarning) return !1;
+			}
+			return e.key !== void 0;
+		}
+		function c(e, t) {
+			function n() {
+				P || (P = !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 u() {
+			var e = t(this.type);
+			return F[e] || (F[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 ? null : e;
+		}
+		function d(e, t, n, r, i, a) {
+			var o = n.ref;
+			return e = {
+				$$typeof: g,
+				type: e,
+				key: t,
+				props: n,
+				_owner: r
+			}, (o === void 0 ? null : o) === null ? Object.defineProperty(e, "ref", {
+				enumerable: !1,
+				value: null
+			}) : Object.defineProperty(e, "ref", {
+				enumerable: !1,
+				get: u
+			}), 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: i
+			}), Object.defineProperty(e, "_debugTask", {
+				configurable: !1,
+				enumerable: !1,
+				writable: !0,
+				value: a
+			}), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+		}
+		function f(e, n, i, o, l, u) {
+			var f = n.children;
+			if (f !== void 0) if (o) if (M(f)) {
+				for (o = 0; o < f.length; o++) p(f[o]);
+				Object.freeze && Object.freeze(f);
+			} 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 p(f);
+			if (j.call(n, "key")) {
+				f = t(e);
+				var m = Object.keys(n).filter(function(e) {
+					return e !== "key";
+				});
+				o = 0 < m.length ? "{key: someKey, " + m.join(": ..., ") + ": ...}" : "{key: someKey}", R[f + o] || (m = 0 < m.length ? "{" + m.join(": ..., ") + ": ...}" : "{}", console.error("A props object containing a \"key\" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />", o, f, m, f), R[f + o] = !0);
+			}
+			if (f = null, i !== void 0 && (r(i), f = "" + i), s(n) && (r(n.key), f = "" + n.key), "key" in n) for (var h in i = {}, n) h !== "key" && (i[h] = n[h]);
+			else i = n;
+			return f && c(i, typeof e == "function" ? e.displayName || e.name || "Unknown" : e), d(e, f, i, a(), l, u);
+		}
+		function p(e) {
+			m(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e && e.$$typeof === D && (e._payload.status === "fulfilled" ? m(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+		}
+		function m(e) {
+			return typeof e == "object" && !!e && e.$$typeof === g;
+		}
+		var h = l("react"), g = Symbol.for("react.transitional.element"), _ = Symbol.for("react.portal"), v = Symbol.for("react.fragment"), y = Symbol.for("react.strict_mode"), b = Symbol.for("react.profiler"), x = Symbol.for("react.consumer"), S = Symbol.for("react.context"), C = Symbol.for("react.forward_ref"), w = Symbol.for("react.suspense"), T = Symbol.for("react.suspense_list"), E = Symbol.for("react.memo"), D = Symbol.for("react.lazy"), O = Symbol.for("react.activity"), k = Symbol.for("react.client.reference"), A = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, j = Object.prototype.hasOwnProperty, M = Array.isArray, N = console.createTask ? console.createTask : function() {
+			return null;
+		};
+		h = { react_stack_bottom_frame: function(e) {
+			return e();
+		} };
+		var P, F = {}, I = h.react_stack_bottom_frame.bind(h, o)(), L = N(i(o)), R = {};
+		e.Fragment = v, e.jsx = function(e, t, n) {
+			var r = 1e4 > A.recentlyCreatedOwnerStacks++;
+			return f(e, t, n, !1, r ? Error("react-stack-top-frame") : I, r ? N(i(e)) : L);
+		}, e.jsxs = function(e, t, n) {
+			var r = 1e4 > A.recentlyCreatedOwnerStacks++;
+			return f(e, t, n, !0, r ? Error("react-stack-top-frame") : I, r ? N(i(e)) : L);
+		};
+	})();
+})), f = (/* @__PURE__ */ c(((e, t) => {
+	process.env.NODE_ENV === "production" ? t.exports = u() : t.exports = d();
+})))(), p = 800, m = 600;
+function h(e, t) {
+	return e.length <= t ? e : e.slice(0, t - 3) + "...";
 }
-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;
+function g({ selectedResult: e, sendTextMessage: t }) {
+	let [n, r] = s(null);
+	o(() => {
+		e?.toolName === "createMoodBoard" && e.data && r(e.data);
+	}, [e]);
+	let i = (e) => {
+		t && (e.type === "color" ? t(`Add more elements that complement the color ${e.content}`) : e.type === "text" ? t(`Expand on the concept "${e.content}" - add related moods and colors`) : e.type === "emoji" && t(`Add more elements that match the mood of ${e.content}`));
+	};
+	return n ? /* @__PURE__ */ (0, f.jsx)("div", {
+		className: "size-full overflow-hidden",
+		style: { backgroundColor: n.backgroundColor || "#F9FAFB" },
+		children: /* @__PURE__ */ (0, f.jsxs)("div", {
+			className: "size-full relative",
+			children: [
+				/* @__PURE__ */ (0, f.jsxs)("div", {
+					className: "absolute top-4 left-4 z-10",
+					children: [/* @__PURE__ */ (0, f.jsx)("h2", {
+						className: "text-xl font-bold text-gray-800 bg-white/80 px-3 py-1 rounded-lg shadow",
+						children: n.title
+					}), n.theme && /* @__PURE__ */ (0, f.jsx)("span", {
+						className: "text-xs text-gray-500 bg-white/60 px-2 py-0.5 rounded mt-1 inline-block",
+						children: n.theme
+					})]
+				}),
+				/* @__PURE__ */ (0, f.jsx)("svg", {
+					className: "size-full",
+					viewBox: `0 0 ${p} ${m}`,
+					preserveAspectRatio: "xMidYMid meet",
+					children: /* @__PURE__ */ (0, f.jsx)("g", {
+						className: "items",
+						children: n.items.map((e) => /* @__PURE__ */ (0, f.jsxs)("g", {
+							transform: `translate(${e.x}, ${e.y}) rotate(${e.rotation || 0})`,
+							className: "cursor-pointer transition-transform duration-200 hover:scale-110",
+							onClick: () => i(e),
+							children: [
+								e.type === "color" && /* @__PURE__ */ (0, f.jsx)("rect", {
+									x: -e.width / 2,
+									y: -e.height / 2,
+									width: e.width,
+									height: e.height,
+									fill: e.content,
+									rx: 8,
+									className: "drop-shadow-lg",
+									stroke: "white",
+									strokeWidth: 3
+								}),
+								e.type === "emoji" && /* @__PURE__ */ (0, f.jsx)("text", {
+									textAnchor: "middle",
+									dominantBaseline: "middle",
+									className: "select-none pointer-events-none",
+									style: { fontSize: `${e.width}px` },
+									children: e.content
+								}),
+								e.type === "text" && /* @__PURE__ */ (0, f.jsxs)(f.Fragment, { children: [/* @__PURE__ */ (0, f.jsx)("rect", {
+									x: -e.width / 2,
+									y: -e.height / 2,
+									width: e.width,
+									height: e.height,
+									fill: "white",
+									rx: 4,
+									className: "drop-shadow-md"
+								}), /* @__PURE__ */ (0, f.jsx)("text", {
+									textAnchor: "middle",
+									dominantBaseline: "middle",
+									fill: "#374151",
+									className: "text-sm font-medium select-none pointer-events-none",
+									children: h(e.content, 15)
+								})] })
+							]
+						}, e.id))
+					})
+				}),
+				/* @__PURE__ */ (0, f.jsx)("div", {
+					className: "absolute bottom-4 left-4 right-4 text-center",
+					children: /* @__PURE__ */ (0, f.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__ */ (0, f.jsx)("div", {
+		className: "size-full flex items-center justify-center",
+		children: /* @__PURE__ */ (0, f.jsx)("p", {
+			className: "text-gray-400",
+			children: "No mood board data"
+		})
+	});
 }
-var D;
-function ie() {
-  return D || (D = 1, process.env.NODE_ENV === "production" ? v.exports = se() : v.exports = le()), v.exports;
+//#endregion
+//#region src/react/Preview.tsx
+function _({ result: e }) {
+	let t = e.data;
+	if (!t) return null;
+	let n = t.title || "Mood Board", r = t.items?.length || 0;
+	return /* @__PURE__ */ (0, f.jsxs)("div", {
+		className: "p-3 bg-gradient-to-br from-purple-50 to-pink-50 rounded-lg text-center",
+		children: [
+			/* @__PURE__ */ (0, f.jsx)("div", {
+				className: "text-2xl mb-1",
+				children: "🎨"
+			}),
+			/* @__PURE__ */ (0, f.jsx)("div", {
+				className: "text-purple-700 font-medium text-sm truncate",
+				children: n
+			}),
+			/* @__PURE__ */ (0, f.jsxs)("div", {
+				className: "text-xs text-gray-500 mt-1",
+				children: [r, " elements"]
+			})
+		]
+	});
 }
-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
-};
+//#endregion
+//#region src/react/index.ts
+var v = {
+	...i,
+	ViewComponent: g,
+	PreviewComponent: _,
+	samples: a
+}, y = { plugin: v };
+//#endregion
+export { _ as Preview, t as SYSTEM_PROMPT, e as TOOL_DEFINITION, r as TOOL_NAME, g as View, y as default, n as executeMoodBoard, v as plugin, i as pluginCore, a as samples };