@adyen/bento-mcp 0.1.0 → 0.1.1

package/dist/assets/components/modal/modal.docs.mdx

@@ -84,10 +84,10 @@ Some properties can only be applied to `bento-modal`:
 
 Additionally, there are also properties applied only to `bento-modal-page`:
 
-| Property Name  | Description                                                                                   |
-| -------------- | --------------------------------------------------------------------------------------------- |
-| `pageId`       | The id of the page, used with `bento-modal` activePage prop to control navigation             |
-| `previousPage` | Can be set to null to hide the back button, or to a `pageId` to override the normal behaviour |
+| Property Name  | Description                                                                                  |
+| -------------- | -------------------------------------------------------------------------------------------- |
+| `pageId`       | The id of the page, used with `bento-modal` activePage prop to control navigation            |
+| `previousPage` | Can be set to null to hide the back button, or to a `pageId` to override the normal behavior |
 
 #### Dismissible
 

package/dist/assets/components/modal-fullscreen/modal-fullscreen.docs.mdx

@@ -83,10 +83,10 @@ Some properties can only be applied to `bento-modal-fullscreen`:
 
 Additionally, there are also properties applied only to `bento-modal-fullscreen-page`:
 
-| Property Name  | Description                                                                                   |
-| -------------- | --------------------------------------------------------------------------------------------- |
-| `pageId`       | The id of the page, used with `bento-modal-fullscreen` activePage prop to control navigation  |
-| `previousPage` | Can be set to null to hide the back button, or to a `pageId` to override the normal behaviour |
+| Property Name  | Description                                                                                  |
+| -------------- | -------------------------------------------------------------------------------------------- |
+| `pageId`       | The id of the page, used with `bento-modal-fullscreen` activePage prop to control navigation |
+| `previousPage` | Can be set to null to hide the back button, or to a `pageId` to override the normal behavior |
 
 ### Title
 
@@ -206,7 +206,7 @@ It indicates the browser to ignore all the elements with `inert` attribute appli
 ### Keyboard interaction
 
 - User can use `Tab` key to move focus to the trigger and use `Spacebar`/`Enter` to activate the sidepanel.
-- The `Tab` should change focus between interactive elements in Fullscreen Modal (if there are few). This behaviour
+- The `Tab` should change focus between interactive elements in Fullscreen Modal (if there are few). This behavior
   should only exist when Fullscreen Modal is open and should not extend outside of the dialog (focus trap).
 - When user uses `Esc` button, Fullscreen Modal should close and return focus to the trigger.
     - _OR_ when user use tab key to move focus to the dismiss/close button and then use Spacebar/Enter key -> we close

package/dist/assets/components/sidepanel/sidepanel.docs.mdx

@@ -19,18 +19,18 @@ with the main screen.
 
 Examples:
 
--   Create new object
--   Edit existing object
--   Settings/Configuration
--   Context related learning article
--   Other similar use cases
+- Create new object
+- Edit existing object
+- Settings/Configuration
+- Context related learning article
+- Other similar use cases
 
 ### Do not use
 
 For a small complexity tasks
 
--   Rename
--   Changing of only one setting
+- Rename
+- Changing of only one setting
 
 In those cases, use Modal component instead.
 
@@ -55,9 +55,9 @@ Each `sidepanel-page` component has three different sections:
 
 The header sections can contain three different elements:
 
--   Title (optional), this can be passed with the `title` prop.
--   Back button (optional), if the user has navigated deeper in the hierarchy and `previousPage` is not set to null.
--   Close button (optional), shows on the right top corner of the page if `isDismissible` is set to `true`.
+- Title (optional), this can be passed with the `title` prop.
+- Back button (optional), if the user has navigated deeper in the hierarchy and `previousPage` is not set to null.
+- Close button (optional), shows on the right top corner of the page if `isDismissible` is set to `true`.
 
 ### Content area
 
@@ -82,21 +82,21 @@ This is the list of properties, applicable to `bento-sidepanel`
 
 This is the list of properties, applicable to `bento-sidepanel-page`
 
