@motiadev/plugin-example 0.8.2-beta.140-424079

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Motia
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE. 

package/README.md

@@ -0,0 +1,63 @@
+# @motiadev/plugin-example
+
+A minimal example plugin demonstrating the Motia plugin system.
+
+## Overview
+
+This plugin serves as a reference implementation showing how to create custom workbench plugins for Motia. It demonstrates:
+
+- Basic plugin structure and configuration
+- Creating custom workbench tabs
+- Using Motia's UI component library
+- Building with Vite and TypeScript
+
+## Installation
+
+```bash
+pnpm install
+```
+
+## Development
+
+```bash
+# Build the plugin
+pnpm run build
+
+# Watch mode for development
+pnpm run dev
+
+# Clean build artifacts
+pnpm run clean
+```
+
+## Usage
+
+To use this plugin in your Motia project, import it in your `motia.config.ts`:
+
+```typescript
+import examplePlugin from '@motiadev/plugin-example/plugin'
+
+export default {
+  plugins: [examplePlugin],
+}
+```
+
+## Structure
+
+```
+plugin-example/
+├── src/
+│   ├── components/
+│   │   └── example-page.tsx    # Main UI component
+│   ├── index.ts                # Package entry point
+│   ├── plugin.ts               # Plugin definition
+│   └── styles.css              # Tailwind styles
+├── package.json
+├── tsconfig.json
+├── vite.config.ts
+└── README.md
+```
+
+## Learn More
+
+For detailed documentation on creating plugins, see the [Plugins Guide](../../packages/docs/content/docs/development-guide/plugins.mdx).

package/dist/components/example-page.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+export declare const ExamplePage: React.FC;
+//# sourceMappingURL=example-page.d.ts.map

package/dist/components/example-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"example-page.d.ts","sourceRoot":"","sources":["../../src/components/example-page.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EA0D/B,CAAA"}

package/dist/index.cjs

