@brander/mcp-tools 0.2.3 → 0.2.4

package/dist/server/elements/click-behaviors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"click-behaviors.d.ts","sourceRoot":"","sources":["../../../src/elements/click-behaviors.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAExD,MAAM,WAAW,mBAAmB;IAClC,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,WAAW,EAAE,mBAAmB,CA6D9E,CAAC;AAEF,6CAA6C;AAC7C,wBAAgB,gBAAgB,CAAC,WAAW,EAAE,WAAW,GAAG,mBAAmB,GAAG,SAAS,CAE1F"}
+{"version":3,"file":"click-behaviors.d.ts","sourceRoot":"","sources":["../../../src/elements/click-behaviors.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAExD,MAAM,WAAW,mBAAmB;IAClC,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,WAAW,EAAE,mBAAmB,CAiE9E,CAAC;AAEF,6CAA6C;AAC7C,wBAAgB,gBAAgB,CAAC,WAAW,EAAE,WAAW,GAAG,mBAAmB,GAAG,SAAS,CAE1F"}

package/dist/server/elements/click-behaviors.js

@@ -60,6 +60,10 @@ export const ELEMENT_BEHAVIOR_REGISTRY = {
         queryTemplate: "[actionQuery]",
         description: "Alert action button triggers the configured query",
     },
+    [ElementType.VIDEO]: {
+        queryTemplate: "[action]",
+        description: "Discuss button fires the configured action query about the video",
+    },
     [ElementType.SCREEN]: {
         queryTemplate: "",
         description: "Screen composition — click behaviors are per-element",

package/dist/server/elements/element-functions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"element-functions.d.ts","sourceRoot":"","sources":["../../../src/elements/element-functions.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAExD,0EAA0E;AAC1E,MAAM,MAAM,eAAe,GAAG,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,OAAO,CAAC;AAEzE,qDAAqD;AACrD,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,WAAW,EAAE,eAAe,CAsDlE,CAAC;AAEF,mEAAmE;AACnE,wBAAgB,kBAAkB,CAChC,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAC5B,OAAO,CAGT;AAED;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAC5C,WAAW,EACX,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CA4E/D,CAAC;AAEF;;;GAGG;AACH,wBAAgB,mBAAmB,CACjC,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAC5B,MAAM,CAsER"}
+{"version":3,"file":"element-functions.d.ts","sourceRoot":"","sources":["../../../src/elements/element-functions.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAExD,0EAA0E;AAC1E,MAAM,MAAM,eAAe,GAAG,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,OAAO,CAAC;AAEzE,qDAAqD;AACrD,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,WAAW,EAAE,eAAe,CAwDlE,CAAC;AAEF,mEAAmE;AACnE,wBAAgB,kBAAkB,CAChC,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAC5B,OAAO,CAGT;AAED;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAC5C,WAAW,EACX,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAiF/D,CAAC;AAEF;;;GAGG;AACH,wBAAgB,mBAAmB,CACjC,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAC5B,MAAM,CAwER"}

package/dist/server/elements/element-functions.js

@@ -33,6 +33,7 @@ export const VISIBILITY_CHECKS = {
     [ElementType.FORM]: (data) => Array.isArray(data?.fields) && data.fields.length > 0,
     [ElementType.BUTTON]: (data) => Boolean(data),
     [ElementType.ALERT]: (data) => Boolean(data?.message) && typeof data.message === "string" && data.message.trim().length > 0,
+    [ElementType.VIDEO]: (data) => Boolean(data?.src),
     [ElementType.SCREEN]: (data) => Array.isArray(data?.elements) && data.elements.length > 0,
 };
 /** Check if tool input data is valid for the given element type */
@@ -105,6 +106,10 @@ export const CLICK_METADATA_ENRICHMENT = {
         elementType: "alert",
         actionType: "alert_action_click",
     }),
+    [ElementType.VIDEO]: (data) => ({
+        ...data,
+        elementType: "video",
+    }),
     [ElementType.SCREEN]: (data) => ({ ...data }),
 };
 /**
@@ -157,6 +162,7 @@ export function buildContentSummary(elementType, data) {
         },
         [ElementType.BUTTON]: (d) => `Rendered button: "${d.label}"`,
         [ElementType.ALERT]: (d) => `Displayed ${d.severity || "info"} alert: "${d.message}"`,
+        [ElementType.VIDEO]: (d) => `Rendered video player: "${d.title || d.src}"`,
         [ElementType.SCREEN]: (d) => {
             const elements = d.elements;
             return `Rendered screen with ${elements?.length || 0} elements`;

package/dist/server/tools/element-definitions.d.ts

@@ -1,5 +1,5 @@
 /**
- * Element definitions — static metadata for the 14 BranderUX element types.
+ * Element definitions — static metadata for the 15 BranderUX element types.
  *
  * Inlined here so the compiled dist/server can run as standalone Node.js without
  * depending on @brander/elements TypeScript source at runtime (CJS/ESM interop issue).

package/dist/server/tools/element-definitions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"element-definitions.d.ts","sourceRoot":"","sources":["../../../src/tools/element-definitions.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,UAAU,WAAW;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,YAAY,EAAE,WAAW,EAuCrC,CAAC;AAIF,uEAAuE;AACvE,wBAAgB,oBAAoB,CAAC,WAAW,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS,CAEjF"}
+{"version":3,"file":"element-definitions.d.ts","sourceRoot":"","sources":["../../../src/tools/element-definitions.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,UAAU,WAAW;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,YAAY,EAAE,WAAW,EA4CrC,CAAC;AAIF,uEAAuE;AACvE,wBAAgB,oBAAoB,CAAC,WAAW,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS,CAEjF"}

package/dist/server/tools/element-definitions.js

@@ -1,5 +1,5 @@
 /**
- * Element definitions — static metadata for the 14 BranderUX element types.
+ * Element definitions — static metadata for the 15 BranderUX element types.
  *
  * Inlined here so the compiled dist/server can run as standalone Node.js without
  * depending on @brander/elements TypeScript source at runtime (CJS/ESM interop issue).
@@ -43,6 +43,11 @@ export const ELEMENT_INFO = [
         name: "Alert",
         description: "Notification banner for messages, warnings, and feedback",
     },
+    {
+        id: "video",
+        name: "Video Player",
+        description: "Embedded video player for YouTube URLs or direct mp4/webm files",
+    },
 ];
 const ELEMENT_INFO_MAP = new Map(ELEMENT_INFO.map((e) => [e.id, e]));
 /** Get element info by type (for names, click behaviors, summaries) */

package/dist/server/tools/generate-screen-schema.d.ts

@@ -1,7 +1,7 @@
 /**
  * Self-contained generate_screen Zod schema + tool description for the MCP server.
  *
- * All 14 element prop schemas are defined here so the compiled dist/server can run
+ * All 15 element prop schemas are defined here so the compiled dist/server can run
  * as a standalone Node.js server without depending on @brander/elements at runtime.
  * (Avoids CJS/ESM interop issues — brander-elements is CJS but mcp-tools is ESM.)
  */
@@ -255,6 +255,22 @@ export declare const generateScreenInputSchema: z.ZodObject<{
             actionQuery: z.ZodOptional<z.ZodString>;
         }, z.core.$strip>;
         clickQuery: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>, z.ZodObject<{
+        elementType: z.ZodLiteral<"video">;
+        props: z.ZodObject<{
+            id: z.ZodString;
+            src: z.ZodString;
+            title: z.ZodOptional<z.ZodString>;
+            description: z.ZodOptional<z.ZodString>;
+            action: z.ZodOptional<z.ZodString>;
+            aspectRatio: z.ZodOptional<z.ZodEnum<{
+                "16:9": "16:9";
+                "4:3": "4:3";
+                "1:1": "1:1";
+            }>>;
+            autoplay: z.ZodOptional<z.ZodBoolean>;
+        }, z.core.$strip>;
+        clickQuery: z.ZodOptional<z.ZodString>;
     }, z.core.$strip>], "elementType">>;
 }, z.core.$strip>;
 interface DescriptionConfig {

package/dist/server/tools/generate-screen-schema.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generate-screen-schema.d.ts","sourceRoot":"","sources":["../../../src/tools/generate-screen-schema.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AA6OxB,2DAA2D;AAC3D,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAIpC,CAAC;AAMH,UAAU,iBAAiB;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC5C,aAAa,CAAC,EAAE,KAAK,CAAC;QACpB,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,CAAC,EAAE;YAAE,QAAQ,CAAC,EAAE,KAAK,CAAC;gBAAE,WAAW,CAAC,EAAE,MAAM,CAAA;aAAE,CAAC,CAAA;SAAE,CAAC;QACxD,QAAQ,CAAC,EAAE,KAAK,CAAC;YAAE,WAAW,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;KAC5C,CAAC,CAAC;CACJ;AAED,iFAAiF;AACjF,wBAAgB,8BAA8B,CAAC,MAAM,CAAC,EAAE,iBAAiB,GAAG,MAAM,CAqCjF"}
+{"version":3,"file":"generate-screen-schema.d.ts","sourceRoot":"","sources":["../../../src/tools/generate-screen-schema.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AA6PxB,2DAA2D;AAC3D,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAIpC,CAAC;AAMH,UAAU,iBAAiB;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC5C,aAAa,CAAC,EAAE,KAAK,CAAC;QACpB,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,CAAC,EAAE;YAAE,QAAQ,CAAC,EAAE,KAAK,CAAC;gBAAE,WAAW,CAAC,EAAE,MAAM,CAAA;aAAE,CAAC,CAAA;SAAE,CAAC;QACxD,QAAQ,CAAC,EAAE,KAAK,CAAC;YAAE,WAAW,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;KAC5C,CAAC,CAAC;CACJ;AAED,iFAAiF;AACjF,wBAAgB,8BAA8B,CAAC,MAAM,CAAC,EAAE,iBAAiB,GAAG,MAAM,CAqCjF"}

package/dist/server/tools/generate-screen-schema.js

@@ -1,14 +1,14 @@
 /**
  * Self-contained generate_screen Zod schema + tool description for the MCP server.
  *
- * All 14 element prop schemas are defined here so the compiled dist/server can run
+ * All 15 element prop schemas are defined here so the compiled dist/server can run
  * as a standalone Node.js server without depending on @brander/elements at runtime.
  * (Avoids CJS/ESM interop issues — brander-elements is CJS but mcp-tools is ESM.)
  */
 import { z } from "zod";
 import { ELEMENT_INFO } from "./element-definitions.js";
 // ============================================================================
-// ELEMENT PROP SCHEMAS (14 element types)
+// ELEMENT PROP SCHEMAS (15 element types)
 // ============================================================================
 const headerPropsSchema = z.object({
     title: z.string().describe("Main page title"),
@@ -186,8 +186,22 @@ const alertPropsSchema = z.object({
     actionText: z.string().optional().describe("Optional action button text"),
     actionQuery: z.string().optional().describe("Query to send when action button clicked"),
 });
+const videoPropsSchema = z.object({
+    id: z.string().describe("Unique video element identifier"),
+    src: z
+        .string()
+        .describe("Video URL — YouTube (youtube.com/watch or youtu.be), or direct .mp4/.webm file URL"),
+    title: z.string().optional().describe("Video title shown below the player"),
+    description: z.string().optional().describe("Brief description shown below the title"),
+    action: z
+        .string()
+        .optional()
+        .describe("Query sent to the AI when the user clicks the Discuss button"),
+    aspectRatio: z.enum(["16:9", "4:3", "1:1"]).optional().describe("Video player aspect ratio"),
+    autoplay: z.boolean().optional().describe("Auto-play video when rendered"),
+});
 // ============================================================================
-// SCREEN SCHEMA — discriminated union of all 14 element types
+// SCREEN SCHEMA — discriminated union of all 15 element types
 // ============================================================================
 const clickQuery = z
     .string()
@@ -208,6 +222,7 @@ const screenElementSchema = z.discriminatedUnion("elementType", [
     z.object({ elementType: z.literal("form"), props: formPropsSchema, clickQuery }),
     z.object({ elementType: z.literal("button"), props: buttonPropsSchema, clickQuery }),
     z.object({ elementType: z.literal("alert"), props: alertPropsSchema, clickQuery }),
+    z.object({ elementType: z.literal("video"), props: videoPropsSchema, clickQuery }),
 ]);
 /** Full input schema for the MCP `generate_screen` tool */
 export const generateScreenInputSchema = z.object({

package/dist/server/types/element-types.d.ts

@@ -17,6 +17,7 @@ export declare enum ElementType {
     BUTTON = "button",
     BAR_CHART = "bar-chart",
     ALERT = "alert",
+    VIDEO = "video",
     SCREEN = "screen"
 }
 //# sourceMappingURL=element-types.d.ts.map

package/dist/server/types/element-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"element-types.d.ts","sourceRoot":"","sources":["../../../src/types/element-types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,oBAAY,WAAW;IACrB,MAAM,WAAW;IACjB,UAAU,eAAe;IACzB,UAAU,eAAe;IACzB,UAAU,eAAe;IACzB,SAAS,cAAc;IACvB,SAAS,cAAc;IACvB,SAAS,cAAc;IACvB,KAAK,UAAU;IACf,YAAY,iBAAiB;IAC7B,WAAW,gBAAgB;IAC3B,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,SAAS,cAAc;IACvB,KAAK,UAAU;IACf,MAAM,WAAW;CAClB"}
+{"version":3,"file":"element-types.d.ts","sourceRoot":"","sources":["../../../src/types/element-types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,oBAAY,WAAW;IACrB,MAAM,WAAW;IACjB,UAAU,eAAe;IACzB,UAAU,eAAe;IACzB,UAAU,eAAe;IACzB,SAAS,cAAc;IACvB,SAAS,cAAc;IACvB,SAAS,cAAc;IACvB,KAAK,UAAU;IACf,YAAY,iBAAiB;IAC7B,WAAW,gBAAgB;IAC3B,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,SAAS,cAAc;IACvB,KAAK,UAAU;IACf,KAAK,UAAU;IACf,MAAM,WAAW;CAClB"}

package/dist/server/types/element-types.js

@@ -18,5 +18,6 @@ export var ElementType;
     ElementType["BUTTON"] = "button";
     ElementType["BAR_CHART"] = "bar-chart";
     ElementType["ALERT"] = "alert";
+    ElementType["VIDEO"] = "video";
     ElementType["SCREEN"] = "screen";
 })(ElementType || (ElementType = {}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brander/mcp-tools",
-  "version": "0.2.3",
+  "version": "0.2.4",
   "type": "module",
   "description": "BranderUX MCP Tools — Add branded interactive UI to any MCP server",
   "main": "dist/server/lib-entry.js",