-| Property Name        | Description                                                                                   |
-| -------------------- | --------------------------------------------------------------------------------------------- |
-| `pageId`             | The id of the page, used to control navigation                                                |
-| `previousPage`       | Can be set to null to hide the back button, or to a `pageId` to override the normal behaviour |
-| `title`              | Title of the page                                                                             |
-| `actions`            | List of actions that will be used to render the buttons                                       |
-| `actionsLabel`       | Text label that is displayed left to the action buttons                                       |
-| `destructiveActions` | If passed - sets first button color to red                                                    |
+| Property Name        | Description                                                                                  |
+| -------------------- | -------------------------------------------------------------------------------------------- |
+| `pageId`             | The id of the page, used to control navigation                                               |
+| `previousPage`       | Can be set to null to hide the back button, or to a `pageId` to override the normal behavior |
+| `title`              | Title of the page                                                                            |
+| `actions`            | List of actions that will be used to render the buttons                                      |
+| `actionsLabel`       | Text label that is displayed left to the action buttons                                      |
+| `destructiveActions` | If passed - sets first button color to red                                                   |
 
 ### isDismissible vs hideCloseButton
 
 The `isDismissible` property determines whether the sidepanel can be closed by clicking outside of the panel.
 
--   When `isDismissible=true`, a close button is displayed by default.
--   When `isDismissible=false`, a close button is hidden by default.
+- When `isDismissible=true`, a close button is displayed by default.
+- When `isDismissible=false`, a close button is hidden by default.
 
 To independently control the visibility of the close button while `isDismissible` is set, use the `hideCloseButton`
 property.
@@ -117,13 +117,13 @@ It indicates the browser to ignore all the elements with `inert` attribute appli
 
 ### Keyboard interaction
 
--   User can use `Tab` key to move focus to the trigger and use `Spacebar`/`Enter` to activate the sidepanel.
--   The `Tab` should change focus between interactive elements in Sidepanel (if there are few). This behaviour should
-    only exist when Sidepanel is open and should not extend outside of the Sidepanel window (focus trap).
--   When user uses `Esc` button, Sidepanel should close and return focus to the trigger.
-    -   _OR_ when user use tab key to move focus to the dismiss/close button and then use Spacebar/Enter key -> we close
-        the sidepanel and return focus to the trigger
+- User can use `Tab` key to move focus to the trigger and use `Spacebar`/`Enter` to activate the sidepanel.
+- The `Tab` should change focus between interactive elements in Sidepanel (if there are few). This behavior should only
+  exist when Sidepanel is open and should not extend outside of the Sidepanel window (focus trap).
+- When user uses `Esc` button, Sidepanel should close and return focus to the trigger.
+    - _OR_ when user use tab key to move focus to the dismiss/close button and then use Spacebar/Enter key -> we close
+      the sidepanel and return focus to the trigger
 
 ## Resources
 