@@ -0,0 +1,47 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react"),S=require("@motiadev/ui");var R={exports:{}},v={};/**
+ * @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 D;function oe(){if(D)return v;D=1;var a=Symbol.for("react.transitional.element"),s=Symbol.for("react.fragment");function c(d,u,o){var h=null;if(o!==void 0&&(h=""+o),u.key!==void 0&&(h=""+u.key),"key"in u){o={};for(var m in u)m!=="key"&&(o[m]=u[m])}else o=u;return u=o.ref,{$$typeof:a,type:d,key:h,ref:u!==void 0?u:null,props:o}}return v.Fragment=s,v.jsx=c,v.jsxs=c,v}var E={};/**
+ * @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 U;function le(){return U||(U=1,process.env.NODE_ENV!=="production"&&function(){function a(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===ae?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case T:return"Fragment";case X:return"Profiler";case G:return"StrictMode";case K:return"Suspense";case ee:return"SuspenseList";case te: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 V:return"Portal";case H:return(e.displayName||"Context")+".Provider";case Z:return(e._context.displayName||"Context")+".Consumer";case Q:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case re:return r=e.displayName||null,r!==null?r:a(e.type)||"Memo";case I:r=e._payload,e=e._init;try{return a(e(r))}catch{}}return null}function s(e){return""+e}function c(e){try{s(e);var r=!1}catch{r=!0}if(r){r=console;var n=r.error,l=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return n.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",l),s(e)}}function d(e){if(e===T)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===I)return"<...>";try{var r=a(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function u(){var e=k.A;return e===null?null:e.getOwner()}function o(){return Error("react-stack-top-frame")}function h(e){if(M.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function m(e,r){function n(){Y||(Y=!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)",r))}n.isReactWarning=!0,Object.defineProperty(e,"key",{get:n,configurable:!0})}function _(){var e=a(this.type);return $[e]||($[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,r,n,l,p,f,N,A){return n=f.ref,e={$$typeof:C,type:e,key:r,props:f,_owner:p},(n!==void 0?n:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:_}):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:N}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:A}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function g(e,r,n,l,p,f,N,A){var i=r.children;if(i!==void 0)if(l)if(ne(i)){for(l=0;l<i.length;l++)O(i[l]);Object.freeze&&Object.freeze(i)}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 O(i);if(M.call(r,"key")){i=a(e);var x=Object.keys(r).filter(function(se){return se!=="key"});l=0<x.length?"{key: someKey, "+x.join(": ..., ")+": ...}":"{key: someKey}",W[i+l]||(x=0<x.length?"{"+x.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} />`,l,i,x,i),W[i+l]=!0)}if(i=null,n!==void 0&&(c(n),i=""+n),h(r)&&(c(r.key),i=""+r.key),"key"in r){n={};for(var P in r)P!=="key"&&(n[P]=r[P])}else n=r;return i&&m(n,typeof e=="function"?e.displayName||e.name||"Unknown":e),w(e,i,f,p,u(),n,N,A)}function O(e){typeof e=="object"&&e!==null&&e.$$typeof===C&&e._store&&(e._store.validated=1)}var j=b,C=Symbol.for("react.transitional.element"),V=Symbol.for("react.portal"),T=Symbol.for("react.fragment"),G=Symbol.for("react.strict_mode"),X=Symbol.for("react.profiler"),Z=Symbol.for("react.consumer"),H=Symbol.for("react.context"),Q=Symbol.for("react.forward_ref"),K=Symbol.for("react.suspense"),ee=Symbol.for("react.suspense_list"),re=Symbol.for("react.memo"),I=Symbol.for("react.lazy"),te=Symbol.for("react.activity"),ae=Symbol.for("react.client.reference"),k=j.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,M=Object.prototype.hasOwnProperty,ne=Array.isArray,y=console.createTask?console.createTask:function(){return null};j={react_stack_bottom_frame:function(e){return e()}};var Y,$={},L=j.react_stack_bottom_frame.bind(j,o)(),F=y(d(o)),W={};E.Fragment=T,E.jsx=function(e,r,n,l,p){var f=1e4>k.recentlyCreatedOwnerStacks++;return g(e,r,n,!1,l,p,f?Error("react-stack-top-frame"):L,f?y(d(e)):F)},E.jsxs=function(e,r,n,l,p){var f=1e4>k.recentlyCreatedOwnerStacks++;return g(e,r,n,!0,l,p,f?Error("react-stack-top-frame"):L,f?y(d(e)):F)}}()),E}var q;function ie(){return q||(q=1,process.env.NODE_ENV==="production"?R.exports=oe():R.exports=le()),R.exports}var t=ie();/**
+ * @license lucide-react v0.548.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const ce=a=>a.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),ue=a=>a.replace(/^([A-Z])|[\s-_]+(\w)/g,(s,c,d)=>d?d.toUpperCase():c.toLowerCase()),z=a=>{const s=ue(a);return s.charAt(0).toUpperCase()+s.slice(1)},J=(...a)=>a.filter((s,c,d)=>!!s&&s.trim()!==""&&d.indexOf(s)===c).join(" ").trim(),de=a=>{for(const s in a)if(s.startsWith("aria-")||s==="role"||s==="title")return!0};/**
+ * @license lucide-react v0.548.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */var fe={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"};/**
+ * @license lucide-react v0.548.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const me=b.forwardRef(({color:a="currentColor",size:s=24,strokeWidth:c=2,absoluteStrokeWidth:d,className:u="",children:o,iconNode:h,...m},_)=>b.createElement("svg",{ref:_,...fe,width:s,height:s,stroke:a,strokeWidth:d?Number(c)*24/Number(s):c,className:J("lucide",u),...!o&&!de(m)&&{"aria-hidden":"true"},...m},[...h.map(([w,g])=>b.createElement(w,g)),...Array.isArray(o)?o:[o]]));/**
+ * @license lucide-react v0.548.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const pe=(a,s)=>{const c=b.forwardRef(({className:d,...u},o)=>b.createElement(me,{ref:o,iconNode:s,className:J(`lucide-${ce(z(a))}`,`lucide-${a}`,d),...u}));return c.displayName=z(a),c};/**
+ * @license lucide-react v0.548.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const he=[["path",{d:"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z",key:"1s2grr"}],["path",{d:"M20 2v4",key:"1rf3ol"}],["path",{d:"M22 4h-4",key:"gwowj6"}],["circle",{cx:"4",cy:"20",r:"2",key:"6kqj1y"}]],B=pe("sparkles",he),xe=()=>t.jsx("div",{className:"h-full w-full p-6 overflow-auto",children:t.jsxs("div",{className:"max-w-4xl mx-auto space-y-6",children:[t.jsxs("div",{className:"flex items-center gap-3",children:[t.jsx(B,{className:"w-8 h-8 text-primary"}),t.jsx("h1",{className:"text-3xl font-bold",children:"Example Plugin"}),t.jsx(S.Badge,{variant:"info",children:"v1.0.0"})]}),t.jsx("p",{className:"text-muted-foreground text-lg",children:"Welcome to the example plugin! This demonstrates the basic structure and functionality of a Motia plugin."}),t.jsxs("div",{className:"p-6 space-y-4",children:[t.jsx("h2",{className:"text-xl font-semibold",children:"What is this?"}),t.jsx("p",{className:"text-muted-foreground",children:"This is a minimal example plugin that shows how to create custom workbench tabs in Motia. Plugins can extend the Motia workbench with custom functionality, visualizations, and tools."}),t.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4 mt-6",children:[t.jsxs("div",{className:"p-4 border rounded-lg",children:[t.jsx("h3",{className:"font-semibold mb-2",children:"Easy to Create"}),t.jsx("p",{className:"text-sm text-muted-foreground",children:"Build plugins with React, TypeScript, and Tailwind CSS"})]}),t.jsxs("div",{className:"p-4 border rounded-lg",children:[t.jsx("h3",{className:"font-semibold mb-2",children:"Integrated"}),t.jsx("p",{className:"text-sm text-muted-foreground",children:"Seamlessly integrate with Motia's workbench UI"})]}),t.jsxs("div",{className:"p-4 border rounded-lg",children:[t.jsx("h3",{className:"font-semibold mb-2",children:"Powerful"}),t.jsx("p",{className:"text-sm text-muted-foreground",children:"Access Motia's plugin context and APIs"})]})]}),t.jsxs("div",{className:"flex gap-2 mt-6",children:[t.jsxs(S.Button,{variant:"default",children:[t.jsx(B,{className:"w-4 h-4"}),"Get Started"]}),t.jsx(S.Button,{variant:"outline",children:"View Documentation"})]})]}),t.jsxs("div",{className:"p-6 space-y-4",children:[t.jsx("h2",{className:"text-xl font-semibold",children:"Plugin Features"}),t.jsxs("ul",{className:"list-disc list-inside space-y-2 text-muted-foreground",children:[t.jsx("li",{children:"Custom workbench tabs with position control (top/bottom)"}),t.jsx("li",{children:"Access to Motia's UI components library"}),t.jsx("li",{children:"Integration with state management and APIs"}),t.jsx("li",{children:"Real-time updates through streams"}),t.jsx("li",{children:"TypeScript support with full type safety"})]})]})]})});exports.ExamplePage=xe;

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { ExamplePage } from './components/example-page';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAA;AAErB,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA"}

package/dist/index.js

@@ -0,0 +1,435 @@
+import le, { forwardRef as V, createElement as P } from "react";
+import { Badge as ie, Button as W } from "@motiadev/ui";
+var j = { exports: {} }, b = {};
+/**
+ * @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 D;
+function ce() {
+  if (D) return b;
+  D = 1;
+  var a = Symbol.for("react.transitional.element"), s = Symbol.for("react.fragment");
+  function c(d, u, o) {
+    var h = null;
+    if (o !== void 0 && (h = "" + o), u.key !== void 0 && (h = "" + u.key), "key" in u) {
+      o = {};
+      for (var m in u)
+        m !== "key" && (o[m] = u[m]);
+    } else o = u;
+    return u = o.ref, {
+      $$typeof: a,
+      type: d,
+      key: h,
+      ref: u !== void 0 ? u : null,
+      props: o
+    };
+  }
+  return b.Fragment = s, b.jsx = c, b.jsxs = c, b;
+}
+var v = {};
+/**
+ * @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 U;
+function ue() {
+  return U || (U = 1, process.env.NODE_ENV !== "production" && function() {
+    function a(e) {
+      if (e == null) return null;
+      if (typeof e == "function")
+        return e.$$typeof === ne ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
+        case w:
+          return "Fragment";
+        case Z:
+          return "Profiler";
+        case X:
+          return "StrictMode";
+        case ee:
+          return "Suspense";
+        case re:
+          return "SuspenseList";
+        case ae:
+          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 G:
+            return "Portal";
+          case Q:
+            return (e.displayName || "Context") + ".Provider";
+          case H:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case K:
+            var r = e.render;
+            return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case te:
+            return r = e.displayName || null, r !== null ? r : a(e.type) || "Memo";
+          case C:
+            r = e._payload, e = e._init;
+            try {
+              return a(e(r));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function s(e) {
+      return "" + e;
+    }
+    function c(e) {
+      try {
+        s(e);
+        var r = !1;
+      } catch {
+        r = !0;
+      }
+      if (r) {
+        r = console;
+        var n = r.error, l = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return n.call(
+          r,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          l
+        ), s(e);
+      }
+    }
+    function d(e) {
+      if (e === w) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === C)
+        return "<...>";
+      try {
+        var r = a(e);
+        return r ? "<" + r + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function u() {
+      var e = T.A;
+      return e === null ? null : e.getOwner();
+    }
+    function o() {
+      return Error("react-stack-top-frame");
+    }
+    function h(e) {
+      if (I.call(e, "key")) {
+        var r = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (r && r.isReactWarning) return !1;
+      }
+      return e.key !== void 0;
+    }
+    function m(e, r) {
+      function n() {
+        M || (M = !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)",
+          r
+        ));
+      }
+      n.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: n,
+        configurable: !0
+      });
+    }
+    function _() {
+      var e = a(this.type);
+      return Y[e] || (Y[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 R(e, r, n, l, p, f, N, y) {
+      return n = f.ref, e = {
+        $$typeof: O,
+        type: e,
+        key: r,
+        props: f,
+        _owner: p
+      }, (n !== void 0 ? n : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: _
+      }) : 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: N
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: y
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    function E(e, r, n, l, p, f, N, y) {
+      var i = r.children;
+      if (i !== void 0)
+        if (l)
+          if (se(i)) {
+            for (l = 0; l < i.length; l++)
+              S(i[l]);
+            Object.freeze && Object.freeze(i);
+          } 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 S(i);
+      if (I.call(r, "key")) {
+        i = a(e);
+        var x = Object.keys(r).filter(function(oe) {
+          return oe !== "key";
+        });
+        l = 0 < x.length ? "{key: someKey, " + x.join(": ..., ") + ": ...}" : "{key: someKey}", F[i + l] || (x = 0 < x.length ? "{" + x.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} />`,
+          l,
+          i,
+          x,
+          i
+        ), F[i + l] = !0);
+      }
+      if (i = null, n !== void 0 && (c(n), i = "" + n), h(r) && (c(r.key), i = "" + r.key), "key" in r) {
+        n = {};
+        for (var A in r)
+          A !== "key" && (n[A] = r[A]);
+      } else n = r;
+      return i && m(
+        n,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), R(
+        e,
+        i,
+        f,
+        p,
+        u(),
+        n,
+        N,
+        y
+      );
+    }
+    function S(e) {
+      typeof e == "object" && e !== null && e.$$typeof === O && e._store && (e._store.validated = 1);
+    }
+    var g = le, O = Symbol.for("react.transitional.element"), G = Symbol.for("react.portal"), w = Symbol.for("react.fragment"), X = Symbol.for("react.strict_mode"), Z = Symbol.for("react.profiler"), H = Symbol.for("react.consumer"), Q = Symbol.for("react.context"), K = Symbol.for("react.forward_ref"), ee = Symbol.for("react.suspense"), re = Symbol.for("react.suspense_list"), te = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), ae = Symbol.for("react.activity"), ne = Symbol.for("react.client.reference"), T = g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, I = Object.prototype.hasOwnProperty, se = Array.isArray, k = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    g = {
+      react_stack_bottom_frame: function(e) {
+        return e();
+      }
+    };
+    var M, Y = {}, $ = g.react_stack_bottom_frame.bind(
+      g,
+      o
+    )(), L = k(d(o)), F = {};
+    v.Fragment = w, v.jsx = function(e, r, n, l, p) {
+      var f = 1e4 > T.recentlyCreatedOwnerStacks++;
+      return E(
+        e,
+        r,
+        n,
+        !1,
+        l,
+        p,
+        f ? Error("react-stack-top-frame") : $,
+        f ? k(d(e)) : L
+      );
+    }, v.jsxs = function(e, r, n, l, p) {
+      var f = 1e4 > T.recentlyCreatedOwnerStacks++;
+      return E(
+        e,
+        r,
+        n,
+        !0,
+        l,
+        p,
+        f ? Error("react-stack-top-frame") : $,
+        f ? k(d(e)) : L
+      );
+    };
+  }()), v;
+}
+var q;
+function de() {
+  return q || (q = 1, process.env.NODE_ENV === "production" ? j.exports = ce() : j.exports = ue()), j.exports;
+}
+var t = de();
+/**
+ * @license lucide-react v0.548.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const fe = (a) => a.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), me = (a) => a.replace(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (s, c, d) => d ? d.toUpperCase() : c.toLowerCase()
+), z = (a) => {
+  const s = me(a);
+  return s.charAt(0).toUpperCase() + s.slice(1);
+}, B = (...a) => a.filter((s, c, d) => !!s && s.trim() !== "" && d.indexOf(s) === c).join(" ").trim(), pe = (a) => {
+  for (const s in a)
+    if (s.startsWith("aria-") || s === "role" || s === "title")
+      return !0;
+};
+/**
+ * @license lucide-react v0.548.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+var he = {
+  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"
+};
+/**
+ * @license lucide-react v0.548.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const xe = V(
+  ({
+    color: a = "currentColor",
+    size: s = 24,
+    strokeWidth: c = 2,
+    absoluteStrokeWidth: d,
+    className: u = "",
+    children: o,
+    iconNode: h,
+    ...m
+  }, _) => P(
+    "svg",
+    {
+      ref: _,
+      ...he,
+      width: s,
+      height: s,
+      stroke: a,
+      strokeWidth: d ? Number(c) * 24 / Number(s) : c,
+      className: B("lucide", u),
+      ...!o && !pe(m) && { "aria-hidden": "true" },
+      ...m
+    },
+    [
+      ...h.map(([R, E]) => P(R, E)),
+      ...Array.isArray(o) ? o : [o]
+    ]
+  )
+);
+/**
+ * @license lucide-react v0.548.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const be = (a, s) => {
+  const c = V(
+    ({ className: d, ...u }, o) => P(xe, {
+      ref: o,
+      iconNode: s,
+      className: B(
+        `lucide-${fe(z(a))}`,
+        `lucide-${a}`,
+        d
+      ),
+      ...u
+    })
+  );
+  return c.displayName = z(a), c;
+};
+/**
+ * @license lucide-react v0.548.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ve = [
+  [
+    "path",
+    {
+      d: "M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z",
+      key: "1s2grr"
+    }
+  ],
+  ["path", { d: "M20 2v4", key: "1rf3ol" }],
+  ["path", { d: "M22 4h-4", key: "gwowj6" }],
+  ["circle", { cx: "4", cy: "20", r: "2", key: "6kqj1y" }]
+], J = be("sparkles", ve), je = () => /* @__PURE__ */ t.jsx("div", { className: "h-full w-full p-6 overflow-auto", children: /* @__PURE__ */ t.jsxs("div", { className: "max-w-4xl mx-auto space-y-6", children: [
+  /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-3", children: [
+    /* @__PURE__ */ t.jsx(J, { className: "w-8 h-8 text-primary" }),
+    /* @__PURE__ */ t.jsx("h1", { className: "text-3xl font-bold", children: "Example Plugin" }),
+    /* @__PURE__ */ t.jsx(ie, { variant: "info", children: "v1.0.0" })
+  ] }),
+  /* @__PURE__ */ t.jsx("p", { className: "text-muted-foreground text-lg", children: "Welcome to the example plugin! This demonstrates the basic structure and functionality of a Motia plugin." }),
+  /* @__PURE__ */ t.jsxs("div", { className: "p-6 space-y-4", children: [
+    /* @__PURE__ */ t.jsx("h2", { className: "text-xl font-semibold", children: "What is this?" }),
+    /* @__PURE__ */ t.jsx("p", { className: "text-muted-foreground", children: "This is a minimal example plugin that shows how to create custom workbench tabs in Motia. Plugins can extend the Motia workbench with custom functionality, visualizations, and tools." }),
+    /* @__PURE__ */ t.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4 mt-6", children: [
+      /* @__PURE__ */ t.jsxs("div", { className: "p-4 border rounded-lg", children: [
+        /* @__PURE__ */ t.jsx("h3", { className: "font-semibold mb-2", children: "Easy to Create" }),
+        /* @__PURE__ */ t.jsx("p", { className: "text-sm text-muted-foreground", children: "Build plugins with React, TypeScript, and Tailwind CSS" })
+      ] }),
+      /* @__PURE__ */ t.jsxs("div", { className: "p-4 border rounded-lg", children: [
+        /* @__PURE__ */ t.jsx("h3", { className: "font-semibold mb-2", children: "Integrated" }),
+        /* @__PURE__ */ t.jsx("p", { className: "text-sm text-muted-foreground", children: "Seamlessly integrate with Motia's workbench UI" })
+      ] }),
+      /* @__PURE__ */ t.jsxs("div", { className: "p-4 border rounded-lg", children: [
+        /* @__PURE__ */ t.jsx("h3", { className: "font-semibold mb-2", children: "Powerful" }),
+        /* @__PURE__ */ t.jsx("p", { className: "text-sm text-muted-foreground", children: "Access Motia's plugin context and APIs" })
+      ] })
+    ] }),
+    /* @__PURE__ */ t.jsxs("div", { className: "flex gap-2 mt-6", children: [
+      /* @__PURE__ */ t.jsxs(W, { variant: "default", children: [
+        /* @__PURE__ */ t.jsx(J, { className: "w-4 h-4" }),
+        "Get Started"
+      ] }),
+      /* @__PURE__ */ t.jsx(W, { variant: "outline", children: "View Documentation" })
+    ] })
+  ] }),
+  /* @__PURE__ */ t.jsxs("div", { className: "p-6 space-y-4", children: [
+    /* @__PURE__ */ t.jsx("h2", { className: "text-xl font-semibold", children: "Plugin Features" }),
+    /* @__PURE__ */ t.jsxs("ul", { className: "list-disc list-inside space-y-2 text-muted-foreground", children: [
+      /* @__PURE__ */ t.jsx("li", { children: "Custom workbench tabs with position control (top/bottom)" }),
+      /* @__PURE__ */ t.jsx("li", { children: "Access to Motia's UI components library" }),
+      /* @__PURE__ */ t.jsx("li", { children: "Integration with state management and APIs" }),
+      /* @__PURE__ */ t.jsx("li", { children: "Real-time updates through streams" }),
+      /* @__PURE__ */ t.jsx("li", { children: "TypeScript support with full type safety" })
+    ] })
+  ] })
+] }) });
+export {
+  je as ExamplePage
+};

