vanilla-agent-proxy 0.2.0 → 1.0.0

package/dist/index.cjs

@@ -20,13 +20,269 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
+  CONVERSATIONAL_FLOW: () => CONVERSATIONAL_FLOW,
+  SHOPPING_ASSISTANT_FLOW: () => SHOPPING_ASSISTANT_FLOW,
+  SHOPPING_ASSISTANT_METADATA_FLOW: () => SHOPPING_ASSISTANT_METADATA_FLOW,
   createChatProxyApp: () => createChatProxyApp,
+  createCheckoutSession: () => createCheckoutSession,
   createVercelHandler: () => createVercelHandler,
   default: () => index_default
 });
 module.exports = __toCommonJS(index_exports);
 var import_hono = require("hono");
 var import_vercel = require("hono/vercel");
+
+// src/flows/conversational.ts
+var CONVERSATIONAL_FLOW = {
+  name: "Streaming Prompt Flow",
+  description: "Streaming chat generated by the widget",
+  steps: [
+    {
+      id: "widget_prompt",
+      name: "Prompt",
+      type: "prompt",
+      enabled: true,
+      config: {
+        model: "meta/llama3.1-8b-instruct-free",
+        response_format: "markdown",
+        output_variable: "prompt_result",
+        user_prompt: "{{user_message}}",
+        system_prompt: "you are a helpful assistant, chatting with a user",
+        previous_messages: "{{messages}}"
+      }
+    }
+  ]
+};
+
+// src/flows/shopping-assistant.ts
+var SHOPPING_ASSISTANT_FLOW = {
+  name: "Shopping Assistant Flow",
+  description: "Returns JSON actions for page interaction",
+  steps: [
+    {
+      id: "action_prompt",
+      name: "Action Prompt",
+      type: "prompt",
+      enabled: true,
+      config: {
+        model: "qwen/qwen3-8b",
+        reasoning: false,
+        responseFormat: "JSON",
+        outputVariable: "prompt_result",
+        userPrompt: "{{user_message}}",
+        systemPrompt: `You are a helpful shopping assistant that can interact with web pages.
+You will receive information about the current page's elements (class names and text content)
+and user messages. You must respond with JSON in one of these formats:
+
+1. Simple message:
+{
+  "action": "message",
+  "text": "Your response text here"
+}
+
+2. Navigate then show message (for navigation to another page):
+{
+  "action": "nav_then_click",
+  "page": "http://site.com/page-url",
+  "on_load_text": "Message to show after navigation"
+}
+
+3. Show message and click an element:
+{
+  "action": "message_and_click",
+  "element": ".className-of-element",
+  "text": "Your message text"
+}
+
+4. Create Stripe checkout:
+{
+  "action": "checkout",
+  "text": "Your message text",
+  "items": [
+    {"name": "Product Name", "price": 2999, "quantity": 1}
+  ]
+}
+
+Guidelines:
+- Use "message" for simple conversational responses
+- Use "nav_then_click" when you need to navigate to a different page (like a product detail page)
+- Use "message_and_click" when you want to click a button or element on the current page
+- Use "checkout" when the user wants to proceed to checkout/payment. Include items array with name (string), price (number in cents), and quantity (number)
+- When selecting elements, use the class names provided in the page context
+- Always respond with valid JSON only, no additional text
+- For product searches, format results as markdown links: [Product Name](url)
+- Be helpful and conversational in your messages
+- Product prices: Black Shirt - Medium: $29.99 (2999 cents), Blue Shirt - Large: $34.99 (3499 cents), Red T-Shirt - Small: $19.99 (1999 cents), Jeans - Medium: $49.99 (4999 cents)
+
+Example conversation flow:
+- User: "I am looking for a black shirt in medium"
+- You: {"action": "message", "text": "Here are the products I found:\\n1. [Black Shirt - Medium](/products.html?product=black-shirt-medium) - $29.99\\n2. [Blue Shirt - Large](/products.html?product=blue-shirt-large) - $34.99\\n3. [Red T-Shirt - Small](/products.html?product=red-tshirt-small) - $19.99\\n4. [Jeans - Medium](/products.html?product=jeans-medium) - $49.99\\n\\nWould you like me to navigate to the first result and add it to your cart?"}
+
+- User: "No, I would like to add another shirt to the cart"
+- You: {"action": "message_and_click", "element": ".AddToCartButton-blue-shirt-large", "text": "I've added the Blue Shirt - Large to your cart. Ready to checkout?"}
+
+- User: "yes"
+- You: {"action": "checkout", "text": "Perfect! I'll set up the checkout for you.", "items": [{"name": "Black Shirt - Medium", "price": 2999, "quantity": 1}]}`,
+        previousMessages: "{{messages}}"
+      }
+    }
+  ]
+};
+var SHOPPING_ASSISTANT_METADATA_FLOW = {
+  name: "Metadata-Based Shopping Assistant",
+  description: "Uses DOM context from record metadata for page interaction",
+  steps: [
+    {
+      id: "metadata_action_prompt",
+      name: "Metadata Action Prompt",
+      type: "prompt",
+      enabled: true,
+      config: {
+        model: "qwen/qwen3-8b",
+        reasoning: false,
+        responseFormat: "JSON",
+        outputVariable: "prompt_result",
+        userPrompt: "{{user_message}}",
+        systemPrompt: `You are a helpful shopping assistant that can interact with web pages.
+
+IMPORTANT: You have access to the current page's DOM elements through the record metadata, which includes:
+- dom_elements: Array of page elements with className, innerText, and tagName
+- dom_body: Complete HTML body of the page (if provided)
+- page_url: Current page URL
+- page_title: Page title
+
+The dom_elements array provides information about clickable elements and their text content.
+Use this metadata to understand what's available on the page and help users interact with it.
+
+You must respond with JSON in one of these formats:
+
+1. Simple message:
+{
+  "action": "message",
+  "text": "Your response text here"
+}
+
+2. Navigate then show message (for navigation to another page):
+{
+  "action": "nav_then_click",
+  "page": "http://site.com/page-url",
+  "on_load_text": "Message to show after navigation"
+}
+
+3. Show message and click an element:
+{
+  "action": "message_and_click",
+  "element": ".className-of-element",
+  "text": "Your message text"
+}
+
+4. Create Stripe checkout:
+{
+  "action": "checkout",
+  "text": "Your message text",
+  "items": [
+    {"name": "Product Name", "price": 2999, "quantity": 1}
+  ]
+}
+
+Guidelines:
+- Use "message" for simple conversational responses
+- Use "nav_then_click" when you need to navigate to a different page (like a product detail page)
+- Use "message_and_click" when you want to click a button or element on the current page
+- Use "checkout" when the user wants to proceed to checkout/payment. Include items array with name (string), price (number in cents), and quantity (number)
+- When selecting elements, use the class names from the dom_elements in the metadata
+- Always respond with valid JSON only, no additional text
+- For product searches, format results as markdown links: [Product Name](url)
+- Be helpful and conversational in your messages
+- Product prices: Black Shirt - Medium: $29.99 (2999 cents), Blue Shirt - Large: $34.99 (3499 cents), Red T-Shirt - Small: $19.99 (1999 cents), Jeans - Medium: $49.99 (4999 cents)
+
+Example conversation flow:
+- User: "I am looking for a black shirt in medium"
+- You: {"action": "message", "text": "Here are the products I found:\\n1. [Black Shirt - Medium](/products.html?product=black-shirt-medium) - $29.99\\n2. [Blue Shirt - Large](/products.html?product=blue-shirt-large) - $34.99\\n3. [Red T-Shirt - Small](/products.html?product=red-tshirt-small) - $19.99\\n4. [Jeans - Medium](/products.html?product=jeans-medium) - $49.99\\n\\nWould you like me to navigate to the first result and add it to your cart?"}
+
+- User: "No, I would like to add another shirt to the cart"
+- You: {"action": "message_and_click", "element": ".AddToCartButton-blue-shirt-large", "text": "I've added the Blue Shirt - Large to your cart. Ready to checkout?"}
+
+- User: "yes"
+- You: {"action": "checkout", "text": "Perfect! I'll set up the checkout for you.", "items": [{"name": "Black Shirt - Medium", "price": 2999, "quantity": 1}]}`,
+        previousMessages: "{{messages}}"
+      }
+    }
+  ]
+};
+
+// src/utils/stripe.ts
+async function createCheckoutSession(options) {
+  const { secretKey, items, successUrl, cancelUrl } = options;
+  try {
+    if (!items || !Array.isArray(items) || items.length === 0) {
+      return {
+        success: false,
+        error: "Items array is required"
+      };
+    }
+    for (const item of items) {
+      if (!item.name || typeof item.price !== "number" || typeof item.quantity !== "number") {
+        return {
+          success: false,
+          error: "Each item must have name (string), price (number in cents), and quantity (number)"
+        };
+      }
+    }
+    const lineItems = items.map((item) => ({
+      price_data: {
+        currency: "usd",
+        product_data: {
+          name: item.name
+        },
+        unit_amount: item.price
+      },
+      quantity: item.quantity
+    }));
+    const params = new URLSearchParams({
+      "payment_method_types[0]": "card",
+      "mode": "payment",
+      "success_url": successUrl,
+      "cancel_url": cancelUrl
+    });
+    lineItems.forEach((item, index) => {
+      params.append(`line_items[${index}][price_data][currency]`, item.price_data.currency);
+      params.append(`line_items[${index}][price_data][product_data][name]`, item.price_data.product_data.name);
+      params.append(`line_items[${index}][price_data][unit_amount]`, item.price_data.unit_amount.toString());
+      params.append(`line_items[${index}][quantity]`, item.quantity.toString());
+    });
+    const stripeResponse = await fetch("https://api.stripe.com/v1/checkout/sessions", {
+      method: "POST",
+      headers: {
+        "Authorization": `Bearer ${secretKey}`,
+        "Content-Type": "application/x-www-form-urlencoded"
+      },
+      body: params
+    });
+    if (!stripeResponse.ok) {
+      const errorData = await stripeResponse.text();
+      console.error("Stripe API error:", errorData);
+      return {
+        success: false,
+        error: "Failed to create checkout session"
+      };
+    }
+    const session = await stripeResponse.json();
+    return {
+      success: true,
+      checkoutUrl: session.url,
+      sessionId: session.id
+    };
+  } catch (error) {
+    console.error("Stripe checkout error:", error);
+    return {
+      success: false,
+      error: error instanceof Error ? error.message : "Failed to create checkout session"
+    };
+  }
+}
+
+// src/index.ts
 var DEFAULT_ENDPOINT = "https://api.travrse.ai/v1/dispatch";
 var DEFAULT_PATH = "/api/chat/dispatch";
 var DEFAULT_FLOW = {
@@ -112,7 +368,7 @@ var createChatProxyApp = (options = {}) => {
       record: {
         name: "Streaming Chat Widget",
         type: "standalone",
-        metadata: {}
+        metadata: clientPayload.metadata || {}
       },
       messages: formattedMessages,
       options: {
@@ -197,7 +453,11 @@ var createVercelHandler = (options) => (0, import_vercel.handle)(createChatProxy
 var index_default = createChatProxyApp;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  CONVERSATIONAL_FLOW,
+  SHOPPING_ASSISTANT_FLOW,
+  SHOPPING_ASSISTANT_METADATA_FLOW,
   createChatProxyApp,
+  createCheckoutSession,
   createVercelHandler
 });
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import { Hono } from \"hono\";\nimport type { Context } from \"hono\";\nimport { handle } from \"hono/vercel\";\n\nexport type TravrseFlowStep = {\n  id: string;\n  name: string;\n  type: string;\n  enabled: boolean;\n  config: Record<string, unknown>;\n};\n\nexport type TravrseFlowConfig = {\n  name: string;\n  description: string;\n  steps: TravrseFlowStep[];\n};\n\nexport type ChatProxyOptions = {\n  upstreamUrl?: string;\n  apiKey?: string;\n  path?: string;\n  allowedOrigins?: string[];\n  flowId?: string;\n  flowConfig?: TravrseFlowConfig;\n};\n\nconst DEFAULT_ENDPOINT = \"https://api.travrse.ai/v1/dispatch\";\nconst DEFAULT_PATH = \"/api/chat/dispatch\";\n\nconst DEFAULT_FLOW: TravrseFlowConfig = {\n  name: \"Streaming Prompt Flow\",\n  description: \"Streaming chat generated by the widget\",\n  steps: [\n    {\n      id: \"widget_prompt\",\n      name: \"Prompt\",\n      type: \"prompt\",\n      enabled: true,\n      config: {\n        model: \"meta/llama3.1-8b-instruct-free\",\n        // model: \"gpt-4o\",\n        response_format: \"markdown\",\n        output_variable: \"prompt_result\",\n        user_prompt: \"{{user_message}}\",\n        system_prompt: \"you are a helpful assistant, chatting with a user\",\n        // tools: {\n        //   tool_ids: [\n        //     \"builtin:dalle\"\n        //   ]\n        // },\n        previous_messages: \"{{messages}}\"\n      }\n    }\n  ]\n};\n\nconst withCors =\n  (allowedOrigins: string[] | undefined) =>\n    async (c: Context, next: () => Promise<void>) => {\n      const origin = c.req.header(\"origin\") ?? \"*\";\n      const headers: Record<string, string> = {\n        \"Access-Control-Allow-Origin\":\n          allowedOrigins && allowedOrigins.length\n            ? allowedOrigins.includes(origin)\n              ? origin\n              : allowedOrigins[0]\n            : origin,\n        \"Access-Control-Allow-Headers\":\n          c.req.header(\"access-control-request-headers\") ??\n          \"Content-Type, Authorization\",\n        \"Access-Control-Allow-Methods\": \"POST, OPTIONS\",\n        Vary: \"Origin\"\n      };\n\n      if (c.req.method === \"OPTIONS\") {\n        return new Response(null, { status: 204, headers });\n      }\n\n      await next();\n      Object.entries(headers).forEach(([key, value]) =>\n        c.header(key, value, { append: false })\n      );\n    };\n\nexport const createChatProxyApp = (options: ChatProxyOptions = {}) => {\n  const app = new Hono();\n  const path = options.path ?? DEFAULT_PATH;\n  const upstream = options.upstreamUrl ?? DEFAULT_ENDPOINT;\n\n  app.use(\"*\", withCors(options.allowedOrigins));\n\n  app.post(path, async (c) => {\n    const apiKey = options.apiKey ?? process.env.TRAVRSE_API_KEY;\n    if (!apiKey) {\n      return c.json(\n        { error: \"Missing API key. Set TRAVRSE_API_KEY.\" },\n        401\n      );\n    }\n\n    let clientPayload: {\n      messages?: Array<{ role: string; content: string; createdAt?: string }>;\n      flowId?: string;\n    };\n    try {\n      clientPayload = await c.req.json();\n    } catch (error) {\n      return c.json(\n        { error: \"Invalid JSON body\", details: error },\n        400\n      );\n    }\n\n    // Build the Travrse payload\n    const messages = clientPayload.messages ?? [];\n    // Sort messages by timestamp to ensure correct order\n    const sortedMessages = [...messages].sort((a, b) => {\n      const timeA = a.createdAt ? new Date(a.createdAt).getTime() : 0;\n      const timeB = b.createdAt ? new Date(b.createdAt).getTime() : 0;\n      return timeA - timeB;\n    });\n    const formattedMessages = sortedMessages.map((message) => ({\n      role: message.role,\n      content: message.content\n    }));\n\n    // Determine which flow to use\n    const flowId = clientPayload.flowId ?? options.flowId;\n    const flowConfig = options.flowConfig ?? DEFAULT_FLOW;\n\n    const travrsePayload: Record<string, unknown> = {\n      record: {\n        name: \"Streaming Chat Widget\",\n        type: \"standalone\",\n        metadata: {}\n      },\n      messages: formattedMessages,\n      options: {\n        stream_response: true,\n        record_mode: \"virtual\",\n        flow_mode: flowId ? \"existing\" : \"virtual\",\n        auto_append_metadata: false\n      }\n    };\n\n    // Use flow ID if provided, otherwise use flow config\n    if (flowId) {\n      travrsePayload.flow = {\n        \"name\": \"Chat with 8b\",\n        \"description\": \"Flow with 1 step\",\n        \"steps\": [\n          {\n            \"id\": \"step_01k8wnwpdcferbrq79tzj49aec\",\n            \"name\": \"Prompt 1\",\n            \"type\": \"prompt\",\n            \"order\": 0,\n            \"enabled\": true,\n            \"config\": {\n              \"text\": \"{{user_message}}\",\n              \"model\": \"qwen/qwen3-8b\",\n              // \"tools\": {\n              //   \"tool_ids\": [\n              //     \"tool_01k8ky2xpjfzybye5ywcmjr379\",\n              //     \"builtin:firecrawl\"\n              //   ]\n              // },\n              \"reasoning\": false,\n              \"user_prompt\": \"{{user_message}}\",\n              \"output_variable\": \"prompt_result\",\n              \"response_format\": \"JSON\"\n            }\n          }\n        ]\n      }\n    } else {\n      travrsePayload.flow = flowConfig;\n    }\n\n    // Development logging\n    const isDevelopment = process.env.NODE_ENV === \"development\" || !process.env.NODE_ENV;\n\n    if (isDevelopment) {\n      console.log(\"\\n=== Travrse Proxy Request ===\");\n      console.log(\"URL:\", upstream);\n      console.log(\"API Key Used:\", apiKey ? \"Yes\" : \"No\");\n      console.log(\"API Key (first 12 chars):\", apiKey ? apiKey.substring(0, 12) : \"N/A\");\n      console.log(\"Request Payload:\", JSON.stringify(travrsePayload, null, 2));\n    }\n\n    const response = await fetch(upstream, {\n      method: \"POST\",\n      headers: {\n        Authorization: `Bearer ${apiKey}`,\n        \"Content-Type\": \"application/json\"\n      },\n      body: JSON.stringify(travrsePayload)\n    });\n\n    if (isDevelopment) {\n      console.log(\"Response Status:\", response.status);\n      console.log(\"Response Status Text:\", response.statusText);\n\n      // If there's an error, try to read and log the response body\n      if (!response.ok) {\n        const clonedResponse = response.clone();\n        try {\n          const errorBody = await clonedResponse.text();\n          console.log(\"Error Response Body:\", errorBody);\n        } catch (e) {\n          console.log(\"Could not read error response body:\", e);\n        }\n      }\n      console.log(\"=== End Travrse Proxy Request ===\\n\");\n    }\n\n    return new Response(response.body, {\n      status: response.status,\n      headers: {\n        \"Content-Type\":\n          response.headers.get(\"content-type\") ?? \"application/json\",\n        \"Cache-Control\": \"no-store\"\n      }\n    });\n  });\n\n  return app;\n};\n\nexport const createVercelHandler = (options?: ChatProxyOptions) =>\n  handle(createChatProxyApp(options));\n\n\nexport default createChatProxyApp;\n\n"],"mappings":"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","names":["_a","_b"]}
+{"version":3,"sources":["../src/index.ts","../src/flows/conversational.ts","../src/flows/shopping-assistant.ts","../src/utils/stripe.ts"],"sourcesContent":["import { Hono } from \"hono\";\nimport type { Context } from \"hono\";\nimport { handle } from \"hono/vercel\";\n\nexport type TravrseFlowStep = {\n  id: string;\n  name: string;\n  type: string;\n  enabled: boolean;\n  config: Record<string, unknown>;\n};\n\nexport type TravrseFlowConfig = {\n  name: string;\n  description: string;\n  steps: TravrseFlowStep[];\n};\n\nexport type ChatProxyOptions = {\n  upstreamUrl?: string;\n  apiKey?: string;\n  path?: string;\n  allowedOrigins?: string[];\n  flowId?: string;\n  flowConfig?: TravrseFlowConfig;\n};\n\nconst DEFAULT_ENDPOINT = \"https://api.travrse.ai/v1/dispatch\";\nconst DEFAULT_PATH = \"/api/chat/dispatch\";\n\nconst DEFAULT_FLOW: TravrseFlowConfig = {\n  name: \"Streaming Prompt Flow\",\n  description: \"Streaming chat generated by the widget\",\n  steps: [\n    {\n      id: \"widget_prompt\",\n      name: \"Prompt\",\n      type: \"prompt\",\n      enabled: true,\n      config: {\n        model: \"meta/llama3.1-8b-instruct-free\",\n        // model: \"gpt-4o\",\n        response_format: \"markdown\",\n        output_variable: \"prompt_result\",\n        user_prompt: \"{{user_message}}\",\n        system_prompt: \"you are a helpful assistant, chatting with a user\",\n        // tools: {\n        //   tool_ids: [\n        //     \"builtin:dalle\"\n        //   ]\n        // },\n        previous_messages: \"{{messages}}\"\n      }\n    }\n  ]\n};\n\nconst withCors =\n  (allowedOrigins: string[] | undefined) =>\n    async (c: Context, next: () => Promise<void>) => {\n      const origin = c.req.header(\"origin\") ?? \"*\";\n      const headers: Record<string, string> = {\n        \"Access-Control-Allow-Origin\":\n          allowedOrigins && allowedOrigins.length\n            ? allowedOrigins.includes(origin)\n              ? origin\n              : allowedOrigins[0]\n            : origin,\n        \"Access-Control-Allow-Headers\":\n          c.req.header(\"access-control-request-headers\") ??\n          \"Content-Type, Authorization\",\n        \"Access-Control-Allow-Methods\": \"POST, OPTIONS\",\n        Vary: \"Origin\"\n      };\n\n      if (c.req.method === \"OPTIONS\") {\n        return new Response(null, { status: 204, headers });\n      }\n\n      await next();\n      Object.entries(headers).forEach(([key, value]) =>\n        c.header(key, value, { append: false })\n      );\n    };\n\nexport const createChatProxyApp = (options: ChatProxyOptions = {}) => {\n  const app = new Hono();\n  const path = options.path ?? DEFAULT_PATH;\n  const upstream = options.upstreamUrl ?? DEFAULT_ENDPOINT;\n\n  app.use(\"*\", withCors(options.allowedOrigins));\n\n  app.post(path, async (c) => {\n    const apiKey = options.apiKey ?? process.env.TRAVRSE_API_KEY;\n    if (!apiKey) {\n      return c.json(\n        { error: \"Missing API key. Set TRAVRSE_API_KEY.\" },\n        401\n      );\n    }\n\n    let clientPayload: {\n      messages?: Array<{ role: string; content: string; createdAt?: string }>;\n      flowId?: string;\n      metadata?: Record<string, unknown>;\n    };\n    try {\n      clientPayload = await c.req.json();\n    } catch (error) {\n      return c.json(\n        { error: \"Invalid JSON body\", details: error },\n        400\n      );\n    }\n\n    // Build the Travrse payload\n    const messages = clientPayload.messages ?? [];\n    // Sort messages by timestamp to ensure correct order\n    const sortedMessages = [...messages].sort((a, b) => {\n      const timeA = a.createdAt ? new Date(a.createdAt).getTime() : 0;\n      const timeB = b.createdAt ? new Date(b.createdAt).getTime() : 0;\n      return timeA - timeB;\n    });\n    const formattedMessages = sortedMessages.map((message) => ({\n      role: message.role,\n      content: message.content\n    }));\n\n    // Determine which flow to use\n    const flowId = clientPayload.flowId ?? options.flowId;\n    const flowConfig = options.flowConfig ?? DEFAULT_FLOW;\n\n    const travrsePayload: Record<string, unknown> = {\n      record: {\n        name: \"Streaming Chat Widget\",\n        type: \"standalone\",\n        metadata: clientPayload.metadata || {}\n      },\n      messages: formattedMessages,\n      options: {\n        stream_response: true,\n        record_mode: \"virtual\",\n        flow_mode: flowId ? \"existing\" : \"virtual\",\n        auto_append_metadata: false\n      }\n    };\n\n    // Use flow ID if provided, otherwise use flow config\n    if (flowId) {\n      travrsePayload.flow = {\n        \"name\": \"Chat with 8b\",\n        \"description\": \"Flow with 1 step\",\n        \"steps\": [\n          {\n            \"id\": \"step_01k8wnwpdcferbrq79tzj49aec\",\n            \"name\": \"Prompt 1\",\n            \"type\": \"prompt\",\n            \"order\": 0,\n            \"enabled\": true,\n            \"config\": {\n              \"text\": \"{{user_message}}\",\n              \"model\": \"qwen/qwen3-8b\",\n              // \"tools\": {\n              //   \"tool_ids\": [\n              //     \"tool_01k8ky2xpjfzybye5ywcmjr379\",\n              //     \"builtin:firecrawl\"\n              //   ]\n              // },\n              \"reasoning\": false,\n              \"user_prompt\": \"{{user_message}}\",\n              \"output_variable\": \"prompt_result\",\n              \"response_format\": \"JSON\"\n            }\n          }\n        ]\n      }\n    } else {\n      travrsePayload.flow = flowConfig;\n    }\n\n    // Development logging\n    const isDevelopment = process.env.NODE_ENV === \"development\" || !process.env.NODE_ENV;\n\n    if (isDevelopment) {\n      console.log(\"\\n=== Travrse Proxy Request ===\");\n      console.log(\"URL:\", upstream);\n      console.log(\"API Key Used:\", apiKey ? \"Yes\" : \"No\");\n      console.log(\"API Key (first 12 chars):\", apiKey ? apiKey.substring(0, 12) : \"N/A\");\n      console.log(\"Request Payload:\", JSON.stringify(travrsePayload, null, 2));\n    }\n\n    const response = await fetch(upstream, {\n      method: \"POST\",\n      headers: {\n        Authorization: `Bearer ${apiKey}`,\n        \"Content-Type\": \"application/json\"\n      },\n      body: JSON.stringify(travrsePayload)\n    });\n\n    if (isDevelopment) {\n      console.log(\"Response Status:\", response.status);\n      console.log(\"Response Status Text:\", response.statusText);\n\n      // If there's an error, try to read and log the response body\n      if (!response.ok) {\n        const clonedResponse = response.clone();\n        try {\n          const errorBody = await clonedResponse.text();\n          console.log(\"Error Response Body:\", errorBody);\n        } catch (e) {\n          console.log(\"Could not read error response body:\", e);\n        }\n      }\n      console.log(\"=== End Travrse Proxy Request ===\\n\");\n    }\n\n    return new Response(response.body, {\n      status: response.status,\n      headers: {\n        \"Content-Type\":\n          response.headers.get(\"content-type\") ?? \"application/json\",\n        \"Cache-Control\": \"no-store\"\n      }\n    });\n  });\n\n  return app;\n};\n\nexport const createVercelHandler = (options?: ChatProxyOptions) =>\n  handle(createChatProxyApp(options));\n\n// Export pre-configured flows\nexport * from \"./flows/index.js\";\n\n// Export utility functions\nexport * from \"./utils/index.js\";\n\nexport default createChatProxyApp;\n\n","import type { TravrseFlowConfig } from \"../index.js\";\n\n/**\n * Basic conversational assistant flow\n * This is the default flow for simple chat interactions\n */\nexport const CONVERSATIONAL_FLOW: TravrseFlowConfig = {\n  name: \"Streaming Prompt Flow\",\n  description: \"Streaming chat generated by the widget\",\n  steps: [\n    {\n      id: \"widget_prompt\",\n      name: \"Prompt\",\n      type: \"prompt\",\n      enabled: true,\n      config: {\n        model: \"meta/llama3.1-8b-instruct-free\",\n        response_format: \"markdown\",\n        output_variable: \"prompt_result\",\n        user_prompt: \"{{user_message}}\",\n        system_prompt: \"you are a helpful assistant, chatting with a user\",\n        previous_messages: \"{{messages}}\"\n      }\n    }\n  ]\n};\n","import type { TravrseFlowConfig } from \"../index.js\";\n\n/**\n * Shopping assistant flow configuration\n * This flow returns JSON actions for page interaction including:\n * - Simple messages\n * - Navigation with messages\n * - Element clicks with messages\n * - Stripe checkout\n */\nexport const SHOPPING_ASSISTANT_FLOW: TravrseFlowConfig = {\n  name: \"Shopping Assistant Flow\",\n  description: \"Returns JSON actions for page interaction\",\n  steps: [\n    {\n      id: \"action_prompt\",\n      name: \"Action Prompt\",\n      type: \"prompt\",\n      enabled: true,\n      config: {\n        model: \"qwen/qwen3-8b\",\n        reasoning: false,\n        responseFormat: \"JSON\",\n        outputVariable: \"prompt_result\",\n        userPrompt: \"{{user_message}}\",\n        systemPrompt: `You are a helpful shopping assistant that can interact with web pages.\nYou will receive information about the current page's elements (class names and text content)\nand user messages. You must respond with JSON in one of these formats:\n\n1. Simple message:\n{\n  \"action\": \"message\",\n  \"text\": \"Your response text here\"\n}\n\n2. Navigate then show message (for navigation to another page):\n{\n  \"action\": \"nav_then_click\",\n  \"page\": \"http://site.com/page-url\",\n  \"on_load_text\": \"Message to show after navigation\"\n}\n\n3. Show message and click an element:\n{\n  \"action\": \"message_and_click\",\n  \"element\": \".className-of-element\",\n  \"text\": \"Your message text\"\n}\n\n4. Create Stripe checkout:\n{\n  \"action\": \"checkout\",\n  \"text\": \"Your message text\",\n  \"items\": [\n    {\"name\": \"Product Name\", \"price\": 2999, \"quantity\": 1}\n  ]\n}\n\nGuidelines:\n- Use \"message\" for simple conversational responses\n- Use \"nav_then_click\" when you need to navigate to a different page (like a product detail page)\n- Use \"message_and_click\" when you want to click a button or element on the current page\n- Use \"checkout\" when the user wants to proceed to checkout/payment. Include items array with name (string), price (number in cents), and quantity (number)\n- When selecting elements, use the class names provided in the page context\n- Always respond with valid JSON only, no additional text\n- For product searches, format results as markdown links: [Product Name](url)\n- Be helpful and conversational in your messages\n- Product prices: Black Shirt - Medium: $29.99 (2999 cents), Blue Shirt - Large: $34.99 (3499 cents), Red T-Shirt - Small: $19.99 (1999 cents), Jeans - Medium: $49.99 (4999 cents)\n\nExample conversation flow:\n- User: \"I am looking for a black shirt in medium\"\n- You: {\"action\": \"message\", \"text\": \"Here are the products I found:\\\\n1. [Black Shirt - Medium](/products.html?product=black-shirt-medium) - $29.99\\\\n2. [Blue Shirt - Large](/products.html?product=blue-shirt-large) - $34.99\\\\n3. [Red T-Shirt - Small](/products.html?product=red-tshirt-small) - $19.99\\\\n4. [Jeans - Medium](/products.html?product=jeans-medium) - $49.99\\\\n\\\\nWould you like me to navigate to the first result and add it to your cart?\"}\n\n- User: \"No, I would like to add another shirt to the cart\"\n- You: {\"action\": \"message_and_click\", \"element\": \".AddToCartButton-blue-shirt-large\", \"text\": \"I've added the Blue Shirt - Large to your cart. Ready to checkout?\"}\n\n- User: \"yes\"\n- You: {\"action\": \"checkout\", \"text\": \"Perfect! I'll set up the checkout for you.\", \"items\": [{\"name\": \"Black Shirt - Medium\", \"price\": 2999, \"quantity\": 1}]}`,\n        previousMessages: \"{{messages}}\"\n      }\n    }\n  ]\n};\n\n/**\n * Metadata-based shopping assistant flow configuration\n * This flow uses DOM context from record metadata instead of user message.\n * The metadata should include dom_elements, dom_body, page_url, and page_title.\n */\nexport const SHOPPING_ASSISTANT_METADATA_FLOW: TravrseFlowConfig = {\n  name: \"Metadata-Based Shopping Assistant\",\n  description: \"Uses DOM context from record metadata for page interaction\",\n  steps: [\n    {\n      id: \"metadata_action_prompt\",\n      name: \"Metadata Action Prompt\",\n      type: \"prompt\",\n      enabled: true,\n      config: {\n        model: \"qwen/qwen3-8b\",\n        reasoning: false,\n        responseFormat: \"JSON\",\n        outputVariable: \"prompt_result\",\n        userPrompt: \"{{user_message}}\",\n        systemPrompt: `You are a helpful shopping assistant that can interact with web pages.\n\nIMPORTANT: You have access to the current page's DOM elements through the record metadata, which includes:\n- dom_elements: Array of page elements with className, innerText, and tagName\n- dom_body: Complete HTML body of the page (if provided)\n- page_url: Current page URL\n- page_title: Page title\n\nThe dom_elements array provides information about clickable elements and their text content.\nUse this metadata to understand what's available on the page and help users interact with it.\n\nYou must respond with JSON in one of these formats:\n\n1. Simple message:\n{\n  \"action\": \"message\",\n  \"text\": \"Your response text here\"\n}\n\n2. Navigate then show message (for navigation to another page):\n{\n  \"action\": \"nav_then_click\",\n  \"page\": \"http://site.com/page-url\",\n  \"on_load_text\": \"Message to show after navigation\"\n}\n\n3. Show message and click an element:\n{\n  \"action\": \"message_and_click\",\n  \"element\": \".className-of-element\",\n  \"text\": \"Your message text\"\n}\n\n4. Create Stripe checkout:\n{\n  \"action\": \"checkout\",\n  \"text\": \"Your message text\",\n  \"items\": [\n    {\"name\": \"Product Name\", \"price\": 2999, \"quantity\": 1}\n  ]\n}\n\nGuidelines:\n- Use \"message\" for simple conversational responses\n- Use \"nav_then_click\" when you need to navigate to a different page (like a product detail page)\n- Use \"message_and_click\" when you want to click a button or element on the current page\n- Use \"checkout\" when the user wants to proceed to checkout/payment. Include items array with name (string), price (number in cents), and quantity (number)\n- When selecting elements, use the class names from the dom_elements in the metadata\n- Always respond with valid JSON only, no additional text\n- For product searches, format results as markdown links: [Product Name](url)\n- Be helpful and conversational in your messages\n- Product prices: Black Shirt - Medium: $29.99 (2999 cents), Blue Shirt - Large: $34.99 (3499 cents), Red T-Shirt - Small: $19.99 (1999 cents), Jeans - Medium: $49.99 (4999 cents)\n\nExample conversation flow:\n- User: \"I am looking for a black shirt in medium\"\n- You: {\"action\": \"message\", \"text\": \"Here are the products I found:\\\\n1. [Black Shirt - Medium](/products.html?product=black-shirt-medium) - $29.99\\\\n2. [Blue Shirt - Large](/products.html?product=blue-shirt-large) - $34.99\\\\n3. [Red T-Shirt - Small](/products.html?product=red-tshirt-small) - $19.99\\\\n4. [Jeans - Medium](/products.html?product=jeans-medium) - $49.99\\\\n\\\\nWould you like me to navigate to the first result and add it to your cart?\"}\n\n- User: \"No, I would like to add another shirt to the cart\"\n- You: {\"action\": \"message_and_click\", \"element\": \".AddToCartButton-blue-shirt-large\", \"text\": \"I've added the Blue Shirt - Large to your cart. Ready to checkout?\"}\n\n- User: \"yes\"\n- You: {\"action\": \"checkout\", \"text\": \"Perfect! I'll set up the checkout for you.\", \"items\": [{\"name\": \"Black Shirt - Medium\", \"price\": 2999, \"quantity\": 1}]}`,\n        previousMessages: \"{{messages}}\"\n      }\n    }\n  ]\n};\n","/**\n * Stripe checkout helpers using the REST API\n * This approach works on all platforms including Cloudflare Workers, Vercel Edge, etc.\n */\n\nexport interface CheckoutItem {\n  name: string;\n  price: number; // Price in cents\n  quantity: number;\n}\n\nexport interface CreateCheckoutSessionOptions {\n  secretKey: string;\n  items: CheckoutItem[];\n  successUrl: string;\n  cancelUrl: string;\n}\n\nexport interface CheckoutSessionResponse {\n  success: boolean;\n  checkoutUrl?: string;\n  sessionId?: string;\n  error?: string;\n}\n\n/**\n * Creates a Stripe checkout session using the REST API\n * @param options - Checkout session configuration\n * @returns Checkout session response with URL and session ID\n */\nexport async function createCheckoutSession(\n  options: CreateCheckoutSessionOptions\n): Promise<CheckoutSessionResponse> {\n  const { secretKey, items, successUrl, cancelUrl } = options;\n\n  try {\n    // Validate items\n    if (!items || !Array.isArray(items) || items.length === 0) {\n      return {\n        success: false,\n        error: \"Items array is required\"\n      };\n    }\n\n    for (const item of items) {\n      if (!item.name || typeof item.price !== \"number\" || typeof item.quantity !== \"number\") {\n        return {\n          success: false,\n          error: \"Each item must have name (string), price (number in cents), and quantity (number)\"\n        };\n      }\n    }\n\n    // Build line items for URL encoding\n    const lineItems = items.map((item) => ({\n      price_data: {\n        currency: \"usd\",\n        product_data: {\n          name: item.name,\n        },\n        unit_amount: item.price,\n      },\n      quantity: item.quantity,\n    }));\n\n    // Convert line items to URL-encoded format\n    const params = new URLSearchParams({\n      \"payment_method_types[0]\": \"card\",\n      \"mode\": \"payment\",\n      \"success_url\": successUrl,\n      \"cancel_url\": cancelUrl,\n    });\n\n    // Add line items to params\n    lineItems.forEach((item, index) => {\n      params.append(`line_items[${index}][price_data][currency]`, item.price_data.currency);\n      params.append(`line_items[${index}][price_data][product_data][name]`, item.price_data.product_data.name);\n      params.append(`line_items[${index}][price_data][unit_amount]`, item.price_data.unit_amount.toString());\n      params.append(`line_items[${index}][quantity]`, item.quantity.toString());\n    });\n\n    // Create Stripe checkout session using REST API\n    const stripeResponse = await fetch(\"https://api.stripe.com/v1/checkout/sessions\", {\n      method: \"POST\",\n      headers: {\n        \"Authorization\": `Bearer ${secretKey}`,\n        \"Content-Type\": \"application/x-www-form-urlencoded\",\n      },\n      body: params,\n    });\n\n    if (!stripeResponse.ok) {\n      const errorData = await stripeResponse.text();\n      console.error(\"Stripe API error:\", errorData);\n      return {\n        success: false,\n        error: \"Failed to create checkout session\"\n      };\n    }\n\n    const session = await stripeResponse.json() as { url: string; id: string };\n\n    return {\n      success: true,\n      checkoutUrl: session.url,\n      sessionId: session.id,\n    };\n  } catch (error) {\n    console.error(\"Stripe checkout error:\", error);\n    return {\n      success: false,\n      error: error instanceof Error ? error.message : \"Failed to create checkout session\"\n    };\n  }\n}\n"],"mappings":"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","names":["_a","_b"]}

