@puckeditor/plugin-ai 0.0.1

package/dist/index.mjs

@@ -0,0 +1,1363 @@
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+
+// ../tsup-config/react-import.js
+import React from "react";
+var init_react_import = __esm({
+  "../tsup-config/react-import.js"() {
+    "use strict";
+  }
+});
+
+// ../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js
+var require_classnames = __commonJS({
+  "../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js"(exports, module) {
+    "use strict";
+    init_react_import();
+    (function() {
+      "use strict";
+      var hasOwn = {}.hasOwnProperty;
+      function classNames() {
+        var classes = "";
+        for (var i = 0; i < arguments.length; i++) {
+          var arg = arguments[i];
+          if (arg) {
+            classes = appendClass(classes, parseValue(arg));
+          }
+        }
+        return classes;
+      }
+      function parseValue(arg) {
+        if (typeof arg === "string" || typeof arg === "number") {
+          return arg;
+        }
+        if (typeof arg !== "object") {
+          return "";
+        }
+        if (Array.isArray(arg)) {
+          return classNames.apply(null, arg);
+        }
+        if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes("[native code]")) {
+          return arg.toString();
+        }
+        var classes = "";
+        for (var key in arg) {
+          if (hasOwn.call(arg, key) && arg[key]) {
+            classes = appendClass(classes, key);
+          }
+        }
+        return classes;
+      }
+      function appendClass(value, newClass) {
+        if (!newClass) {
+          return value;
+        }
+        if (value) {
+          return value + " " + newClass;
+        }
+        return value + newClass;
+      }
+      if (typeof module !== "undefined" && module.exports) {
+        classNames.default = classNames;
+        module.exports = classNames;
+      } else if (typeof define === "function" && typeof define.amd === "object" && define.amd) {
+        define("classnames", [], function() {
+          return classNames;
+        });
+      } else {
+        window.classNames = classNames;
+      }
+    })();
+  }
+});
+
+// index.ts
+init_react_import();
+
+// src/index.tsx
+init_react_import();
+
+// ../../node_modules/.pnpm/lucide-react@0.452.0_react@19.1.1/node_modules/lucide-react/dist/esm/lucide-react.js
+init_react_import();
+
+// ../../node_modules/.pnpm/lucide-react@0.452.0_react@19.1.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
+init_react_import();
+import { forwardRef as forwardRef2, createElement as createElement2 } from "react";
+
+// ../../node_modules/.pnpm/lucide-react@0.452.0_react@19.1.1/node_modules/lucide-react/dist/esm/shared/src/utils.js
+init_react_import();
+var toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+var mergeClasses = (...classes) => classes.filter((className, index, array) => {
+  return Boolean(className) && array.indexOf(className) === index;
+}).join(" ");
+
+// ../../node_modules/.pnpm/lucide-react@0.452.0_react@19.1.1/node_modules/lucide-react/dist/esm/Icon.js
+init_react_import();
+import { forwardRef, createElement } from "react";
+
+// ../../node_modules/.pnpm/lucide-react@0.452.0_react@19.1.1/node_modules/lucide-react/dist/esm/defaultAttributes.js
+init_react_import();
+var defaultAttributes = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+
+// ../../node_modules/.pnpm/lucide-react@0.452.0_react@19.1.1/node_modules/lucide-react/dist/esm/Icon.js
+var Icon = forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      color = "currentColor",
+      size = 24,
+      strokeWidth = 2,
+      absoluteStrokeWidth,
+      className = "",
+      children,
+      iconNode
+    } = _b, rest = __objRest(_b, [
+      "color",
+      "size",
+      "strokeWidth",
+      "absoluteStrokeWidth",
+      "className",
+      "children",
+      "iconNode"
+    ]);
+    return createElement(
+      "svg",
+      __spreadValues(__spreadProps(__spreadValues({
+        ref
+      }, defaultAttributes), {
+        width: size,
+        height: size,
+        stroke: color,
+        strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,
+        className: mergeClasses("lucide", className)
+      }), rest),
+      [
+        ...iconNode.map(([tag, attrs]) => createElement(tag, attrs)),
+        ...Array.isArray(children) ? children : [children]
+      ]
+    );
+  }
+);
+
+// ../../node_modules/.pnpm/lucide-react@0.452.0_react@19.1.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
+var createLucideIcon = (iconName, iconNode) => {
+  const Component = forwardRef2(
+    (_a, ref) => {
+      var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+      return createElement2(Icon, __spreadValues({
+        ref,
+        iconNode,
+        className: mergeClasses(`lucide-${toKebabCase(iconName)}`, className)
+      }, props));
+    }
+  );
+  Component.displayName = `${iconName}`;
+  return Component;
+};
+
+// ../../node_modules/.pnpm/lucide-react@0.452.0_react@19.1.1/node_modules/lucide-react/dist/esm/icons/arrow-right.js
+init_react_import();
+var ArrowRight = createLucideIcon("ArrowRight", [
+  ["path", { d: "M5 12h14", key: "1ays0h" }],
+  ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
+]);
+
+// ../../node_modules/.pnpm/lucide-react@0.452.0_react@19.1.1/node_modules/lucide-react/dist/esm/icons/arrow-up.js
+init_react_import();
+var ArrowUp = createLucideIcon("ArrowUp", [
+  ["path", { d: "m5 12 7-7 7 7", key: "hav0vg" }],
+  ["path", { d: "M12 19V5", key: "x0mq9r" }]
+]);
+
+// ../../node_modules/.pnpm/lucide-react@0.452.0_react@19.1.1/node_modules/lucide-react/dist/esm/icons/bot.js
+init_react_import();
+var Bot = createLucideIcon("Bot", [
+  ["path", { d: "M12 8V4H8", key: "hb8ula" }],
+  ["rect", { width: "16", height: "12", x: "4", y: "8", rx: "2", key: "enze0r" }],
+  ["path", { d: "M2 14h2", key: "vft8re" }],
+  ["path", { d: "M20 14h2", key: "4cs60a" }],
+  ["path", { d: "M15 13v2", key: "1xurst" }],
+  ["path", { d: "M9 13v2", key: "rq6x2g" }]
+]);
+
+// ../../node_modules/.pnpm/lucide-react@0.452.0_react@19.1.1/node_modules/lucide-react/dist/esm/icons/check.js
+init_react_import();
+var Check = createLucideIcon("Check", [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]]);
+
+// src/components/Chat/index.tsx
+init_react_import();
+import { useChat } from "@ai-sdk/react";
+import { createUsePuck, useGetPuck } from "@measured/puck";
+import { DefaultChatTransport } from "ai";
+import { useMemo as useMemo2, useRef as useRef3, useState as useState12 } from "react";
+import { ulid } from "ulid";
+
+// ../platform-client/index.ts
+init_react_import();
+
+// ../platform-client/components/ActionModal/index.ts
+init_react_import();
+
+// ../platform-client/components/ActionModal/ActionModal.tsx
+init_react_import();
+
+// css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/ActionModal/ActionModal.module.css#css-module
+init_react_import();
+var ActionModal_module_default = { "ActionModal": "_ActionModal_r3pvy_1", "ActionModal-header": "_ActionModal-header_r3pvy_6", "ActionModal-body": "_ActionModal-body_r3pvy_17", "ActionModal-footer": "_ActionModal-footer_r3pvy_22" };
+
+// ../platform-client/lib/index.ts
+init_react_import();
+
+// ../platform-client/lib/get-class-name-factory.ts
+init_react_import();
+var import_classnames = __toESM(require_classnames());
+var getClassNameFactory = (rootClass, styles, { baseClass = "" } = {}) => (options = {}) => {
+  let descendant = false;
+  let modifiers = false;
+  if (typeof options === "string") {
+    descendant = options;
+  } else if (typeof options === "object") {
+    modifiers = options;
+  }
+  if (descendant) {
+    const style = styles[`${rootClass}-${descendant}`];
+    if (style) {
+      return baseClass + styles[`${rootClass}-${descendant}`] || "";
+    }
+    return "";
+  } else if (modifiers) {
+    const prefixedModifiers = {};
+    for (let modifier in modifiers) {
+      prefixedModifiers[styles[`${rootClass}--${modifier}`]] = modifiers[modifier];
+    }
+    const c = styles[rootClass];
+    return baseClass + (0, import_classnames.default)(__spreadValues({
+      [c]: !!c
+    }, prefixedModifiers));
+  } else {
+    return baseClass + styles[rootClass] || "";
+  }
+};
+var get_class_name_factory_default = getClassNameFactory;
+
+// ../platform-client/components/Modal/Modal.tsx
+init_react_import();
+
+// css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Modal/Modal.module.css#css-module
+init_react_import();
+var Modal_module_default = { "Modal-background": "_Modal-background_874yi_1", "Modal--visible": "_Modal--visible_874yi_16", "Modal-modal": "_Modal-modal_874yi_22" };
+
+// ../platform-client/components/Modal/Modal.tsx
+import { createContext, useContext } from "react";
+
+// ../platform-client/lib/use-modal-visible.ts
+init_react_import();
+import { useEffect, useState, useRef } from "react";
+
+// ../platform-client/components/Button/index.ts
+init_react_import();
+
+// ../platform-client/components/Button/Button.tsx
+init_react_import();
+import { useEffect as useEffect2, useState as useState2 } from "react";
+
+// css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Button/Button.module.css#css-module
+init_react_import();
+var Button_module_default = { "Button": "_Button_w2ngt_1", "Button--medium": "_Button--medium_w2ngt_29", "Button--large": "_Button--large_w2ngt_37", "Button-icon": "_Button-icon_w2ngt_44", "Button--primary": "_Button--primary_w2ngt_48", "Button--secondary": "_Button--secondary_w2ngt_67", "Button--flush": "_Button--flush_w2ngt_84", "Button--disabled": "_Button--disabled_w2ngt_88", "Button--fullWidth": "_Button--fullWidth_w2ngt_95", "Button-spinner": "_Button-spinner_w2ngt_100" };
+
+// ../platform-client/components/Loader/index.tsx
+init_react_import();
+
+// css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Loader/styles.module.css#css-module
+init_react_import();
+var styles_module_default = { "Loader": "_Loader_nacdm_13", "loader-animation": "_loader-animation_nacdm_1" };
+
+// ../platform-client/components/Loader/index.tsx
+import { jsx } from "react/jsx-runtime";
+var getClassName = getClassNameFactory("Loader", styles_module_default);
+var Loader = (_a) => {
+  var _b = _a, {
+    color,
+    size = 16
+  } = _b, props = __objRest(_b, [
+    "color",
+    "size"
+  ]);
+  return /* @__PURE__ */ jsx(
+    "span",
+    __spreadValues({
+      className: getClassName(),
+      style: {
+        width: size,
+        height: size,
+        color
+      },
+      "aria-label": "loading"
+    }, props)
+  );
+};
+
+// ../platform-client/components/Button/Button.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var getClassName2 = get_class_name_factory_default("Button", Button_module_default);
+var Button = ({
+  children,
+  href,
+  onClick,
+  variant = "primary",
+  type,
+  disabled,
+  tabIndex,
+  newTab,
+  fullWidth,
+  icon,
+  size = "medium",
+  loading: loadingProp = false
+}) => {
+  const [loading, setLoading] = useState2(loadingProp);
+  useEffect2(() => setLoading(loadingProp), [loadingProp]);
+  const ElementType = href ? "a" : type ? "button" : "span";
+  const el = /* @__PURE__ */ jsxs(
+    ElementType,
+    {
+      className: getClassName2({
+        primary: variant === "primary",
+        secondary: variant === "secondary",
+        disabled,
+        fullWidth,
+        [size]: true
+      }),
+      onClick: (e) => {
+        if (disabled) return;
+        if (!onClick) return;
+        setLoading(true);
+        Promise.resolve(onClick(e)).then(() => {
+          setLoading(false);
+        });
+      },
+      type,
+      disabled: disabled || loading,
+      tabIndex,
+      target: newTab ? "_blank" : void 0,
+      rel: newTab ? "noreferrer" : void 0,
+      href,
+      children: [
+        icon && /* @__PURE__ */ jsx2("div", { className: getClassName2("icon"), children: icon }),
+        children,
+        loading && /* @__PURE__ */ jsx2("div", { className: getClassName2("spinner"), children: /* @__PURE__ */ jsx2(Loader, { size: 14 }) })
+      ]
+    }
+  );
+  return el;
+};
+
+// ../platform-client/components/Modal/Modal.tsx
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var getClassName3 = getClassNameFactory("Modal", Modal_module_default);
+var modalContext = createContext({ visible: false, setVisible: () => {
+}, ref: null });
+var Modal = ({
+  actionLabel = "Open",
+  children
+}) => {
+  const { visible, setVisible, ref } = useContext(modalContext);
+  return /* @__PURE__ */ jsxs2("div", { className: getClassName3({ visible }), children: [
+    /* @__PURE__ */ jsx3("div", { className: getClassName3("button"), children: /* @__PURE__ */ jsx3(
+      Button,
+      {
+        variant: "secondary",
+        onClick: () => {
+          setVisible(!visible);
+        },
+        children: actionLabel
+      }
+    ) }),
+    /* @__PURE__ */ jsx3("div", { className: getClassName3("background"), children: /* @__PURE__ */ jsx3("div", { className: getClassName3("modal"), ref, children }) })
+  ] });
+};
+
+// ../platform-client/components/Heading/index.ts
+init_react_import();
+
+// ../platform-client/components/Heading/Heading.tsx
+init_react_import();
+
+// css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Heading/Heading.module.css#css-module
+init_react_import();
+var Heading_module_default = { "Heading": "_Heading_1czuc_1", "Heading--xxxxl": "_Heading--xxxxl_1czuc_11", "Heading--xxxl": "_Heading--xxxl_1czuc_17", "Heading--xxl": "_Heading--xxl_1czuc_21", "Heading--xl": "_Heading--xl_1czuc_25", "Heading--l": "_Heading--l_1czuc_29", "Heading--m": "_Heading--m_1czuc_33", "Heading--s": "_Heading--s_1czuc_37", "Heading--xs": "_Heading--xs_1czuc_41", "Heading--xxs": "_Heading--xxs_1czuc_45" };
+
+// ../platform-client/components/Heading/Heading.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+var getClassName4 = get_class_name_factory_default("Heading", Heading_module_default);
+var Heading = ({ children, rank, size = "m" }) => {
+  const Tag2 = rank ? `h${rank}` : "span";
+  return /* @__PURE__ */ jsx4(
+    Tag2,
+    {
+      className: getClassName4({
+        [size]: true
+      }),
+      children
+    }
+  );
+};
+
+// ../platform-client/components/ActionModal/ActionModal.tsx
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+var getClassName5 = getClassNameFactory("ActionModal", ActionModal_module_default);
+var ActionModalFooter = ({ children }) => /* @__PURE__ */ jsx5("div", { className: getClassName5("footer"), children });
+var ActionModal = ({
+  actionLabel = "Open",
+  children,
+  title,
+  description,
+  actions
+}) => {
+  return /* @__PURE__ */ jsx5(Modal, { actionLabel, children: /* @__PURE__ */ jsxs3("div", { className: getClassName5(), children: [
+    /* @__PURE__ */ jsxs3("div", { className: getClassName5("header"), children: [
+      /* @__PURE__ */ jsx5(Heading, { size: "s", children: title }),
+      description && /* @__PURE__ */ jsx5("small", { children: description })
+    ] }),
+    /* @__PURE__ */ jsx5("div", { className: getClassName5("body"), children }),
+    actions && /* @__PURE__ */ jsx5(ActionModalFooter, { children: actions })
+  ] }) });
+};
+ActionModal.Footer = ActionModalFooter;
+
+// ../platform-client/components/AIAction/index.tsx
+init_react_import();
+import { Fragment, jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+
+// ../platform-client/components/Align/index.ts
+init_react_import();
+
+// ../platform-client/components/Align/Align.tsx
+init_react_import();
+import React2 from "react";
+
+// css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Align/Align.module.css#css-module
+init_react_import();
+var Align_module_default = { "Align": "_Align_oewlu_1", "Align--horizontalCenter": "_Align--horizontalCenter_oewlu_7", "Align--horizontalRight": "_Align--horizontalRight_oewlu_11", "Align--verticalBottom": "_Align--verticalBottom_oewlu_15", "Align--verticalCenter": "_Align--verticalCenter_oewlu_20", "Align-item": "_Align-item_oewlu_25" };
+
+// ../../node_modules/.pnpm/camelcase@8.0.0/node_modules/camelcase/index.js
+init_react_import();
+var IDENTIFIER = /([\p{Alpha}\p{N}_]|$)/u;
+var SEPARATORS = /[_.\- ]+/;
+var LEADING_SEPARATORS = new RegExp("^" + SEPARATORS.source);
+var SEPARATORS_AND_IDENTIFIER = new RegExp(SEPARATORS.source + IDENTIFIER.source, "gu");
+var NUMBERS_AND_IDENTIFIER = new RegExp("\\d+" + IDENTIFIER.source, "gu");
+
+// ../platform-client/components/Align/Align.tsx
+import { jsx as jsx7 } from "react/jsx-runtime";
+var getClassName6 = get_class_name_factory_default("Align", Align_module_default);
+
+// ../platform-client/components/AutoForm/index.ts
+init_react_import();
+
+// ../platform-client/components/AutoForm/AutoForm.tsx
+init_react_import();
+import { AutoField, FieldLabel } from "@measured/puck";
+import { useEffect as useEffect3, useState as useState3 } from "react";
+
+// css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/AutoForm/AutoForm.module.css#css-module
+init_react_import();
+var AutoForm_module_default = { "AutoForm": "_AutoForm_1vmh9_1" };
+
+// ../platform-client/components/AutoForm/AutoForm.tsx
+import { jsx as jsx8 } from "react/jsx-runtime";
+var getClassName7 = getClassNameFactory("AutoForm", AutoForm_module_default);
+
+// ../platform-client/components/Avatar/index.ts
+init_react_import();
+
+// ../platform-client/components/Avatar/Avatar.tsx
+init_react_import();
+
+// css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Avatar/Avatar.module.css#css-module
+init_react_import();
+var Avatar_module_default = { "Avatar": "_Avatar_meij0_1", "Avatar--onLightGrey": "_Avatar--onLightGrey_meij0_15", "Avatar--flush": "_Avatar--flush_meij0_19", "Avatar-image": "_Avatar-image_meij0_24", "Avatar-name": "_Avatar-name_meij0_41", "Avatar--smallText": "_Avatar--smallText_meij0_50", "Avatar--inline": "_Avatar--inline_meij0_54", "Avatar--muted": "_Avatar--muted_meij0_59" };
+
+// ../platform-client/components/Avatar/Avatar.tsx
+import Link from "next/link";
+import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
+var getClassName8 = get_class_name_factory_default("Avatar", Avatar_module_default);
+
+// ../platform-client/components/Card/index.ts
+init_react_import();
+
+// ../platform-client/components/Card/Card.tsx
+init_react_import();
+
+// css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Card/Card.module.css#css-module
+init_react_import();
+var Card_module_default = { "Card": "_Card_jzb6b_1", "Card-body": "_Card-body_jzb6b_17", "Card-title": "_Card-title_jzb6b_23", "Card-subtitle": "_Card-subtitle_jzb6b_27", "Card-chevron": "_Card-chevron_jzb6b_31", "Card--showChevron": "_Card--showChevron_jzb6b_37", "Card--isActive": "_Card--isActive_jzb6b_41" };
+
+// ../platform-client/components/Card/Card.tsx
+import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
+var getClassName9 = get_class_name_factory_default("Card", Card_module_default);
+
+// ../platform-client/components/Footer/index.tsx
+init_react_import();
+
+// css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Footer/styles.module.css#css-module
+init_react_import();
+var styles_module_default2 = { "Footer": "_Footer_eew04_1", "Footer--dark": "_Footer--dark_eew04_7", "Footer-inner": "_Footer-inner_eew04_13", "Footer-brand": "_Footer-brand_eew04_21", "Footer-main": "_Footer-main_eew04_26", "Footer-logo": "_Footer-logo_eew04_41", "Footer-copyright": "_Footer-copyright_eew04_46", "Footer-sections": "_Footer-sections_eew04_54", "Footer-section": "_Footer-section_eew04_54", "Footer-sectionHeader": "_Footer-sectionHeader_eew04_72", "Footer-icon": "_Footer-icon_eew04_77", "Footer-link": "_Footer-link_eew04_86" };
+
+// ../platform-client/components/Footer/index.tsx
+import Link2 from "next/link";
+
+// ../platform-client/components/Logo/index.tsx
+init_react_import();
+import { jsx as jsx11 } from "react/jsx-runtime";
+
+// ../platform-client/components/Footer/index.tsx
+import { jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
+var cx = getClassNameFactory("Footer", styles_module_default2);
+
+// ../platform-client/components/IconButton/index.ts
+init_react_import();
+
+// ../platform-client/components/IconButton/IconButton.tsx
+init_react_import();
+import { useState as useState4 } from "react";
+
+// css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/IconButton/IconButton.module.css#css-module
+init_react_import();
+var IconButton_module_default = { "IconButton": "_IconButton_thegm_1", "IconButton--disabled": "_IconButton--disabled_thegm_20", "IconButton--dark": "_IconButton--dark_thegm_26", "IconButton-title": "_IconButton-title_thegm_37" };
+
+// ../platform-client/components/IconButton/IconButton.tsx
+import { Fragment as Fragment2, jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
+var getClassName10 = get_class_name_factory_default("IconButton", IconButton_module_default);
+
+// ../platform-client/components/InfoBar/index.tsx
+init_react_import();
+
+// ../platform-client/components/InfoBar/InfoBar.tsx
+init_react_import();
+
+// css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/InfoBar/InfoBar.module.css#css-module
+init_react_import();
+var InfoBar_module_default = { "InfoBar": "_InfoBar_kchdj_1", "Info": "_Info_kchdj_1", "Info-title": "_Info-title_kchdj_21" };
+
+// ../platform-client/components/InfoBar/InfoBar.tsx
+import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
+var cx2 = getClassNameFactory("InfoBar", InfoBar_module_default);
+var cxInfo = getClassNameFactory("Info", InfoBar_module_default);
+var Info = ({ title, children }) => {
+  return /* @__PURE__ */ jsxs9("div", { className: cxInfo(), children: [
+    /* @__PURE__ */ jsx14("div", { className: cxInfo("title"), children: title }),
+    /* @__PURE__ */ jsx14("div", { className: cxInfo("children"), children })
+  ] });
+};
+var InfoBar = ({ children }) => {
+  return /* @__PURE__ */ jsx14("div", { className: cx2(), children });
+};
+InfoBar.Info = Info;
+
+// ../platform-client/components/Inline/index.ts
+init_react_import();
+
+// ../platform-client/components/Inline/Inline.tsx
+init_react_import();
+
+// css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Inline/Inline.module.css#css-module
+init_react_import();
+var Inline_module_default = { "Inline": "_Inline_6o5on_3", "Inline-inner": "_Inline-inner_6o5on_7", "Inline--noWrap": "_Inline--noWrap_6o5on_12", "Inline--sizeNONE": "_Inline--sizeNONE_6o5on_16", "Inline--sizeXXS": "_Inline--sizeXXS_6o5on_20", "Inline--sizeXS": "_Inline--sizeXS_6o5on_24", "Inline--sizeS": "_Inline--sizeS_6o5on_28", "Inline--sizeM": "_Inline--sizeM_6o5on_32", "Inline--sizeL": "_Inline--sizeL_6o5on_36", "Inline--center": "_Inline--center_6o5on_40", "Inline--centerH": "_Inline--centerH_6o5on_44", "Inline--grow": "_Inline--grow_6o5on_48" };
+
+// ../platform-client/components/Inline/Inline.tsx
+import { jsx as jsx15 } from "react/jsx-runtime";
+var getClassName11 = get_class_name_factory_default("Inline", Inline_module_default);
+var Inline = ({
+  children,
+  grow,
+  center,
+  size = "m",
+  noWrap,
+  centerH
+}) => /* @__PURE__ */ jsx15(
+  "div",
+  {
+    className: getClassName11({
+      grow,
+      center,
+      centerH,
+      noWrap,
+      [`size${size.toUpperCase()}`]: size
+    }),
+    children: /* @__PURE__ */ jsx15("div", { className: getClassName11("inner"), children })
+  }
+);
+var InlineItem = ({
+  children,
+  grow,
+  push,
+  shrink
+}) => /* @__PURE__ */ jsx15(
+  "div",
+  {
+    style: {
+      flexGrow: grow ? typeof grow === "number" ? grow : "1" : "0",
+      flexShrink: shrink ? "1" : "0",
+      marginLeft: push ? "auto" : 0,
+      maxWidth: "100%"
+    },
+    children
+  }
+);
+Inline.Item = InlineItem;
+
+// ../platform-client/components/Layout/index.ts
+init_react_import();
+
+// ../platform-client/components/Layout/Layout.tsx
+init_react_import();
+
+// css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Layout/Layout.module.css#css-module
+init_react_import();
+var Layout_module_default = { "Layout": "_Layout_hy65k_1", "Layout-switcher": "_Layout-switcher_hy65k_12", "Layout-bar": "_Layout-bar_hy65k_18", "Layout-nav": "_Layout-nav_hy65k_25", "Layout-page": "_Layout-page_hy65k_30" };
+
+// ../platform-client/components/Layout/Layout.tsx
+import { useEffect as useEffect4, useState as useState5 } from "react";
+
+// ../platform-client/components/Nav/index.ts
+init_react_import();
+
+// ../platform-client/components/Nav/Nav.tsx
+init_react_import();
+
+// css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Nav/Nav.module.css#css-module
+init_react_import();
+var Nav_module_default = { "Nav-list": "_Nav-list_b6txo_1", "NavSection": "_NavSection_b6txo_7", "Nav--slim": "_Nav--slim_b6txo_15", "NavSection-list": "_NavSection-list_b6txo_24", "NavSection-title": "_NavSection-title_b6txo_36", "NavItem-link": "_NavItem-link_b6txo_47", "NavItem-linkIcon": "_NavItem-linkIcon_b6txo_67", "NavItem--active": "_NavItem--active_b6txo_72", "NavItem": "_NavItem_b6txo_47", "NavItem-list": "_NavItem-list_b6txo_91" };
+
+// ../platform-client/components/Nav/Nav.tsx
+import Link3 from "next/link";
+import { usePathname } from "next/navigation";
+import { jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
+var getClassName12 = getClassNameFactory("Nav", Nav_module_default);
+var getClassNameSection = getClassNameFactory("NavSection", Nav_module_default);
+var getClassNameItem = getClassNameFactory("NavItem", Nav_module_default);
+
+// ../platform-client/components/Layout/Layout.tsx
+import { jsx as jsx17, jsxs as jsxs11 } from "react/jsx-runtime";
+var getClassName13 = getClassNameFactory("Layout", Layout_module_default);
+
+// ../platform-client/components/Link/index.ts
+init_react_import();
+
+// ../platform-client/components/Link/Link.tsx
+init_react_import();
+
+// css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Link/Link.module.css#css-module
+init_react_import();
+var Link_module_default = { "Link": "_Link_1j70m_1" };
+
+// ../platform-client/components/Link/Link.tsx
+import { jsx as jsx18 } from "react/jsx-runtime";
+var getClassName14 = get_class_name_factory_default("Link", Link_module_default);
+
+// ../platform-client/components/Modal/index.ts
+init_react_import();
+
+// ../platform-client/components/Page/index.ts
+init_react_import();
+
+// ../platform-client/components/Page/Page.tsx
+init_react_import();
+
+// css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Page/Page.module.css#css-module
+init_react_import();
+var Page_module_default = { "Page": "_Page_1uz1e_1", "Page-masthead": "_Page-masthead_1uz1e_8", "Page-crumbs": "_Page-crumbs_1uz1e_18", "Page-crumb": "_Page-crumb_1uz1e_18", "Page-crumbLink": "_Page-crumbLink_1uz1e_28", "Page-actions": "_Page-actions_1uz1e_60" };
+
+// ../platform-client/components/Page/Page.tsx
+import { jsx as jsx19, jsxs as jsxs12 } from "react/jsx-runtime";
+var cx3 = getClassNameFactory("Page", Page_module_default);
+
+// ../platform-client/components/Puck/index.ts
+init_react_import();
+
+// ../platform-client/components/Puck/Puck.tsx
+init_react_import();
+import { Puck as _Puck2 } from "@measured/puck";
+
+// ../platform-client/components/PuckLayout/index.ts
+init_react_import();
+
+// ../platform-client/components/PuckLayout/PuckLayout.tsx
+init_react_import();
+import { Puck as _Puck, usePuck as usePuck2 } from "@measured/puck";
+
+// ../platform-client/components/PuckHeader/index.ts
+init_react_import();
+
+// ../platform-client/components/PuckHeader/PuckHeader.tsx
+init_react_import();
+
+// css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/PuckHeader/PuckHeader.module.css#css-module
+init_react_import();
+var PuckHeader_module_default = { "PuckHeader": "_PuckHeader_19h0f_1", "PuckHeader-left": "_PuckHeader-left_19h0f_16", "PuckHeader-center": "_PuckHeader-center_19h0f_22", "PuckHeader-right": "_PuckHeader-right_19h0f_27", "PuckHeader-pageInput": "_PuckHeader-pageInput_19h0f_34", "PuckHeader-pageInputActions": "_PuckHeader-pageInputActions_19h0f_50", "PuckHeader-input": "_PuckHeader-input_19h0f_56", "PuckHeader-historyActions": "_PuckHeader-historyActions_19h0f_69" };
+
+// ../platform-client/components/PuckHeader/PuckHeader.tsx
+import { IconButton, usePuck } from "@measured/puck";
+
+// ../platform-client/context/editor.tsx
+init_react_import();
+import { createContext as createContext2, useContext as useContext2, useState as useState6 } from "react";
+import { jsx as jsx20 } from "react/jsx-runtime";
+var ctx = createContext2({});
+
+// ../platform-client/components/StatusTag/index.ts
+init_react_import();
+
+// ../platform-client/components/StatusTag/StatusTag.tsx
+init_react_import();
+
+// ../platform-client/components/Tag/index.ts
+init_react_import();
+
+// ../platform-client/components/Tag/Tag.tsx
+init_react_import();
+
+// css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Tag/Tag.module.css#css-module
+init_react_import();
+var Tag_module_default = { "Tag": "_Tag_1baze_1", "Tag--colorBlue": "_Tag--colorBlue_1baze_19", "Tag--colorGreen": "_Tag--colorGreen_1baze_23", "Tag--colorRed": "_Tag--colorRed_1baze_27", "Tag--colorMuted": "_Tag--colorMuted_1baze_31", "Tag-sprite": "_Tag-sprite_1baze_35", "Tag--pulse": "_Tag--pulse_1baze_39", "pulse": "_pulse_1baze_1" };
+
+// ../platform-client/components/Tag/Tag.tsx
+import { jsx as jsx21, jsxs as jsxs13 } from "react/jsx-runtime";
+var getClassName15 = getClassNameFactory("Tag", Tag_module_default);
+
+// ../platform-client/components/StatusTag/StatusTag.tsx
+import { jsx as jsx22 } from "react/jsx-runtime";
+
+// ../platform-client/components/PuckHeader/PuckHeader.tsx
+import { useEffect as useEffect5, useState as useState7 } from "react";
+
+// ../platform-client/components/AppSwitchers/index.ts
+init_react_import();
+
+// ../platform-client/components/AppSwitchers/AppSwitchers.tsx
+init_react_import();
+
+// css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/AppSwitchers/AppSwitchers.module.css#css-module
+init_react_import();
+var AppSwitchers_module_default = { "AppSwitchers": "_AppSwitchers_b7m1z_1", "AppSwitchers-divider": "_AppSwitchers-divider_b7m1z_8" };
+
+// ../platform-client/components/AppSwitchers/AppSwitchers.tsx
+import { useMemo } from "react";
+
+// ../platform-client/components/Switcher/index.ts
+init_react_import();
+
+// ../platform-client/components/Switcher/Switcher.tsx
+init_react_import();
+
+// css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Switcher/Switcher.module.css#css-module
+init_react_import();
+var Switcher_module_default = { "Switcher": "_Switcher_134wo_1", "Switcher-link": "_Switcher-link_134wo_8", "Switcher-switcher": "_Switcher-switcher_134wo_18", "Switcher--hasHref": "_Switcher--hasHref_134wo_29", "Switcher-logoInner": "_Switcher-logoInner_134wo_35", "Switcher-label": "_Switcher-label_134wo_42", "Switcher--slim": "_Switcher--slim_134wo_55", "Switcher-logo": "_Switcher-logo_134wo_35", "Switcher-menu": "_Switcher-menu_134wo_64", "Switcher--menuVisible": "_Switcher--menuVisible_134wo_75", "Switcher-menuList": "_Switcher-menuList_134wo_79", "Switcher-menuItemAction": "_Switcher-menuItemAction_134wo_85" };
+
+// ../platform-client/components/Switcher/Switcher.tsx
+import { Fragment as Fragment3, jsx as jsx23, jsxs as jsxs14 } from "react/jsx-runtime";
+var getClassName16 = getClassNameFactory("Switcher", Switcher_module_default);
+
+// ../platform-client/components/AppSwitchers/AppSwitchers.tsx
+import { Fragment as Fragment4, jsx as jsx24, jsxs as jsxs15 } from "react/jsx-runtime";
+var getClassName17 = getClassNameFactory("AppSwitchers", AppSwitchers_module_default);
+
+// ../platform-client/components/PuckHeader/PuckHeader.tsx
+import { Fragment as Fragment5, jsx as jsx25, jsxs as jsxs16 } from "react/jsx-runtime";
+var getClassName18 = get_class_name_factory_default("PuckHeader", PuckHeader_module_default);
+
+// ../platform-client/components/PuckLayout/PuckLayout.tsx
+import { useEffect as useEffect6, useState as useState8 } from "react";
+
+// css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/PuckLayout/PuckLayout.module.css#css-module
+init_react_import();
+var PuckLayout_module_default = { "PuckLayout": "_PuckLayout_1yvk1_1", "PuckLayout-layout": "_PuckLayout-layout_1yvk1_8", "PuckLayout-loader": "_PuckLayout-loader_1yvk1_15", "PuckLayout-sideHeader": "_PuckLayout-sideHeader_1yvk1_24", "PuckLayout-switcher": "_PuckLayout-switcher_1yvk1_32", "PuckLayout-nav": "_PuckLayout-nav_1yvk1_37", "PuckLayout-versionLoader": "_PuckLayout-versionLoader_1yvk1_42", "PuckLayout-versionList": "_PuckLayout-versionList_1yvk1_48", "PuckLayout-version": "_PuckLayout-version_1yvk1_42", "PuckLayout-versionBody": "_PuckLayout-versionBody_1yvk1_64", "PuckLayout-versionDetails": "_PuckLayout-versionDetails_1yvk1_71", "PuckLayout-versionInner": "_PuckLayout-versionInner_1yvk1_81", "PuckLayout-versionVersion": "_PuckLayout-versionVersion_1yvk1_86", "PuckLayout-versionStatus": "_PuckLayout-versionStatus_1yvk1_90", "PuckLayout-versionAuthor": "_PuckLayout-versionAuthor_1yvk1_104", "PuckLayout-versionAuthorName": "_PuckLayout-versionAuthorName_1yvk1_108", "PuckLayout-versionDate": "_PuckLayout-versionDate_1yvk1_112", "PuckLayout-fields": "_PuckLayout-fields_1yvk1_117", "PuckLayout-sidebar": "_PuckLayout-sidebar_1yvk1_121" };
+
+// ../platform-client/components/PuckLayout/PuckLayout.tsx
+import { jsx as jsx26, jsxs as jsxs17 } from "react/jsx-runtime";
+var getClassName19 = getClassNameFactory("PuckLayout", PuckLayout_module_default);
+
+// ../platform-client/components/Puck/Puck.tsx
+import { useEffect as useEffect7, useState as useState9 } from "react";
+import { useSearchParams } from "next/navigation";
+import { jsx as jsx27 } from "react/jsx-runtime";
+
+// ../platform-client/components/Section/index.ts
+init_react_import();
+
+// ../platform-client/components/Section/Section.tsx
+init_react_import();
+
+// css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Section/Section.module.css#css-module
+init_react_import();
+var Section_module_default = { "Section-inner": "_Section-inner_1uwo0_1", "Section--flush": "_Section--flush_1uwo0_8", "Section": "_Section_1uwo0_1", "Section--full": "_Section--full_1uwo0_17" };
+
+// ../platform-client/components/Section/Section.tsx
+import { jsx as jsx28 } from "react/jsx-runtime";
+var getClassName20 = getClassNameFactory("Section", Section_module_default);
+
+// ../platform-client/components/Table/index.ts
+init_react_import();
+
+// ../platform-client/components/Table/Table.tsx
+init_react_import();
+import { useState as useState10 } from "react";
+
+// css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Table/Table.module.css#css-module
+init_react_import();
+var Table_module_default = { "Table": "_Table_1t44j_1", "Table-filters": "_Table-filters_1t44j_8", "Table-inner": "_Table-inner_1t44j_12", "Table-table": "_Table-table_1t44j_16", "Table-footer": "_Table-footer_1t44j_78", "Table--clickableRows": "_Table--clickableRows_1t44j_82", "Table-placeholder": "_Table-placeholder_1t44j_87" };
+
+// ../platform-client/components/Table/Table.tsx
+import { jsx as jsx29, jsxs as jsxs18 } from "react/jsx-runtime";
+var getClassName21 = get_class_name_factory_default("Table", Table_module_default);
+
+// ../platform-client/components/Tabs/index.ts
+init_react_import();
+
+// ../platform-client/components/Tabs/Tabs.tsx
+init_react_import();
+
+// css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Tabs/Tabs.module.css#css-module
+init_react_import();
+var Tabs_module_default = { "Tabs": "_Tabs_1d592_1", "TabItem": "_TabItem_1d592_8", "TabItem-link": "_TabItem-link_1d592_12", "TabItem-icon": "_TabItem-icon_1d592_23", "TabItem--isActive": "_TabItem--isActive_1d592_29" };
+
+// ../platform-client/components/Tabs/Tabs.tsx
+import Link4 from "next/link";
+import { usePathname as usePathname2 } from "next/navigation";
+import { jsx as jsx30, jsxs as jsxs19 } from "react/jsx-runtime";
+var getClassName22 = getClassNameFactory("Tabs", Tabs_module_default);
+var getClassNameTab = getClassNameFactory("TabItem", Tabs_module_default);
+
+// ../platform-client/components/Textarea/index.tsx
+init_react_import();
+import { default as default2 } from "react-textarea-autosize";
+
+// ../platform-client/components/VerticalSpace/index.ts
+init_react_import();
+
+// ../platform-client/components/VerticalSpace/VerticalSpace.tsx
+init_react_import();
+
+// css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/VerticalSpace/VerticalSpace.module.css#css-module
+init_react_import();
+var VerticalSpace_module_default = { "VerticalSpace": "_VerticalSpace_1tjaw_1", "VerticalSpace--size4": "_VerticalSpace--size4_1tjaw_5", "VerticalSpace--size8": "_VerticalSpace--size8_1tjaw_9", "VerticalSpace--size16": "_VerticalSpace--size16_1tjaw_13", "VerticalSpace--size32": "_VerticalSpace--size32_1tjaw_17", "VerticalSpace--size40": "_VerticalSpace--size40_1tjaw_21", "VerticalSpace--size48": "_VerticalSpace--size48_1tjaw_25", "VerticalSpace--size56": "_VerticalSpace--size56_1tjaw_29", "VerticalSpace--size96": "_VerticalSpace--size96_1tjaw_33", "VerticalSpace--size128": "_VerticalSpace--size128_1tjaw_37" };
+
+// ../platform-client/components/VerticalSpace/VerticalSpace.tsx
+import { jsx as jsx31 } from "react/jsx-runtime";
+var getClassName23 = get_class_name_factory_default("VerticalSpace", VerticalSpace_module_default);
+
+// css-module:/Users/chrisvilla/Projects/puck-platform/packages/plugin-ai/src/components/Chat/styles.module.css#css-module
+init_react_import();
+var styles_module_default3 = { "Chat": "_Chat_1p4ln_1", "Chat-header": "_Chat-header_1p4ln_8", "Chat-placeholder": "_Chat-placeholder_1p4ln_22", "Chat-actions": "_Chat-actions_1p4ln_40", "Chat-action": "_Chat-action_1p4ln_40", "Chat-actionOutlined": "_Chat-actionOutlined_1p4ln_49" };
+
+// src/components/ChatBody/index.tsx
+init_react_import();
+import { useContext as useContext3 } from "react";
+import { useStickToBottom } from "use-stick-to-bottom";
+import Markdown from "react-markdown";
+
+// css-module:/Users/chrisvilla/Projects/puck-platform/packages/plugin-ai/src/components/ChatBody/styles.module.css#css-module
+init_react_import();
+var styles_module_default4 = { "Chat": "_Chat_dx6l4_1", "Chat-inner": "_Chat-inner_dx6l4_17", "Chat--hasMessages": "_Chat--hasMessages_dx6l4_25", "Chat--hasChildren": "_Chat--hasChildren_dx6l4_29", "Chat-messages": "_Chat-messages_dx6l4_34", "Chat-form": "_Chat-form_dx6l4_41", "Chat--hideInput": "_Chat--hideInput_dx6l4_46", "Chat-formHelper": "_Chat-formHelper_dx6l4_60", "Chat-examplePrompts": "_Chat-examplePrompts_dx6l4_75", "Chat-examplePrompt": "_Chat-examplePrompt_dx6l4_75", "Chat-examplePromptArrow": "_Chat-examplePromptArrow_dx6l4_103", "Chat-default": "_Chat-default_dx6l4_107", "ChatMessage": "_ChatMessage_dx6l4_124", "ChatMessage--userRole": "_ChatMessage--userRole_dx6l4_129", "ChatMessage-text": "_ChatMessage-text_dx6l4_129", "ChatMessage-data": "_ChatMessage-data_dx6l4_219", "ChatMessage-dataInner": "_ChatMessage-dataInner_dx6l4_230", "ChatMessage-dataIcon": "_ChatMessage-dataIcon_dx6l4_236", "Chat-loader": "_Chat-loader_dx6l4_240" };
+
+// src/components/PromptForm/index.tsx
+init_react_import();
+import {
+  useEffect as useEffect8,
+  useRef as useRef2,
+  useState as useState11
+} from "react";
+
+// css-module:/Users/chrisvilla/Projects/puck-platform/packages/plugin-ai/src/components/PromptForm/styles.module.css#css-module
+init_react_import();
+var styles_module_default5 = { "PromptForm": "_PromptForm_136g1_1", "PromptForm-inner": "_PromptForm-inner_136g1_8", "PromptForm--dark": "_PromptForm--dark_136g1_14", "PromptForm--glow": "_PromptForm--glow_136g1_19", "PromptForm-glow": "_PromptForm-glow_136g1_19", "loop": "_loop_136g1_1", "PromptForm-formInner": "_PromptForm-formInner_136g1_60", "PromptForm-input": "_PromptForm-input_136g1_64", "PromptForm--disabled": "_PromptForm--disabled_136g1_92", "PromptForm-helper": "_PromptForm-helper_136g1_97", "PromptForm-actions": "_PromptForm-actions_136g1_107", "PromptForm-actionsLeft": "_PromptForm-actionsLeft_136g1_118", "PromptForm-actionsRight": "_PromptForm-actionsRight_136g1_124", "PromptForm-actionSubmit": "_PromptForm-actionSubmit_136g1_128", "PromptForm--isDisabled": "_PromptForm--isDisabled_136g1_147", "PromptForm--isLoading": "_PromptForm--isLoading_136g1_152" };
+
+// src/components/PromptForm/index.tsx
+import { jsx as jsx32, jsxs as jsxs20 } from "react/jsx-runtime";
+var cx4 = getClassNameFactory("PromptForm", styles_module_default5);
+function PromptForm({
+  actions,
+  colorScheme = "light",
+  glow,
+  handleSubmit,
+  helperText,
+  inputRef,
+  isDisabled,
+  isLoading,
+  placeholder = "Create a page for..."
+}) {
+  const hasSetInitialPrompt = useRef2(false);
+  const [prompt, setPrompt] = useState11("");
+  const sendPrompt = () => {
+    if (isLoading || isDisabled) return;
+    if (handleSubmit) {
+      handleSubmit(prompt);
+    }
+    setPrompt("");
+  };
+  useEffect8(() => {
+    const currentUrl = new URL(location.href);
+    const initialPrompt = currentUrl.searchParams.get("initialPrompt");
+    if (!hasSetInitialPrompt.current && initialPrompt && prompt === "") {
+      hasSetInitialPrompt.current = true;
+      setPrompt(initialPrompt);
+    }
+  }, [setPrompt]);
+  return /* @__PURE__ */ jsxs20(
+    "div",
+    {
+      className: cx4({
+        isDisabled,
+        isLoading,
+        dark: colorScheme === "dark",
+        glow
+      }),
+      children: [
+        helperText ? /* @__PURE__ */ jsx32("div", { className: cx4("helper"), children: helperText }) : null,
+        /* @__PURE__ */ jsxs20("div", { className: cx4("inner"), children: [
+          /* @__PURE__ */ jsx32("span", { className: cx4("glow") }),
+          /* @__PURE__ */ jsx32(
+            "form",
+            {
+              onSubmit: (e) => {
+                e.preventDefault();
+                sendPrompt();
+              },
+              children: /* @__PURE__ */ jsxs20("div", { className: cx4("formInner"), children: [
+                /* @__PURE__ */ jsx32(
+                  default2,
+                  {
+                    className: cx4("input"),
+                    name: "prompt",
+                    minRows: 2,
+                    placeholder,
+                    disabled: isDisabled,
+                    value: prompt,
+                    ref: inputRef,
+                    onChange: (e) => setPrompt(e.target.value),
+                    onKeyDown: (e) => {
+                      if (!e.shiftKey && e.key === "Enter") {
+                        e.preventDefault();
+                      }
+                    },
+                    onKeyUp: (e) => {
+                      if (!e.shiftKey && e.key === "Enter") {
+                        e.preventDefault();
+                        sendPrompt();
+                      }
+                    }
+                  }
+                ),
+                /* @__PURE__ */ jsxs20("div", { className: cx4("actions"), children: [
+                  /* @__PURE__ */ jsx32("div", { className: cx4("actionsLeft"), children: actions }),
+                  /* @__PURE__ */ jsx32("div", { className: cx4("actionsRight"), children: /* @__PURE__ */ jsx32(
+                    "button",
+                    {
+                      className: cx4("actionSubmit"),
+                      type: "submit",
+                      disabled: isLoading,
+                      children: /* @__PURE__ */ jsx32(ArrowUp, {})
+                    }
+                  ) })
+                ] })
+              ] })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+
+// src/lib/context.ts
+init_react_import();
+import { createContext as createContext3 } from "react";
+var toolStatusContext = createContext3({});
+var ToolStatusProvider = toolStatusContext.Provider;
+
+// src/components/ChatBody/index.tsx
+import { jsx as jsx33, jsxs as jsxs21 } from "react/jsx-runtime";
+var cx5 = getClassNameFactory("Chat", styles_module_default4);
+var cxMessage = getClassNameFactory("ChatMessage", styles_module_default4);
+var ignoredParts = ["data-puck-actions", "step-start", "step-finish"];
+function ChatBody({
+  children,
+  examplePrompts,
+  handleSubmit,
+  hideInput,
+  inputRef,
+  messages = [],
+  status
+}) {
+  const { scrollRef, contentRef } = useStickToBottom();
+  const hasMessages = messages && messages.length > 0;
+  return /* @__PURE__ */ jsxs21("div", { className: cx5({ hasMessages, hasChildren: !!children, hideInput }), children: [
+    children ? /* @__PURE__ */ jsx33("div", { className: cx5("default"), children }) : null,
+    /* @__PURE__ */ jsxs21("div", { className: cx5("inner"), ref: scrollRef, children: [
+      /* @__PURE__ */ jsx33("div", { className: cx5("messages"), ref: contentRef, children: messages.toReversed().map((message) => /* @__PURE__ */ jsx33(ChatMessage, { message }, message.id)) }),
+      status === "submitted" && /* @__PURE__ */ jsx33("div", { className: cx5("loader"), children: /* @__PURE__ */ jsx33(Loader, {}) }),
+      /* @__PURE__ */ jsxs21("div", { className: cx5("form"), children: [
+        /* @__PURE__ */ jsx33(
+          PromptForm,
+          {
+            glow: !hasMessages,
+            handleSubmit,
+            inputRef,
+            isLoading: status === "submitted" || status === "streaming",
+            placeholder: "What do you want to build?"
+          }
+        ),
+        examplePrompts ? /* @__PURE__ */ jsx33("div", { className: cx5("examplePrompts"), children: examplePrompts }) : null
+      ] })
+    ] })
+  ] });
+}
+function ChatMessage({ message }) {
+  const { role, parts } = message;
+  return /* @__PURE__ */ jsx33(
+    "div",
+    {
+      className: cxMessage({ [`${role}Role`]: true }),
+      "data-message-id": message.id,
+      children: parts.filter((part) => !ignoredParts.includes(part.type)).map((part, i) => /* @__PURE__ */ jsx33(
+        ChatMessagePart,
+        {
+          part,
+          role
+        },
+        `${message.id}-${part.type}-${i}`
+      ))
+    }
+  );
+}
+function ChatMessageWrapper({
+  children,
+  role
+}) {
+  if (role === "assistant") {
+    return /* @__PURE__ */ jsx33(Markdown, { children });
+  }
+  return /* @__PURE__ */ jsx33("span", { children });
+}
+function ChatMessagePart({
+  part,
+  role
+}) {
+  if (part.type === "text") {
+    return /* @__PURE__ */ jsx33("div", { className: cxMessage("text"), children: /* @__PURE__ */ jsx33(ChatMessageWrapper, { role, children: part.text }) });
+  }
+  if (part.type === "tool-createPage") {
+    return /* @__PURE__ */ jsx33(PuckTool, __spreadValues({}, part));
+  }
+  if (part.type === "tool-updatePage") {
+    return /* @__PURE__ */ jsx33(PuckTool, __spreadValues({}, part));
+  }
+  if (part.type === "tool-userTool") {
+    return /* @__PURE__ */ jsx33(PuckTool, __spreadValues({}, part));
+  }
+  return null;
+}
+function PuckTool({
+  toolCallId,
+  output,
+  defaultLabel = "Thinking..."
+}) {
+  const toolStatus = useContext3(toolStatusContext)[toolCallId];
+  const outputObj = output;
+  const status = outputObj && "status" in outputObj ? outputObj.status : toolStatus != null ? toolStatus : { loading: true, label: defaultLabel };
+  return /* @__PURE__ */ jsx33(PuckAction, { description: status.label, loading: status.loading });
+}
+function PuckAction({
+  loading,
+  description
+}) {
+  return /* @__PURE__ */ jsx33("div", { className: cxMessage("data"), children: /* @__PURE__ */ jsxs21("div", { className: cxMessage("dataInner"), children: [
+    /* @__PURE__ */ jsx33("div", { className: cxMessage("dataIcon"), children: loading ? /* @__PURE__ */ jsx33(Loader, { size: 16 }) : /* @__PURE__ */ jsx33(Check, { size: 18 }) }),
+    /* @__PURE__ */ jsx33("div", { children: description })
+  ] }) });
+}
+function ExamplePrompt({
+  label,
+  href
+}) {
+  return /* @__PURE__ */ jsxs21("a", { className: cx5("examplePrompt"), href, children: [
+    /* @__PURE__ */ jsx33("div", { children: label }),
+    /* @__PURE__ */ jsx33("div", { className: cx5("examplePromptArrow"), children: /* @__PURE__ */ jsx33(ArrowRight, { size: "16" }) })
+  ] });
+}
+
+// src/components/Chat/index.tsx
+import { jsx as jsx34, jsxs as jsxs22 } from "react/jsx-runtime";
+var prefixedUlid = (prefix = "") => `${prefix ? `${prefix}_` : ""}${ulid()}`;
+var getClassName24 = getClassNameFactory("Chat", styles_module_default3);
+var usePuck3 = createUsePuck();
+function Chat({
+  chatId,
+  examplePrompts,
+  host = "/api/puck/chat",
+  initialMessages = []
+}) {
+  const puckDispatch = usePuck3((s) => s.dispatch);
+  const getPuck = useGetPuck();
+  const [localChatId, setLocalChatId] = useState12(chatId);
+  const inputRef = useRef3(null);
+  const pluginRef = useRef3(null);
+  const [toolStatus, setToolStatus] = useState12({});
+  const { messages, status, sendMessage } = useChat({
+    generateId: () => prefixedUlid("msg"),
+    messages: initialMessages,
+    transport: new DefaultChatTransport({
+      api: host,
+      prepareSendMessagesRequest: (opts) => {
+        return {
+          body: __spreadProps(__spreadValues({}, opts.body), {
+            id: opts.id,
+            trigger: opts.trigger,
+            messages: opts.messages,
+            pageData: getPuck().appState.data,
+            config: getPuck().config
+          })
+        };
+      }
+    }),
+    onData: (dataPart) => {
+      switch (dataPart.type) {
+        case "data-new-chat-created": {
+          setLocalChatId(dataPart.data.chatId);
+          return;
+        }
+        case "data-puck-actions": {
+          dataPart.data.forEach((action) => {
+            try {
+              puckDispatch(action);
+            } catch (e) {
+              console.error("Bad action: ", action);
+              console.error(e);
+            }
+          });
+          return;
+        }
+        case "data-tool-status": {
+          setToolStatus((s) => __spreadProps(__spreadValues({}, s), {
+            [dataPart.data.toolCallId]: dataPart.data.status
+          }));
+          return;
+        }
+        default:
+          console.warn("dataPart without case:", dataPart);
+          return;
+      }
+    }
+  });
+  const handleSubmit = (prompt) => {
+    const text = prompt.trim();
+    if (!text) {
+      return;
+    }
+    sendMessage(
+      {
+        text
+      },
+      {
+        body: {
+          chatId: localChatId
+        }
+      }
+    ).catch((e) => {
+      console.error(e);
+    });
+  };
+  const messagesWithStatuses = useMemo2(() => {
+    return messages.map((msg) => {
+      return __spreadProps(__spreadValues({}, msg), {
+        parts: msg.parts.map((part) => {
+          if ("toolCallId" in part) {
+            return __spreadProps(__spreadValues({}, part), { status: toolStatus[part.toolCallId] });
+          }
+          return part;
+        })
+      });
+    });
+  }, [messages, toolStatus]);
+  return /* @__PURE__ */ jsxs22("div", { className: getClassName24(), ref: pluginRef, children: [
+    /* @__PURE__ */ jsx34("div", { className: getClassName24("header"), children: "AI page builder" }),
+    /* @__PURE__ */ jsx34(ToolStatusProvider, { value: toolStatus, children: /* @__PURE__ */ jsx34(
+      ChatBody,
+      {
+        messages: messagesWithStatuses,
+        handleSubmit,
+        inputRef,
+        status,
+        examplePrompts: examplePrompts == null ? void 0 : examplePrompts.map(({ label, href }) => /* @__PURE__ */ jsx34(ExamplePrompt, { label, href }, label)),
+        children: /* @__PURE__ */ jsx34(
+          Placeholder,
+          {
+            dispatch: puckDispatch,
+            inputRef,
+            pluginRef
+          }
+        )
+      }
+    ) })
+  ] });
+}
+function Placeholder({
+  dispatch,
+  inputRef,
+  pluginRef
+}) {
+  const handleEnterPromptClick = () => {
+    var _a;
+    (_a = inputRef.current) == null ? void 0 : _a.focus({ preventScroll: true });
+    setTimeout(() => {
+      if (pluginRef.current && inputRef.current && !isScrolledIntoView(inputRef.current)) {
+        const box = pluginRef.current.getBoundingClientRect();
+        const top = box.top - (window.innerHeight - box.height) / 2;
+        window.scrollTo({
+          behavior: "smooth",
+          top
+        });
+      }
+    }, 10);
+  };
+  return /* @__PURE__ */ jsxs22("div", { className: getClassName24("placeholder"), children: [
+    /* @__PURE__ */ jsx34(Bot, { size: "24" }),
+    /* @__PURE__ */ jsx34("div", { children: "Use AI to build a page using your own components" }),
+    /* @__PURE__ */ jsxs22("div", { className: getClassName24("actions"), children: [
+      /* @__PURE__ */ jsx34(
+        "button",
+        {
+          className: getClassName24("action"),
+          onClick: handleEnterPromptClick,
+          children: "Enter prompt"
+        }
+      ),
+      /* @__PURE__ */ jsx34(
+        "button",
+        {
+          className: getClassName24("actionOutlined"),
+          onClick: () => {
+            dispatch({
+              type: "setUi",
+              ui: { plugin: { current: "blocks" } }
+            });
+          },
+          children: "Build manually"
+        }
+      )
+    ] })
+  ] });
+}
+function isScrolledIntoView(el) {
+  const rect = el.getBoundingClientRect();
+  const elemTop = rect.top;
+  const elemBottom = rect.bottom;
+  return elemTop >= 0 && elemBottom <= window.innerHeight;
+}
+
+// src/index.tsx
+import { jsx as jsx35 } from "react/jsx-runtime";
+function createAIPlugin(opts) {
+  return {
+    label: "AI",
+    name: "ai",
+    render: () => /* @__PURE__ */ jsx35(Chat, __spreadValues({}, opts)),
+    icon: /* @__PURE__ */ jsx35(Bot, {}),
+    mobilePanelHeight: "min-content"
+  };
+}
+var src_default = createAIPlugin;
+export {
+  ChatBody,
+  src_default as default
+};
+/*! Bundled license information:
+
+classnames/index.js:
+  (*!
+  	Copyright (c) 2018 Jed Watson.
+  	Licensed under the MIT License (MIT), see
+  	http://jedwatson.github.io/classnames
+  *)
+
+lucide-react/dist/esm/shared/src/utils.js:
+lucide-react/dist/esm/defaultAttributes.js:
+lucide-react/dist/esm/Icon.js:
+lucide-react/dist/esm/createLucideIcon.js:
+lucide-react/dist/esm/icons/arrow-right.js:
+lucide-react/dist/esm/icons/arrow-up.js:
+lucide-react/dist/esm/icons/bot.js:
+lucide-react/dist/esm/icons/check.js:
+lucide-react/dist/esm/lucide-react.js:
+  (**
+   * @license lucide-react v0.452.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+*/