package/dist/plugin-example.css

@@ -0,0 +1 @@
+/*! tailwindcss v4.1.16 | 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-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-outline-style:solid}}}@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;--spacing:.25rem;--container-4xl:56rem;--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-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-semibold:600;--font-weight-bold:700;--radius-lg:.5rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-weight-500:var(--font-weight-500);--font-weight-600:var(--font-weight-600);--font-weight-700:var(--font-weight-700)}}@layer base{*{border-color:var(--border)}body{background-color:var(--background);color:var(--foreground)}*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.mx-auto{margin-inline:auto}.mt-6{margin-top:calc(var(--spacing)*6)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.flex{display:flex}.grid{display:grid}.h-4{height:calc(var(--spacing)*4)}.h-8{height:calc(var(--spacing)*8)}.h-full{height:100%}.w-4{width:calc(var(--spacing)*4)}.w-8{width:calc(var(--spacing)*8)}.w-full{width:100%}.max-w-4xl{max-width:var(--container-4xl)}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.items-center{align-items: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-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}: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)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}.overflow-auto{overflow:auto}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--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))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-muted-foreground{color:var(--muted-foreground)}.text-primary{color:var(--primary)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}@media (min-width:48rem){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}}:root{--default-font-family:"DM Sans",ui-sans-serif,sans-serif;--font-dm-mono:"DM Mono",ui-monospace,monospace;color-scheme:light dark;font-size:16px;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"),serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;--font-weight-500:500;--font-weight-600:600;--font-weight-700:700;--accent-1000:#2862fe;--accent-970:#2862fef7;--accent-950:#2862fef2;--accent-900:#2862fee5;--accent-800:#2862fecc;--accent-700:#2862feb2;--accent-600:#2862fe99;--accent-500:#2862fe80;--accent-400:#2862fe66;--accent-300:#2862fe4d;--accent-200:#2862fe33;--accent-100:#2862fe1a;--accent-50:#2862fe0d;--accent-30:#2862fe08;--dark-1000:#0a0a0a;--dark-970:#0a0a0af7;--dark-950:#0a0a0af2;--dark-900:#0a0a0ae5;--dark-800:#0a0a0acc;--dark-700:#0a0a0ab2;--dark-600:#0a0a0a99;--dark-500:#0a0a0a80;--dark-400:#0a0a0a66;--dark-300:#0a0a0a4d;--dark-200:#0a0a0a33;--dark-100:#0a0a0a1a;--dark-50:#0a0a0a0d;--dark-30:#0a0a0a08;--light-1000:#fff;--light-970:#fffffff7;--light-950:#fffffff2;--light-900:#ffffffe5;--light-800:#fffc;--light-700:#ffffffb2;--light-600:#fff9;--light-500:#ffffff80;--light-400:#fff6;--light-300:#ffffff4d;--light-200:#fff3;--light-100:#ffffff1a;--light-50:#ffffff0d;--light-30:#ffffff08;--error:#d61355;--canvas-background:#ebebeb;--background:var(--light-1000);--foreground:var(--dark-1000);--surface-content:var(--dark-30);--surface-component:var(--dark-50);--surface-light-100:var(--dark-100);--surface-light-200:var(--dark-200);--border:var(--dark-100);--border-accent:var(--accent-1000);--states-hover:var(--dark-30);--states-selected:var(--dark-100);--states-active:var(--accent-1000);--text-header:var(--dark-1000);--text-body:var(--dark-600);--text-placeholder:var(--dark-400);--text-accent:var(--accent-1000);--text-error:var(--error);--icon-active:var(--dark-1000);--icon-light:var(--dark-600);--icon-component:var(--dark-400);--icon-accent:var(--accent-1000);--primary:var(--accent-1000);--primary-foreground:var(--light-1000);--secondary:var(--surface-component);--secondary-foreground:var(--text-body);--muted:var(--surface-light-100);--muted-foreground:var(--text-body);--accent:var(--accent-1000);--accent-foreground:var(--light-1000);--destructive:var(--error);--destructive-foreground:var(--light-1000);--card:var(--surface-content);--card-foreground:var(--foreground);--popover:var(--surface-content);--popover-foreground:var(--foreground);--input:var(--states-hover);--ring:var(--border-accent);--chart-1:var(--accent-1000);--chart-2:var(--accent-800);--chart-3:var(--accent-600);--chart-4:var(--accent-400);--chart-5:var(--accent-200);--header:var(--background);--header-foreground:var(--text-header);--header-primary:var(--primary);--header-primary-foreground:var(--primary-foreground);--header-accent:var(--surface-component);--header-accent-foreground:var(--text-body);--header-border:var(--border);--header-ring:var(--ring);--sidebar:var(--background);--sidebar-foreground:var(--text-header);--sidebar-primary:var(--primary);--sidebar-primary-foreground:var(--primary-foreground);--sidebar-accent:var(--surface-component);--sidebar-accent-foreground:var(--text-body);--sidebar-border:var(--border);--sidebar-ring:var(--ring);width:100%}.dark{--canvas-background:#030303;--background:var(--dark-1000);--foreground:var(--light-1000);--surface-content:var(--light-30);--surface-component:var(--light-50);--surface-light-100:var(--light-100);--surface-light-200:var(--light-200);--border:var(--light-100);--states-hover:var(--light-30);--states-selected:var(--light-100);--text-header:var(--light-1000);--text-body:var(--light-600);--text-placeholder:var(--light-400);--icon-active:var(--light-1000);--icon-light:var(--light-600);--icon-component:var(--light-400);--secondary-foreground:var(--light-600);--muted-foreground:var(--light-600);--card:var(--surface-content);--card-foreground:var(--foreground);--popover:var(--surface-content);--popover-foreground:var(--foreground);--input:var(--states-hover);--ring:var(--border-accent);--chart-1:var(--accent-1000);--chart-2:var(--accent-800);--chart-3:var(--accent-600);--chart-4:var(--accent-400);--chart-5:var(--accent-200);--header:var(--background);--header-foreground:var(--text-header);--header-primary:var(--primary);--header-primary-foreground:var(--primary-foreground);--header-accent:var(--surface-component);--header-accent-foreground:var(--text-body);--header-border:var(--border);--header-ring:var(--ring);--sidebar:var(--background);--sidebar-foreground:var(--text-header);--sidebar-primary:var(--primary);--sidebar-primary-foreground:var(--primary-foreground);--sidebar-accent:var(--surface-component);--sidebar-accent-foreground:var(--text-body);--sidebar-border:var(--border);--sidebar-ring:var(--ring)}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}

package/dist/plugin.cjs

@@ -0,0 +1 @@
+"use strict";function e(a){return{workbench:[{packageName:"@motiadev/plugin-example",cssImports:["@motiadev/plugin-example/dist/plugin-example.css"],label:"Example",position:"bottom",componentName:"ExamplePage",labelIcon:"sparkles"}]}}module.exports=e;

package/dist/plugin.d.ts

@@ -0,0 +1,3 @@
+import { MotiaPlugin, MotiaPluginContext } from '@motiadev/core';
+export default function plugin(_motia: MotiaPluginContext): MotiaPlugin;
+//# sourceMappingURL=plugin.d.ts.map

package/dist/plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAA;AAErE,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,MAAM,EAAE,kBAAkB,GAAG,WAAW,CAatE"}

package/dist/plugin.js

@@ -0,0 +1,17 @@
+function a(e) {
+  return {
+    workbench: [
+      {
+        packageName: "@motiadev/plugin-example",
+        cssImports: ["@motiadev/plugin-example/dist/plugin-example.css"],
+        label: "Example",
+        position: "bottom",
+        componentName: "ExamplePage",
+        labelIcon: "sparkles"
+      }
+    ]
+  };
+}
+export {
+  a as default
+};

package/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "@motiadev/plugin-example",
+  "version": "0.8.2-beta.140-424079",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./plugin": {
+      "types": "./dist/plugin.d.ts",
+      "import": "./dist/plugin.js",
+      "require": "./dist/plugin.cjs"
+    },
+    "./styles.css": "./dist/styles.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "lucide-react": "^0.548.0"
+  },
+  "peerDependencies": {
+    "@motiadev/ui": "0.8.2-beta.140-424079",
+    "@motiadev/core": "0.8.2-beta.140-424079"
+  },
+  "devDependencies": {
+    "@tailwindcss/vite": "^4.1.16",
+    "@types/node": "^24.9.2",
+    "@types/react": "^19.2.2",
+    "@vitejs/plugin-react": "^5.1.0",
+    "postcss": "^8.5.6",
+    "react": "^19.2.0",
+    "tailwindcss": "^4.1.16",
+    "typescript": "^5.9.3",
+    "vite": "^7.1.12",
+    "vite-plugin-dts": "^4.5.4"
+  },
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite build --watch",
+    "clean": "rm -rf dist"
+  }
+}