package/dist/index.d.cts

@@ -1,6 +1,56 @@
 import * as hono_types from 'hono/types';
 import { Hono } from 'hono';
 
+/**
+ * Basic conversational assistant flow
+ * This is the default flow for simple chat interactions
+ */
+declare const CONVERSATIONAL_FLOW: TravrseFlowConfig;
+
+/**
+ * Shopping assistant flow configuration
+ * This flow returns JSON actions for page interaction including:
+ * - Simple messages
+ * - Navigation with messages
+ * - Element clicks with messages
+ * - Stripe checkout
+ */
+declare const SHOPPING_ASSISTANT_FLOW: TravrseFlowConfig;
+/**
+ * Metadata-based shopping assistant flow configuration
+ * This flow uses DOM context from record metadata instead of user message.
+ * The metadata should include dom_elements, dom_body, page_url, and page_title.
+ */
+declare const SHOPPING_ASSISTANT_METADATA_FLOW: TravrseFlowConfig;
+
+/**
+ * Stripe checkout helpers using the REST API
+ * This approach works on all platforms including Cloudflare Workers, Vercel Edge, etc.
+ */
+interface CheckoutItem {
+    name: string;
+    price: number;
+    quantity: number;
+}
+interface CreateCheckoutSessionOptions {
+    secretKey: string;
+    items: CheckoutItem[];
+    successUrl: string;
+    cancelUrl: string;
+}
+interface CheckoutSessionResponse {
+    success: boolean;
+    checkoutUrl?: string;
+    sessionId?: string;
+    error?: string;
+}
+/**
+ * Creates a Stripe checkout session using the REST API
+ * @param options - Checkout session configuration
+ * @returns Checkout session response with URL and session ID
+ */
+declare function createCheckoutSession(options: CreateCheckoutSessionOptions): Promise<CheckoutSessionResponse>;
+
 type TravrseFlowStep = {
     id: string;
     name: string;
@@ -24,4 +74,4 @@ type ChatProxyOptions = {
 declare const createChatProxyApp: (options?: ChatProxyOptions) => Hono<hono_types.BlankEnv, hono_types.BlankSchema, "/">;
 declare const createVercelHandler: (options?: ChatProxyOptions) => (req: Request) => Response | Promise<Response>;
 
-export { type ChatProxyOptions, type TravrseFlowConfig, type TravrseFlowStep, createChatProxyApp, createVercelHandler, createChatProxyApp as default };
+export { CONVERSATIONAL_FLOW, type ChatProxyOptions, type CheckoutItem, type CheckoutSessionResponse, type CreateCheckoutSessionOptions, SHOPPING_ASSISTANT_FLOW, SHOPPING_ASSISTANT_METADATA_FLOW, type TravrseFlowConfig, type TravrseFlowStep, createChatProxyApp, createCheckoutSession, createVercelHandler, createChatProxyApp as default };

package/dist/index.d.ts

@@ -1,6 +1,56 @@
 import * as hono_types from 'hono/types';
 import { Hono } from 'hono';
 
+/**
+ * Basic conversational assistant flow
+ * This is the default flow for simple chat interactions
+ */
+declare const CONVERSATIONAL_FLOW: TravrseFlowConfig;
+
+/**
+ * Shopping assistant flow configuration
+ * This flow returns JSON actions for page interaction including:
+ * - Simple messages
+ * - Navigation with messages
+ * - Element clicks with messages
+ * - Stripe checkout
+ */
+declare const SHOPPING_ASSISTANT_FLOW: TravrseFlowConfig;
+/**
+ * Metadata-based shopping assistant flow configuration
+ * This flow uses DOM context from record metadata instead of user message.
+ * The metadata should include dom_elements, dom_body, page_url, and page_title.
+ */
+declare const SHOPPING_ASSISTANT_METADATA_FLOW: TravrseFlowConfig;
+
+/**
+ * Stripe checkout helpers using the REST API
+ * This approach works on all platforms including Cloudflare Workers, Vercel Edge, etc.
+ */
+interface CheckoutItem {
+    name: string;
+    price: number;
+    quantity: number;
+}
+interface CreateCheckoutSessionOptions {
+    secretKey: string;
+    items: CheckoutItem[];
+    successUrl: string;
+    cancelUrl: string;
+}
+interface CheckoutSessionResponse {
+    success: boolean;
+    checkoutUrl?: string;
+    sessionId?: string;
+    error?: string;
+}
+/**
+ * Creates a Stripe checkout session using the REST API
+ * @param options - Checkout session configuration
+ * @returns Checkout session response with URL and session ID
+ */
+declare function createCheckoutSession(options: CreateCheckoutSessionOptions): Promise<CheckoutSessionResponse>;
+
 type TravrseFlowStep = {
     id: string;
     name: string;
@@ -24,4 +74,4 @@ type ChatProxyOptions = {
 declare const createChatProxyApp: (options?: ChatProxyOptions) => Hono<hono_types.BlankEnv, hono_types.BlankSchema, "/">;
 declare const createVercelHandler: (options?: ChatProxyOptions) => (req: Request) => Response | Promise<Response>;
 
-export { type ChatProxyOptions, type TravrseFlowConfig, type TravrseFlowStep, createChatProxyApp, createVercelHandler, createChatProxyApp as default };
+export { CONVERSATIONAL_FLOW, type ChatProxyOptions, type CheckoutItem, type CheckoutSessionResponse, type CreateCheckoutSessionOptions, SHOPPING_ASSISTANT_FLOW, SHOPPING_ASSISTANT_METADATA_FLOW, type TravrseFlowConfig, type TravrseFlowStep, createChatProxyApp, createCheckoutSession, createVercelHandler, createChatProxyApp as default };

package/dist/index.js

@@ -1,6 +1,258 @@
 // src/index.ts
 import { Hono } from "hono";
 import { handle } from "hono/vercel";
+
+// src/flows/conversational.ts
+var CONVERSATIONAL_FLOW = {
+  name: "Streaming Prompt Flow",
+  description: "Streaming chat generated by the widget",
+  steps: [
+    {
+      id: "widget_prompt",
+      name: "Prompt",
+      type: "prompt",
+      enabled: true,
+      config: {
+        model: "meta/llama3.1-8b-instruct-free",
+        response_format: "markdown",
+        output_variable: "prompt_result",
+        user_prompt: "{{user_message}}",
+        system_prompt: "you are a helpful assistant, chatting with a user",
+        previous_messages: "{{messages}}"
+      }
+    }
+  ]
+};
+
+// src/flows/shopping-assistant.ts
+var SHOPPING_ASSISTANT_FLOW = {
+  name: "Shopping Assistant Flow",
+  description: "Returns JSON actions for page interaction",
+  steps: [
+    {
+      id: "action_prompt",
+      name: "Action Prompt",
+      type: "prompt",
+      enabled: true,
+      config: {
+        model: "qwen/qwen3-8b",
+        reasoning: false,
+        responseFormat: "JSON",
+        outputVariable: "prompt_result",
+        userPrompt: "{{user_message}}",
+        systemPrompt: `You are a helpful shopping assistant that can interact with web pages.
+You will receive information about the current page's elements (class names and text content)
+and user messages. You must respond with JSON in one of these formats:
+
+1. Simple message:
+{
+  "action": "message",
+  "text": "Your response text here"
+}
+
+2. Navigate then show message (for navigation to another page):
+{
+  "action": "nav_then_click",
+  "page": "http://site.com/page-url",
+  "on_load_text": "Message to show after navigation"
+}
+
+3. Show message and click an element:
+{
+  "action": "message_and_click",
+  "element": ".className-of-element",
+  "text": "Your message text"
+}
+
+4. Create Stripe checkout:
+{
+  "action": "checkout",
+  "text": "Your message text",
+  "items": [
+    {"name": "Product Name", "price": 2999, "quantity": 1}
+  ]
+}
+
+Guidelines:
+- Use "message" for simple conversational responses
+- Use "nav_then_click" when you need to navigate to a different page (like a product detail page)
+- Use "message_and_click" when you want to click a button or element on the current page
+- Use "checkout" when the user wants to proceed to checkout/payment. Include items array with name (string), price (number in cents), and quantity (number)
+- When selecting elements, use the class names provided in the page context
+- Always respond with valid JSON only, no additional text
+- For product searches, format results as markdown links: [Product Name](url)
+- Be helpful and conversational in your messages
+- Product prices: Black Shirt - Medium: $29.99 (2999 cents), Blue Shirt - Large: $34.99 (3499 cents), Red T-Shirt - Small: $19.99 (1999 cents), Jeans - Medium: $49.99 (4999 cents)
+
+Example conversation flow:
+- User: "I am looking for a black shirt in medium"
+- You: {"action": "message", "text": "Here are the products I found:\\n1. [Black Shirt - Medium](/products.html?product=black-shirt-medium) - $29.99\\n2. [Blue Shirt - Large](/products.html?product=blue-shirt-large) - $34.99\\n3. [Red T-Shirt - Small](/products.html?product=red-tshirt-small) - $19.99\\n4. [Jeans - Medium](/products.html?product=jeans-medium) - $49.99\\n\\nWould you like me to navigate to the first result and add it to your cart?"}
+
+- User: "No, I would like to add another shirt to the cart"
+- You: {"action": "message_and_click", "element": ".AddToCartButton-blue-shirt-large", "text": "I've added the Blue Shirt - Large to your cart. Ready to checkout?"}
+
+- User: "yes"
+- You: {"action": "checkout", "text": "Perfect! I'll set up the checkout for you.", "items": [{"name": "Black Shirt - Medium", "price": 2999, "quantity": 1}]}`,
+        previousMessages: "{{messages}}"
+      }
+    }
+  ]
+};
+var SHOPPING_ASSISTANT_METADATA_FLOW = {
+  name: "Metadata-Based Shopping Assistant",
+  description: "Uses DOM context from record metadata for page interaction",
+  steps: [
+    {
+      id: "metadata_action_prompt",
+      name: "Metadata Action Prompt",
+      type: "prompt",
+      enabled: true,
+      config: {
+        model: "qwen/qwen3-8b",
+        reasoning: false,
+        responseFormat: "JSON",
+        outputVariable: "prompt_result",
+        userPrompt: "{{user_message}}",
+        systemPrompt: `You are a helpful shopping assistant that can interact with web pages.
+
+IMPORTANT: You have access to the current page's DOM elements through the record metadata, which includes:
+- dom_elements: Array of page elements with className, innerText, and tagName
+- dom_body: Complete HTML body of the page (if provided)
+- page_url: Current page URL
+- page_title: Page title
+
+The dom_elements array provides information about clickable elements and their text content.
+Use this metadata to understand what's available on the page and help users interact with it.
+
+You must respond with JSON in one of these formats:
+
+1. Simple message:
+{
+  "action": "message",
+  "text": "Your response text here"
+}
+
+2. Navigate then show message (for navigation to another page):
+{
+  "action": "nav_then_click",
+  "page": "http://site.com/page-url",
+  "on_load_text": "Message to show after navigation"
+}
+
+3. Show message and click an element:
+{
+  "action": "message_and_click",
+  "element": ".className-of-element",
+  "text": "Your message text"
+}
+
+4. Create Stripe checkout:
+{
+  "action": "checkout",
+  "text": "Your message text",
+  "items": [
+    {"name": "Product Name", "price": 2999, "quantity": 1}
+  ]
+}
+
+Guidelines:
+- Use "message" for simple conversational responses
+- Use "nav_then_click" when you need to navigate to a different page (like a product detail page)
+- Use "message_and_click" when you want to click a button or element on the current page
+- Use "checkout" when the user wants to proceed to checkout/payment. Include items array with name (string), price (number in cents), and quantity (number)
+- When selecting elements, use the class names from the dom_elements in the metadata
+- Always respond with valid JSON only, no additional text
+- For product searches, format results as markdown links: [Product Name](url)
+- Be helpful and conversational in your messages
+- Product prices: Black Shirt - Medium: $29.99 (2999 cents), Blue Shirt - Large: $34.99 (3499 cents), Red T-Shirt - Small: $19.99 (1999 cents), Jeans - Medium: $49.99 (4999 cents)
+
+Example conversation flow:
+- User: "I am looking for a black shirt in medium"
+- You: {"action": "message", "text": "Here are the products I found:\\n1. [Black Shirt - Medium](/products.html?product=black-shirt-medium) - $29.99\\n2. [Blue Shirt - Large](/products.html?product=blue-shirt-large) - $34.99\\n3. [Red T-Shirt - Small](/products.html?product=red-tshirt-small) - $19.99\\n4. [Jeans - Medium](/products.html?product=jeans-medium) - $49.99\\n\\nWould you like me to navigate to the first result and add it to your cart?"}
+
+- User: "No, I would like to add another shirt to the cart"
+- You: {"action": "message_and_click", "element": ".AddToCartButton-blue-shirt-large", "text": "I've added the Blue Shirt - Large to your cart. Ready to checkout?"}
+
+- User: "yes"
+- You: {"action": "checkout", "text": "Perfect! I'll set up the checkout for you.", "items": [{"name": "Black Shirt - Medium", "price": 2999, "quantity": 1}]}`,
+        previousMessages: "{{messages}}"
+      }
+    }
+  ]
+};
+
+// src/utils/stripe.ts
+async function createCheckoutSession(options) {
+  const { secretKey, items, successUrl, cancelUrl } = options;
+  try {
+    if (!items || !Array.isArray(items) || items.length === 0) {
+      return {
+        success: false,
+        error: "Items array is required"
+      };
+    }
+    for (const item of items) {
+      if (!item.name || typeof item.price !== "number" || typeof item.quantity !== "number") {
+        return {
+          success: false,
+          error: "Each item must have name (string), price (number in cents), and quantity (number)"
+        };
+      }
+    }
+    const lineItems = items.map((item) => ({
+      price_data: {
+        currency: "usd",
+        product_data: {
+          name: item.name
+        },
+        unit_amount: item.price
+      },
+      quantity: item.quantity
+    }));
+    const params = new URLSearchParams({
+      "payment_method_types[0]": "card",
+      "mode": "payment",
+      "success_url": successUrl,
+      "cancel_url": cancelUrl
+    });
+    lineItems.forEach((item, index) => {
+      params.append(`line_items[${index}][price_data][currency]`, item.price_data.currency);
+      params.append(`line_items[${index}][price_data][product_data][name]`, item.price_data.product_data.name);
+      params.append(`line_items[${index}][price_data][unit_amount]`, item.price_data.unit_amount.toString());
+      params.append(`line_items[${index}][quantity]`, item.quantity.toString());
+    });
+    const stripeResponse = await fetch("https://api.stripe.com/v1/checkout/sessions", {
+      method: "POST",
+      headers: {
+        "Authorization": `Bearer ${secretKey}`,
+        "Content-Type": "application/x-www-form-urlencoded"
+      },
+      body: params
+    });
+    if (!stripeResponse.ok) {
+      const errorData = await stripeResponse.text();
+      console.error("Stripe API error:", errorData);
+      return {
+        success: false,
+        error: "Failed to create checkout session"
+      };
+    }
+    const session = await stripeResponse.json();
+    return {
+      success: true,
+      checkoutUrl: session.url,
+      sessionId: session.id
+    };
+  } catch (error) {
+    console.error("Stripe checkout error:", error);
+    return {
+      success: false,
+      error: error instanceof Error ? error.message : "Failed to create checkout session"
+    };
+  }
+}
+
+// src/index.ts
 var DEFAULT_ENDPOINT = "https://api.travrse.ai/v1/dispatch";
 var DEFAULT_PATH = "/api/chat/dispatch";
 var DEFAULT_FLOW = {
@@ -86,7 +338,7 @@ var createChatProxyApp = (options = {}) => {
       record: {
         name: "Streaming Chat Widget",
         type: "standalone",
-        metadata: {}
+        metadata: clientPayload.metadata || {}
       },
       messages: formattedMessages,
       options: {
@@ -170,7 +422,11 @@ var createChatProxyApp = (options = {}) => {
 var createVercelHandler = (options) => handle(createChatProxyApp(options));
 var index_default = createChatProxyApp;
 export {
+  CONVERSATIONAL_FLOW,
+  SHOPPING_ASSISTANT_FLOW,
+  SHOPPING_ASSISTANT_METADATA_FLOW,
   createChatProxyApp,
+  createCheckoutSession,
   createVercelHandler,
   index_default as default
 };

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import { Hono } from \"hono\";\nimport type { Context } from \"hono\";\nimport { handle } from \"hono/vercel\";\n\nexport type TravrseFlowStep = {\n  id: string;\n  name: string;\n  type: string;\n  enabled: boolean;\n  config: Record<string, unknown>;\n};\n\nexport type TravrseFlowConfig = {\n  name: string;\n  description: string;\n  steps: TravrseFlowStep[];\n};\n\nexport type ChatProxyOptions = {\n  upstreamUrl?: string;\n  apiKey?: string;\n  path?: string;\n  allowedOrigins?: string[];\n  flowId?: string;\n  flowConfig?: TravrseFlowConfig;\n};\n\nconst DEFAULT_ENDPOINT = \"https://api.travrse.ai/v1/dispatch\";\nconst DEFAULT_PATH = \"/api/chat/dispatch\";\n\nconst DEFAULT_FLOW: TravrseFlowConfig = {\n  name: \"Streaming Prompt Flow\",\n  description: \"Streaming chat generated by the widget\",\n  steps: [\n    {\n      id: \"widget_prompt\",\n      name: \"Prompt\",\n      type: \"prompt\",\n      enabled: true,\n      config: {\n        model: \"meta/llama3.1-8b-instruct-free\",\n        // model: \"gpt-4o\",\n        response_format: \"markdown\",\n        output_variable: \"prompt_result\",\n        user_prompt: \"{{user_message}}\",\n        system_prompt: \"you are a helpful assistant, chatting with a user\",\n        // tools: {\n        //   tool_ids: [\n        //     \"builtin:dalle\"\n        //   ]\n        // },\n        previous_messages: \"{{messages}}\"\n      }\n    }\n  ]\n};\n\nconst withCors =\n  (allowedOrigins: string[] | undefined) =>\n    async (c: Context, next: () => Promise<void>) => {\n      const origin = c.req.header(\"origin\") ?? \"*\";\n      const headers: Record<string, string> = {\n        \"Access-Control-Allow-Origin\":\n          allowedOrigins && allowedOrigins.length\n            ? allowedOrigins.includes(origin)\n              ? origin\n              : allowedOrigins[0]\n            : origin,\n        \"Access-Control-Allow-Headers\":\n          c.req.header(\"access-control-request-headers\") ??\n          \"Content-Type, Authorization\",\n        \"Access-Control-Allow-Methods\": \"POST, OPTIONS\",\n        Vary: \"Origin\"\n      };\n\n      if (c.req.method === \"OPTIONS\") {\n        return new Response(null, { status: 204, headers });\n      }\n\n      await next();\n      Object.entries(headers).forEach(([key, value]) =>\n        c.header(key, value, { append: false })\n      );\n    };\n\nexport const createChatProxyApp = (options: ChatProxyOptions = {}) => {\n  const app = new Hono();\n  const path = options.path ?? DEFAULT_PATH;\n  const upstream = options.upstreamUrl ?? DEFAULT_ENDPOINT;\n\n  app.use(\"*\", withCors(options.allowedOrigins));\n\n  app.post(path, async (c) => {\n    const apiKey = options.apiKey ?? process.env.TRAVRSE_API_KEY;\n    if (!apiKey) {\n      return c.json(\n        { error: \"Missing API key. Set TRAVRSE_API_KEY.\" },\n        401\n      );\n    }\n\n    let clientPayload: {\n      messages?: Array<{ role: string; content: string; createdAt?: string }>;\n      flowId?: string;\n    };\n    try {\n      clientPayload = await c.req.json();\n    } catch (error) {\n      return c.json(\n        { error: \"Invalid JSON body\", details: error },\n        400\n      );\n    }\n\n    // Build the Travrse payload\n    const messages = clientPayload.messages ?? [];\n    // Sort messages by timestamp to ensure correct order\n    const sortedMessages = [...messages].sort((a, b) => {\n      const timeA = a.createdAt ? new Date(a.createdAt).getTime() : 0;\n      const timeB = b.createdAt ? new Date(b.createdAt).getTime() : 0;\n      return timeA - timeB;\n    });\n    const formattedMessages = sortedMessages.map((message) => ({\n      role: message.role,\n      content: message.content\n    }));\n\n    // Determine which flow to use\n    const flowId = clientPayload.flowId ?? options.flowId;\n    const flowConfig = options.flowConfig ?? DEFAULT_FLOW;\n\n    const travrsePayload: Record<string, unknown> = {\n      record: {\n        name: \"Streaming Chat Widget\",\n        type: \"standalone\",\n        metadata: {}\n      },\n      messages: formattedMessages,\n      options: {\n        stream_response: true,\n        record_mode: \"virtual\",\n        flow_mode: flowId ? \"existing\" : \"virtual\",\n        auto_append_metadata: false\n      }\n    };\n\n    // Use flow ID if provided, otherwise use flow config\n    if (flowId) {\n      travrsePayload.flow = {\n        \"name\": \"Chat with 8b\",\n        \"description\": \"Flow with 1 step\",\n        \"steps\": [\n          {\n            \"id\": \"step_01k8wnwpdcferbrq79tzj49aec\",\n            \"name\": \"Prompt 1\",\n            \"type\": \"prompt\",\n            \"order\": 0,\n            \"enabled\": true,\n            \"config\": {\n              \"text\": \"{{user_message}}\",\n              \"model\": \"qwen/qwen3-8b\",\n              // \"tools\": {\n              //   \"tool_ids\": [\n              //     \"tool_01k8ky2xpjfzybye5ywcmjr379\",\n              //     \"builtin:firecrawl\"\n              //   ]\n              // },\n              \"reasoning\": false,\n              \"user_prompt\": \"{{user_message}}\",\n              \"output_variable\": \"prompt_result\",\n              \"response_format\": \"JSON\"\n            }\n          }\n        ]\n      }\n    } else {\n      travrsePayload.flow = flowConfig;\n    }\n\n    // Development logging\n    const isDevelopment = process.env.NODE_ENV === \"development\" || !process.env.NODE_ENV;\n\n    if (isDevelopment) {\n      console.log(\"\\n=== Travrse Proxy Request ===\");\n      console.log(\"URL:\", upstream);\n      console.log(\"API Key Used:\", apiKey ? \"Yes\" : \"No\");\n      console.log(\"API Key (first 12 chars):\", apiKey ? apiKey.substring(0, 12) : \"N/A\");\n      console.log(\"Request Payload:\", JSON.stringify(travrsePayload, null, 2));\n    }\n\n    const response = await fetch(upstream, {\n      method: \"POST\",\n      headers: {\n        Authorization: `Bearer ${apiKey}`,\n        \"Content-Type\": \"application/json\"\n      },\n      body: JSON.stringify(travrsePayload)\n    });\n\n    if (isDevelopment) {\n      console.log(\"Response Status:\", response.status);\n      console.log(\"Response Status Text:\", response.statusText);\n\n      // If there's an error, try to read and log the response body\n      if (!response.ok) {\n        const clonedResponse = response.clone();\n        try {\n          const errorBody = await clonedResponse.text();\n          console.log(\"Error Response Body:\", errorBody);\n        } catch (e) {\n          console.log(\"Could not read error response body:\", e);\n        }\n      }\n      console.log(\"=== End Travrse Proxy Request ===\\n\");\n    }\n\n    return new Response(response.body, {\n      status: response.status,\n      headers: {\n        \"Content-Type\":\n          response.headers.get(\"content-type\") ?? \"application/json\",\n        \"Cache-Control\": \"no-store\"\n      }\n    });\n  });\n\n  return app;\n};\n\nexport const createVercelHandler = (options?: ChatProxyOptions) =>\n  handle(createChatProxyApp(options));\n\n\nexport default createChatProxyApp;\n\n"],"mappings":"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","names":["_a","_b"]}
+{"version":3,"sources":["../src/index.ts","../src/flows/conversational.ts","../src/flows/shopping-assistant.ts","../src/utils/stripe.ts"],"sourcesContent":["import { Hono } from \"hono\";\nimport type { Context } from \"hono\";\nimport { handle } from \"hono/vercel\";\n\nexport type TravrseFlowStep = {\n  id: string;\n  name: string;\n  type: string;\n  enabled: boolean;\n  config: Record<string, unknown>;\n};\n\nexport type TravrseFlowConfig = {\n  name: string;\n  description: string;\n  steps: TravrseFlowStep[];\n};\n\nexport type ChatProxyOptions = {\n  upstreamUrl?: string;\n  apiKey?: string;\n  path?: string;\n  allowedOrigins?: string[];\n  flowId?: string;\n  flowConfig?: TravrseFlowConfig;\n};\n\nconst DEFAULT_ENDPOINT = \"https://api.travrse.ai/v1/dispatch\";\nconst DEFAULT_PATH = \"/api/chat/dispatch\";\n\nconst DEFAULT_FLOW: TravrseFlowConfig = {\n  name: \"Streaming Prompt Flow\",\n  description: \"Streaming chat generated by the widget\",\n  steps: [\n    {\n      id: \"widget_prompt\",\n      name: \"Prompt\",\n      type: \"prompt\",\n      enabled: true,\n      config: {\n        model: \"meta/llama3.1-8b-instruct-free\",\n        // model: \"gpt-4o\",\n        response_format: \"markdown\",\n        output_variable: \"prompt_result\",\n        user_prompt: \"{{user_message}}\",\n        system_prompt: \"you are a helpful assistant, chatting with a user\",\n        // tools: {\n        //   tool_ids: [\n        //     \"builtin:dalle\"\n        //   ]\n        // },\n        previous_messages: \"{{messages}}\"\n      }\n    }\n  ]\n};\n\nconst withCors =\n  (allowedOrigins: string[] | undefined) =>\n    async (c: Context, next: () => Promise<void>) => {\n      const origin = c.req.header(\"origin\") ?? \"*\";\n      const headers: Record<string, string> = {\n        \"Access-Control-Allow-Origin\":\n          allowedOrigins && allowedOrigins.length\n            ? allowedOrigins.includes(origin)\n              ? origin\n              : allowedOrigins[0]\n            : origin,\n        \"Access-Control-Allow-Headers\":\n          c.req.header(\"access-control-request-headers\") ??\n          \"Content-Type, Authorization\",\n        \"Access-Control-Allow-Methods\": \"POST, OPTIONS\",\n        Vary: \"Origin\"\n      };\n\n      if (c.req.method === \"OPTIONS\") {\n        return new Response(null, { status: 204, headers });\n      }\n\n      await next();\n      Object.entries(headers).forEach(([key, value]) =>\n        c.header(key, value, { append: false })\n      );\n    };\n\nexport const createChatProxyApp = (options: ChatProxyOptions = {}) => {\n  const app = new Hono();\n  const path = options.path ?? DEFAULT_PATH;\n  const upstream = options.upstreamUrl ?? DEFAULT_ENDPOINT;\n\n  app.use(\"*\", withCors(options.allowedOrigins));\n\n  app.post(path, async (c) => {\n    const apiKey = options.apiKey ?? process.env.TRAVRSE_API_KEY;\n    if (!apiKey) {\n      return c.json(\n        { error: \"Missing API key. Set TRAVRSE_API_KEY.\" },\n        401\n      );\n    }\n\n    let clientPayload: {\n      messages?: Array<{ role: string; content: string; createdAt?: string }>;\n      flowId?: string;\n      metadata?: Record<string, unknown>;\n    };\n    try {\n      clientPayload = await c.req.json();\n    } catch (error) {\n      return c.json(\n        { error: \"Invalid JSON body\", details: error },\n        400\n      );\n    }\n\n    // Build the Travrse payload\n    const messages = clientPayload.messages ?? [];\n    // Sort messages by timestamp to ensure correct order\n    const sortedMessages = [...messages].sort((a, b) => {\n      const timeA = a.createdAt ? new Date(a.createdAt).getTime() : 0;\n      const timeB = b.createdAt ? new Date(b.createdAt).getTime() : 0;\n      return timeA - timeB;\n    });\n    const formattedMessages = sortedMessages.map((message) => ({\n      role: message.role,\n      content: message.content\n    }));\n\n    // Determine which flow to use\n    const flowId = clientPayload.flowId ?? options.flowId;\n    const flowConfig = options.flowConfig ?? DEFAULT_FLOW;\n\n    const travrsePayload: Record<string, unknown> = {\n      record: {\n        name: \"Streaming Chat Widget\",\n        type: \"standalone\",\n        metadata: clientPayload.metadata || {}\n      },\n      messages: formattedMessages,\n      options: {\n        stream_response: true,\n        record_mode: \"virtual\",\n        flow_mode: flowId ? \"existing\" : \"virtual\",\n        auto_append_metadata: false\n      }\n    };\n\n    // Use flow ID if provided, otherwise use flow config\n    if (flowId) {\n      travrsePayload.flow = {\n        \"name\": \"Chat with 8b\",\n        \"description\": \"Flow with 1 step\",\n        \"steps\": [\n          {\n            \"id\": \"step_01k8wnwpdcferbrq79tzj49aec\",\n            \"name\": \"Prompt 1\",\n            \"type\": \"prompt\",\n            \"order\": 0,\n            \"enabled\": true,\n            \"config\": {\n              \"text\": \"{{user_message}}\",\n              \"model\": \"qwen/qwen3-8b\",\n              // \"tools\": {\n              //   \"tool_ids\": [\n              //     \"tool_01k8ky2xpjfzybye5ywcmjr379\",\n              //     \"builtin:firecrawl\"\n              //   ]\n              // },\n              \"reasoning\": false,\n              \"user_prompt\": \"{{user_message}}\",\n              \"output_variable\": \"prompt_result\",\n              \"response_format\": \"JSON\"\n            }\n          }\n        ]\n      }\n    } else {\n      travrsePayload.flow = flowConfig;\n    }\n\n    // Development logging\n    const isDevelopment = process.env.NODE_ENV === \"development\" || !process.env.NODE_ENV;\n\n    if (isDevelopment) {\n      console.log(\"\\n=== Travrse Proxy Request ===\");\n      console.log(\"URL:\", upstream);\n      console.log(\"API Key Used:\", apiKey ? \"Yes\" : \"No\");\n      console.log(\"API Key (first 12 chars):\", apiKey ? apiKey.substring(0, 12) : \"N/A\");\n      console.log(\"Request Payload:\", JSON.stringify(travrsePayload, null, 2));\n    }\n\n    const response = await fetch(upstream, {\n      method: \"POST\",\n      headers: {\n        Authorization: `Bearer ${apiKey}`,\n        \"Content-Type\": \"application/json\"\n      },\n      body: JSON.stringify(travrsePayload)\n    });\n\n    if (isDevelopment) {\n      console.log(\"Response Status:\", response.status);\n      console.log(\"Response Status Text:\", response.statusText);\n\n      // If there's an error, try to read and log the response body\n      if (!response.ok) {\n        const clonedResponse = response.clone();\n        try {\n          const errorBody = await clonedResponse.text();\n          console.log(\"Error Response Body:\", errorBody);\n        } catch (e) {\n          console.log(\"Could not read error response body:\", e);\n        }\n      }\n      console.log(\"=== End Travrse Proxy Request ===\\n\");\n    }\n\n    return new Response(response.body, {\n      status: response.status,\n      headers: {\n        \"Content-Type\":\n          response.headers.get(\"content-type\") ?? \"application/json\",\n        \"Cache-Control\": \"no-store\"\n      }\n    });\n  });\n\n  return app;\n};\n\nexport const createVercelHandler = (options?: ChatProxyOptions) =>\n  handle(createChatProxyApp(options));\n\n// Export pre-configured flows\nexport * from \"./flows/index.js\";\n\n// Export utility functions\nexport * from \"./utils/index.js\";\n\nexport default createChatProxyApp;\n\n","import type { TravrseFlowConfig } from \"../index.js\";\n\n/**\n * Basic conversational assistant flow\n * This is the default flow for simple chat interactions\n */\nexport const CONVERSATIONAL_FLOW: TravrseFlowConfig = {\n  name: \"Streaming Prompt Flow\",\n  description: \"Streaming chat generated by the widget\",\n  steps: [\n    {\n      id: \"widget_prompt\",\n      name: \"Prompt\",\n      type: \"prompt\",\n      enabled: true,\n      config: {\n        model: \"meta/llama3.1-8b-instruct-free\",\n        response_format: \"markdown\",\n        output_variable: \"prompt_result\",\n        user_prompt: \"{{user_message}}\",\n        system_prompt: \"you are a helpful assistant, chatting with a user\",\n        previous_messages: \"{{messages}}\"\n      }\n    }\n  ]\n};\n","import type { TravrseFlowConfig } from \"../index.js\";\n\n/**\n * Shopping assistant flow configuration\n * This flow returns JSON actions for page interaction including:\n * - Simple messages\n * - Navigation with messages\n * - Element clicks with messages\n * - Stripe checkout\n */\nexport const SHOPPING_ASSISTANT_FLOW: TravrseFlowConfig = {\n  name: \"Shopping Assistant Flow\",\n  description: \"Returns JSON actions for page interaction\",\n  steps: [\n    {\n      id: \"action_prompt\",\n      name: \"Action Prompt\",\n      type: \"prompt\",\n      enabled: true,\n      config: {\n        model: \"qwen/qwen3-8b\",\n        reasoning: false,\n        responseFormat: \"JSON\",\n        outputVariable: \"prompt_result\",\n        userPrompt: \"{{user_message}}\",\n        systemPrompt: `You are a helpful shopping assistant that can interact with web pages.\nYou will receive information about the current page's elements (class names and text content)\nand user messages. You must respond with JSON in one of these formats:\n\n1. Simple message:\n{\n  \"action\": \"message\",\n  \"text\": \"Your response text here\"\n}\n\n2. Navigate then show message (for navigation to another page):\n{\n  \"action\": \"nav_then_click\",\n  \"page\": \"http://site.com/page-url\",\n  \"on_load_text\": \"Message to show after navigation\"\n}\n\n3. Show message and click an element:\n{\n  \"action\": \"message_and_click\",\n  \"element\": \".className-of-element\",\n  \"text\": \"Your message text\"\n}\n\n4. Create Stripe checkout:\n{\n  \"action\": \"checkout\",\n  \"text\": \"Your message text\",\n  \"items\": [\n    {\"name\": \"Product Name\", \"price\": 2999, \"quantity\": 1}\n  ]\n}\n\nGuidelines:\n- Use \"message\" for simple conversational responses\n- Use \"nav_then_click\" when you need to navigate to a different page (like a product detail page)\n- Use \"message_and_click\" when you want to click a button or element on the current page\n- Use \"checkout\" when the user wants to proceed to checkout/payment. Include items array with name (string), price (number in cents), and quantity (number)\n- When selecting elements, use the class names provided in the page context\n- Always respond with valid JSON only, no additional text\n- For product searches, format results as markdown links: [Product Name](url)\n- Be helpful and conversational in your messages\n- Product prices: Black Shirt - Medium: $29.99 (2999 cents), Blue Shirt - Large: $34.99 (3499 cents), Red T-Shirt - Small: $19.99 (1999 cents), Jeans - Medium: $49.99 (4999 cents)\n\nExample conversation flow:\n- User: \"I am looking for a black shirt in medium\"\n- You: {\"action\": \"message\", \"text\": \"Here are the products I found:\\\\n1. [Black Shirt - Medium](/products.html?product=black-shirt-medium) - $29.99\\\\n2. [Blue Shirt - Large](/products.html?product=blue-shirt-large) - $34.99\\\\n3. [Red T-Shirt - Small](/products.html?product=red-tshirt-small) - $19.99\\\\n4. [Jeans - Medium](/products.html?product=jeans-medium) - $49.99\\\\n\\\\nWould you like me to navigate to the first result and add it to your cart?\"}\n\n- User: \"No, I would like to add another shirt to the cart\"\n- You: {\"action\": \"message_and_click\", \"element\": \".AddToCartButton-blue-shirt-large\", \"text\": \"I've added the Blue Shirt - Large to your cart. Ready to checkout?\"}\n\n- User: \"yes\"\n- You: {\"action\": \"checkout\", \"text\": \"Perfect! I'll set up the checkout for you.\", \"items\": [{\"name\": \"Black Shirt - Medium\", \"price\": 2999, \"quantity\": 1}]}`,\n        previousMessages: \"{{messages}}\"\n      }\n    }\n  ]\n};\n\n/**\n * Metadata-based shopping assistant flow configuration\n * This flow uses DOM context from record metadata instead of user message.\n * The metadata should include dom_elements, dom_body, page_url, and page_title.\n */\nexport const SHOPPING_ASSISTANT_METADATA_FLOW: TravrseFlowConfig = {\n  name: \"Metadata-Based Shopping Assistant\",\n  description: \"Uses DOM context from record metadata for page interaction\",\n  steps: [\n    {\n      id: \"metadata_action_prompt\",\n      name: \"Metadata Action Prompt\",\n      type: \"prompt\",\n      enabled: true,\n      config: {\n        model: \"qwen/qwen3-8b\",\n        reasoning: false,\n        responseFormat: \"JSON\",\n        outputVariable: \"prompt_result\",\n        userPrompt: \"{{user_message}}\",\n        systemPrompt: `You are a helpful shopping assistant that can interact with web pages.\n\nIMPORTANT: You have access to the current page's DOM elements through the record metadata, which includes:\n- dom_elements: Array of page elements with className, innerText, and tagName\n- dom_body: Complete HTML body of the page (if provided)\n- page_url: Current page URL\n- page_title: Page title\n\nThe dom_elements array provides information about clickable elements and their text content.\nUse this metadata to understand what's available on the page and help users interact with it.\n\nYou must respond with JSON in one of these formats:\n\n1. Simple message:\n{\n  \"action\": \"message\",\n  \"text\": \"Your response text here\"\n}\n\n2. Navigate then show message (for navigation to another page):\n{\n  \"action\": \"nav_then_click\",\n  \"page\": \"http://site.com/page-url\",\n  \"on_load_text\": \"Message to show after navigation\"\n}\n\n3. Show message and click an element:\n{\n  \"action\": \"message_and_click\",\n  \"element\": \".className-of-element\",\n  \"text\": \"Your message text\"\n}\n\n4. Create Stripe checkout:\n{\n  \"action\": \"checkout\",\n  \"text\": \"Your message text\",\n  \"items\": [\n    {\"name\": \"Product Name\", \"price\": 2999, \"quantity\": 1}\n  ]\n}\n\nGuidelines:\n- Use \"message\" for simple conversational responses\n- Use \"nav_then_click\" when you need to navigate to a different page (like a product detail page)\n- Use \"message_and_click\" when you want to click a button or element on the current page\n- Use \"checkout\" when the user wants to proceed to checkout/payment. Include items array with name (string), price (number in cents), and quantity (number)\n- When selecting elements, use the class names from the dom_elements in the metadata\n- Always respond with valid JSON only, no additional text\n- For product searches, format results as markdown links: [Product Name](url)\n- Be helpful and conversational in your messages\n- Product prices: Black Shirt - Medium: $29.99 (2999 cents), Blue Shirt - Large: $34.99 (3499 cents), Red T-Shirt - Small: $19.99 (1999 cents), Jeans - Medium: $49.99 (4999 cents)\n\nExample conversation flow:\n- User: \"I am looking for a black shirt in medium\"\n- You: {\"action\": \"message\", \"text\": \"Here are the products I found:\\\\n1. [Black Shirt - Medium](/products.html?product=black-shirt-medium) - $29.99\\\\n2. [Blue Shirt - Large](/products.html?product=blue-shirt-large) - $34.99\\\\n3. [Red T-Shirt - Small](/products.html?product=red-tshirt-small) - $19.99\\\\n4. [Jeans - Medium](/products.html?product=jeans-medium) - $49.99\\\\n\\\\nWould you like me to navigate to the first result and add it to your cart?\"}\n\n- User: \"No, I would like to add another shirt to the cart\"\n- You: {\"action\": \"message_and_click\", \"element\": \".AddToCartButton-blue-shirt-large\", \"text\": \"I've added the Blue Shirt - Large to your cart. Ready to checkout?\"}\n\n- User: \"yes\"\n- You: {\"action\": \"checkout\", \"text\": \"Perfect! I'll set up the checkout for you.\", \"items\": [{\"name\": \"Black Shirt - Medium\", \"price\": 2999, \"quantity\": 1}]}`,\n        previousMessages: \"{{messages}}\"\n      }\n    }\n  ]\n};\n","/**\n * Stripe checkout helpers using the REST API\n * This approach works on all platforms including Cloudflare Workers, Vercel Edge, etc.\n */\n\nexport interface CheckoutItem {\n  name: string;\n  price: number; // Price in cents\n  quantity: number;\n}\n\nexport interface CreateCheckoutSessionOptions {\n  secretKey: string;\n  items: CheckoutItem[];\n  successUrl: string;\n  cancelUrl: string;\n}\n\nexport interface CheckoutSessionResponse {\n  success: boolean;\n  checkoutUrl?: string;\n  sessionId?: string;\n  error?: string;\n}\n\n/**\n * Creates a Stripe checkout session using the REST API\n * @param options - Checkout session configuration\n * @returns Checkout session response with URL and session ID\n */\nexport async function createCheckoutSession(\n  options: CreateCheckoutSessionOptions\n): Promise<CheckoutSessionResponse> {\n  const { secretKey, items, successUrl, cancelUrl } = options;\n\n  try {\n    // Validate items\n    if (!items || !Array.isArray(items) || items.length === 0) {\n      return {\n        success: false,\n        error: \"Items array is required\"\n      };\n    }\n\n    for (const item of items) {\n      if (!item.name || typeof item.price !== \"number\" || typeof item.quantity !== \"number\") {\n        return {\n          success: false,\n          error: \"Each item must have name (string), price (number in cents), and quantity (number)\"\n        };\n      }\n    }\n\n    // Build line items for URL encoding\n    const lineItems = items.map((item) => ({\n      price_data: {\n        currency: \"usd\",\n        product_data: {\n          name: item.name,\n        },\n        unit_amount: item.price,\n      },\n      quantity: item.quantity,\n    }));\n\n    // Convert line items to URL-encoded format\n    const params = new URLSearchParams({\n      \"payment_method_types[0]\": \"card\",\n      \"mode\": \"payment\",\n      \"success_url\": successUrl,\n      \"cancel_url\": cancelUrl,\n    });\n\n    // Add line items to params\n    lineItems.forEach((item, index) => {\n      params.append(`line_items[${index}][price_data][currency]`, item.price_data.currency);\n      params.append(`line_items[${index}][price_data][product_data][name]`, item.price_data.product_data.name);\n      params.append(`line_items[${index}][price_data][unit_amount]`, item.price_data.unit_amount.toString());\n      params.append(`line_items[${index}][quantity]`, item.quantity.toString());\n    });\n\n    // Create Stripe checkout session using REST API\n    const stripeResponse = await fetch(\"https://api.stripe.com/v1/checkout/sessions\", {\n      method: \"POST\",\n      headers: {\n        \"Authorization\": `Bearer ${secretKey}`,\n        \"Content-Type\": \"application/x-www-form-urlencoded\",\n      },\n      body: params,\n    });\n\n    if (!stripeResponse.ok) {\n      const errorData = await stripeResponse.text();\n      console.error(\"Stripe API error:\", errorData);\n      return {\n        success: false,\n        error: \"Failed to create checkout session\"\n      };\n    }\n\n    const session = await stripeResponse.json() as { url: string; id: string };\n\n    return {\n      success: true,\n      checkoutUrl: session.url,\n      sessionId: session.id,\n    };\n  } catch (error) {\n    console.error(\"Stripe checkout error:\", error);\n    return {\n      success: false,\n      error: error instanceof Error ? error.message : \"Failed to create checkout session\"\n    };\n  }\n}\n"],"mappings":"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","names":["_a","_b"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vanilla-agent-proxy",
-  "version": "0.2.0",
+  "version": "1.0.0",
   "description": "Proxy server for vanilla-agent widget - handles flow configuration and forwards requests to Travrse or other AI backends.",
   "type": "module",
   "main": "dist/index.cjs",

package/src/flows/conversational.ts

@@ -0,0 +1,26 @@
+import type { TravrseFlowConfig } from "../index.js";
+
+/**
+ * Basic conversational assistant flow
+ * This is the default flow for simple chat interactions
+ */
+export const CONVERSATIONAL_FLOW: TravrseFlowConfig = {
+  name: "Streaming Prompt Flow",
+  description: "Streaming chat generated by the widget",
+  steps: [
+    {
+      id: "widget_prompt",
+      name: "Prompt",
+      type: "prompt",
+      enabled: true,
+      config: {
+        model: "meta/llama3.1-8b-instruct-free",
+        response_format: "markdown",
+        output_variable: "prompt_result",
+        user_prompt: "{{user_message}}",
+        system_prompt: "you are a helpful assistant, chatting with a user",
+        previous_messages: "{{messages}}"
+      }
+    }
+  ]
+};

package/src/flows/index.ts

@@ -0,0 +1,9 @@
+/**
+ * Pre-configured flow templates for common use cases
+ */
+
+export { CONVERSATIONAL_FLOW } from "./conversational.js";
+export {
+  SHOPPING_ASSISTANT_FLOW,
+  SHOPPING_ASSISTANT_METADATA_FLOW
+} from "./shopping-assistant.js";

package/src/flows/shopping-assistant.ts

@@ -0,0 +1,171 @@
+import type { TravrseFlowConfig } from "../index.js";
+
+/**
+ * Shopping assistant flow configuration
+ * This flow returns JSON actions for page interaction including:
+ * - Simple messages
+ * - Navigation with messages
+ * - Element clicks with messages
+ * - Stripe checkout
+ */
+export const SHOPPING_ASSISTANT_FLOW: TravrseFlowConfig = {
+  name: "Shopping Assistant Flow",
+  description: "Returns JSON actions for page interaction",
+  steps: [
+    {
+      id: "action_prompt",
+      name: "Action Prompt",
+      type: "prompt",
+      enabled: true,
+      config: {
+        model: "qwen/qwen3-8b",
+        reasoning: false,
+        responseFormat: "JSON",
+        outputVariable: "prompt_result",
+        userPrompt: "{{user_message}}",
+        systemPrompt: `You are a helpful shopping assistant that can interact with web pages.
+You will receive information about the current page's elements (class names and text content)
+and user messages. You must respond with JSON in one of these formats:
+
+1. Simple message:
+{
+  "action": "message",
+  "text": "Your response text here"
+}
+
+2. Navigate then show message (for navigation to another page):
+{
+  "action": "nav_then_click",
+  "page": "http://site.com/page-url",
+  "on_load_text": "Message to show after navigation"
+}
+
+3. Show message and click an element:
+{
+  "action": "message_and_click",
+  "element": ".className-of-element",
+  "text": "Your message text"
+}
+
+4. Create Stripe checkout:
+{
+  "action": "checkout",
+  "text": "Your message text",
+  "items": [
+    {"name": "Product Name", "price": 2999, "quantity": 1}
+  ]
+}
+
+Guidelines:
+- Use "message" for simple conversational responses
+- Use "nav_then_click" when you need to navigate to a different page (like a product detail page)
+- Use "message_and_click" when you want to click a button or element on the current page
+- Use "checkout" when the user wants to proceed to checkout/payment. Include items array with name (string), price (number in cents), and quantity (number)
+- When selecting elements, use the class names provided in the page context
+- Always respond with valid JSON only, no additional text
+- For product searches, format results as markdown links: [Product Name](url)
+- Be helpful and conversational in your messages
+- Product prices: Black Shirt - Medium: $29.99 (2999 cents), Blue Shirt - Large: $34.99 (3499 cents), Red T-Shirt - Small: $19.99 (1999 cents), Jeans - Medium: $49.99 (4999 cents)
+
+Example conversation flow:
+- User: "I am looking for a black shirt in medium"
+- You: {"action": "message", "text": "Here are the products I found:\\n1. [Black Shirt - Medium](/products.html?product=black-shirt-medium) - $29.99\\n2. [Blue Shirt - Large](/products.html?product=blue-shirt-large) - $34.99\\n3. [Red T-Shirt - Small](/products.html?product=red-tshirt-small) - $19.99\\n4. [Jeans - Medium](/products.html?product=jeans-medium) - $49.99\\n\\nWould you like me to navigate to the first result and add it to your cart?"}
+
+- User: "No, I would like to add another shirt to the cart"
+- You: {"action": "message_and_click", "element": ".AddToCartButton-blue-shirt-large", "text": "I've added the Blue Shirt - Large to your cart. Ready to checkout?"}
+
+- User: "yes"
+- You: {"action": "checkout", "text": "Perfect! I'll set up the checkout for you.", "items": [{"name": "Black Shirt - Medium", "price": 2999, "quantity": 1}]}`,
+        previousMessages: "{{messages}}"
+      }
+    }
+  ]
+};
+
+/**
+ * Metadata-based shopping assistant flow configuration
+ * This flow uses DOM context from record metadata instead of user message.
+ * The metadata should include dom_elements, dom_body, page_url, and page_title.
+ */
+export const SHOPPING_ASSISTANT_METADATA_FLOW: TravrseFlowConfig = {
+  name: "Metadata-Based Shopping Assistant",
+  description: "Uses DOM context from record metadata for page interaction",
+  steps: [
+    {
+      id: "metadata_action_prompt",
+      name: "Metadata Action Prompt",
+      type: "prompt",
+      enabled: true,
+      config: {
+        model: "qwen/qwen3-8b",
+        reasoning: false,
+        responseFormat: "JSON",
+        outputVariable: "prompt_result",
+        userPrompt: "{{user_message}}",
+        systemPrompt: `You are a helpful shopping assistant that can interact with web pages.
+
+IMPORTANT: You have access to the current page's DOM elements through the record metadata, which includes:
+- dom_elements: Array of page elements with className, innerText, and tagName
+- dom_body: Complete HTML body of the page (if provided)
+- page_url: Current page URL
+- page_title: Page title
+
+The dom_elements array provides information about clickable elements and their text content.
+Use this metadata to understand what's available on the page and help users interact with it.
+
+You must respond with JSON in one of these formats:
+
+1. Simple message:
+{
+  "action": "message",
+  "text": "Your response text here"
+}
+
+2. Navigate then show message (for navigation to another page):
+{
+  "action": "nav_then_click",
+  "page": "http://site.com/page-url",
+  "on_load_text": "Message to show after navigation"
+}
+
+3. Show message and click an element:
+{
+  "action": "message_and_click",
+  "element": ".className-of-element",
+  "text": "Your message text"
+}
+
+4. Create Stripe checkout:
+{
+  "action": "checkout",
+  "text": "Your message text",
+  "items": [
+    {"name": "Product Name", "price": 2999, "quantity": 1}
+  ]
+}
+
+Guidelines:
+- Use "message" for simple conversational responses
+- Use "nav_then_click" when you need to navigate to a different page (like a product detail page)
+- Use "message_and_click" when you want to click a button or element on the current page
+- Use "checkout" when the user wants to proceed to checkout/payment. Include items array with name (string), price (number in cents), and quantity (number)
+- When selecting elements, use the class names from the dom_elements in the metadata
+- Always respond with valid JSON only, no additional text
+- For product searches, format results as markdown links: [Product Name](url)
+- Be helpful and conversational in your messages
+- Product prices: Black Shirt - Medium: $29.99 (2999 cents), Blue Shirt - Large: $34.99 (3499 cents), Red T-Shirt - Small: $19.99 (1999 cents), Jeans - Medium: $49.99 (4999 cents)
+
+Example conversation flow:
+- User: "I am looking for a black shirt in medium"
+- You: {"action": "message", "text": "Here are the products I found:\\n1. [Black Shirt - Medium](/products.html?product=black-shirt-medium) - $29.99\\n2. [Blue Shirt - Large](/products.html?product=blue-shirt-large) - $34.99\\n3. [Red T-Shirt - Small](/products.html?product=red-tshirt-small) - $19.99\\n4. [Jeans - Medium](/products.html?product=jeans-medium) - $49.99\\n\\nWould you like me to navigate to the first result and add it to your cart?"}
+
+- User: "No, I would like to add another shirt to the cart"
+- You: {"action": "message_and_click", "element": ".AddToCartButton-blue-shirt-large", "text": "I've added the Blue Shirt - Large to your cart. Ready to checkout?"}
+
+- User: "yes"
+- You: {"action": "checkout", "text": "Perfect! I'll set up the checkout for you.", "items": [{"name": "Black Shirt - Medium", "price": 2999, "quantity": 1}]}`,
+        previousMessages: "{{messages}}"
+      }
+    }
+  ]
+};

package/src/index.ts

@@ -102,6 +102,7 @@ export const createChatProxyApp = (options: ChatProxyOptions = {}) => {
     let clientPayload: {
       messages?: Array<{ role: string; content: string; createdAt?: string }>;
       flowId?: string;
+      metadata?: Record<string, unknown>;
     };
     try {
       clientPayload = await c.req.json();
@@ -133,7 +134,7 @@ export const createChatProxyApp = (options: ChatProxyOptions = {}) => {
       record: {
         name: "Streaming Chat Widget",
         type: "standalone",
-        metadata: {}
+        metadata: clientPayload.metadata || {}
       },
       messages: formattedMessages,
       options: {
@@ -230,6 +231,11 @@ export const createChatProxyApp = (options: ChatProxyOptions = {}) => {
 export const createVercelHandler = (options?: ChatProxyOptions) =>
   handle(createChatProxyApp(options));
 
+// Export pre-configured flows
+export * from "./flows/index.js";
+
+// Export utility functions
+export * from "./utils/index.js";
 
 export default createChatProxyApp;
 

package/src/utils/index.ts

@@ -0,0 +1,10 @@
+/**
+ * Utility functions for proxy implementations
+ */
+
+export {
+  createCheckoutSession,
+  type CheckoutItem,
+  type CreateCheckoutSessionOptions,
+  type CheckoutSessionResponse
+} from "./stripe.js";

package/src/utils/stripe.ts

@@ -0,0 +1,115 @@
+/**
+ * Stripe checkout helpers using the REST API
+ * This approach works on all platforms including Cloudflare Workers, Vercel Edge, etc.
+ */
+
+export interface CheckoutItem {
+  name: string;
+  price: number; // Price in cents
+  quantity: number;
+}
+
+export interface CreateCheckoutSessionOptions {
+  secretKey: string;
+  items: CheckoutItem[];
+  successUrl: string;
+  cancelUrl: string;
+}
+
+export interface CheckoutSessionResponse {
+  success: boolean;
+  checkoutUrl?: string;
+  sessionId?: string;
+  error?: string;
+}
+
+/**
+ * Creates a Stripe checkout session using the REST API
+ * @param options - Checkout session configuration
+ * @returns Checkout session response with URL and session ID
+ */
+export async function createCheckoutSession(
+  options: CreateCheckoutSessionOptions
+): Promise<CheckoutSessionResponse> {
+  const { secretKey, items, successUrl, cancelUrl } = options;
+
+  try {
+    // Validate items
+    if (!items || !Array.isArray(items) || items.length === 0) {
+      return {
+        success: false,
+        error: "Items array is required"
+      };
+    }
+
+    for (const item of items) {
+      if (!item.name || typeof item.price !== "number" || typeof item.quantity !== "number") {
+        return {
+          success: false,
+          error: "Each item must have name (string), price (number in cents), and quantity (number)"
+        };
+      }
+    }
+
+    // Build line items for URL encoding
+    const lineItems = items.map((item) => ({
+      price_data: {
+        currency: "usd",
+        product_data: {
+          name: item.name,
+        },
+        unit_amount: item.price,
+      },
+      quantity: item.quantity,
+    }));
+
+    // Convert line items to URL-encoded format
+    const params = new URLSearchParams({
+      "payment_method_types[0]": "card",
+      "mode": "payment",
+      "success_url": successUrl,
+      "cancel_url": cancelUrl,
+    });
+
+    // Add line items to params
+    lineItems.forEach((item, index) => {
+      params.append(`line_items[${index}][price_data][currency]`, item.price_data.currency);
+      params.append(`line_items[${index}][price_data][product_data][name]`, item.price_data.product_data.name);
+      params.append(`line_items[${index}][price_data][unit_amount]`, item.price_data.unit_amount.toString());
+      params.append(`line_items[${index}][quantity]`, item.quantity.toString());
+    });
+
+    // Create Stripe checkout session using REST API
+    const stripeResponse = await fetch("https://api.stripe.com/v1/checkout/sessions", {
+      method: "POST",
+      headers: {
+        "Authorization": `Bearer ${secretKey}`,
+        "Content-Type": "application/x-www-form-urlencoded",
+      },
+      body: params,
+    });
+
+    if (!stripeResponse.ok) {
+      const errorData = await stripeResponse.text();
+      console.error("Stripe API error:", errorData);
+      return {
+        success: false,
+        error: "Failed to create checkout session"
+      };
+    }
+
+    const session = await stripeResponse.json() as { url: string; id: string };
+
+    return {
+      success: true,
+      checkoutUrl: session.url,
+      sessionId: session.id,
+    };
+  } catch (error) {
+    console.error("Stripe checkout error:", error);
+    return {
+      success: false,
+      error: error instanceof Error ? error.message : "Failed to create checkout session"
+    };
+  }
+}