--   [Figma link](https://www.figma.com/file/uLabwF3243jdMDsNSP7U9I/Bento---Components?type=design&node-id=16389-6643&mode=design&t=2CFK9xp3h3zaSfYF-0)
+- [Figma link](https://www.figma.com/file/uLabwF3243jdMDsNSP7U9I/Bento---Components?type=design&node-id=16389-6643&mode=design&t=2CFK9xp3h3zaSfYF-0)

package/dist/assets/components/summary-grid/summary-grid.docs.mdx

@@ -13,7 +13,7 @@ import * as SummaryGridItemCustomStories from './components/summary-grid-item-cu
 Summary grid is a set of summary card items that are placed on a 12 column grid and can be used to highlight key
 information on your page.
 
-You can choose to use summary grid (based on 12 columns) or summary cards individually (hug content behaviour, no grid).
+You can choose to use summary grid (based on 12 columns) or summary cards individually (hug content behavior, no grid).
 
 <Canvas sourceState="closed">
     <Story of={SummaryGridStories.Default} />

package/dist/assets/components/tabs/tabs.docs.mdx

@@ -13,7 +13,7 @@ page. Selecting another tab replaces content with the new tab’s content.
 
 ## Do's
 
-- Use tabs on content-heavy pages to organise related content into different views. This can help reduce cognitive load.
+- Use tabs on content-heavy pages to organize related content into different views. This can help reduce cognitive load.
 - Use concise tab headers that are easily understandable, ideally one or two words.
 
 ### Do not's

package/dist/assets/components/toast/toast.docs.mdx

@@ -3,7 +3,7 @@
 Toast is a concise and temporary message that provides feedback on app’s processes after user takes an action, without
 disrupting their flow or requiring them to act on it.
 
-### Behaviour
+### Behavior
 
 When a user performs an action that triggers a toast message, it appears on the bottom right corner of the screen (or in
 the middle on smaller screens).
@@ -41,7 +41,7 @@ obscure the toast. When you need to provide feedback on actions taken within a m
 The `bento-toast` component doesn't accept any props, however its state is managed by a global reactive state. To be
 able to add and display toast messages, you should:
 
--   Initialize the **Bento plugin** with the toasts enabled by setting the `withToast` property to `true`
+- Initialize the **Bento plugin** with the toasts enabled by setting the `withToast` property to `true`
 
 ```typescript
 // index.ts
@@ -51,9 +51,9 @@ import BentoVue from '@adyen/bento-vue2';
 Vue.use(BentoVue, { withToast: true });
 ```
 
--   Import and instantiate the `bento-toast` component in the root of your application. The Toast component can be
-    anywhere on the app but it should only be included once, therefore it is recommended to have it on the root of your
-    app, namely in the `App.vue` file.
+- Import and instantiate the `bento-toast` component in the root of your application. The Toast component can be
+  anywhere on the app but it should only be included once, therefore it is recommended to have it on the root of your
+  app, namely in the `App.vue` file.
 
 ```html
 // App.vue
@@ -75,9 +75,9 @@ Vue.use(BentoVue, { withToast: true });
 </script>
 ```
 
--   Import the `useBentoToastController` composable in whatever component you might need to trigger a toast message.
-    Upon executing, `useBentoToastController()` composable will retrun `addToast()` method which would allow to register
-    new toasts messages.
+- Import the `useBentoToastController` composable in whatever component you might need to trigger a toast message. Upon
+  executing, `useBentoToastController()` composable will return `addToast()` method which would allow to register new
+  toasts messages.
 
 ```typescript
 <script lang="ts">
@@ -147,5 +147,5 @@ navigation and will be announced as non-interactive by assistive technology.
 
 ## Resources
 
--   [Figma link](https://www.figma.com/design/uLabwF3243jdMDsNSP7U9I/Bento---Components?node-id=2342-42474)
--   [WAI-ARIA guidelines](https://www.w3.org/WAI/WCAG22/Techniques/aria/ARIA22)
+- [Figma link](https://www.figma.com/design/uLabwF3243jdMDsNSP7U9I/Bento---Components?node-id=2342-42474)
+- [WAI-ARIA guidelines](https://www.w3.org/WAI/WCAG22/Techniques/aria/ARIA22)

package/dist/assets/index.ts

@@ -1 +1 @@
-import BentoVue from './install'; export * from './components/accordion'; export * from './components/action-bar'; export * from './components/alert'; export * from './components/avatar'; export * from './components/button'; export * from './components/dashed-underline'; export * from './components/data-grid'; export * from './components/card'; export * from './components/date-picker'; export * from './components/date-range-picker'; export * from './components/dropdown'; export * from './components/checkbox'; export * from './components/chip'; export * from './components/click-outside'; export * from './components/code-snippet'; export * from './components/country'; export * from './components/currency'; export * from './components/date'; export * from './components/divider'; export * from './components/empty-state'; export * from './components/file-uploader'; export * from './components/filter-bar'; export * from './components/form-layout'; export * from './components/header-with-views'; export * from './components/image'; export * from './components/info-icon'; export * from './components/input-field'; export * from './components/input-field-password'; export * from './components/input-field-phone-number'; export * from './components/inspector'; export * from './components/layout'; export * from './components/loading-indicator'; export * from './components/link'; export * from './components/menu'; export * from './components/modal'; export * from './components/modal-fullscreen'; export * from './components/header'; export * from './components/pagination'; export * from './components/payment-method'; export * from './components/popover'; export * from './components/promo-banner'; export * from './components/radio-group'; export * from './components/rich-text-editor'; export * from './components/search-bar'; export * from './components/secondary-nav'; export * from './components/selection-card'; export * from './components/segmented-control'; export * from './components/sidepanel'; export * from './components/status'; export * from './components/stepper'; export * from './components/structured-list'; export * from './components/summary-grid'; export * from './components/tabs'; export * from './components/tag'; export * from './components/textarea'; export * from './components/timeline'; export * from './components/toast'; export * from './components/toggle'; export * from './components/tutorial'; export * from './components/typography'; // Export Composables export * from './composables/use-bento-base-filter'; export * from './composables/use-bento-currency'; export * from './composables/use-bento-theme'; export * from './composables/use-bento-toast-controller'; export * from './composables/use-click-outside'; export * from './composables/use-form-validate'; // Export Templates export * from './templates/dashboard-template'; export * from './templates/data-grid-template'; // Export Types export * from './types'; // Export Directives export * from './directives'; // AdlVue Plugin export default BentoVue; export { BentoTheme } from './install'; 
+import BentoVue from './install'; export * from './components/accordion'; export * from './components/action-bar'; export * from './components/ai-tag'; export * from './components/alert'; export * from './components/avatar'; export * from './components/button'; export * from './components/dashed-underline'; export * from './components/data-grid'; export * from './components/card'; export * from './components/date-picker'; export * from './components/date-range-picker'; export * from './components/dropdown'; export * from './components/checkbox'; export * from './components/chip'; export * from './components/click-outside'; export * from './components/code-snippet'; export * from './components/country'; export * from './components/currency'; export * from './components/date'; export * from './components/divider'; export * from './components/empty-state'; export * from './components/file-uploader'; export * from './components/filter-bar'; export * from './components/form-layout'; export * from './components/header-with-views'; export * from './components/image'; export * from './components/info-icon'; export * from './components/input-field'; export * from './components/input-field-password'; export * from './components/input-field-phone-number'; export * from './components/inspector'; export * from './components/layout'; export * from './components/loading-indicator'; export * from './components/link'; export * from './components/menu'; export * from './components/modal'; export * from './components/modal-fullscreen'; export * from './components/header'; export * from './components/pagination'; export * from './components/payment-method'; export * from './components/popover'; export * from './components/promo-banner'; export * from './components/radio-group'; export * from './components/rich-text-editor'; export * from './components/search-bar'; export * from './components/secondary-nav'; export * from './components/selection-card'; export * from './components/segmented-control'; export * from './components/sidepanel'; export * from './components/status'; export * from './components/stepper'; export * from './components/structured-list'; export * from './components/summary-grid'; export * from './components/tabs'; export * from './components/tag'; export * from './components/textarea'; export * from './components/timeline'; export * from './components/toast'; export * from './components/toggle'; export * from './components/tutorial'; export * from './components/typography'; // Export Composables export * from './composables/use-bento-base-filter'; export * from './composables/use-bento-currency'; export * from './composables/use-bento-theme'; export * from './composables/use-bento-toast-controller'; export * from './composables/use-click-outside'; export * from './composables/use-form-validate'; // Export Templates export * from './templates/dashboard-template'; export * from './templates/data-grid-template'; // Export Types export * from './types'; // Export Directives export * from './directives'; // AdlVue Plugin export default BentoVue; export { BentoTheme } from './install'; 

package/dist/main.js

@@ -22277,7 +22277,7 @@ function object(shape, params) {
   return new ZodMiniObject(def);
 }
 
-// node_modules/.pnpm/@modelcontextprotocol+sdk@1.25.3_hono@4.11.7_zod@4.3.6/node_modules/@modelcontextprotocol/sdk/dist/esm/server/zod-compat.js
+// node_modules/.pnpm/@modelcontextprotocol+sdk@1.26.0_zod@4.3.6/node_modules/@modelcontextprotocol/sdk/dist/esm/server/zod-compat.js
 function isZ4Schema(s) {
   const schema = s;
   return !!schema._zod;
@@ -24567,7 +24567,7 @@ function date4(params) {
 // node_modules/.pnpm/zod@4.3.6/node_modules/zod/v4/classic/external.js
 config(en_default2());
 
-// node_modules/.pnpm/@modelcontextprotocol+sdk@1.25.3_hono@4.11.7_zod@4.3.6/node_modules/@modelcontextprotocol/sdk/dist/esm/types.js
+// node_modules/.pnpm/@modelcontextprotocol+sdk@1.26.0_zod@4.3.6/node_modules/@modelcontextprotocol/sdk/dist/esm/types.js
 var LATEST_PROTOCOL_VERSION = "2025-11-25";
 var SUPPORTED_PROTOCOL_VERSIONS = [LATEST_PROTOCOL_VERSION, "2025-06-18", "2025-03-26", "2024-11-05", "2024-10-07"];
 var RELATED_TASK_META_KEY = "io.modelcontextprotocol/related-task";
@@ -26085,7 +26085,7 @@ var UrlElicitationRequiredError = class extends McpError {
   }
 };
 
-// node_modules/.pnpm/@modelcontextprotocol+sdk@1.25.3_hono@4.11.7_zod@4.3.6/node_modules/@modelcontextprotocol/sdk/dist/esm/experimental/tasks/interfaces.js
+// node_modules/.pnpm/@modelcontextprotocol+sdk@1.26.0_zod@4.3.6/node_modules/@modelcontextprotocol/sdk/dist/esm/experimental/tasks/interfaces.js
 function isTerminal(status) {
   return status === "completed" || status === "failed" || status === "cancelled";
 }
@@ -27374,7 +27374,7 @@ var zodToJsonSchema = (schema, options) => {
   return combined;
 };
 
-// node_modules/.pnpm/@modelcontextprotocol+sdk@1.25.3_hono@4.11.7_zod@4.3.6/node_modules/@modelcontextprotocol/sdk/dist/esm/server/zod-json-schema-compat.js
+// node_modules/.pnpm/@modelcontextprotocol+sdk@1.26.0_zod@4.3.6/node_modules/@modelcontextprotocol/sdk/dist/esm/server/zod-json-schema-compat.js
 function mapMiniTarget(t) {
   if (!t)
     return "draft-7";
@@ -27416,7 +27416,7 @@ function parseWithCompat(schema, data) {
   return result.data;
 }
 
-// node_modules/.pnpm/@modelcontextprotocol+sdk@1.25.3_hono@4.11.7_zod@4.3.6/node_modules/@modelcontextprotocol/sdk/dist/esm/shared/protocol.js
+// node_modules/.pnpm/@modelcontextprotocol+sdk@1.26.0_zod@4.3.6/node_modules/@modelcontextprotocol/sdk/dist/esm/shared/protocol.js
 var DEFAULT_REQUEST_TIMEOUT_MSEC = 6e4;
 var Protocol = class {
   constructor(_options) {
@@ -27593,6 +27593,9 @@ var Protocol = class {
    * The Protocol object assumes ownership of the Transport, replacing any callbacks that have already been set, and expects that it is the only user of the Transport instance going forward.
    */
   async connect(transport) {
+    if (this._transport) {
+      throw new Error("Already connected to a transport. Call close() before connecting to a new transport, or use a separate Protocol instance per connection.");
+    }
     this._transport = transport;
     const _onclose = this.transport?.onclose;
     this._transport.onclose = () => {
@@ -27625,6 +27628,10 @@ var Protocol = class {
     this._progressHandlers.clear();
     this._taskProgressTokens.clear();
     this._pendingDebouncedNotifications.clear();
+    for (const controller of this._requestHandlerAbortControllers.values()) {
+      controller.abort();
+    }
+    this._requestHandlerAbortControllers.clear();
     const error48 = McpError.fromError(ErrorCode.ConnectionClosed, "Connection closed");
     this._transport = void 0;
     this.onclose?.();
@@ -27675,6 +27682,8 @@ var Protocol = class {
       sessionId: capturedTransport?.sessionId,
       _meta: request.params?._meta,
       sendNotification: async (notification) => {
+        if (abortController.signal.aborted)
+          return;
         const notificationOptions = { relatedRequestId: request.id };
         if (relatedTaskId) {
           notificationOptions.relatedTask = { taskId: relatedTaskId };
@@ -27682,6 +27691,9 @@ var Protocol = class {
         await this.notification(notification, notificationOptions);
       },
       sendRequest: async (r, resultSchema, options) => {
+        if (abortController.signal.aborted) {
+          throw new McpError(ErrorCode.ConnectionClosed, "Request was cancelled");
+        }
         const requestOptions = { ...options, relatedRequestId: request.id };
         if (relatedTaskId && !requestOptions.relatedTask) {
           requestOptions.relatedTask = { taskId: relatedTaskId };
@@ -28352,7 +28364,7 @@ function mergeCapabilities(base, additional) {
   return result;
 }
 
-// node_modules/.pnpm/@modelcontextprotocol+sdk@1.25.3_hono@4.11.7_zod@4.3.6/node_modules/@modelcontextprotocol/sdk/dist/esm/validation/ajv-provider.js
+// node_modules/.pnpm/@modelcontextprotocol+sdk@1.26.0_zod@4.3.6/node_modules/@modelcontextprotocol/sdk/dist/esm/validation/ajv-provider.js
 var import_ajv = __toESM(require_ajv(), 1);
 var import_ajv_formats = __toESM(require_dist(), 1);
 function createDefaultAjvInstance() {
@@ -28420,7 +28432,7 @@ var AjvJsonSchemaValidator = class {
   }
 };
 
-// node_modules/.pnpm/@modelcontextprotocol+sdk@1.25.3_hono@4.11.7_zod@4.3.6/node_modules/@modelcontextprotocol/sdk/dist/esm/experimental/tasks/server.js
+// node_modules/.pnpm/@modelcontextprotocol+sdk@1.26.0_zod@4.3.6/node_modules/@modelcontextprotocol/sdk/dist/esm/experimental/tasks/server.js
 var ExperimentalServerTasks = class {
   constructor(_server) {
     this._server = _server;
@@ -28492,7 +28504,7 @@ var ExperimentalServerTasks = class {
   }
 };
 
-// node_modules/.pnpm/@modelcontextprotocol+sdk@1.25.3_hono@4.11.7_zod@4.3.6/node_modules/@modelcontextprotocol/sdk/dist/esm/experimental/tasks/helpers.js
+// node_modules/.pnpm/@modelcontextprotocol+sdk@1.26.0_zod@4.3.6/node_modules/@modelcontextprotocol/sdk/dist/esm/experimental/tasks/helpers.js
 function assertToolsCallTaskCapability(requests, method, entityName) {
   if (!requests) {
     throw new Error(`${entityName} does not support task creation (required for ${method})`);
@@ -28527,7 +28539,7 @@ function assertClientRequestTaskCapability(requests, method, entityName) {
   }
 }
 
-// node_modules/.pnpm/@modelcontextprotocol+sdk@1.25.3_hono@4.11.7_zod@4.3.6/node_modules/@modelcontextprotocol/sdk/dist/esm/server/index.js
+// node_modules/.pnpm/@modelcontextprotocol+sdk@1.26.0_zod@4.3.6/node_modules/@modelcontextprotocol/sdk/dist/esm/server/index.js
 var Server = class extends Protocol {
   /**
    * Initializes this server with the given name and version information.
@@ -28907,7 +28919,7 @@ var Server = class extends Protocol {
   }
 };
 
-// node_modules/.pnpm/@modelcontextprotocol+sdk@1.25.3_hono@4.11.7_zod@4.3.6/node_modules/@modelcontextprotocol/sdk/dist/esm/server/completable.js
+// node_modules/.pnpm/@modelcontextprotocol+sdk@1.26.0_zod@4.3.6/node_modules/@modelcontextprotocol/sdk/dist/esm/server/completable.js
 var COMPLETABLE_SYMBOL = /* @__PURE__ */ Symbol.for("mcp.completable");
 function isCompletable(schema) {
   return !!schema && typeof schema === "object" && COMPLETABLE_SYMBOL in schema;
@@ -28921,7 +28933,7 @@ var McpZodTypeKind;
   McpZodTypeKind2["Completable"] = "McpCompletable";
 })(McpZodTypeKind || (McpZodTypeKind = {}));
 
-// node_modules/.pnpm/@modelcontextprotocol+sdk@1.25.3_hono@4.11.7_zod@4.3.6/node_modules/@modelcontextprotocol/sdk/dist/esm/shared/toolNameValidation.js
+// node_modules/.pnpm/@modelcontextprotocol+sdk@1.26.0_zod@4.3.6/node_modules/@modelcontextprotocol/sdk/dist/esm/shared/toolNameValidation.js
 var TOOL_NAME_REGEX = /^[A-Za-z0-9._-]{1,128}$/;
 function validateToolName(name) {
   const warnings = [];
@@ -28979,7 +28991,7 @@ function validateAndWarnToolName(name) {
   return result.isValid;
 }
 
-// node_modules/.pnpm/@modelcontextprotocol+sdk@1.25.3_hono@4.11.7_zod@4.3.6/node_modules/@modelcontextprotocol/sdk/dist/esm/experimental/tasks/mcp-server.js
+// node_modules/.pnpm/@modelcontextprotocol+sdk@1.26.0_zod@4.3.6/node_modules/@modelcontextprotocol/sdk/dist/esm/experimental/tasks/mcp-server.js
 var ExperimentalMcpServerTasks = class {
   constructor(_mcpServer) {
     this._mcpServer = _mcpServer;
@@ -28997,7 +29009,7 @@ var ExperimentalMcpServerTasks = class {
 // node_modules/.pnpm/zod@4.3.6/node_modules/zod/index.js
 var zod_default = external_exports3;
 
-// node_modules/.pnpm/@modelcontextprotocol+sdk@1.25.3_hono@4.11.7_zod@4.3.6/node_modules/@modelcontextprotocol/sdk/dist/esm/server/mcp.js
+// node_modules/.pnpm/@modelcontextprotocol+sdk@1.26.0_zod@4.3.6/node_modules/@modelcontextprotocol/sdk/dist/esm/server/mcp.js
 var McpServer = class {
   constructor(serverInfo, options) {
     this._registeredResources = {};
@@ -29783,10 +29795,10 @@ var EMPTY_COMPLETION_RESULT = {
   }
 };
 
-// node_modules/.pnpm/@modelcontextprotocol+sdk@1.25.3_hono@4.11.7_zod@4.3.6/node_modules/@modelcontextprotocol/sdk/dist/esm/server/stdio.js
+// node_modules/.pnpm/@modelcontextprotocol+sdk@1.26.0_zod@4.3.6/node_modules/@modelcontextprotocol/sdk/dist/esm/server/stdio.js
 import process3 from "node:process";
 
-// node_modules/.pnpm/@modelcontextprotocol+sdk@1.25.3_hono@4.11.7_zod@4.3.6/node_modules/@modelcontextprotocol/sdk/dist/esm/shared/stdio.js
+// node_modules/.pnpm/@modelcontextprotocol+sdk@1.26.0_zod@4.3.6/node_modules/@modelcontextprotocol/sdk/dist/esm/shared/stdio.js
 var ReadBuffer = class {
   append(chunk) {
     this._buffer = this._buffer ? Buffer.concat([this._buffer, chunk]) : chunk;
@@ -29814,7 +29826,7 @@ function serializeMessage(message) {
   return JSON.stringify(message) + "\n";
 }
 
-// node_modules/.pnpm/@modelcontextprotocol+sdk@1.25.3_hono@4.11.7_zod@4.3.6/node_modules/@modelcontextprotocol/sdk/dist/esm/server/stdio.js
+// node_modules/.pnpm/@modelcontextprotocol+sdk@1.26.0_zod@4.3.6/node_modules/@modelcontextprotocol/sdk/dist/esm/server/stdio.js
 var StdioServerTransport = class {
   constructor(_stdin = process3.stdin, _stdout = process3.stdout) {
     this._stdin = _stdin;
@@ -29888,11 +29900,92 @@ function getFile(filePath) {
   }
 }
 
+// packages/mcp/src/tools/get-all-components.ts
+function addGetAllComponents(server) {
+  server.registerTool(
+    "get_all_components",
+    {
+      description: `
+            Retrieves the main index file that exports all available Bento components.
+            Use this to understand which components are available in the library.
+            Returns:
+                str: The raw content of the packages/vue2/src/index.ts file.
+        `
+    },
+    () => {
+      const filePath = "index.ts";
+      return {
+        content: [{ type: "text", text: getFile(filePath) }]
+      };
+    }
+  );
+}
+
+// packages/mcp/src/tools/get-component.ts
+function addGetComponent(server) {
+  server.registerTool(
+    "get_component",
+    {
+      description: `
+            Retrieves the documentation, stories, and Vue implementation for a list of components from the private repo.
+
+            Args:
+                componentNames (Array<string>): A list of component names (e.g., ["button", "modal"]).
+
+            Returns:
+                str: A Markdown formatted string containing the contents of the .docs.mdx, .stories.ts, and .vue files.
+        `,
+      inputSchema: {
+        componentNames: zod_default.array(zod_default.string()).describe("A list of component names")
+      }
+    },
+    async ({ componentNames }) => {
+      const output = [
+        "I have retrieved the requested component context. For each component, I have provided three sections:",
+        "1. **Documentation (.docs.mdx)**: Explains how to use the component, props, and design guidelines.",
+        "2. **Stories (.stories.ts)**: Shows code examples of how to implement the component (emits, props usage).",
+        "3. **Implementation (.vue)**: The internal logic, properties, emits, and slots of the component.",
+        "---"
+      ];
+      const basePath = "components";
+      for (const component of componentNames) {
+        const docsContent = getFile(`${basePath}/${component}/${component}.docs.mdx`);
+        const storiesContent = getFile(`${basePath}/${component}/${component}.stories.ts`);
+        const vueContent = getFile(`${basePath}/${component}/${component}.vue`);
+        const componentSection = [
+          `# Component: ${component}`,
+          `## 1. Documentation (${component}.docs.mdx)`,
+          "```markdown",
+          docsContent,
+          "```",
+          `## 2. Stories (${component}.stories.ts)`,
+          "```typescript",
+          storiesContent,
+          "```",
+          `## 3. Implementation (${component}.vue)`,
+          "```vue",
+          vueContent,
+          "```"
+        ].join("\n\n");
+        output.push(componentSection);
+      }
+      return {
+        content: [
+          {
+            type: "text",
+            text: output.join("\n")
+          }
+        ]
+      };
+    }
+  );
+}
+
 // packages/mcp/package.json
 var package_default = {
   name: "@adyen/bento-mcp",
   mcpName: "io.github.adyen/bento-mcp",
-  version: "0.1.0",
+  version: "0.1.1",
   type: "module",
   description: "A Model Context Protocol server implementation for Bento",
   license: "MIT",
@@ -29927,100 +30020,27 @@ var package_default = {
     "bento"
   ],
   dependencies: {
-    "@modelcontextprotocol/sdk": "1.25.3",
+    "@modelcontextprotocol/sdk": "1.26.0",
     zod: "4.3.6"
   },
   devDependencies: {
     "@modelcontextprotocol/inspector": "0.19.0",
+    "@playwright/test": "catalog:",
+    "@nx/playwright": "catalog:nx",
     "@swc/cli": "0.7.10",
-    "@swc/core": "1.15.10",
-    "tailwind-merge": "2.6.0"
+    "@swc/core": "1.15.10"
   }
 };
 
 // packages/mcp/src/main.ts
-var server = new McpServer({
-  name: "bento-mcp",
-  version: package_default.version
-});
-server.registerTool(
-  "get_component",
-  {
-    description: `
-            Retrieves the documentation, stories, and Vue implementation for a list of components from the private repo.
-
-            Args:
-                componentNames (Array<string>): A list of component names (e.g., ["button", "modal"]).
-
-            Returns:
-                str: A Markdown formatted string containing the contents of the .docs.mdx, .stories.ts, and .vue files.
-        `,
-    inputSchema: {
-      componentNames: zod_default.array(zod_default.string()).describe("A list of component names")
-    }
-  },
-  async ({ componentNames }) => {
-    const output = [
-      "I have retrieved the requested component context. For each component, I have provided three sections:",
-      "1. **Documentation (.docs.mdx)**: Explains how to use the component, props, and design guidelines.",
-      "2. **Stories (.stories.ts)**: Shows code examples of how to implement the component (emits, props usage).",
-      "3. **Implementation (.vue)**: The internal logic, properties, emits, and slots of the component.",
-      "---"
-    ];
-    const basePath = "components";
-    for (const component of componentNames) {
-      const docsPath = `${basePath}/${component}/${component}.docs.mdx`;
-      const docsContent = getFile(docsPath);
-      const storiesPath = `${basePath}/${component}/${component}.stories.ts`;
-      const storiesContent = getFile(storiesPath);
-      const vuePath = `${basePath}/${component}/${component}.vue`;
-      const vueContent = getFile(vuePath);
-      const componentSection = `
-                # Component: ${component}
-
-                ## 1. Documentation (${component}.docs.mdx)
-                \`\`\`markdown
-                ${docsContent}
-                \`\`\`
-
-                ## 2. Stories (${component}.stories.ts)
-                TypeScript
-                ${storiesContent}
-
-                ## 3. Implementation (${component}.vue)
-                Code snippet
-                ${vueContent}
-            `;
-      output.push(componentSection);
-    }
-    return {
-      content: [
-        {
-          type: "text",
-          text: output.join("\n")
-        }
-      ]
-    };
-  }
-);
-server.registerTool(
-  "get_all_components",
-  {
-    description: `
-            Retrieves the main index file that exports all available Bento components.
-            Use this to understand which components are available in the library.
-            Returns:
-                str: The raw content of the packages/vue2/src/index.ts file.
-        `
-  },
-  () => {
-    const filePath = "index.ts";
-    return {
-      content: [{ type: "text", text: getFile(filePath) }]
-    };
-  }
-);
 async function main() {
+  const server = new McpServer({
+    name: "bento-mcp",
+    version: package_default.version,
+    description: package_default.description
+  });
+  addGetAllComponents(server);
+  addGetComponent(server);
   const transport = new StdioServerTransport();
   await server.connect(transport);
   console.error("Bento MCP Server running on stdio");

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@adyen/bento-mcp",
   "mcpName": "io.github.adyen/bento-mcp",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "type": "module",
   "description": "A Model Context Protocol server implementation for Bento",
   "license": "MIT",
@@ -31,14 +31,15 @@
     "bento"
   ],
   "dependencies": {
-    "@modelcontextprotocol/sdk": "1.25.3",
+    "@modelcontextprotocol/sdk": "1.26.0",
     "zod": "4.3.6"
   },
   "devDependencies": {
     "@modelcontextprotocol/inspector": "0.19.0",
+    "@playwright/test": "1.42.1",
+    "@nx/playwright": "22.4.0",
     "@swc/cli": "0.7.10",
-    "@swc/core": "1.15.10",
-    "tailwind-merge": "2.6.0"
+    "@swc/core": "1.15.10"
   },
   "scripts": {
     "server": "node dist/main.js",