@runtypelabs/persona-proxy 1.43.2 → 2.0.0

package/dist/index.cjs

@@ -346,89 +346,101 @@ var BAKERY_ASSISTANT_FLOW = {
         userPrompt: "{{user_message}}",
         systemPrompt: `You are a helpful shopping assistant for Flour & Stone, a premium artisan bakery known for traditional bread-making and exceptional pastries.
 
-Brand voice: Warm, knowledgeable, passionate about craft baking. Use phrases like "fresh from the oven", "handcrafted with care", "artisan tradition".
+Brand voice: Warm, knowledgeable, passionate about craft baking. Use phrases like "fresh from the oven", "handcrafted with care", "artisan tradition". Do not explain selectors, JSON, or templating to the user.
 
-CRITICAL: You have access to the current page context through metadata. ALWAYS check this before responding:
-- current_page: The path of the current page (e.g., "/bakery-goods.html")
-- page_elements: Array of elements on the page - USE THIS to see what products are visible
-- cart: Current cart contents (if any items)
-- recent_order: Recent order info (if completed)
+## Live context (request inputs \u2014 substituted each turn)
 
-ALWAYS check current_page FIRST before deciding on an action. Never navigate if already on the target page.
+The widget sends **only** these keys as dispatch **inputs** (nothing extra on the record for this demo).
 
-DISCOVERING PRODUCTS:
-Look at page_elements to find products. Products have:
-- data-product attribute with the product ID
-- Price shown in the element text
-- "Add to Cart" buttons
+**Orientation**
+- Path: {{current_page}} (compare before nav_then_click; e.g. /bakery-goods.html)
+- Full URL: {{page_url}}
+- Title: {{page_title}}
 
-You must respond with JSON in one of these formats:
+**Page DOM**
+- page_elements: JSON array of enriched nodes (selector, tagName, text, role, interactivity, attributes including data-*). Prefer **selector** for message_and_click when you click a specific control.
+- page_context: Same slice formatted for the LLM (structured card summaries when matched, then groups by interactivity).
 
-1. Simple message (use for conversation, questions, product info):
-{"action": "message", "text": "Your response text here"}
+{{page_elements}}
 
-2. Navigate to another page (ONLY if current_page is different from target):
-{"action": "nav_then_click", "page": "/bakery-goods.html", "on_load_text": "Message after navigation"}
+{{page_context}}
 
-3. Add item to cart (use when user confirms they want to add):
-{"action": "add_to_cart", "text": "Your message", "item": {"id": "product-id", "name": "Product Name", "price": 1200}}
+**Cart (for checkout \u2014 mirror cart.items when user pays)**
+{{cart}}
 
-4. Checkout (when user wants to pay):
-{"action": "checkout", "text": "Your message", "items": [{"name": "Product Name", "price": 1200, "quantity": 1}]}
+**Recent order (if any)**
+{{recent_order}}
 
-5. Scroll to product and add to cart (when ON goods page and product may be below fold):
-{"action": "scroll_then_add", "text": "Your message", "item": {"id": "product-id", "name": "Product Name", "price": 1200}}
+If {{current_page}} already equals the page you would navigate to, use {"action":"message",...} instead of nav_then_click.
 
-CRITICAL RULES:
-- ALWAYS check current_page in the metadata before responding
-- Prices are in cents (1200 = $12.00)
-- Always respond with valid JSON only
+## Discovering products
 
-DECISION TREE:
-1. If user wants to see/buy products AND current_page is NOT "/bakery-goods.html" \u2192 nav_then_click
-2. If user wants to add to cart AND current_page IS "/bakery-goods.html" \u2192 scroll_then_add (scrolls to product and adds)
-3. If user asks about gifts AND current_page is NOT "/bakery-goods.html" \u2192 nav_then_click to /bakery-goods.html
-4. If user asks about gifts AND current_page IS "/bakery-goods.html" \u2192 scroll_then_add with gift card
-5. If user says "yes" to adding something AND current_page IS "/bakery-goods.html" \u2192 scroll_then_add
-6. If user confirms checkout (says "yes", "checkout", "pay", etc. after being asked about checkout) AND cart has items \u2192 checkout action
+Use {{page_context}} for a quick scan and {{page_elements}} for exact selectors and attributes. Product rows often include data-product in **attributes**; prices appear in **text**; add-to-cart controls are usually **clickable** with stable **selector** values.
 
-PRODUCT INFO (use when adding to cart):
-- Sourdough Loaf: id="sourdough-loaf", price=1200
-- Croissant Box (6): id="croissant-box", price=2400
-- Cinnamon Rolls (4): id="cinnamon-rolls", price=1800
-- Baguette Trio: id="baguette-trio", price=900
-- Almond Tart: id="almond-tart", price=800
-- Fruit Danish: id="fruit-danish", price=600
-- $50 Gift Card: id="gift-card-50", price=5000
-- $25 Gift Card: id="gift-card-25", price=2500
+## Output: one JSON object only
 
-EXAMPLES:
+No markdown fences, no commentary before/after. Valid JSON only.
+
+### 1. message
+{"action": "message", "text": "..."}
+Use for chat, clarifying questions, "we're already on that page", or when you need the user to choose (e.g. $25 vs $50 gift card).
+
+### 2. nav_then_click
+{"action": "nav_then_click", "page": "/bakery-goods.html", "on_load_text": "..."}
+Use root-relative paths starting with /. Only when current_page is different from the target. This **only** changes pages \u2014 it does **not** open Stripe or payment.
+
+### 3. add_to_cart
+{"action": "add_to_cart", "text": "...", "item": {"id": "product-id", "name": "Product Name", "price": 1200}}
+Use when adding from context without scrolling (optional; on goods page prefer scroll_then_add).
+
+### 4. scroll_then_add (preferred on /bakery-goods.html)
+{"action": "scroll_then_add", "text": "...", "item": {"id": "...", "name": "...", "price": 1200}}
+Scrolls the product into view then adds one unit (cart merges duplicate ids into quantity).
 
-User on /bakery-locations.html asks "I'm looking for a gift":
-{"action": "nav_then_click", "page": "/bakery-goods.html", "on_load_text": "Here are our goods! We have wonderful gift options - scroll down to find our $50 Gift Card, perfect for any occasion. Would you like me to add one to your cart?"}
+### 5. checkout \u2192 Stripe (this demo)
+{"action": "checkout", "text": "Brief message", "items": [{"name": "...", "price": 1200, "quantity": 2}, ...]}
+**Only** this action starts hosted checkout (Stripe). **Never** use nav_then_click to a "/checkout" URL for payment here.
+Requirements: cart in context must have items; **items array must list every cart line** with the same name, cent prices, and quantities as cart.items. If cart is null or empty, use message \u2014 do not checkout.
 
-User on /bakery-goods.html asks "where is the gift card?" or "yes" to adding gift card:
-{"action": "scroll_then_add", "text": "Here's our $50 Gift Card! I've added it to your cart. Would you like to checkout now?", "item": {"id": "gift-card-50", "name": "$50 Gift Card", "price": 5000}}
+### 6. message_and_click (rare)
+If page_elements show a specific button selector and scroll_then_add is wrong, you may use message_and_click with a CSS selector \u2014 prefer scroll_then_add on bakery-goods.html.
 
-User on /bakery.html says "yes" to seeing products:
-{"action": "nav_then_click", "page": "/bakery-goods.html", "on_load_text": "Here are all our handcrafted goods! What would you like to add to your cart?"}
+## Rules
 
-User on /bakery-goods.html says "yes" to adding sourdough:
-{"action": "scroll_then_add", "text": "Great choice! I've added the Sourdough Loaf to your cart. Would you like to checkout, or add something else?", "item": {"id": "sourdough-loaf", "name": "Sourdough Loaf", "price": 1200}}
+- Prices in JSON are always **integer cents** (1200 = $12.00).
+- After adding to cart, invite checkout or more shopping.
+- On checkout confirmation ("yes", "checkout", "pay", "proceed", etc.), build **items** from **cart.items** (all rows, correct quantity). Do not drop lines or invent prices.
 
-User on /bakery-goods.html asks "add the croissants":
-{"action": "scroll_then_add", "text": "Excellent! I've added the Croissant Box to your cart. Ready to checkout?", "item": {"id": "croissant-box", "name": "Croissant Box (6)", "price": 2400}}
+## Product catalog (ids and cent prices)
 
-User says "yes" or "yes!" after being asked "Would you like to checkout now?" (cart has $50 Gift Card):
-{"action": "checkout", "text": "Perfect! Creating your checkout now...", "items": [{"name": "$50 Gift Card", "price": 5000, "quantity": 1}]}
+- Sourdough Loaf: sourdough-loaf, 1200
+- Croissant Box (6): croissant-box, 2400
+- Cinnamon Rolls (4): cinnamon-rolls, 1800
+- Baguette Trio: baguette-trio, 900
+- Almond Tart: almond-tart, 800
+- Fruit Danish: fruit-danish, 600
+- $50 Gift Card: gift-card-50, 5000
+- $25 Gift Card: gift-card-25, 2500
 
-User says "checkout" or "I want to pay" (cart has Sourdough Loaf):
-{"action": "checkout", "text": "Great! Taking you to checkout now...", "items": [{"name": "Sourdough Loaf", "price": 1200, "quantity": 1}]}
+## Examples
 
-IMPORTANT RULES:
-- After ANY add to cart action, ALWAYS ask if they want to checkout
-- When user CONFIRMS checkout (yes, sure, checkout, pay, etc.), use the checkout action with items from the cart metadata
-- The checkout text should be brief like "Creating your checkout now..." - do NOT ask more questions`,
+Gift seeker on /bakery-locations.html:
+{"action": "nav_then_click", "page": "/bakery-goods.html", "on_load_text": "Here are our goods! You'll find our gift cards below \u2014 $50 is our most popular. Want me to add one?"}
+
+On /bakery-goods.html, user wants $50 gift card:
+{"action": "scroll_then_add", "text": "Added the $50 gift card. Ready to check out?", "item": {"id": "gift-card-50", "name": "$50 Gift Card", "price": 5000}}
+
+User on /bakery.html agrees to see products:
+{"action": "nav_then_click", "page": "/bakery-goods.html", "on_load_text": "Here are our handcrafted goods \u2014 what sounds good today?"}
+
+On /bakery-goods.html, add sourdough:
+{"action": "scroll_then_add", "text": "Sourdough is in your cart. Anything else, or shall we check out?", "item": {"id": "sourdough-loaf", "name": "Sourdough Loaf", "price": 1200}}
+
+Cart has one $50 gift card; user says yes to checkout:
+{"action": "checkout", "text": "Opening secure checkout...", "items": [{"name": "$50 Gift Card", "price": 5000, "quantity": 1}]}
+
+Cart has sourdough (qty 1) and croissant box (qty 1); user says "pay":
+{"action": "checkout", "text": "Taking you to checkout...", "items": [{"name": "Sourdough Loaf", "price": 1200, "quantity": 1}, {"name": "Croissant Box (6)", "price": 2400, "quantity": 1}]}`,
         previousMessages: "{{messages}}"
       }
     }
@@ -623,8 +635,8 @@ var createChatProxyApp = (options = {}) => {
     });
   });
   app.post(path, async (c) => {
-    var _a2, _b2, _c2, _d, _e, _f;
-    const apiKey = (_b2 = (_a2 = options.apiKey) != null ? _a2 : process.env.RUNTYPE_API_KEY) != null ? _b2 : process.env.TRAVRSE_API_KEY;
+    var _a2, _b2, _c2, _d, _e;
+    const apiKey = (_a2 = options.apiKey) != null ? _a2 : process.env.RUNTYPE_API_KEY;
     if (!apiKey) {
       return c.json(
         { error: "Missing API key. Set RUNTYPE_API_KEY." },
@@ -646,7 +658,7 @@ var createChatProxyApp = (options = {}) => {
     if (isAgentMode) {
       runtypePayload = clientPayload;
     } else {
-      const messages = (_c2 = clientPayload.messages) != null ? _c2 : [];
+      const messages = (_b2 = clientPayload.messages) != null ? _b2 : [];
       const sortedMessages = [...messages].sort((a, b) => {
         const timeA = a.createdAt ? new Date(a.createdAt).getTime() : 0;
         const timeB = b.createdAt ? new Date(b.createdAt).getTime() : 0;
@@ -656,8 +668,8 @@ var createChatProxyApp = (options = {}) => {
         role: message.role,
         content: message.content
       }));
-      const flowId = (_d = clientPayload.flowId) != null ? _d : options.flowId;
-      const flowConfig = (_e = options.flowConfig) != null ? _e : DEFAULT_FLOW;
+      const flowId = (_c2 = clientPayload.flowId) != null ? _c2 : options.flowId;
+      const flowConfig = (_d = options.flowConfig) != null ? _d : DEFAULT_FLOW;
       runtypePayload = {
         record: {
           name: "Streaming Chat Widget",
@@ -672,6 +684,10 @@ var createChatProxyApp = (options = {}) => {
           autoAppendMetadata: false
         }
       };
+      const clientInputs = clientPayload.inputs;
+      if (clientInputs && typeof clientInputs === "object" && !Array.isArray(clientInputs)) {
+        runtypePayload.inputs = clientInputs;
+      }
       if (flowId) {
         runtypePayload.flow = { id: flowId };
       } else {
@@ -711,7 +727,7 @@ var createChatProxyApp = (options = {}) => {
     return new Response(response.body, {
       status: response.status,
       headers: {
-        "Content-Type": (_f = response.headers.get("content-type")) != null ? _f : "application/json",
+        "Content-Type": (_e = response.headers.get("content-type")) != null ? _e : "application/json",
         "Cache-Control": "no-store"
       }
     });

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/flows/conversational.ts","../src/flows/scheduling.ts","../src/flows/shopping-assistant.ts","../src/flows/components.ts","../src/flows/bakery-assistant.ts","../src/utils/stripe.ts"],"sourcesContent":["import { Hono } from \"hono\";\nimport type { Context } from \"hono\";\nimport { handle } from \"hono/vercel\";\n\nexport type RuntypeFlowStep = {\n  id: string;\n  name: string;\n  type: string;\n  enabled: boolean;\n  config: Record<string, unknown>;\n};\n\nexport type RuntypeFlowConfig = {\n  name: string;\n  description: string;\n  steps: RuntypeFlowStep[];\n};\n\n/** @deprecated Use RuntypeFlowStep instead */\nexport type TravrseFlowStep = RuntypeFlowStep;\n/** @deprecated Use RuntypeFlowConfig instead */\nexport type TravrseFlowConfig = RuntypeFlowConfig;\n\n/**\n * Payload for message feedback (upvote/downvote)\n */\nexport type FeedbackPayload = {\n  type: \"upvote\" | \"downvote\";\n  messageId: string;\n  content?: string;\n  timestamp?: string;\n  sessionId?: string;\n  metadata?: Record<string, unknown>;\n};\n\n/**\n * Handler function for processing feedback\n */\nexport type FeedbackHandler = (feedback: FeedbackPayload) => Promise<void> | void;\n\nexport type ChatProxyOptions = {\n  upstreamUrl?: string;\n  apiKey?: string;\n  path?: string;\n  allowedOrigins?: string[];\n  flowId?: string;\n  flowConfig?: RuntypeFlowConfig;\n  /**\n   * Path for the feedback endpoint (default: \"/api/feedback\")\n   */\n  feedbackPath?: string;\n  /**\n   * Custom handler for processing feedback.\n   * Use this to store feedback in a database or send to analytics.\n   * \n   * @example\n   * ```ts\n   * onFeedback: async (feedback) => {\n   *   await db.feedback.create({ data: feedback });\n   * }\n   * ```\n   */\n  onFeedback?: FeedbackHandler;\n};\n\nconst DEFAULT_ENDPOINT = \"https://api.runtype.com/v1/dispatch\";\nconst DEFAULT_PATH = \"/api/chat/dispatch\";\n\nconst DEFAULT_FLOW: RuntypeFlowConfig = {\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: \"gemini-2.5-flash\",\n        // model: \"gpt-4o\",\n        responseFormat: \"markdown\",\n        outputVariable: \"prompt_result\",\n        userPrompt: \"{{user_message}}\",\n        systemPrompt: \"you are a helpful assistant, chatting with a user\",\n        // tools: {\n        //   toolIds: [\n        //     \"builtin:dalle\"\n        //   ]\n        // },\n        previousMessages: \"{{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 isDevelopment = process.env.NODE_ENV === \"development\" || !process.env.NODE_ENV;\n      \n      // Determine the CORS origin to allow\n      let corsOrigin: string;\n      if (!allowedOrigins || allowedOrigins.length === 0) {\n        // No restrictions - allow any origin (or use the request origin)\n        corsOrigin = origin || \"*\";\n      } else if (allowedOrigins.includes(origin || \"\")) {\n        // Origin is in the allowed list\n        corsOrigin = origin || \"*\";\n      } else if (isDevelopment && origin) {\n        // In development, allow the actual origin even if not in the list\n        // This helps with local development where ports might vary\n        corsOrigin = origin;\n      } else {\n        // Production: origin not allowed - reject by not setting CORS headers\n        // Return error for preflight, or continue without CORS headers\n        if (c.req.method === \"OPTIONS\") {\n          return c.json({ error: \"CORS policy violation: origin not allowed\" }, 403);\n        }\n        // For non-preflight requests, continue but browser will block due to missing CORS headers\n        await next();\n        return;\n      }\n\n      const headers: Record<string, string> = {\n        \"Access-Control-Allow-Origin\": corsOrigin,\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 feedbackPath = options.feedbackPath ?? \"/api/feedback\";\n  const upstream = options.upstreamUrl ?? DEFAULT_ENDPOINT;\n\n  app.use(\"*\", withCors(options.allowedOrigins));\n\n  // Feedback endpoint for collecting upvote/downvote data\n  app.post(feedbackPath, async (c) => {\n    let payload: FeedbackPayload;\n    try {\n      payload = await c.req.json();\n    } catch (error) {\n      return c.json({ error: \"Invalid JSON body\" }, 400);\n    }\n\n    // Validate payload\n    if (!payload.type || ![\"upvote\", \"downvote\"].includes(payload.type)) {\n      return c.json(\n        { error: \"Invalid feedback type. Must be 'upvote' or 'downvote'\" },\n        400\n      );\n    }\n    if (!payload.messageId) {\n      return c.json({ error: \"Missing messageId\" }, 400);\n    }\n\n    // Add timestamp if not provided\n    payload.timestamp = payload.timestamp ?? new Date().toISOString();\n\n    const isDevelopment =\n      process.env.NODE_ENV === \"development\" || !process.env.NODE_ENV;\n\n    if (isDevelopment) {\n      console.log(\"\\n=== Feedback Received ===\");\n      console.log(\"Type:\", payload.type);\n      console.log(\"Message ID:\", payload.messageId);\n      console.log(\n        \"Content Preview:\",\n        payload.content?.substring(0, 100) ?? \"(none)\"\n      );\n      console.log(\"Timestamp:\", payload.timestamp);\n      console.log(\"=== End Feedback ===\\n\");\n    }\n\n    // Call custom handler if provided\n    if (options.onFeedback) {\n      try {\n        await options.onFeedback(payload);\n      } catch (error) {\n        console.error(\"[Feedback] Handler error:\", error);\n        return c.json({ error: \"Feedback handler failed\" }, 500);\n      }\n    }\n\n    return c.json({\n      success: true,\n      message: \"Feedback recorded\",\n      feedback: {\n        type: payload.type,\n        messageId: payload.messageId,\n        timestamp: payload.timestamp\n      }\n    });\n  });\n\n  // Chat dispatch endpoint\n  app.post(path, async (c) => {\n    const apiKey = options.apiKey ?? process.env.RUNTYPE_API_KEY ?? process.env.TRAVRSE_API_KEY;\n    if (!apiKey) {\n      return c.json(\n        { error: \"Missing API key. Set RUNTYPE_API_KEY.\" },\n        401\n      );\n    }\n\n    let clientPayload: Record<string, unknown>;\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    const isDevelopment = process.env.NODE_ENV === \"development\" || !process.env.NODE_ENV;\n\n    // Detect agent mode: if the payload contains an `agent` field, forward it directly\n    const isAgentMode = !!clientPayload.agent;\n\n    let runtypePayload: Record<string, unknown>;\n\n    if (isAgentMode) {\n      // Agent dispatch - forward the payload as-is to the upstream API\n      runtypePayload = clientPayload;\n    } else {\n      // Flow dispatch - build the Runtype flow payload\n      const messages = (clientPayload.messages ?? []) as Array<{ role: string; content: string; createdAt?: string }>;\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      const flowId = (clientPayload.flowId as string | undefined) ?? options.flowId;\n      const flowConfig = options.flowConfig ?? DEFAULT_FLOW;\n\n      runtypePayload = {\n        record: {\n          name: \"Streaming Chat Widget\",\n          type: \"standalone\",\n          metadata: (clientPayload.metadata as Record<string, unknown>) || {}\n        },\n        messages: formattedMessages,\n        options: {\n          streamResponse: true,\n          recordMode: \"virtual\",\n          flowMode: flowId ? \"existing\" : \"virtual\",\n          autoAppendMetadata: false\n        }\n      };\n\n      if (flowId) {\n        runtypePayload.flow = { id: flowId };\n      } else {\n        runtypePayload.flow = flowConfig;\n      }\n    }\n\n    if (isDevelopment) {\n      console.log(`\\n=== Runtype Proxy Request (${isAgentMode ? \"agent\" : \"flow\"}) ===`);\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(runtypePayload, 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(runtypePayload)\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 Runtype 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 { RuntypeFlowConfig } 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: RuntypeFlowConfig = {\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        responseFormat: \"markdown\",\n        outputVariable: \"prompt_result\",\n        userPrompt: \"{{user_message}}\",\n        systemPrompt: \"you are a helpful assistant, chatting with a user\",\n        previousMessages: \"{{messages}}\"\n      }\n    }\n  ]\n};\n","import type { RuntypeFlowConfig } from \"../index.js\";\n\n/**\n * Dynamic Form flow configuration\n * This flow returns forms as component directives for the widget to render\n */\nexport const FORM_DIRECTIVE_FLOW: RuntypeFlowConfig = {\n  name: \"Dynamic Form Flow\",\n  description: \"Returns dynamic forms as component directives\",\n  steps: [\n    {\n      id: \"form_prompt\",\n      name: \"Form 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 assistant that can have conversations and collect user information via forms.\n\nRESPONSE FORMAT:\nAlways respond with valid JSON. Choose the appropriate format:\n\n1. For CONVERSATIONAL responses or text answers:\n   {\"text\": \"Your response here\"}\n\n2. When the user wants to SCHEDULE, BOOK, SIGN UP, or provide DETAILS (show a form):\n   {\"component\": \"DynamicForm\", \"props\": {\"title\": \"Form Title\", \"description\": \"Optional description\", \"fields\": [...], \"submit_text\": \"Submit\"}}\n\n3. For BOTH explanation AND form:\n   {\"text\": \"Your explanation\", \"component\": \"DynamicForm\", \"props\": {...}}\n\nFORM FIELD FORMAT:\nEach field in the \"fields\" array should have:\n- label (required): Display name for the field\n- name (optional): Field identifier (defaults to lowercase label with underscores)\n- type (optional): \"text\", \"email\", \"tel\", \"date\", \"time\", \"textarea\", \"number\" (defaults to \"text\")\n- placeholder (optional): Placeholder text\n- required (optional): true/false\n\nEXAMPLES:\n\nUser: \"Schedule a demo for me\"\nResponse: {\"text\": \"I'd be happy to help you schedule a demo! Please fill out the form below:\", \"component\": \"DynamicForm\", \"props\": {\"title\": \"Schedule a Demo\", \"description\": \"Share your details and we'll follow up with a confirmation.\", \"fields\": [{\"label\": \"Full Name\", \"type\": \"text\", \"required\": true}, {\"label\": \"Email\", \"type\": \"email\", \"required\": true}, {\"label\": \"Company\", \"type\": \"text\"}, {\"label\": \"Preferred Date\", \"type\": \"date\", \"required\": true}, {\"label\": \"Notes\", \"type\": \"textarea\", \"placeholder\": \"Any specific topics you'd like to cover?\"}], \"submit_text\": \"Request Demo\"}}\n\nUser: \"What is AI?\"\nResponse: {\"text\": \"AI (Artificial Intelligence) refers to computer systems designed to perform tasks that typically require human intelligence, such as learning, reasoning, problem-solving, and understanding language.\"}\n\nUser: \"Collect my contact details\"\nResponse: {\"component\": \"DynamicForm\", \"props\": {\"title\": \"Contact Details\", \"fields\": [{\"label\": \"Name\", \"type\": \"text\", \"required\": true}, {\"label\": \"Email\", \"type\": \"email\", \"required\": true}, {\"label\": \"Phone\", \"type\": \"tel\"}], \"submit_text\": \"Save Details\"}}\n\nIMPORTANT:\n- Use {\"text\": \"...\"} for questions, explanations, and general conversation\n- Show a DynamicForm when user wants to provide information, schedule, book, or sign up\n- Create contextually appropriate form fields based on what the user is trying to do\n- Keep forms focused with only the relevant fields needed`,\n        previousMessages: \"{{messages}}\"\n      }\n    }\n  ]\n};\n","import type { RuntypeFlowConfig } 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: RuntypeFlowConfig = {\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: RuntypeFlowConfig = {\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","import type { RuntypeFlowConfig } from \"../index.js\";\n\n/**\n * Component-aware flow for custom component rendering\n * This flow instructs the AI to respond with component directives in JSON format\n */\nexport const COMPONENT_FLOW: RuntypeFlowConfig = {\n  name: \"Component Flow\",\n  description: \"Flow configured for custom component rendering\",\n  steps: [\n    {\n      id: \"component_prompt\",\n      name: \"Component 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 assistant that can both have conversations and render custom UI components.\n\nRESPONSE FORMAT:\nAlways respond with valid JSON. Choose the appropriate format based on the user's request:\n\n1. For CONVERSATIONAL questions or text responses:\n   {\"text\": \"Your response here\"}\n\n2. For VISUAL DISPLAYS or when the user asks to SHOW/DISPLAY something:\n   {\"component\": \"ComponentName\", \"props\": {...}}\n\n3. For BOTH explanation AND visual:\n   {\"text\": \"Your explanation here\", \"component\": \"ComponentName\", \"props\": {...}}\n\nAvailable components for visual displays:\n- ProductCard: Display product information. Props: title (string), price (number), description (string, optional), image (string, optional)\n- SimpleChart: Display a bar chart. Props: title (string), data (array of numbers), labels (array of strings, optional)\n- StatusBadge: Display a status badge. Props: status (string: \"success\", \"error\", \"warning\", \"info\", \"pending\"), message (string)\n- InfoCard: Display an information card. Props: title (string), content (string), icon (string, optional)\n\nExamples:\n- User asks \"What is the capital of France?\": {\"text\": \"The capital of France is Paris.\"}\n- User asks \"What does that chart show?\": {\"text\": \"The chart shows sales data increasing from 100 to 200 over three months.\"}\n- User asks \"Show me a product card\": {\"component\": \"ProductCard\", \"props\": {\"title\": \"Laptop\", \"price\": 999, \"description\": \"A great laptop\"}}\n- User asks \"Display a chart\": {\"component\": \"SimpleChart\", \"props\": {\"title\": \"Sales\", \"data\": [100, 150, 200], \"labels\": [\"Jan\", \"Feb\", \"Mar\"]}}\n- User asks \"Show me a chart and explain it\": {\"text\": \"Here's the sales data for Q1:\", \"component\": \"SimpleChart\", \"props\": {\"title\": \"Q1 Sales\", \"data\": [100, 150, 200], \"labels\": [\"Jan\", \"Feb\", \"Mar\"]}}\n\nIMPORTANT:\n- Use {\"text\": \"...\"} for questions, explanations, discussions, and general chat\n- Use {\"component\": \"...\", \"props\": {...}} ONLY when the user explicitly wants to SEE/VIEW/DISPLAY visual content\n- You can combine both: {\"text\": \"...\", \"component\": \"...\", \"props\": {...}} when you want to explain something AND show a visual\n- Never force a component when the user just wants information`,\n        previousMessages: \"{{messages}}\"\n      }\n    }\n  ]\n};\n","import type { TravrseFlowConfig } from \"../index.js\";\n\n/**\n * Bakery assistant flow configuration for \"Flour & Stone\" bakery demo\n * This flow returns JSON actions for page interaction including:\n * - Simple messages with bakery brand voice\n * - Navigation to bakery pages\n * - Add to cart interactions\n * - Stripe checkout\n *\n * Designed to guide users toward the gift card when asking for gift recommendations.\n */\nexport const BAKERY_ASSISTANT_FLOW: TravrseFlowConfig = {\n  name: \"Bakery Assistant Flow\",\n  description: \"Flour & Stone bakery shopping assistant with gift recommendations\",\n  steps: [\n    {\n      id: \"bakery_action_prompt\",\n      name: \"Bakery 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 for Flour & Stone, a premium artisan bakery known for traditional bread-making and exceptional pastries.\n\nBrand voice: Warm, knowledgeable, passionate about craft baking. Use phrases like \"fresh from the oven\", \"handcrafted with care\", \"artisan tradition\".\n\nCRITICAL: You have access to the current page context through metadata. ALWAYS check this before responding:\n- current_page: The path of the current page (e.g., \"/bakery-goods.html\")\n- page_elements: Array of elements on the page - USE THIS to see what products are visible\n- cart: Current cart contents (if any items)\n- recent_order: Recent order info (if completed)\n\nALWAYS check current_page FIRST before deciding on an action. Never navigate if already on the target page.\n\nDISCOVERING PRODUCTS:\nLook at page_elements to find products. Products have:\n- data-product attribute with the product ID\n- Price shown in the element text\n- \"Add to Cart\" buttons\n\nYou must respond with JSON in one of these formats:\n\n1. Simple message (use for conversation, questions, product info):\n{\"action\": \"message\", \"text\": \"Your response text here\"}\n\n2. Navigate to another page (ONLY if current_page is different from target):\n{\"action\": \"nav_then_click\", \"page\": \"/bakery-goods.html\", \"on_load_text\": \"Message after navigation\"}\n\n3. Add item to cart (use when user confirms they want to add):\n{\"action\": \"add_to_cart\", \"text\": \"Your message\", \"item\": {\"id\": \"product-id\", \"name\": \"Product Name\", \"price\": 1200}}\n\n4. Checkout (when user wants to pay):\n{\"action\": \"checkout\", \"text\": \"Your message\", \"items\": [{\"name\": \"Product Name\", \"price\": 1200, \"quantity\": 1}]}\n\n5. Scroll to product and add to cart (when ON goods page and product may be below fold):\n{\"action\": \"scroll_then_add\", \"text\": \"Your message\", \"item\": {\"id\": \"product-id\", \"name\": \"Product Name\", \"price\": 1200}}\n\nCRITICAL RULES:\n- ALWAYS check current_page in the metadata before responding\n- Prices are in cents (1200 = $12.00)\n- Always respond with valid JSON only\n\nDECISION TREE:\n1. If user wants to see/buy products AND current_page is NOT \"/bakery-goods.html\" → nav_then_click\n2. If user wants to add to cart AND current_page IS \"/bakery-goods.html\" → scroll_then_add (scrolls to product and adds)\n3. If user asks about gifts AND current_page is NOT \"/bakery-goods.html\" → nav_then_click to /bakery-goods.html\n4. If user asks about gifts AND current_page IS \"/bakery-goods.html\" → scroll_then_add with gift card\n5. If user says \"yes\" to adding something AND current_page IS \"/bakery-goods.html\" → scroll_then_add\n6. If user confirms checkout (says \"yes\", \"checkout\", \"pay\", etc. after being asked about checkout) AND cart has items → checkout action\n\nPRODUCT INFO (use when adding to cart):\n- Sourdough Loaf: id=\"sourdough-loaf\", price=1200\n- Croissant Box (6): id=\"croissant-box\", price=2400\n- Cinnamon Rolls (4): id=\"cinnamon-rolls\", price=1800\n- Baguette Trio: id=\"baguette-trio\", price=900\n- Almond Tart: id=\"almond-tart\", price=800\n- Fruit Danish: id=\"fruit-danish\", price=600\n- $50 Gift Card: id=\"gift-card-50\", price=5000\n- $25 Gift Card: id=\"gift-card-25\", price=2500\n\nEXAMPLES:\n\nUser on /bakery-locations.html asks \"I'm looking for a gift\":\n{\"action\": \"nav_then_click\", \"page\": \"/bakery-goods.html\", \"on_load_text\": \"Here are our goods! We have wonderful gift options - scroll down to find our $50 Gift Card, perfect for any occasion. Would you like me to add one to your cart?\"}\n\nUser on /bakery-goods.html asks \"where is the gift card?\" or \"yes\" to adding gift card:\n{\"action\": \"scroll_then_add\", \"text\": \"Here's our $50 Gift Card! I've added it to your cart. Would you like to checkout now?\", \"item\": {\"id\": \"gift-card-50\", \"name\": \"$50 Gift Card\", \"price\": 5000}}\n\nUser on /bakery.html says \"yes\" to seeing products:\n{\"action\": \"nav_then_click\", \"page\": \"/bakery-goods.html\", \"on_load_text\": \"Here are all our handcrafted goods! What would you like to add to your cart?\"}\n\nUser on /bakery-goods.html says \"yes\" to adding sourdough:\n{\"action\": \"scroll_then_add\", \"text\": \"Great choice! I've added the Sourdough Loaf to your cart. Would you like to checkout, or add something else?\", \"item\": {\"id\": \"sourdough-loaf\", \"name\": \"Sourdough Loaf\", \"price\": 1200}}\n\nUser on /bakery-goods.html asks \"add the croissants\":\n{\"action\": \"scroll_then_add\", \"text\": \"Excellent! I've added the Croissant Box to your cart. Ready to checkout?\", \"item\": {\"id\": \"croissant-box\", \"name\": \"Croissant Box (6)\", \"price\": 2400}}\n\nUser says \"yes\" or \"yes!\" after being asked \"Would you like to checkout now?\" (cart has $50 Gift Card):\n{\"action\": \"checkout\", \"text\": \"Perfect! Creating your checkout now...\", \"items\": [{\"name\": \"$50 Gift Card\", \"price\": 5000, \"quantity\": 1}]}\n\nUser says \"checkout\" or \"I want to pay\" (cart has Sourdough Loaf):\n{\"action\": \"checkout\", \"text\": \"Great! Taking you to checkout now...\", \"items\": [{\"name\": \"Sourdough Loaf\", \"price\": 1200, \"quantity\": 1}]}\n\nIMPORTANT RULES:\n- After ANY add to cart action, ALWAYS ask if they want to checkout\n- When user CONFIRMS checkout (yes, sure, checkout, pay, etc.), use the checkout action with items from the cart metadata\n- The checkout text should be brief like \"Creating your checkout now...\" - do NOT ask more questions`,\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","_c"]}
+{"version":3,"sources":["../src/index.ts","../src/flows/conversational.ts","../src/flows/scheduling.ts","../src/flows/shopping-assistant.ts","../src/flows/components.ts","../src/flows/bakery-assistant.ts","../src/utils/stripe.ts"],"sourcesContent":["import { Hono } from \"hono\";\nimport type { Context } from \"hono\";\nimport { handle } from \"hono/vercel\";\n\nexport type RuntypeFlowStep = {\n  id: string;\n  name: string;\n  type: string;\n  enabled: boolean;\n  config: Record<string, unknown>;\n};\n\nexport type RuntypeFlowConfig = {\n  name: string;\n  description: string;\n  steps: RuntypeFlowStep[];\n};\n\n\n\n/**\n * Payload for message feedback (upvote/downvote)\n */\nexport type FeedbackPayload = {\n  type: \"upvote\" | \"downvote\";\n  messageId: string;\n  content?: string;\n  timestamp?: string;\n  sessionId?: string;\n  metadata?: Record<string, unknown>;\n};\n\n/**\n * Handler function for processing feedback\n */\nexport type FeedbackHandler = (feedback: FeedbackPayload) => Promise<void> | void;\n\nexport type ChatProxyOptions = {\n  upstreamUrl?: string;\n  apiKey?: string;\n  path?: string;\n  allowedOrigins?: string[];\n  flowId?: string;\n  flowConfig?: RuntypeFlowConfig;\n  /**\n   * Path for the feedback endpoint (default: \"/api/feedback\")\n   */\n  feedbackPath?: string;\n  /**\n   * Custom handler for processing feedback.\n   * Use this to store feedback in a database or send to analytics.\n   * \n   * @example\n   * ```ts\n   * onFeedback: async (feedback) => {\n   *   await db.feedback.create({ data: feedback });\n   * }\n   * ```\n   */\n  onFeedback?: FeedbackHandler;\n};\n\nconst DEFAULT_ENDPOINT = \"https://api.runtype.com/v1/dispatch\";\nconst DEFAULT_PATH = \"/api/chat/dispatch\";\n\nconst DEFAULT_FLOW: RuntypeFlowConfig = {\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: \"gemini-2.5-flash\",\n        // model: \"gpt-4o\",\n        responseFormat: \"markdown\",\n        outputVariable: \"prompt_result\",\n        userPrompt: \"{{user_message}}\",\n        systemPrompt: \"you are a helpful assistant, chatting with a user\",\n        // tools: {\n        //   toolIds: [\n        //     \"builtin:dalle\"\n        //   ]\n        // },\n        previousMessages: \"{{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 isDevelopment = process.env.NODE_ENV === \"development\" || !process.env.NODE_ENV;\n      \n      // Determine the CORS origin to allow\n      let corsOrigin: string;\n      if (!allowedOrigins || allowedOrigins.length === 0) {\n        // No restrictions - allow any origin (or use the request origin)\n        corsOrigin = origin || \"*\";\n      } else if (allowedOrigins.includes(origin || \"\")) {\n        // Origin is in the allowed list\n        corsOrigin = origin || \"*\";\n      } else if (isDevelopment && origin) {\n        // In development, allow the actual origin even if not in the list\n        // This helps with local development where ports might vary\n        corsOrigin = origin;\n      } else {\n        // Production: origin not allowed - reject by not setting CORS headers\n        // Return error for preflight, or continue without CORS headers\n        if (c.req.method === \"OPTIONS\") {\n          return c.json({ error: \"CORS policy violation: origin not allowed\" }, 403);\n        }\n        // For non-preflight requests, continue but browser will block due to missing CORS headers\n        await next();\n        return;\n      }\n\n      const headers: Record<string, string> = {\n        \"Access-Control-Allow-Origin\": corsOrigin,\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 feedbackPath = options.feedbackPath ?? \"/api/feedback\";\n  const upstream = options.upstreamUrl ?? DEFAULT_ENDPOINT;\n\n  app.use(\"*\", withCors(options.allowedOrigins));\n\n  // Feedback endpoint for collecting upvote/downvote data\n  app.post(feedbackPath, async (c) => {\n    let payload: FeedbackPayload;\n    try {\n      payload = await c.req.json();\n    } catch (error) {\n      return c.json({ error: \"Invalid JSON body\" }, 400);\n    }\n\n    // Validate payload\n    if (!payload.type || ![\"upvote\", \"downvote\"].includes(payload.type)) {\n      return c.json(\n        { error: \"Invalid feedback type. Must be 'upvote' or 'downvote'\" },\n        400\n      );\n    }\n    if (!payload.messageId) {\n      return c.json({ error: \"Missing messageId\" }, 400);\n    }\n\n    // Add timestamp if not provided\n    payload.timestamp = payload.timestamp ?? new Date().toISOString();\n\n    const isDevelopment =\n      process.env.NODE_ENV === \"development\" || !process.env.NODE_ENV;\n\n    if (isDevelopment) {\n      console.log(\"\\n=== Feedback Received ===\");\n      console.log(\"Type:\", payload.type);\n      console.log(\"Message ID:\", payload.messageId);\n      console.log(\n        \"Content Preview:\",\n        payload.content?.substring(0, 100) ?? \"(none)\"\n      );\n      console.log(\"Timestamp:\", payload.timestamp);\n      console.log(\"=== End Feedback ===\\n\");\n    }\n\n    // Call custom handler if provided\n    if (options.onFeedback) {\n      try {\n        await options.onFeedback(payload);\n      } catch (error) {\n        console.error(\"[Feedback] Handler error:\", error);\n        return c.json({ error: \"Feedback handler failed\" }, 500);\n      }\n    }\n\n    return c.json({\n      success: true,\n      message: \"Feedback recorded\",\n      feedback: {\n        type: payload.type,\n        messageId: payload.messageId,\n        timestamp: payload.timestamp\n      }\n    });\n  });\n\n  // Chat dispatch endpoint\n  app.post(path, async (c) => {\n    const apiKey = options.apiKey ?? process.env.RUNTYPE_API_KEY;\n    if (!apiKey) {\n      return c.json(\n        { error: \"Missing API key. Set RUNTYPE_API_KEY.\" },\n        401\n      );\n    }\n\n    let clientPayload: Record<string, unknown>;\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    const isDevelopment = process.env.NODE_ENV === \"development\" || !process.env.NODE_ENV;\n\n    // Detect agent mode: if the payload contains an `agent` field, forward it directly\n    const isAgentMode = !!clientPayload.agent;\n\n    let runtypePayload: Record<string, unknown>;\n\n    if (isAgentMode) {\n      // Agent dispatch - forward the payload as-is to the upstream API\n      runtypePayload = clientPayload;\n    } else {\n      // Flow dispatch - build the Runtype flow payload\n      const messages = (clientPayload.messages ?? []) as Array<{ role: string; content: string; createdAt?: string }>;\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      const flowId = (clientPayload.flowId as string | undefined) ?? options.flowId;\n      const flowConfig = options.flowConfig ?? DEFAULT_FLOW;\n\n      runtypePayload = {\n        record: {\n          name: \"Streaming Chat Widget\",\n          type: \"standalone\",\n          metadata: (clientPayload.metadata as Record<string, unknown>) || {}\n        },\n        messages: formattedMessages,\n        options: {\n          streamResponse: true,\n          recordMode: \"virtual\",\n          flowMode: flowId ? \"existing\" : \"virtual\",\n          autoAppendMetadata: false\n        }\n      };\n\n      const clientInputs = clientPayload.inputs;\n      if (clientInputs && typeof clientInputs === \"object\" && !Array.isArray(clientInputs)) {\n        runtypePayload.inputs = clientInputs;\n      }\n\n      if (flowId) {\n        runtypePayload.flow = { id: flowId };\n      } else {\n        runtypePayload.flow = flowConfig;\n      }\n    }\n\n    if (isDevelopment) {\n      console.log(`\\n=== Runtype Proxy Request (${isAgentMode ? \"agent\" : \"flow\"}) ===`);\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(runtypePayload, 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(runtypePayload)\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 Runtype 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 { RuntypeFlowConfig } 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: RuntypeFlowConfig = {\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        responseFormat: \"markdown\",\n        outputVariable: \"prompt_result\",\n        userPrompt: \"{{user_message}}\",\n        systemPrompt: \"you are a helpful assistant, chatting with a user\",\n        previousMessages: \"{{messages}}\"\n      }\n    }\n  ]\n};\n","import type { RuntypeFlowConfig } from \"../index.js\";\n\n/**\n * Dynamic Form flow configuration\n * This flow returns forms as component directives for the widget to render\n */\nexport const FORM_DIRECTIVE_FLOW: RuntypeFlowConfig = {\n  name: \"Dynamic Form Flow\",\n  description: \"Returns dynamic forms as component directives\",\n  steps: [\n    {\n      id: \"form_prompt\",\n      name: \"Form 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 assistant that can have conversations and collect user information via forms.\n\nRESPONSE FORMAT:\nAlways respond with valid JSON. Choose the appropriate format:\n\n1. For CONVERSATIONAL responses or text answers:\n   {\"text\": \"Your response here\"}\n\n2. When the user wants to SCHEDULE, BOOK, SIGN UP, or provide DETAILS (show a form):\n   {\"component\": \"DynamicForm\", \"props\": {\"title\": \"Form Title\", \"description\": \"Optional description\", \"fields\": [...], \"submit_text\": \"Submit\"}}\n\n3. For BOTH explanation AND form:\n   {\"text\": \"Your explanation\", \"component\": \"DynamicForm\", \"props\": {...}}\n\nFORM FIELD FORMAT:\nEach field in the \"fields\" array should have:\n- label (required): Display name for the field\n- name (optional): Field identifier (defaults to lowercase label with underscores)\n- type (optional): \"text\", \"email\", \"tel\", \"date\", \"time\", \"textarea\", \"number\" (defaults to \"text\")\n- placeholder (optional): Placeholder text\n- required (optional): true/false\n\nEXAMPLES:\n\nUser: \"Schedule a demo for me\"\nResponse: {\"text\": \"I'd be happy to help you schedule a demo! Please fill out the form below:\", \"component\": \"DynamicForm\", \"props\": {\"title\": \"Schedule a Demo\", \"description\": \"Share your details and we'll follow up with a confirmation.\", \"fields\": [{\"label\": \"Full Name\", \"type\": \"text\", \"required\": true}, {\"label\": \"Email\", \"type\": \"email\", \"required\": true}, {\"label\": \"Company\", \"type\": \"text\"}, {\"label\": \"Preferred Date\", \"type\": \"date\", \"required\": true}, {\"label\": \"Notes\", \"type\": \"textarea\", \"placeholder\": \"Any specific topics you'd like to cover?\"}], \"submit_text\": \"Request Demo\"}}\n\nUser: \"What is AI?\"\nResponse: {\"text\": \"AI (Artificial Intelligence) refers to computer systems designed to perform tasks that typically require human intelligence, such as learning, reasoning, problem-solving, and understanding language.\"}\n\nUser: \"Collect my contact details\"\nResponse: {\"component\": \"DynamicForm\", \"props\": {\"title\": \"Contact Details\", \"fields\": [{\"label\": \"Name\", \"type\": \"text\", \"required\": true}, {\"label\": \"Email\", \"type\": \"email\", \"required\": true}, {\"label\": \"Phone\", \"type\": \"tel\"}], \"submit_text\": \"Save Details\"}}\n\nIMPORTANT:\n- Use {\"text\": \"...\"} for questions, explanations, and general conversation\n- Show a DynamicForm when user wants to provide information, schedule, book, or sign up\n- Create contextually appropriate form fields based on what the user is trying to do\n- Keep forms focused with only the relevant fields needed`,\n        previousMessages: \"{{messages}}\"\n      }\n    }\n  ]\n};\n","import type { RuntypeFlowConfig } 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: RuntypeFlowConfig = {\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: RuntypeFlowConfig = {\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","import type { RuntypeFlowConfig } from \"../index.js\";\n\n/**\n * Component-aware flow for custom component rendering\n * This flow instructs the AI to respond with component directives in JSON format\n */\nexport const COMPONENT_FLOW: RuntypeFlowConfig = {\n  name: \"Component Flow\",\n  description: \"Flow configured for custom component rendering\",\n  steps: [\n    {\n      id: \"component_prompt\",\n      name: \"Component 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 assistant that can both have conversations and render custom UI components.\n\nRESPONSE FORMAT:\nAlways respond with valid JSON. Choose the appropriate format based on the user's request:\n\n1. For CONVERSATIONAL questions or text responses:\n   {\"text\": \"Your response here\"}\n\n2. For VISUAL DISPLAYS or when the user asks to SHOW/DISPLAY something:\n   {\"component\": \"ComponentName\", \"props\": {...}}\n\n3. For BOTH explanation AND visual:\n   {\"text\": \"Your explanation here\", \"component\": \"ComponentName\", \"props\": {...}}\n\nAvailable components for visual displays:\n- ProductCard: Display product information. Props: title (string), price (number), description (string, optional), image (string, optional)\n- SimpleChart: Display a bar chart. Props: title (string), data (array of numbers), labels (array of strings, optional)\n- StatusBadge: Display a status badge. Props: status (string: \"success\", \"error\", \"warning\", \"info\", \"pending\"), message (string)\n- InfoCard: Display an information card. Props: title (string), content (string), icon (string, optional)\n\nExamples:\n- User asks \"What is the capital of France?\": {\"text\": \"The capital of France is Paris.\"}\n- User asks \"What does that chart show?\": {\"text\": \"The chart shows sales data increasing from 100 to 200 over three months.\"}\n- User asks \"Show me a product card\": {\"component\": \"ProductCard\", \"props\": {\"title\": \"Laptop\", \"price\": 999, \"description\": \"A great laptop\"}}\n- User asks \"Display a chart\": {\"component\": \"SimpleChart\", \"props\": {\"title\": \"Sales\", \"data\": [100, 150, 200], \"labels\": [\"Jan\", \"Feb\", \"Mar\"]}}\n- User asks \"Show me a chart and explain it\": {\"text\": \"Here's the sales data for Q1:\", \"component\": \"SimpleChart\", \"props\": {\"title\": \"Q1 Sales\", \"data\": [100, 150, 200], \"labels\": [\"Jan\", \"Feb\", \"Mar\"]}}\n\nIMPORTANT:\n- Use {\"text\": \"...\"} for questions, explanations, discussions, and general chat\n- Use {\"component\": \"...\", \"props\": {...}} ONLY when the user explicitly wants to SEE/VIEW/DISPLAY visual content\n- You can combine both: {\"text\": \"...\", \"component\": \"...\", \"props\": {...}} when you want to explain something AND show a visual\n- Never force a component when the user just wants information`,\n        previousMessages: \"{{messages}}\"\n      }\n    }\n  ]\n};\n","import type { RuntypeFlowConfig } from \"../index.js\";\n\n/**\n * Bakery assistant flow configuration for \"Flour & Stone\" bakery demo\n * This flow returns JSON actions for page interaction including:\n * - Simple messages with bakery brand voice\n * - Navigation to bakery pages\n * - Add to cart interactions\n * - Stripe checkout\n *\n * Designed to guide users toward the gift card when asking for gift recommendations.\n */\nexport const BAKERY_ASSISTANT_FLOW: RuntypeFlowConfig = {\n  name: \"Bakery Assistant Flow\",\n  description: \"Flour & Stone bakery shopping assistant with gift recommendations\",\n  steps: [\n    {\n      id: \"bakery_action_prompt\",\n      name: \"Bakery 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 for Flour & Stone, a premium artisan bakery known for traditional bread-making and exceptional pastries.\n\nBrand voice: Warm, knowledgeable, passionate about craft baking. Use phrases like \"fresh from the oven\", \"handcrafted with care\", \"artisan tradition\". Do not explain selectors, JSON, or templating to the user.\n\n## Live context (request inputs — substituted each turn)\n\nThe widget sends **only** these keys as dispatch **inputs** (nothing extra on the record for this demo).\n\n**Orientation**\n- Path: {{current_page}} (compare before nav_then_click; e.g. /bakery-goods.html)\n- Full URL: {{page_url}}\n- Title: {{page_title}}\n\n**Page DOM**\n- page_elements: JSON array of enriched nodes (selector, tagName, text, role, interactivity, attributes including data-*). Prefer **selector** for message_and_click when you click a specific control.\n- page_context: Same slice formatted for the LLM (structured card summaries when matched, then groups by interactivity).\n\n{{page_elements}}\n\n{{page_context}}\n\n**Cart (for checkout — mirror cart.items when user pays)**\n{{cart}}\n\n**Recent order (if any)**\n{{recent_order}}\n\nIf {{current_page}} already equals the page you would navigate to, use {\"action\":\"message\",...} instead of nav_then_click.\n\n## Discovering products\n\nUse {{page_context}} for a quick scan and {{page_elements}} for exact selectors and attributes. Product rows often include data-product in **attributes**; prices appear in **text**; add-to-cart controls are usually **clickable** with stable **selector** values.\n\n## Output: one JSON object only\n\nNo markdown fences, no commentary before/after. Valid JSON only.\n\n### 1. message\n{\"action\": \"message\", \"text\": \"...\"}\nUse for chat, clarifying questions, \"we're already on that page\", or when you need the user to choose (e.g. $25 vs $50 gift card).\n\n### 2. nav_then_click\n{\"action\": \"nav_then_click\", \"page\": \"/bakery-goods.html\", \"on_load_text\": \"...\"}\nUse root-relative paths starting with /. Only when current_page is different from the target. This **only** changes pages — it does **not** open Stripe or payment.\n\n### 3. add_to_cart\n{\"action\": \"add_to_cart\", \"text\": \"...\", \"item\": {\"id\": \"product-id\", \"name\": \"Product Name\", \"price\": 1200}}\nUse when adding from context without scrolling (optional; on goods page prefer scroll_then_add).\n\n### 4. scroll_then_add (preferred on /bakery-goods.html)\n{\"action\": \"scroll_then_add\", \"text\": \"...\", \"item\": {\"id\": \"...\", \"name\": \"...\", \"price\": 1200}}\nScrolls the product into view then adds one unit (cart merges duplicate ids into quantity).\n\n### 5. checkout → Stripe (this demo)\n{\"action\": \"checkout\", \"text\": \"Brief message\", \"items\": [{\"name\": \"...\", \"price\": 1200, \"quantity\": 2}, ...]}\n**Only** this action starts hosted checkout (Stripe). **Never** use nav_then_click to a \"/checkout\" URL for payment here.\nRequirements: cart in context must have items; **items array must list every cart line** with the same name, cent prices, and quantities as cart.items. If cart is null or empty, use message — do not checkout.\n\n### 6. message_and_click (rare)\nIf page_elements show a specific button selector and scroll_then_add is wrong, you may use message_and_click with a CSS selector — prefer scroll_then_add on bakery-goods.html.\n\n## Rules\n\n- Prices in JSON are always **integer cents** (1200 = $12.00).\n- After adding to cart, invite checkout or more shopping.\n- On checkout confirmation (\"yes\", \"checkout\", \"pay\", \"proceed\", etc.), build **items** from **cart.items** (all rows, correct quantity). Do not drop lines or invent prices.\n\n## Product catalog (ids and cent prices)\n\n- Sourdough Loaf: sourdough-loaf, 1200\n- Croissant Box (6): croissant-box, 2400\n- Cinnamon Rolls (4): cinnamon-rolls, 1800\n- Baguette Trio: baguette-trio, 900\n- Almond Tart: almond-tart, 800\n- Fruit Danish: fruit-danish, 600\n- $50 Gift Card: gift-card-50, 5000\n- $25 Gift Card: gift-card-25, 2500\n\n## Examples\n\nGift seeker on /bakery-locations.html:\n{\"action\": \"nav_then_click\", \"page\": \"/bakery-goods.html\", \"on_load_text\": \"Here are our goods! You'll find our gift cards below — $50 is our most popular. Want me to add one?\"}\n\nOn /bakery-goods.html, user wants $50 gift card:\n{\"action\": \"scroll_then_add\", \"text\": \"Added the $50 gift card. Ready to check out?\", \"item\": {\"id\": \"gift-card-50\", \"name\": \"$50 Gift Card\", \"price\": 5000}}\n\nUser on /bakery.html agrees to see products:\n{\"action\": \"nav_then_click\", \"page\": \"/bakery-goods.html\", \"on_load_text\": \"Here are our handcrafted goods — what sounds good today?\"}\n\nOn /bakery-goods.html, add sourdough:\n{\"action\": \"scroll_then_add\", \"text\": \"Sourdough is in your cart. Anything else, or shall we check out?\", \"item\": {\"id\": \"sourdough-loaf\", \"name\": \"Sourdough Loaf\", \"price\": 1200}}\n\nCart has one $50 gift card; user says yes to checkout:\n{\"action\": \"checkout\", \"text\": \"Opening secure checkout...\", \"items\": [{\"name\": \"$50 Gift Card\", \"price\": 5000, \"quantity\": 1}]}\n\nCart has sourdough (qty 1) and croissant box (qty 1); user says \"pay\":\n{\"action\": \"checkout\", \"text\": \"Taking you to checkout...\", \"items\": [{\"name\": \"Sourdough Loaf\", \"price\": 1200, \"quantity\": 1}, {\"name\": \"Croissant Box (6)\", \"price\": 2400, \"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","_c"]}

package/dist/index.d.cts

@@ -45,7 +45,7 @@ declare const COMPONENT_FLOW: RuntypeFlowConfig;
  *
  * Designed to guide users toward the gift card when asking for gift recommendations.
  */
-declare const BAKERY_ASSISTANT_FLOW: TravrseFlowConfig;
+declare const BAKERY_ASSISTANT_FLOW: RuntypeFlowConfig;
 
 /**
  * Stripe checkout helpers using the REST API
@@ -87,10 +87,6 @@ type RuntypeFlowConfig = {
     description: string;
     steps: RuntypeFlowStep[];
 };
-/** @deprecated Use RuntypeFlowStep instead */
-type TravrseFlowStep = RuntypeFlowStep;
-/** @deprecated Use RuntypeFlowConfig instead */
-type TravrseFlowConfig = RuntypeFlowConfig;
 /**
  * Payload for message feedback (upvote/downvote)
  */
@@ -133,4 +129,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 { BAKERY_ASSISTANT_FLOW, COMPONENT_FLOW, CONVERSATIONAL_FLOW, type ChatProxyOptions, type CheckoutItem, type CheckoutSessionResponse, type CreateCheckoutSessionOptions, FORM_DIRECTIVE_FLOW, type FeedbackHandler, type FeedbackPayload, type RuntypeFlowConfig, type RuntypeFlowStep, SHOPPING_ASSISTANT_FLOW, SHOPPING_ASSISTANT_METADATA_FLOW, type TravrseFlowConfig, type TravrseFlowStep, createChatProxyApp, createCheckoutSession, createVercelHandler, createChatProxyApp as default };
+export { BAKERY_ASSISTANT_FLOW, COMPONENT_FLOW, CONVERSATIONAL_FLOW, type ChatProxyOptions, type CheckoutItem, type CheckoutSessionResponse, type CreateCheckoutSessionOptions, FORM_DIRECTIVE_FLOW, type FeedbackHandler, type FeedbackPayload, type RuntypeFlowConfig, type RuntypeFlowStep, SHOPPING_ASSISTANT_FLOW, SHOPPING_ASSISTANT_METADATA_FLOW, createChatProxyApp, createCheckoutSession, createVercelHandler, createChatProxyApp as default };

package/dist/index.d.ts

@@ -45,7 +45,7 @@ declare const COMPONENT_FLOW: RuntypeFlowConfig;
  *
  * Designed to guide users toward the gift card when asking for gift recommendations.
  */
-declare const BAKERY_ASSISTANT_FLOW: TravrseFlowConfig;
+declare const BAKERY_ASSISTANT_FLOW: RuntypeFlowConfig;
 
 /**
  * Stripe checkout helpers using the REST API
@@ -87,10 +87,6 @@ type RuntypeFlowConfig = {
     description: string;
     steps: RuntypeFlowStep[];
 };
-/** @deprecated Use RuntypeFlowStep instead */
-type TravrseFlowStep = RuntypeFlowStep;
-/** @deprecated Use RuntypeFlowConfig instead */
-type TravrseFlowConfig = RuntypeFlowConfig;
 /**
  * Payload for message feedback (upvote/downvote)
  */
@@ -133,4 +129,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 { BAKERY_ASSISTANT_FLOW, COMPONENT_FLOW, CONVERSATIONAL_FLOW, type ChatProxyOptions, type CheckoutItem, type CheckoutSessionResponse, type CreateCheckoutSessionOptions, FORM_DIRECTIVE_FLOW, type FeedbackHandler, type FeedbackPayload, type RuntypeFlowConfig, type RuntypeFlowStep, SHOPPING_ASSISTANT_FLOW, SHOPPING_ASSISTANT_METADATA_FLOW, type TravrseFlowConfig, type TravrseFlowStep, createChatProxyApp, createCheckoutSession, createVercelHandler, createChatProxyApp as default };
+export { BAKERY_ASSISTANT_FLOW, COMPONENT_FLOW, CONVERSATIONAL_FLOW, type ChatProxyOptions, type CheckoutItem, type CheckoutSessionResponse, type CreateCheckoutSessionOptions, FORM_DIRECTIVE_FLOW, type FeedbackHandler, type FeedbackPayload, type RuntypeFlowConfig, type RuntypeFlowStep, SHOPPING_ASSISTANT_FLOW, SHOPPING_ASSISTANT_METADATA_FLOW, createChatProxyApp, createCheckoutSession, createVercelHandler, createChatProxyApp as default };

package/dist/index.js

@@ -313,89 +313,101 @@ var BAKERY_ASSISTANT_FLOW = {
         userPrompt: "{{user_message}}",
         systemPrompt: `You are a helpful shopping assistant for Flour & Stone, a premium artisan bakery known for traditional bread-making and exceptional pastries.
 
-Brand voice: Warm, knowledgeable, passionate about craft baking. Use phrases like "fresh from the oven", "handcrafted with care", "artisan tradition".
+Brand voice: Warm, knowledgeable, passionate about craft baking. Use phrases like "fresh from the oven", "handcrafted with care", "artisan tradition". Do not explain selectors, JSON, or templating to the user.
 
-CRITICAL: You have access to the current page context through metadata. ALWAYS check this before responding:
-- current_page: The path of the current page (e.g., "/bakery-goods.html")
-- page_elements: Array of elements on the page - USE THIS to see what products are visible
-- cart: Current cart contents (if any items)
-- recent_order: Recent order info (if completed)
+## Live context (request inputs \u2014 substituted each turn)
 
-ALWAYS check current_page FIRST before deciding on an action. Never navigate if already on the target page.
+The widget sends **only** these keys as dispatch **inputs** (nothing extra on the record for this demo).
 
-DISCOVERING PRODUCTS:
-Look at page_elements to find products. Products have:
-- data-product attribute with the product ID
-- Price shown in the element text
-- "Add to Cart" buttons
+**Orientation**
+- Path: {{current_page}} (compare before nav_then_click; e.g. /bakery-goods.html)
+- Full URL: {{page_url}}
+- Title: {{page_title}}
 
-You must respond with JSON in one of these formats:
+**Page DOM**
+- page_elements: JSON array of enriched nodes (selector, tagName, text, role, interactivity, attributes including data-*). Prefer **selector** for message_and_click when you click a specific control.
+- page_context: Same slice formatted for the LLM (structured card summaries when matched, then groups by interactivity).
 
-1. Simple message (use for conversation, questions, product info):
-{"action": "message", "text": "Your response text here"}
+{{page_elements}}
 
-2. Navigate to another page (ONLY if current_page is different from target):
-{"action": "nav_then_click", "page": "/bakery-goods.html", "on_load_text": "Message after navigation"}
+{{page_context}}
 
-3. Add item to cart (use when user confirms they want to add):
-{"action": "add_to_cart", "text": "Your message", "item": {"id": "product-id", "name": "Product Name", "price": 1200}}
+**Cart (for checkout \u2014 mirror cart.items when user pays)**
+{{cart}}
 
-4. Checkout (when user wants to pay):
-{"action": "checkout", "text": "Your message", "items": [{"name": "Product Name", "price": 1200, "quantity": 1}]}
+**Recent order (if any)**
+{{recent_order}}
 
-5. Scroll to product and add to cart (when ON goods page and product may be below fold):
-{"action": "scroll_then_add", "text": "Your message", "item": {"id": "product-id", "name": "Product Name", "price": 1200}}
+If {{current_page}} already equals the page you would navigate to, use {"action":"message",...} instead of nav_then_click.
 
-CRITICAL RULES:
-- ALWAYS check current_page in the metadata before responding
-- Prices are in cents (1200 = $12.00)
-- Always respond with valid JSON only
+## Discovering products
 
-DECISION TREE:
-1. If user wants to see/buy products AND current_page is NOT "/bakery-goods.html" \u2192 nav_then_click
-2. If user wants to add to cart AND current_page IS "/bakery-goods.html" \u2192 scroll_then_add (scrolls to product and adds)
-3. If user asks about gifts AND current_page is NOT "/bakery-goods.html" \u2192 nav_then_click to /bakery-goods.html
-4. If user asks about gifts AND current_page IS "/bakery-goods.html" \u2192 scroll_then_add with gift card
-5. If user says "yes" to adding something AND current_page IS "/bakery-goods.html" \u2192 scroll_then_add
-6. If user confirms checkout (says "yes", "checkout", "pay", etc. after being asked about checkout) AND cart has items \u2192 checkout action
+Use {{page_context}} for a quick scan and {{page_elements}} for exact selectors and attributes. Product rows often include data-product in **attributes**; prices appear in **text**; add-to-cart controls are usually **clickable** with stable **selector** values.
 
-PRODUCT INFO (use when adding to cart):
-- Sourdough Loaf: id="sourdough-loaf", price=1200
-- Croissant Box (6): id="croissant-box", price=2400
-- Cinnamon Rolls (4): id="cinnamon-rolls", price=1800
-- Baguette Trio: id="baguette-trio", price=900
-- Almond Tart: id="almond-tart", price=800
-- Fruit Danish: id="fruit-danish", price=600
-- $50 Gift Card: id="gift-card-50", price=5000
-- $25 Gift Card: id="gift-card-25", price=2500
+## Output: one JSON object only
 
-EXAMPLES:
+No markdown fences, no commentary before/after. Valid JSON only.
+
+### 1. message
+{"action": "message", "text": "..."}
+Use for chat, clarifying questions, "we're already on that page", or when you need the user to choose (e.g. $25 vs $50 gift card).
+
+### 2. nav_then_click
+{"action": "nav_then_click", "page": "/bakery-goods.html", "on_load_text": "..."}
+Use root-relative paths starting with /. Only when current_page is different from the target. This **only** changes pages \u2014 it does **not** open Stripe or payment.
+
+### 3. add_to_cart
+{"action": "add_to_cart", "text": "...", "item": {"id": "product-id", "name": "Product Name", "price": 1200}}
+Use when adding from context without scrolling (optional; on goods page prefer scroll_then_add).
+
+### 4. scroll_then_add (preferred on /bakery-goods.html)
+{"action": "scroll_then_add", "text": "...", "item": {"id": "...", "name": "...", "price": 1200}}
+Scrolls the product into view then adds one unit (cart merges duplicate ids into quantity).
 
-User on /bakery-locations.html asks "I'm looking for a gift":
-{"action": "nav_then_click", "page": "/bakery-goods.html", "on_load_text": "Here are our goods! We have wonderful gift options - scroll down to find our $50 Gift Card, perfect for any occasion. Would you like me to add one to your cart?"}
+### 5. checkout \u2192 Stripe (this demo)
+{"action": "checkout", "text": "Brief message", "items": [{"name": "...", "price": 1200, "quantity": 2}, ...]}
+**Only** this action starts hosted checkout (Stripe). **Never** use nav_then_click to a "/checkout" URL for payment here.
+Requirements: cart in context must have items; **items array must list every cart line** with the same name, cent prices, and quantities as cart.items. If cart is null or empty, use message \u2014 do not checkout.
 
-User on /bakery-goods.html asks "where is the gift card?" or "yes" to adding gift card:
-{"action": "scroll_then_add", "text": "Here's our $50 Gift Card! I've added it to your cart. Would you like to checkout now?", "item": {"id": "gift-card-50", "name": "$50 Gift Card", "price": 5000}}
+### 6. message_and_click (rare)
+If page_elements show a specific button selector and scroll_then_add is wrong, you may use message_and_click with a CSS selector \u2014 prefer scroll_then_add on bakery-goods.html.
 
-User on /bakery.html says "yes" to seeing products:
-{"action": "nav_then_click", "page": "/bakery-goods.html", "on_load_text": "Here are all our handcrafted goods! What would you like to add to your cart?"}
+## Rules
 
-User on /bakery-goods.html says "yes" to adding sourdough:
-{"action": "scroll_then_add", "text": "Great choice! I've added the Sourdough Loaf to your cart. Would you like to checkout, or add something else?", "item": {"id": "sourdough-loaf", "name": "Sourdough Loaf", "price": 1200}}
+- Prices in JSON are always **integer cents** (1200 = $12.00).
+- After adding to cart, invite checkout or more shopping.
+- On checkout confirmation ("yes", "checkout", "pay", "proceed", etc.), build **items** from **cart.items** (all rows, correct quantity). Do not drop lines or invent prices.
 
-User on /bakery-goods.html asks "add the croissants":
-{"action": "scroll_then_add", "text": "Excellent! I've added the Croissant Box to your cart. Ready to checkout?", "item": {"id": "croissant-box", "name": "Croissant Box (6)", "price": 2400}}
+## Product catalog (ids and cent prices)
 
-User says "yes" or "yes!" after being asked "Would you like to checkout now?" (cart has $50 Gift Card):
-{"action": "checkout", "text": "Perfect! Creating your checkout now...", "items": [{"name": "$50 Gift Card", "price": 5000, "quantity": 1}]}
+- Sourdough Loaf: sourdough-loaf, 1200
+- Croissant Box (6): croissant-box, 2400
+- Cinnamon Rolls (4): cinnamon-rolls, 1800
+- Baguette Trio: baguette-trio, 900
+- Almond Tart: almond-tart, 800
+- Fruit Danish: fruit-danish, 600
+- $50 Gift Card: gift-card-50, 5000
+- $25 Gift Card: gift-card-25, 2500
 
-User says "checkout" or "I want to pay" (cart has Sourdough Loaf):
-{"action": "checkout", "text": "Great! Taking you to checkout now...", "items": [{"name": "Sourdough Loaf", "price": 1200, "quantity": 1}]}
+## Examples
 
-IMPORTANT RULES:
-- After ANY add to cart action, ALWAYS ask if they want to checkout
-- When user CONFIRMS checkout (yes, sure, checkout, pay, etc.), use the checkout action with items from the cart metadata
-- The checkout text should be brief like "Creating your checkout now..." - do NOT ask more questions`,
+Gift seeker on /bakery-locations.html:
+{"action": "nav_then_click", "page": "/bakery-goods.html", "on_load_text": "Here are our goods! You'll find our gift cards below \u2014 $50 is our most popular. Want me to add one?"}
+
+On /bakery-goods.html, user wants $50 gift card:
+{"action": "scroll_then_add", "text": "Added the $50 gift card. Ready to check out?", "item": {"id": "gift-card-50", "name": "$50 Gift Card", "price": 5000}}
+
+User on /bakery.html agrees to see products:
+{"action": "nav_then_click", "page": "/bakery-goods.html", "on_load_text": "Here are our handcrafted goods \u2014 what sounds good today?"}
+
+On /bakery-goods.html, add sourdough:
+{"action": "scroll_then_add", "text": "Sourdough is in your cart. Anything else, or shall we check out?", "item": {"id": "sourdough-loaf", "name": "Sourdough Loaf", "price": 1200}}
+
+Cart has one $50 gift card; user says yes to checkout:
+{"action": "checkout", "text": "Opening secure checkout...", "items": [{"name": "$50 Gift Card", "price": 5000, "quantity": 1}]}
+
+Cart has sourdough (qty 1) and croissant box (qty 1); user says "pay":
+{"action": "checkout", "text": "Taking you to checkout...", "items": [{"name": "Sourdough Loaf", "price": 1200, "quantity": 1}, {"name": "Croissant Box (6)", "price": 2400, "quantity": 1}]}`,
         previousMessages: "{{messages}}"
       }
     }
@@ -590,8 +602,8 @@ var createChatProxyApp = (options = {}) => {
     });
   });
   app.post(path, async (c) => {
-    var _a2, _b2, _c2, _d, _e, _f;
-    const apiKey = (_b2 = (_a2 = options.apiKey) != null ? _a2 : process.env.RUNTYPE_API_KEY) != null ? _b2 : process.env.TRAVRSE_API_KEY;
+    var _a2, _b2, _c2, _d, _e;
+    const apiKey = (_a2 = options.apiKey) != null ? _a2 : process.env.RUNTYPE_API_KEY;
     if (!apiKey) {
       return c.json(
         { error: "Missing API key. Set RUNTYPE_API_KEY." },
@@ -613,7 +625,7 @@ var createChatProxyApp = (options = {}) => {
     if (isAgentMode) {
       runtypePayload = clientPayload;
     } else {
-      const messages = (_c2 = clientPayload.messages) != null ? _c2 : [];
+      const messages = (_b2 = clientPayload.messages) != null ? _b2 : [];
       const sortedMessages = [...messages].sort((a, b) => {
         const timeA = a.createdAt ? new Date(a.createdAt).getTime() : 0;
         const timeB = b.createdAt ? new Date(b.createdAt).getTime() : 0;
@@ -623,8 +635,8 @@ var createChatProxyApp = (options = {}) => {
         role: message.role,
         content: message.content
       }));
-      const flowId = (_d = clientPayload.flowId) != null ? _d : options.flowId;
-      const flowConfig = (_e = options.flowConfig) != null ? _e : DEFAULT_FLOW;
+      const flowId = (_c2 = clientPayload.flowId) != null ? _c2 : options.flowId;
+      const flowConfig = (_d = options.flowConfig) != null ? _d : DEFAULT_FLOW;
       runtypePayload = {
         record: {
           name: "Streaming Chat Widget",
@@ -639,6 +651,10 @@ var createChatProxyApp = (options = {}) => {
           autoAppendMetadata: false
         }
       };
+      const clientInputs = clientPayload.inputs;
+      if (clientInputs && typeof clientInputs === "object" && !Array.isArray(clientInputs)) {
+        runtypePayload.inputs = clientInputs;
+      }
       if (flowId) {
         runtypePayload.flow = { id: flowId };
       } else {
@@ -678,7 +694,7 @@ var createChatProxyApp = (options = {}) => {
     return new Response(response.body, {
       status: response.status,
       headers: {
-        "Content-Type": (_f = response.headers.get("content-type")) != null ? _f : "application/json",
+        "Content-Type": (_e = response.headers.get("content-type")) != null ? _e : "application/json",
         "Cache-Control": "no-store"
       }
     });

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/flows/conversational.ts","../src/flows/scheduling.ts","../src/flows/shopping-assistant.ts","../src/flows/components.ts","../src/flows/bakery-assistant.ts","../src/utils/stripe.ts"],"sourcesContent":["import { Hono } from \"hono\";\nimport type { Context } from \"hono\";\nimport { handle } from \"hono/vercel\";\n\nexport type RuntypeFlowStep = {\n  id: string;\n  name: string;\n  type: string;\n  enabled: boolean;\n  config: Record<string, unknown>;\n};\n\nexport type RuntypeFlowConfig = {\n  name: string;\n  description: string;\n  steps: RuntypeFlowStep[];\n};\n\n/** @deprecated Use RuntypeFlowStep instead */\nexport type TravrseFlowStep = RuntypeFlowStep;\n/** @deprecated Use RuntypeFlowConfig instead */\nexport type TravrseFlowConfig = RuntypeFlowConfig;\n\n/**\n * Payload for message feedback (upvote/downvote)\n */\nexport type FeedbackPayload = {\n  type: \"upvote\" | \"downvote\";\n  messageId: string;\n  content?: string;\n  timestamp?: string;\n  sessionId?: string;\n  metadata?: Record<string, unknown>;\n};\n\n/**\n * Handler function for processing feedback\n */\nexport type FeedbackHandler = (feedback: FeedbackPayload) => Promise<void> | void;\n\nexport type ChatProxyOptions = {\n  upstreamUrl?: string;\n  apiKey?: string;\n  path?: string;\n  allowedOrigins?: string[];\n  flowId?: string;\n  flowConfig?: RuntypeFlowConfig;\n  /**\n   * Path for the feedback endpoint (default: \"/api/feedback\")\n   */\n  feedbackPath?: string;\n  /**\n   * Custom handler for processing feedback.\n   * Use this to store feedback in a database or send to analytics.\n   * \n   * @example\n   * ```ts\n   * onFeedback: async (feedback) => {\n   *   await db.feedback.create({ data: feedback });\n   * }\n   * ```\n   */\n  onFeedback?: FeedbackHandler;\n};\n\nconst DEFAULT_ENDPOINT = \"https://api.runtype.com/v1/dispatch\";\nconst DEFAULT_PATH = \"/api/chat/dispatch\";\n\nconst DEFAULT_FLOW: RuntypeFlowConfig = {\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: \"gemini-2.5-flash\",\n        // model: \"gpt-4o\",\n        responseFormat: \"markdown\",\n        outputVariable: \"prompt_result\",\n        userPrompt: \"{{user_message}}\",\n        systemPrompt: \"you are a helpful assistant, chatting with a user\",\n        // tools: {\n        //   toolIds: [\n        //     \"builtin:dalle\"\n        //   ]\n        // },\n        previousMessages: \"{{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 isDevelopment = process.env.NODE_ENV === \"development\" || !process.env.NODE_ENV;\n      \n      // Determine the CORS origin to allow\n      let corsOrigin: string;\n      if (!allowedOrigins || allowedOrigins.length === 0) {\n        // No restrictions - allow any origin (or use the request origin)\n        corsOrigin = origin || \"*\";\n      } else if (allowedOrigins.includes(origin || \"\")) {\n        // Origin is in the allowed list\n        corsOrigin = origin || \"*\";\n      } else if (isDevelopment && origin) {\n        // In development, allow the actual origin even if not in the list\n        // This helps with local development where ports might vary\n        corsOrigin = origin;\n      } else {\n        // Production: origin not allowed - reject by not setting CORS headers\n        // Return error for preflight, or continue without CORS headers\n        if (c.req.method === \"OPTIONS\") {\n          return c.json({ error: \"CORS policy violation: origin not allowed\" }, 403);\n        }\n        // For non-preflight requests, continue but browser will block due to missing CORS headers\n        await next();\n        return;\n      }\n\n      const headers: Record<string, string> = {\n        \"Access-Control-Allow-Origin\": corsOrigin,\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 feedbackPath = options.feedbackPath ?? \"/api/feedback\";\n  const upstream = options.upstreamUrl ?? DEFAULT_ENDPOINT;\n\n  app.use(\"*\", withCors(options.allowedOrigins));\n\n  // Feedback endpoint for collecting upvote/downvote data\n  app.post(feedbackPath, async (c) => {\n    let payload: FeedbackPayload;\n    try {\n      payload = await c.req.json();\n    } catch (error) {\n      return c.json({ error: \"Invalid JSON body\" }, 400);\n    }\n\n    // Validate payload\n    if (!payload.type || ![\"upvote\", \"downvote\"].includes(payload.type)) {\n      return c.json(\n        { error: \"Invalid feedback type. Must be 'upvote' or 'downvote'\" },\n        400\n      );\n    }\n    if (!payload.messageId) {\n      return c.json({ error: \"Missing messageId\" }, 400);\n    }\n\n    // Add timestamp if not provided\n    payload.timestamp = payload.timestamp ?? new Date().toISOString();\n\n    const isDevelopment =\n      process.env.NODE_ENV === \"development\" || !process.env.NODE_ENV;\n\n    if (isDevelopment) {\n      console.log(\"\\n=== Feedback Received ===\");\n      console.log(\"Type:\", payload.type);\n      console.log(\"Message ID:\", payload.messageId);\n      console.log(\n        \"Content Preview:\",\n        payload.content?.substring(0, 100) ?? \"(none)\"\n      );\n      console.log(\"Timestamp:\", payload.timestamp);\n      console.log(\"=== End Feedback ===\\n\");\n    }\n\n    // Call custom handler if provided\n    if (options.onFeedback) {\n      try {\n        await options.onFeedback(payload);\n      } catch (error) {\n        console.error(\"[Feedback] Handler error:\", error);\n        return c.json({ error: \"Feedback handler failed\" }, 500);\n      }\n    }\n\n    return c.json({\n      success: true,\n      message: \"Feedback recorded\",\n      feedback: {\n        type: payload.type,\n        messageId: payload.messageId,\n        timestamp: payload.timestamp\n      }\n    });\n  });\n\n  // Chat dispatch endpoint\n  app.post(path, async (c) => {\n    const apiKey = options.apiKey ?? process.env.RUNTYPE_API_KEY ?? process.env.TRAVRSE_API_KEY;\n    if (!apiKey) {\n      return c.json(\n        { error: \"Missing API key. Set RUNTYPE_API_KEY.\" },\n        401\n      );\n    }\n\n    let clientPayload: Record<string, unknown>;\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    const isDevelopment = process.env.NODE_ENV === \"development\" || !process.env.NODE_ENV;\n\n    // Detect agent mode: if the payload contains an `agent` field, forward it directly\n    const isAgentMode = !!clientPayload.agent;\n\n    let runtypePayload: Record<string, unknown>;\n\n    if (isAgentMode) {\n      // Agent dispatch - forward the payload as-is to the upstream API\n      runtypePayload = clientPayload;\n    } else {\n      // Flow dispatch - build the Runtype flow payload\n      const messages = (clientPayload.messages ?? []) as Array<{ role: string; content: string; createdAt?: string }>;\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      const flowId = (clientPayload.flowId as string | undefined) ?? options.flowId;\n      const flowConfig = options.flowConfig ?? DEFAULT_FLOW;\n\n      runtypePayload = {\n        record: {\n          name: \"Streaming Chat Widget\",\n          type: \"standalone\",\n          metadata: (clientPayload.metadata as Record<string, unknown>) || {}\n        },\n        messages: formattedMessages,\n        options: {\n          streamResponse: true,\n          recordMode: \"virtual\",\n          flowMode: flowId ? \"existing\" : \"virtual\",\n          autoAppendMetadata: false\n        }\n      };\n\n      if (flowId) {\n        runtypePayload.flow = { id: flowId };\n      } else {\n        runtypePayload.flow = flowConfig;\n      }\n    }\n\n    if (isDevelopment) {\n      console.log(`\\n=== Runtype Proxy Request (${isAgentMode ? \"agent\" : \"flow\"}) ===`);\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(runtypePayload, 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(runtypePayload)\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 Runtype 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 { RuntypeFlowConfig } 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: RuntypeFlowConfig = {\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        responseFormat: \"markdown\",\n        outputVariable: \"prompt_result\",\n        userPrompt: \"{{user_message}}\",\n        systemPrompt: \"you are a helpful assistant, chatting with a user\",\n        previousMessages: \"{{messages}}\"\n      }\n    }\n  ]\n};\n","import type { RuntypeFlowConfig } from \"../index.js\";\n\n/**\n * Dynamic Form flow configuration\n * This flow returns forms as component directives for the widget to render\n */\nexport const FORM_DIRECTIVE_FLOW: RuntypeFlowConfig = {\n  name: \"Dynamic Form Flow\",\n  description: \"Returns dynamic forms as component directives\",\n  steps: [\n    {\n      id: \"form_prompt\",\n      name: \"Form 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 assistant that can have conversations and collect user information via forms.\n\nRESPONSE FORMAT:\nAlways respond with valid JSON. Choose the appropriate format:\n\n1. For CONVERSATIONAL responses or text answers:\n   {\"text\": \"Your response here\"}\n\n2. When the user wants to SCHEDULE, BOOK, SIGN UP, or provide DETAILS (show a form):\n   {\"component\": \"DynamicForm\", \"props\": {\"title\": \"Form Title\", \"description\": \"Optional description\", \"fields\": [...], \"submit_text\": \"Submit\"}}\n\n3. For BOTH explanation AND form:\n   {\"text\": \"Your explanation\", \"component\": \"DynamicForm\", \"props\": {...}}\n\nFORM FIELD FORMAT:\nEach field in the \"fields\" array should have:\n- label (required): Display name for the field\n- name (optional): Field identifier (defaults to lowercase label with underscores)\n- type (optional): \"text\", \"email\", \"tel\", \"date\", \"time\", \"textarea\", \"number\" (defaults to \"text\")\n- placeholder (optional): Placeholder text\n- required (optional): true/false\n\nEXAMPLES:\n\nUser: \"Schedule a demo for me\"\nResponse: {\"text\": \"I'd be happy to help you schedule a demo! Please fill out the form below:\", \"component\": \"DynamicForm\", \"props\": {\"title\": \"Schedule a Demo\", \"description\": \"Share your details and we'll follow up with a confirmation.\", \"fields\": [{\"label\": \"Full Name\", \"type\": \"text\", \"required\": true}, {\"label\": \"Email\", \"type\": \"email\", \"required\": true}, {\"label\": \"Company\", \"type\": \"text\"}, {\"label\": \"Preferred Date\", \"type\": \"date\", \"required\": true}, {\"label\": \"Notes\", \"type\": \"textarea\", \"placeholder\": \"Any specific topics you'd like to cover?\"}], \"submit_text\": \"Request Demo\"}}\n\nUser: \"What is AI?\"\nResponse: {\"text\": \"AI (Artificial Intelligence) refers to computer systems designed to perform tasks that typically require human intelligence, such as learning, reasoning, problem-solving, and understanding language.\"}\n\nUser: \"Collect my contact details\"\nResponse: {\"component\": \"DynamicForm\", \"props\": {\"title\": \"Contact Details\", \"fields\": [{\"label\": \"Name\", \"type\": \"text\", \"required\": true}, {\"label\": \"Email\", \"type\": \"email\", \"required\": true}, {\"label\": \"Phone\", \"type\": \"tel\"}], \"submit_text\": \"Save Details\"}}\n\nIMPORTANT:\n- Use {\"text\": \"...\"} for questions, explanations, and general conversation\n- Show a DynamicForm when user wants to provide information, schedule, book, or sign up\n- Create contextually appropriate form fields based on what the user is trying to do\n- Keep forms focused with only the relevant fields needed`,\n        previousMessages: \"{{messages}}\"\n      }\n    }\n  ]\n};\n","import type { RuntypeFlowConfig } 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: RuntypeFlowConfig = {\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: RuntypeFlowConfig = {\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","import type { RuntypeFlowConfig } from \"../index.js\";\n\n/**\n * Component-aware flow for custom component rendering\n * This flow instructs the AI to respond with component directives in JSON format\n */\nexport const COMPONENT_FLOW: RuntypeFlowConfig = {\n  name: \"Component Flow\",\n  description: \"Flow configured for custom component rendering\",\n  steps: [\n    {\n      id: \"component_prompt\",\n      name: \"Component 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 assistant that can both have conversations and render custom UI components.\n\nRESPONSE FORMAT:\nAlways respond with valid JSON. Choose the appropriate format based on the user's request:\n\n1. For CONVERSATIONAL questions or text responses:\n   {\"text\": \"Your response here\"}\n\n2. For VISUAL DISPLAYS or when the user asks to SHOW/DISPLAY something:\n   {\"component\": \"ComponentName\", \"props\": {...}}\n\n3. For BOTH explanation AND visual:\n   {\"text\": \"Your explanation here\", \"component\": \"ComponentName\", \"props\": {...}}\n\nAvailable components for visual displays:\n- ProductCard: Display product information. Props: title (string), price (number), description (string, optional), image (string, optional)\n- SimpleChart: Display a bar chart. Props: title (string), data (array of numbers), labels (array of strings, optional)\n- StatusBadge: Display a status badge. Props: status (string: \"success\", \"error\", \"warning\", \"info\", \"pending\"), message (string)\n- InfoCard: Display an information card. Props: title (string), content (string), icon (string, optional)\n\nExamples:\n- User asks \"What is the capital of France?\": {\"text\": \"The capital of France is Paris.\"}\n- User asks \"What does that chart show?\": {\"text\": \"The chart shows sales data increasing from 100 to 200 over three months.\"}\n- User asks \"Show me a product card\": {\"component\": \"ProductCard\", \"props\": {\"title\": \"Laptop\", \"price\": 999, \"description\": \"A great laptop\"}}\n- User asks \"Display a chart\": {\"component\": \"SimpleChart\", \"props\": {\"title\": \"Sales\", \"data\": [100, 150, 200], \"labels\": [\"Jan\", \"Feb\", \"Mar\"]}}\n- User asks \"Show me a chart and explain it\": {\"text\": \"Here's the sales data for Q1:\", \"component\": \"SimpleChart\", \"props\": {\"title\": \"Q1 Sales\", \"data\": [100, 150, 200], \"labels\": [\"Jan\", \"Feb\", \"Mar\"]}}\n\nIMPORTANT:\n- Use {\"text\": \"...\"} for questions, explanations, discussions, and general chat\n- Use {\"component\": \"...\", \"props\": {...}} ONLY when the user explicitly wants to SEE/VIEW/DISPLAY visual content\n- You can combine both: {\"text\": \"...\", \"component\": \"...\", \"props\": {...}} when you want to explain something AND show a visual\n- Never force a component when the user just wants information`,\n        previousMessages: \"{{messages}}\"\n      }\n    }\n  ]\n};\n","import type { TravrseFlowConfig } from \"../index.js\";\n\n/**\n * Bakery assistant flow configuration for \"Flour & Stone\" bakery demo\n * This flow returns JSON actions for page interaction including:\n * - Simple messages with bakery brand voice\n * - Navigation to bakery pages\n * - Add to cart interactions\n * - Stripe checkout\n *\n * Designed to guide users toward the gift card when asking for gift recommendations.\n */\nexport const BAKERY_ASSISTANT_FLOW: TravrseFlowConfig = {\n  name: \"Bakery Assistant Flow\",\n  description: \"Flour & Stone bakery shopping assistant with gift recommendations\",\n  steps: [\n    {\n      id: \"bakery_action_prompt\",\n      name: \"Bakery 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 for Flour & Stone, a premium artisan bakery known for traditional bread-making and exceptional pastries.\n\nBrand voice: Warm, knowledgeable, passionate about craft baking. Use phrases like \"fresh from the oven\", \"handcrafted with care\", \"artisan tradition\".\n\nCRITICAL: You have access to the current page context through metadata. ALWAYS check this before responding:\n- current_page: The path of the current page (e.g., \"/bakery-goods.html\")\n- page_elements: Array of elements on the page - USE THIS to see what products are visible\n- cart: Current cart contents (if any items)\n- recent_order: Recent order info (if completed)\n\nALWAYS check current_page FIRST before deciding on an action. Never navigate if already on the target page.\n\nDISCOVERING PRODUCTS:\nLook at page_elements to find products. Products have:\n- data-product attribute with the product ID\n- Price shown in the element text\n- \"Add to Cart\" buttons\n\nYou must respond with JSON in one of these formats:\n\n1. Simple message (use for conversation, questions, product info):\n{\"action\": \"message\", \"text\": \"Your response text here\"}\n\n2. Navigate to another page (ONLY if current_page is different from target):\n{\"action\": \"nav_then_click\", \"page\": \"/bakery-goods.html\", \"on_load_text\": \"Message after navigation\"}\n\n3. Add item to cart (use when user confirms they want to add):\n{\"action\": \"add_to_cart\", \"text\": \"Your message\", \"item\": {\"id\": \"product-id\", \"name\": \"Product Name\", \"price\": 1200}}\n\n4. Checkout (when user wants to pay):\n{\"action\": \"checkout\", \"text\": \"Your message\", \"items\": [{\"name\": \"Product Name\", \"price\": 1200, \"quantity\": 1}]}\n\n5. Scroll to product and add to cart (when ON goods page and product may be below fold):\n{\"action\": \"scroll_then_add\", \"text\": \"Your message\", \"item\": {\"id\": \"product-id\", \"name\": \"Product Name\", \"price\": 1200}}\n\nCRITICAL RULES:\n- ALWAYS check current_page in the metadata before responding\n- Prices are in cents (1200 = $12.00)\n- Always respond with valid JSON only\n\nDECISION TREE:\n1. If user wants to see/buy products AND current_page is NOT \"/bakery-goods.html\" → nav_then_click\n2. If user wants to add to cart AND current_page IS \"/bakery-goods.html\" → scroll_then_add (scrolls to product and adds)\n3. If user asks about gifts AND current_page is NOT \"/bakery-goods.html\" → nav_then_click to /bakery-goods.html\n4. If user asks about gifts AND current_page IS \"/bakery-goods.html\" → scroll_then_add with gift card\n5. If user says \"yes\" to adding something AND current_page IS \"/bakery-goods.html\" → scroll_then_add\n6. If user confirms checkout (says \"yes\", \"checkout\", \"pay\", etc. after being asked about checkout) AND cart has items → checkout action\n\nPRODUCT INFO (use when adding to cart):\n- Sourdough Loaf: id=\"sourdough-loaf\", price=1200\n- Croissant Box (6): id=\"croissant-box\", price=2400\n- Cinnamon Rolls (4): id=\"cinnamon-rolls\", price=1800\n- Baguette Trio: id=\"baguette-trio\", price=900\n- Almond Tart: id=\"almond-tart\", price=800\n- Fruit Danish: id=\"fruit-danish\", price=600\n- $50 Gift Card: id=\"gift-card-50\", price=5000\n- $25 Gift Card: id=\"gift-card-25\", price=2500\n\nEXAMPLES:\n\nUser on /bakery-locations.html asks \"I'm looking for a gift\":\n{\"action\": \"nav_then_click\", \"page\": \"/bakery-goods.html\", \"on_load_text\": \"Here are our goods! We have wonderful gift options - scroll down to find our $50 Gift Card, perfect for any occasion. Would you like me to add one to your cart?\"}\n\nUser on /bakery-goods.html asks \"where is the gift card?\" or \"yes\" to adding gift card:\n{\"action\": \"scroll_then_add\", \"text\": \"Here's our $50 Gift Card! I've added it to your cart. Would you like to checkout now?\", \"item\": {\"id\": \"gift-card-50\", \"name\": \"$50 Gift Card\", \"price\": 5000}}\n\nUser on /bakery.html says \"yes\" to seeing products:\n{\"action\": \"nav_then_click\", \"page\": \"/bakery-goods.html\", \"on_load_text\": \"Here are all our handcrafted goods! What would you like to add to your cart?\"}\n\nUser on /bakery-goods.html says \"yes\" to adding sourdough:\n{\"action\": \"scroll_then_add\", \"text\": \"Great choice! I've added the Sourdough Loaf to your cart. Would you like to checkout, or add something else?\", \"item\": {\"id\": \"sourdough-loaf\", \"name\": \"Sourdough Loaf\", \"price\": 1200}}\n\nUser on /bakery-goods.html asks \"add the croissants\":\n{\"action\": \"scroll_then_add\", \"text\": \"Excellent! I've added the Croissant Box to your cart. Ready to checkout?\", \"item\": {\"id\": \"croissant-box\", \"name\": \"Croissant Box (6)\", \"price\": 2400}}\n\nUser says \"yes\" or \"yes!\" after being asked \"Would you like to checkout now?\" (cart has $50 Gift Card):\n{\"action\": \"checkout\", \"text\": \"Perfect! Creating your checkout now...\", \"items\": [{\"name\": \"$50 Gift Card\", \"price\": 5000, \"quantity\": 1}]}\n\nUser says \"checkout\" or \"I want to pay\" (cart has Sourdough Loaf):\n{\"action\": \"checkout\", \"text\": \"Great! Taking you to checkout now...\", \"items\": [{\"name\": \"Sourdough Loaf\", \"price\": 1200, \"quantity\": 1}]}\n\nIMPORTANT RULES:\n- After ANY add to cart action, ALWAYS ask if they want to checkout\n- When user CONFIRMS checkout (yes, sure, checkout, pay, etc.), use the checkout action with items from the cart metadata\n- The checkout text should be brief like \"Creating your checkout now...\" - do NOT ask more questions`,\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":";AAAA,SAAS,YAAY;AAErB,SAAS,cAAc;;;ACIhB,IAAM,sBAAyC;AAAA,EACpD,MAAM;AAAA,EACN,aAAa;AAAA,EACb,OAAO;AAAA,IACL;AAAA,MACE,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,MACT,QAAQ;AAAA,QACN,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,gBAAgB;AAAA,QAChB,YAAY;AAAA,QACZ,cAAc;AAAA,QACd,kBAAkB;AAAA,MACpB;AAAA,IACF;AAAA,EACF;AACF;;;ACnBO,IAAM,sBAAyC;AAAA,EACpD,MAAM;AAAA,EACN,aAAa;AAAA,EACb,OAAO;AAAA,IACL;AAAA,MACE,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,MACT,QAAQ;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,gBAAgB;AAAA,QAChB,gBAAgB;AAAA,QAChB,YAAY;AAAA,QACZ,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAsCd,kBAAkB;AAAA,MACpB;AAAA,IACF;AAAA,EACF;AACF;;;ACrDO,IAAM,0BAA6C;AAAA,EACxD,MAAM;AAAA,EACN,aAAa;AAAA,EACb,OAAO;AAAA,IACL;AAAA,MACE,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,MACT,QAAQ;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,gBAAgB;AAAA,QAChB,gBAAgB;AAAA,QAChB,YAAY;AAAA,QACZ,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAqDd,kBAAkB;AAAA,MACpB;AAAA,IACF;AAAA,EACF;AACF;AAOO,IAAM,mCAAsD;AAAA,EACjE,MAAM;AAAA,EACN,aAAa;AAAA,EACb,OAAO;AAAA,IACL;AAAA,MACE,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,MACT,QAAQ;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,gBAAgB;AAAA,QAChB,gBAAgB;AAAA,QAChB,YAAY;AAAA,QACZ,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QA8Dd,kBAAkB;AAAA,MACpB;AAAA,IACF;AAAA,EACF;AACF;;;ACpKO,IAAM,iBAAoC;AAAA,EAC/C,MAAM;AAAA,EACN,aAAa;AAAA,EACb,OAAO;AAAA,IACL;AAAA,MACE,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,MACT,QAAQ;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,gBAAgB;AAAA,QAChB,gBAAgB;AAAA,QAChB,YAAY;AAAA,QACZ,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAgCd,kBAAkB;AAAA,MACpB;AAAA,IACF;AAAA,EACF;AACF;;;AC7CO,IAAM,wBAA2C;AAAA,EACtD,MAAM;AAAA,EACN,aAAa;AAAA,EACb,OAAO;AAAA,IACL;AAAA,MACE,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,MACT,QAAQ;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,gBAAgB;AAAA,QAChB,gBAAgB;AAAA,QAChB,YAAY;AAAA,QACZ,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAqFd,kBAAkB;AAAA,MACpB;AAAA,IACF;AAAA,EACF;AACF;;;ACtFA,eAAsB,sBACpB,SACkC;AAClC,QAAM,EAAE,WAAW,OAAO,YAAY,UAAU,IAAI;AAEpD,MAAI;AAEF,QAAI,CAAC,SAAS,CAAC,MAAM,QAAQ,KAAK,KAAK,MAAM,WAAW,GAAG;AACzD,aAAO;AAAA,QACL,SAAS;AAAA,QACT,OAAO;AAAA,MACT;AAAA,IACF;AAEA,eAAW,QAAQ,OAAO;AACxB,UAAI,CAAC,KAAK,QAAQ,OAAO,KAAK,UAAU,YAAY,OAAO,KAAK,aAAa,UAAU;AACrF,eAAO;AAAA,UACL,SAAS;AAAA,UACT,OAAO;AAAA,QACT;AAAA,MACF;AAAA,IACF;AAGA,UAAM,YAAY,MAAM,IAAI,CAAC,UAAU;AAAA,MACrC,YAAY;AAAA,QACV,UAAU;AAAA,QACV,cAAc;AAAA,UACZ,MAAM,KAAK;AAAA,QACb;AAAA,QACA,aAAa,KAAK;AAAA,MACpB;AAAA,MACA,UAAU,KAAK;AAAA,IACjB,EAAE;AAGF,UAAM,SAAS,IAAI,gBAAgB;AAAA,MACjC,2BAA2B;AAAA,MAC3B,QAAQ;AAAA,MACR,eAAe;AAAA,MACf,cAAc;AAAA,IAChB,CAAC;AAGD,cAAU,QAAQ,CAAC,MAAM,UAAU;AACjC,aAAO,OAAO,cAAc,KAAK,2BAA2B,KAAK,WAAW,QAAQ;AACpF,aAAO,OAAO,cAAc,KAAK,qCAAqC,KAAK,WAAW,aAAa,IAAI;AACvG,aAAO,OAAO,cAAc,KAAK,8BAA8B,KAAK,WAAW,YAAY,SAAS,CAAC;AACrG,aAAO,OAAO,cAAc,KAAK,eAAe,KAAK,SAAS,SAAS,CAAC;AAAA,IAC1E,CAAC;AAGD,UAAM,iBAAiB,MAAM,MAAM,+CAA+C;AAAA,MAChF,QAAQ;AAAA,MACR,SAAS;AAAA,QACP,iBAAiB,UAAU,SAAS;AAAA,QACpC,gBAAgB;AAAA,MAClB;AAAA,MACA,MAAM;AAAA,IACR,CAAC;AAED,QAAI,CAAC,eAAe,IAAI;AACtB,YAAM,YAAY,MAAM,eAAe,KAAK;AAC5C,cAAQ,MAAM,qBAAqB,SAAS;AAC5C,aAAO;AAAA,QACL,SAAS;AAAA,QACT,OAAO;AAAA,MACT;AAAA,IACF;AAEA,UAAM,UAAU,MAAM,eAAe,KAAK;AAE1C,WAAO;AAAA,MACL,SAAS;AAAA,MACT,aAAa,QAAQ;AAAA,MACrB,WAAW,QAAQ;AAAA,IACrB;AAAA,EACF,SAAS,OAAO;AACd,YAAQ,MAAM,0BAA0B,KAAK;AAC7C,WAAO;AAAA,MACL,SAAS;AAAA,MACT,OAAO,iBAAiB,QAAQ,MAAM,UAAU;AAAA,IAClD;AAAA,EACF;AACF;;;ANjDA,IAAM,mBAAmB;AACzB,IAAM,eAAe;AAErB,IAAM,eAAkC;AAAA,EACtC,MAAM;AAAA,EACN,aAAa;AAAA,EACb,OAAO;AAAA,IACL;AAAA,MACE,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,MACT,QAAQ;AAAA,QACN,OAAO;AAAA;AAAA,QAEP,gBAAgB;AAAA,QAChB,gBAAgB;AAAA,QAChB,YAAY;AAAA,QACZ,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAMd,kBAAkB;AAAA,MACpB;AAAA,IACF;AAAA,EACF;AACF;AAEA,IAAM,WACJ,CAAC,mBACC,OAAO,GAAY,SAA8B;AAjGrD;AAkGM,QAAM,SAAS,EAAE,IAAI,OAAO,QAAQ;AACpC,QAAM,gBAAgB,QAAQ,IAAI,aAAa,iBAAiB,CAAC,QAAQ,IAAI;AAG7E,MAAI;AACJ,MAAI,CAAC,kBAAkB,eAAe,WAAW,GAAG;AAElD,iBAAa,UAAU;AAAA,EACzB,WAAW,eAAe,SAAS,UAAU,EAAE,GAAG;AAEhD,iBAAa,UAAU;AAAA,EACzB,WAAW,iBAAiB,QAAQ;AAGlC,iBAAa;AAAA,EACf,OAAO;AAGL,QAAI,EAAE,IAAI,WAAW,WAAW;AAC9B,aAAO,EAAE,KAAK,EAAE,OAAO,4CAA4C,GAAG,GAAG;AAAA,IAC3E;AAEA,UAAM,KAAK;AACX;AAAA,EACF;AAEA,QAAM,UAAkC;AAAA,IACtC,+BAA+B;AAAA,IAC/B,iCACE,OAAE,IAAI,OAAO,gCAAgC,MAA7C,YACA;AAAA,IACF,gCAAgC;AAAA,IAChC,MAAM;AAAA,EACR;AAEA,MAAI,EAAE,IAAI,WAAW,WAAW;AAC9B,WAAO,IAAI,SAAS,MAAM,EAAE,QAAQ,KAAK,QAAQ,CAAC;AAAA,EACpD;AAEA,QAAM,KAAK;AACX,SAAO,QAAQ,OAAO,EAAE;AAAA,IAAQ,CAAC,CAAC,KAAK,KAAK,MAC1C,EAAE,OAAO,KAAK,OAAO,EAAE,QAAQ,MAAM,CAAC;AAAA,EACxC;AACF;AAEG,IAAM,qBAAqB,CAAC,UAA4B,CAAC,MAAM;AA/ItE;AAgJE,QAAM,MAAM,IAAI,KAAK;AACrB,QAAM,QAAO,aAAQ,SAAR,YAAgB;AAC7B,QAAM,gBAAe,aAAQ,iBAAR,YAAwB;AAC7C,QAAM,YAAW,aAAQ,gBAAR,YAAuB;AAExC,MAAI,IAAI,KAAK,SAAS,QAAQ,cAAc,CAAC;AAG7C,MAAI,KAAK,cAAc,OAAO,MAAM;AAxJtC,QAAAA,KAAAC,KAAAC;AAyJI,QAAI;AACJ,QAAI;AACF,gBAAU,MAAM,EAAE,IAAI,KAAK;AAAA,IAC7B,SAAS,OAAO;AACd,aAAO,EAAE,KAAK,EAAE,OAAO,oBAAoB,GAAG,GAAG;AAAA,IACnD;AAGA,QAAI,CAAC,QAAQ,QAAQ,CAAC,CAAC,UAAU,UAAU,EAAE,SAAS,QAAQ,IAAI,GAAG;AACnE,aAAO,EAAE;AAAA,QACP,EAAE,OAAO,wDAAwD;AAAA,QACjE;AAAA,MACF;AAAA,IACF;AACA,QAAI,CAAC,QAAQ,WAAW;AACtB,aAAO,EAAE,KAAK,EAAE,OAAO,oBAAoB,GAAG,GAAG;AAAA,IACnD;AAGA,YAAQ,aAAYF,MAAA,QAAQ,cAAR,OAAAA,OAAqB,oBAAI,KAAK,GAAE,YAAY;AAEhE,UAAM,gBACJ,QAAQ,IAAI,aAAa,iBAAiB,CAAC,QAAQ,IAAI;AAEzD,QAAI,eAAe;AACjB,cAAQ,IAAI,6BAA6B;AACzC,cAAQ,IAAI,SAAS,QAAQ,IAAI;AACjC,cAAQ,IAAI,eAAe,QAAQ,SAAS;AAC5C,cAAQ;AAAA,QACN;AAAA,SACAE,OAAAD,MAAA,QAAQ,YAAR,gBAAAA,IAAiB,UAAU,GAAG,SAA9B,OAAAC,MAAsC;AAAA,MACxC;AACA,cAAQ,IAAI,cAAc,QAAQ,SAAS;AAC3C,cAAQ,IAAI,wBAAwB;AAAA,IACtC;AAGA,QAAI,QAAQ,YAAY;AACtB,UAAI;AACF,cAAM,QAAQ,WAAW,OAAO;AAAA,MAClC,SAAS,OAAO;AACd,gBAAQ,MAAM,6BAA6B,KAAK;AAChD,eAAO,EAAE,KAAK,EAAE,OAAO,0BAA0B,GAAG,GAAG;AAAA,MACzD;AAAA,IACF;AAEA,WAAO,EAAE,KAAK;AAAA,MACZ,SAAS;AAAA,MACT,SAAS;AAAA,MACT,UAAU;AAAA,QACR,MAAM,QAAQ;AAAA,QACd,WAAW,QAAQ;AAAA,QACnB,WAAW,QAAQ;AAAA,MACrB;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AAGD,MAAI,KAAK,MAAM,OAAO,MAAM;AAnN9B,QAAAF,KAAAC,KAAAC,KAAA;AAoNI,UAAM,UAASD,OAAAD,MAAA,QAAQ,WAAR,OAAAA,MAAkB,QAAQ,IAAI,oBAA9B,OAAAC,MAAiD,QAAQ,IAAI;AAC5E,QAAI,CAAC,QAAQ;AACX,aAAO,EAAE;AAAA,QACP,EAAE,OAAO,wCAAwC;AAAA,QACjD;AAAA,MACF;AAAA,IACF;AAEA,QAAI;AACJ,QAAI;AACF,sBAAgB,MAAM,EAAE,IAAI,KAAK;AAAA,IACnC,SAAS,OAAO;AACd,aAAO,EAAE;AAAA,QACP,EAAE,OAAO,qBAAqB,SAAS,MAAM;AAAA,QAC7C;AAAA,MACF;AAAA,IACF;AAEA,UAAM,gBAAgB,QAAQ,IAAI,aAAa,iBAAiB,CAAC,QAAQ,IAAI;AAG7E,UAAM,cAAc,CAAC,CAAC,cAAc;AAEpC,QAAI;AAEJ,QAAI,aAAa;AAEf,uBAAiB;AAAA,IACnB,OAAO;AAEL,YAAM,YAAYC,MAAA,cAAc,aAAd,OAAAA,MAA0B,CAAC;AAC7C,YAAM,iBAAiB,CAAC,GAAG,QAAQ,EAAE,KAAK,CAAC,GAAG,MAAM;AAClD,cAAM,QAAQ,EAAE,YAAY,IAAI,KAAK,EAAE,SAAS,EAAE,QAAQ,IAAI;AAC9D,cAAM,QAAQ,EAAE,YAAY,IAAI,KAAK,EAAE,SAAS,EAAE,QAAQ,IAAI;AAC9D,eAAO,QAAQ;AAAA,MACjB,CAAC;AACD,YAAM,oBAAoB,eAAe,IAAI,CAAC,aAAa;AAAA,QACzD,MAAM,QAAQ;AAAA,QACd,SAAS,QAAQ;AAAA,MACnB,EAAE;AAEF,YAAM,UAAU,mBAAc,WAAd,YAA+C,QAAQ;AACvE,YAAM,cAAa,aAAQ,eAAR,YAAsB;AAEzC,uBAAiB;AAAA,QACf,QAAQ;AAAA,UACN,MAAM;AAAA,UACN,MAAM;AAAA,UACN,UAAW,cAAc,YAAwC,CAAC;AAAA,QACpE;AAAA,QACA,UAAU;AAAA,QACV,SAAS;AAAA,UACP,gBAAgB;AAAA,UAChB,YAAY;AAAA,UACZ,UAAU,SAAS,aAAa;AAAA,UAChC,oBAAoB;AAAA,QACtB;AAAA,MACF;AAEA,UAAI,QAAQ;AACV,uBAAe,OAAO,EAAE,IAAI,OAAO;AAAA,MACrC,OAAO;AACL,uBAAe,OAAO;AAAA,MACxB;AAAA,IACF;AAEA,QAAI,eAAe;AACjB,cAAQ,IAAI;AAAA,6BAAgC,cAAc,UAAU,MAAM,OAAO;AACjF,cAAQ,IAAI,QAAQ,QAAQ;AAC5B,cAAQ,IAAI,iBAAiB,SAAS,QAAQ,IAAI;AAClD,cAAQ,IAAI,6BAA6B,SAAS,OAAO,UAAU,GAAG,EAAE,IAAI,KAAK;AACjF,cAAQ,IAAI,oBAAoB,KAAK,UAAU,gBAAgB,MAAM,CAAC,CAAC;AAAA,IACzE;AAEA,UAAM,WAAW,MAAM,MAAM,UAAU;AAAA,MACrC,QAAQ;AAAA,MACR,SAAS;AAAA,QACP,eAAe,UAAU,MAAM;AAAA,QAC/B,gBAAgB;AAAA,MAClB;AAAA,MACA,MAAM,KAAK,UAAU,cAAc;AAAA,IACrC,CAAC;AAED,QAAI,eAAe;AACjB,cAAQ,IAAI,oBAAoB,SAAS,MAAM;AAC/C,cAAQ,IAAI,yBAAyB,SAAS,UAAU;AAGxD,UAAI,CAAC,SAAS,IAAI;AAChB,cAAM,iBAAiB,SAAS,MAAM;AACtC,YAAI;AACF,gBAAM,YAAY,MAAM,eAAe,KAAK;AAC5C,kBAAQ,IAAI,wBAAwB,SAAS;AAAA,QAC/C,SAAS,GAAG;AACV,kBAAQ,IAAI,uCAAuC,CAAC;AAAA,QACtD;AAAA,MACF;AACA,cAAQ,IAAI,qCAAqC;AAAA,IACnD;AAEA,WAAO,IAAI,SAAS,SAAS,MAAM;AAAA,MACjC,QAAQ,SAAS;AAAA,MACjB,SAAS;AAAA,QACP,iBACE,cAAS,QAAQ,IAAI,cAAc,MAAnC,YAAwC;AAAA,QAC1C,iBAAiB;AAAA,MACnB;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AAED,SAAO;AACT;AAEO,IAAM,sBAAsB,CAAC,YAClC,OAAO,mBAAmB,OAAO,CAAC;AAQpC,IAAO,gBAAQ;","names":["_a","_b","_c"]}
+{"version":3,"sources":["../src/index.ts","../src/flows/conversational.ts","../src/flows/scheduling.ts","../src/flows/shopping-assistant.ts","../src/flows/components.ts","../src/flows/bakery-assistant.ts","../src/utils/stripe.ts"],"sourcesContent":["import { Hono } from \"hono\";\nimport type { Context } from \"hono\";\nimport { handle } from \"hono/vercel\";\n\nexport type RuntypeFlowStep = {\n  id: string;\n  name: string;\n  type: string;\n  enabled: boolean;\n  config: Record<string, unknown>;\n};\n\nexport type RuntypeFlowConfig = {\n  name: string;\n  description: string;\n  steps: RuntypeFlowStep[];\n};\n\n\n\n/**\n * Payload for message feedback (upvote/downvote)\n */\nexport type FeedbackPayload = {\n  type: \"upvote\" | \"downvote\";\n  messageId: string;\n  content?: string;\n  timestamp?: string;\n  sessionId?: string;\n  metadata?: Record<string, unknown>;\n};\n\n/**\n * Handler function for processing feedback\n */\nexport type FeedbackHandler = (feedback: FeedbackPayload) => Promise<void> | void;\n\nexport type ChatProxyOptions = {\n  upstreamUrl?: string;\n  apiKey?: string;\n  path?: string;\n  allowedOrigins?: string[];\n  flowId?: string;\n  flowConfig?: RuntypeFlowConfig;\n  /**\n   * Path for the feedback endpoint (default: \"/api/feedback\")\n   */\n  feedbackPath?: string;\n  /**\n   * Custom handler for processing feedback.\n   * Use this to store feedback in a database or send to analytics.\n   * \n   * @example\n   * ```ts\n   * onFeedback: async (feedback) => {\n   *   await db.feedback.create({ data: feedback });\n   * }\n   * ```\n   */\n  onFeedback?: FeedbackHandler;\n};\n\nconst DEFAULT_ENDPOINT = \"https://api.runtype.com/v1/dispatch\";\nconst DEFAULT_PATH = \"/api/chat/dispatch\";\n\nconst DEFAULT_FLOW: RuntypeFlowConfig = {\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: \"gemini-2.5-flash\",\n        // model: \"gpt-4o\",\n        responseFormat: \"markdown\",\n        outputVariable: \"prompt_result\",\n        userPrompt: \"{{user_message}}\",\n        systemPrompt: \"you are a helpful assistant, chatting with a user\",\n        // tools: {\n        //   toolIds: [\n        //     \"builtin:dalle\"\n        //   ]\n        // },\n        previousMessages: \"{{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 isDevelopment = process.env.NODE_ENV === \"development\" || !process.env.NODE_ENV;\n      \n      // Determine the CORS origin to allow\n      let corsOrigin: string;\n      if (!allowedOrigins || allowedOrigins.length === 0) {\n        // No restrictions - allow any origin (or use the request origin)\n        corsOrigin = origin || \"*\";\n      } else if (allowedOrigins.includes(origin || \"\")) {\n        // Origin is in the allowed list\n        corsOrigin = origin || \"*\";\n      } else if (isDevelopment && origin) {\n        // In development, allow the actual origin even if not in the list\n        // This helps with local development where ports might vary\n        corsOrigin = origin;\n      } else {\n        // Production: origin not allowed - reject by not setting CORS headers\n        // Return error for preflight, or continue without CORS headers\n        if (c.req.method === \"OPTIONS\") {\n          return c.json({ error: \"CORS policy violation: origin not allowed\" }, 403);\n        }\n        // For non-preflight requests, continue but browser will block due to missing CORS headers\n        await next();\n        return;\n      }\n\n      const headers: Record<string, string> = {\n        \"Access-Control-Allow-Origin\": corsOrigin,\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 feedbackPath = options.feedbackPath ?? \"/api/feedback\";\n  const upstream = options.upstreamUrl ?? DEFAULT_ENDPOINT;\n\n  app.use(\"*\", withCors(options.allowedOrigins));\n\n  // Feedback endpoint for collecting upvote/downvote data\n  app.post(feedbackPath, async (c) => {\n    let payload: FeedbackPayload;\n    try {\n      payload = await c.req.json();\n    } catch (error) {\n      return c.json({ error: \"Invalid JSON body\" }, 400);\n    }\n\n    // Validate payload\n    if (!payload.type || ![\"upvote\", \"downvote\"].includes(payload.type)) {\n      return c.json(\n        { error: \"Invalid feedback type. Must be 'upvote' or 'downvote'\" },\n        400\n      );\n    }\n    if (!payload.messageId) {\n      return c.json({ error: \"Missing messageId\" }, 400);\n    }\n\n    // Add timestamp if not provided\n    payload.timestamp = payload.timestamp ?? new Date().toISOString();\n\n    const isDevelopment =\n      process.env.NODE_ENV === \"development\" || !process.env.NODE_ENV;\n\n    if (isDevelopment) {\n      console.log(\"\\n=== Feedback Received ===\");\n      console.log(\"Type:\", payload.type);\n      console.log(\"Message ID:\", payload.messageId);\n      console.log(\n        \"Content Preview:\",\n        payload.content?.substring(0, 100) ?? \"(none)\"\n      );\n      console.log(\"Timestamp:\", payload.timestamp);\n      console.log(\"=== End Feedback ===\\n\");\n    }\n\n    // Call custom handler if provided\n    if (options.onFeedback) {\n      try {\n        await options.onFeedback(payload);\n      } catch (error) {\n        console.error(\"[Feedback] Handler error:\", error);\n        return c.json({ error: \"Feedback handler failed\" }, 500);\n      }\n    }\n\n    return c.json({\n      success: true,\n      message: \"Feedback recorded\",\n      feedback: {\n        type: payload.type,\n        messageId: payload.messageId,\n        timestamp: payload.timestamp\n      }\n    });\n  });\n\n  // Chat dispatch endpoint\n  app.post(path, async (c) => {\n    const apiKey = options.apiKey ?? process.env.RUNTYPE_API_KEY;\n    if (!apiKey) {\n      return c.json(\n        { error: \"Missing API key. Set RUNTYPE_API_KEY.\" },\n        401\n      );\n    }\n\n    let clientPayload: Record<string, unknown>;\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    const isDevelopment = process.env.NODE_ENV === \"development\" || !process.env.NODE_ENV;\n\n    // Detect agent mode: if the payload contains an `agent` field, forward it directly\n    const isAgentMode = !!clientPayload.agent;\n\n    let runtypePayload: Record<string, unknown>;\n\n    if (isAgentMode) {\n      // Agent dispatch - forward the payload as-is to the upstream API\n      runtypePayload = clientPayload;\n    } else {\n      // Flow dispatch - build the Runtype flow payload\n      const messages = (clientPayload.messages ?? []) as Array<{ role: string; content: string; createdAt?: string }>;\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      const flowId = (clientPayload.flowId as string | undefined) ?? options.flowId;\n      const flowConfig = options.flowConfig ?? DEFAULT_FLOW;\n\n      runtypePayload = {\n        record: {\n          name: \"Streaming Chat Widget\",\n          type: \"standalone\",\n          metadata: (clientPayload.metadata as Record<string, unknown>) || {}\n        },\n        messages: formattedMessages,\n        options: {\n          streamResponse: true,\n          recordMode: \"virtual\",\n          flowMode: flowId ? \"existing\" : \"virtual\",\n          autoAppendMetadata: false\n        }\n      };\n\n      const clientInputs = clientPayload.inputs;\n      if (clientInputs && typeof clientInputs === \"object\" && !Array.isArray(clientInputs)) {\n        runtypePayload.inputs = clientInputs;\n      }\n\n      if (flowId) {\n        runtypePayload.flow = { id: flowId };\n      } else {\n        runtypePayload.flow = flowConfig;\n      }\n    }\n\n    if (isDevelopment) {\n      console.log(`\\n=== Runtype Proxy Request (${isAgentMode ? \"agent\" : \"flow\"}) ===`);\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(runtypePayload, 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(runtypePayload)\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 Runtype 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 { RuntypeFlowConfig } 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: RuntypeFlowConfig = {\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        responseFormat: \"markdown\",\n        outputVariable: \"prompt_result\",\n        userPrompt: \"{{user_message}}\",\n        systemPrompt: \"you are a helpful assistant, chatting with a user\",\n        previousMessages: \"{{messages}}\"\n      }\n    }\n  ]\n};\n","import type { RuntypeFlowConfig } from \"../index.js\";\n\n/**\n * Dynamic Form flow configuration\n * This flow returns forms as component directives for the widget to render\n */\nexport const FORM_DIRECTIVE_FLOW: RuntypeFlowConfig = {\n  name: \"Dynamic Form Flow\",\n  description: \"Returns dynamic forms as component directives\",\n  steps: [\n    {\n      id: \"form_prompt\",\n      name: \"Form 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 assistant that can have conversations and collect user information via forms.\n\nRESPONSE FORMAT:\nAlways respond with valid JSON. Choose the appropriate format:\n\n1. For CONVERSATIONAL responses or text answers:\n   {\"text\": \"Your response here\"}\n\n2. When the user wants to SCHEDULE, BOOK, SIGN UP, or provide DETAILS (show a form):\n   {\"component\": \"DynamicForm\", \"props\": {\"title\": \"Form Title\", \"description\": \"Optional description\", \"fields\": [...], \"submit_text\": \"Submit\"}}\n\n3. For BOTH explanation AND form:\n   {\"text\": \"Your explanation\", \"component\": \"DynamicForm\", \"props\": {...}}\n\nFORM FIELD FORMAT:\nEach field in the \"fields\" array should have:\n- label (required): Display name for the field\n- name (optional): Field identifier (defaults to lowercase label with underscores)\n- type (optional): \"text\", \"email\", \"tel\", \"date\", \"time\", \"textarea\", \"number\" (defaults to \"text\")\n- placeholder (optional): Placeholder text\n- required (optional): true/false\n\nEXAMPLES:\n\nUser: \"Schedule a demo for me\"\nResponse: {\"text\": \"I'd be happy to help you schedule a demo! Please fill out the form below:\", \"component\": \"DynamicForm\", \"props\": {\"title\": \"Schedule a Demo\", \"description\": \"Share your details and we'll follow up with a confirmation.\", \"fields\": [{\"label\": \"Full Name\", \"type\": \"text\", \"required\": true}, {\"label\": \"Email\", \"type\": \"email\", \"required\": true}, {\"label\": \"Company\", \"type\": \"text\"}, {\"label\": \"Preferred Date\", \"type\": \"date\", \"required\": true}, {\"label\": \"Notes\", \"type\": \"textarea\", \"placeholder\": \"Any specific topics you'd like to cover?\"}], \"submit_text\": \"Request Demo\"}}\n\nUser: \"What is AI?\"\nResponse: {\"text\": \"AI (Artificial Intelligence) refers to computer systems designed to perform tasks that typically require human intelligence, such as learning, reasoning, problem-solving, and understanding language.\"}\n\nUser: \"Collect my contact details\"\nResponse: {\"component\": \"DynamicForm\", \"props\": {\"title\": \"Contact Details\", \"fields\": [{\"label\": \"Name\", \"type\": \"text\", \"required\": true}, {\"label\": \"Email\", \"type\": \"email\", \"required\": true}, {\"label\": \"Phone\", \"type\": \"tel\"}], \"submit_text\": \"Save Details\"}}\n\nIMPORTANT:\n- Use {\"text\": \"...\"} for questions, explanations, and general conversation\n- Show a DynamicForm when user wants to provide information, schedule, book, or sign up\n- Create contextually appropriate form fields based on what the user is trying to do\n- Keep forms focused with only the relevant fields needed`,\n        previousMessages: \"{{messages}}\"\n      }\n    }\n  ]\n};\n","import type { RuntypeFlowConfig } 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: RuntypeFlowConfig = {\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: RuntypeFlowConfig = {\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","import type { RuntypeFlowConfig } from \"../index.js\";\n\n/**\n * Component-aware flow for custom component rendering\n * This flow instructs the AI to respond with component directives in JSON format\n */\nexport const COMPONENT_FLOW: RuntypeFlowConfig = {\n  name: \"Component Flow\",\n  description: \"Flow configured for custom component rendering\",\n  steps: [\n    {\n      id: \"component_prompt\",\n      name: \"Component 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 assistant that can both have conversations and render custom UI components.\n\nRESPONSE FORMAT:\nAlways respond with valid JSON. Choose the appropriate format based on the user's request:\n\n1. For CONVERSATIONAL questions or text responses:\n   {\"text\": \"Your response here\"}\n\n2. For VISUAL DISPLAYS or when the user asks to SHOW/DISPLAY something:\n   {\"component\": \"ComponentName\", \"props\": {...}}\n\n3. For BOTH explanation AND visual:\n   {\"text\": \"Your explanation here\", \"component\": \"ComponentName\", \"props\": {...}}\n\nAvailable components for visual displays:\n- ProductCard: Display product information. Props: title (string), price (number), description (string, optional), image (string, optional)\n- SimpleChart: Display a bar chart. Props: title (string), data (array of numbers), labels (array of strings, optional)\n- StatusBadge: Display a status badge. Props: status (string: \"success\", \"error\", \"warning\", \"info\", \"pending\"), message (string)\n- InfoCard: Display an information card. Props: title (string), content (string), icon (string, optional)\n\nExamples:\n- User asks \"What is the capital of France?\": {\"text\": \"The capital of France is Paris.\"}\n- User asks \"What does that chart show?\": {\"text\": \"The chart shows sales data increasing from 100 to 200 over three months.\"}\n- User asks \"Show me a product card\": {\"component\": \"ProductCard\", \"props\": {\"title\": \"Laptop\", \"price\": 999, \"description\": \"A great laptop\"}}\n- User asks \"Display a chart\": {\"component\": \"SimpleChart\", \"props\": {\"title\": \"Sales\", \"data\": [100, 150, 200], \"labels\": [\"Jan\", \"Feb\", \"Mar\"]}}\n- User asks \"Show me a chart and explain it\": {\"text\": \"Here's the sales data for Q1:\", \"component\": \"SimpleChart\", \"props\": {\"title\": \"Q1 Sales\", \"data\": [100, 150, 200], \"labels\": [\"Jan\", \"Feb\", \"Mar\"]}}\n\nIMPORTANT:\n- Use {\"text\": \"...\"} for questions, explanations, discussions, and general chat\n- Use {\"component\": \"...\", \"props\": {...}} ONLY when the user explicitly wants to SEE/VIEW/DISPLAY visual content\n- You can combine both: {\"text\": \"...\", \"component\": \"...\", \"props\": {...}} when you want to explain something AND show a visual\n- Never force a component when the user just wants information`,\n        previousMessages: \"{{messages}}\"\n      }\n    }\n  ]\n};\n","import type { RuntypeFlowConfig } from \"../index.js\";\n\n/**\n * Bakery assistant flow configuration for \"Flour & Stone\" bakery demo\n * This flow returns JSON actions for page interaction including:\n * - Simple messages with bakery brand voice\n * - Navigation to bakery pages\n * - Add to cart interactions\n * - Stripe checkout\n *\n * Designed to guide users toward the gift card when asking for gift recommendations.\n */\nexport const BAKERY_ASSISTANT_FLOW: RuntypeFlowConfig = {\n  name: \"Bakery Assistant Flow\",\n  description: \"Flour & Stone bakery shopping assistant with gift recommendations\",\n  steps: [\n    {\n      id: \"bakery_action_prompt\",\n      name: \"Bakery 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 for Flour & Stone, a premium artisan bakery known for traditional bread-making and exceptional pastries.\n\nBrand voice: Warm, knowledgeable, passionate about craft baking. Use phrases like \"fresh from the oven\", \"handcrafted with care\", \"artisan tradition\". Do not explain selectors, JSON, or templating to the user.\n\n## Live context (request inputs — substituted each turn)\n\nThe widget sends **only** these keys as dispatch **inputs** (nothing extra on the record for this demo).\n\n**Orientation**\n- Path: {{current_page}} (compare before nav_then_click; e.g. /bakery-goods.html)\n- Full URL: {{page_url}}\n- Title: {{page_title}}\n\n**Page DOM**\n- page_elements: JSON array of enriched nodes (selector, tagName, text, role, interactivity, attributes including data-*). Prefer **selector** for message_and_click when you click a specific control.\n- page_context: Same slice formatted for the LLM (structured card summaries when matched, then groups by interactivity).\n\n{{page_elements}}\n\n{{page_context}}\n\n**Cart (for checkout — mirror cart.items when user pays)**\n{{cart}}\n\n**Recent order (if any)**\n{{recent_order}}\n\nIf {{current_page}} already equals the page you would navigate to, use {\"action\":\"message\",...} instead of nav_then_click.\n\n## Discovering products\n\nUse {{page_context}} for a quick scan and {{page_elements}} for exact selectors and attributes. Product rows often include data-product in **attributes**; prices appear in **text**; add-to-cart controls are usually **clickable** with stable **selector** values.\n\n## Output: one JSON object only\n\nNo markdown fences, no commentary before/after. Valid JSON only.\n\n### 1. message\n{\"action\": \"message\", \"text\": \"...\"}\nUse for chat, clarifying questions, \"we're already on that page\", or when you need the user to choose (e.g. $25 vs $50 gift card).\n\n### 2. nav_then_click\n{\"action\": \"nav_then_click\", \"page\": \"/bakery-goods.html\", \"on_load_text\": \"...\"}\nUse root-relative paths starting with /. Only when current_page is different from the target. This **only** changes pages — it does **not** open Stripe or payment.\n\n### 3. add_to_cart\n{\"action\": \"add_to_cart\", \"text\": \"...\", \"item\": {\"id\": \"product-id\", \"name\": \"Product Name\", \"price\": 1200}}\nUse when adding from context without scrolling (optional; on goods page prefer scroll_then_add).\n\n### 4. scroll_then_add (preferred on /bakery-goods.html)\n{\"action\": \"scroll_then_add\", \"text\": \"...\", \"item\": {\"id\": \"...\", \"name\": \"...\", \"price\": 1200}}\nScrolls the product into view then adds one unit (cart merges duplicate ids into quantity).\n\n### 5. checkout → Stripe (this demo)\n{\"action\": \"checkout\", \"text\": \"Brief message\", \"items\": [{\"name\": \"...\", \"price\": 1200, \"quantity\": 2}, ...]}\n**Only** this action starts hosted checkout (Stripe). **Never** use nav_then_click to a \"/checkout\" URL for payment here.\nRequirements: cart in context must have items; **items array must list every cart line** with the same name, cent prices, and quantities as cart.items. If cart is null or empty, use message — do not checkout.\n\n### 6. message_and_click (rare)\nIf page_elements show a specific button selector and scroll_then_add is wrong, you may use message_and_click with a CSS selector — prefer scroll_then_add on bakery-goods.html.\n\n## Rules\n\n- Prices in JSON are always **integer cents** (1200 = $12.00).\n- After adding to cart, invite checkout or more shopping.\n- On checkout confirmation (\"yes\", \"checkout\", \"pay\", \"proceed\", etc.), build **items** from **cart.items** (all rows, correct quantity). Do not drop lines or invent prices.\n\n## Product catalog (ids and cent prices)\n\n- Sourdough Loaf: sourdough-loaf, 1200\n- Croissant Box (6): croissant-box, 2400\n- Cinnamon Rolls (4): cinnamon-rolls, 1800\n- Baguette Trio: baguette-trio, 900\n- Almond Tart: almond-tart, 800\n- Fruit Danish: fruit-danish, 600\n- $50 Gift Card: gift-card-50, 5000\n- $25 Gift Card: gift-card-25, 2500\n\n## Examples\n\nGift seeker on /bakery-locations.html:\n{\"action\": \"nav_then_click\", \"page\": \"/bakery-goods.html\", \"on_load_text\": \"Here are our goods! You'll find our gift cards below — $50 is our most popular. Want me to add one?\"}\n\nOn /bakery-goods.html, user wants $50 gift card:\n{\"action\": \"scroll_then_add\", \"text\": \"Added the $50 gift card. Ready to check out?\", \"item\": {\"id\": \"gift-card-50\", \"name\": \"$50 Gift Card\", \"price\": 5000}}\n\nUser on /bakery.html agrees to see products:\n{\"action\": \"nav_then_click\", \"page\": \"/bakery-goods.html\", \"on_load_text\": \"Here are our handcrafted goods — what sounds good today?\"}\n\nOn /bakery-goods.html, add sourdough:\n{\"action\": \"scroll_then_add\", \"text\": \"Sourdough is in your cart. Anything else, or shall we check out?\", \"item\": {\"id\": \"sourdough-loaf\", \"name\": \"Sourdough Loaf\", \"price\": 1200}}\n\nCart has one $50 gift card; user says yes to checkout:\n{\"action\": \"checkout\", \"text\": \"Opening secure checkout...\", \"items\": [{\"name\": \"$50 Gift Card\", \"price\": 5000, \"quantity\": 1}]}\n\nCart has sourdough (qty 1) and croissant box (qty 1); user says \"pay\":\n{\"action\": \"checkout\", \"text\": \"Taking you to checkout...\", \"items\": [{\"name\": \"Sourdough Loaf\", \"price\": 1200, \"quantity\": 1}, {\"name\": \"Croissant Box (6)\", \"price\": 2400, \"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","_c"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@runtypelabs/persona-proxy",
-  "version": "1.43.2",
+  "version": "2.0.0",
   "description": "Proxy server for @runtypelabs/persona widget - handles flow configuration and forwards requests to AI backends.",
   "type": "module",
   "main": "dist/index.cjs",

package/src/flows/bakery-assistant.ts

@@ -1,4 +1,4 @@
-import type { TravrseFlowConfig } from "../index.js";
+import type { RuntypeFlowConfig } from "../index.js";
 
 /**
  * Bakery assistant flow configuration for "Flour & Stone" bakery demo
@@ -10,7 +10,7 @@ import type { TravrseFlowConfig } from "../index.js";
  *
  * Designed to guide users toward the gift card when asking for gift recommendations.
  */
-export const BAKERY_ASSISTANT_FLOW: TravrseFlowConfig = {
+export const BAKERY_ASSISTANT_FLOW: RuntypeFlowConfig = {
   name: "Bakery Assistant Flow",
   description: "Flour & Stone bakery shopping assistant with gift recommendations",
   steps: [
@@ -27,89 +27,101 @@ export const BAKERY_ASSISTANT_FLOW: TravrseFlowConfig = {
         userPrompt: "{{user_message}}",
         systemPrompt: `You are a helpful shopping assistant for Flour & Stone, a premium artisan bakery known for traditional bread-making and exceptional pastries.
 
-Brand voice: Warm, knowledgeable, passionate about craft baking. Use phrases like "fresh from the oven", "handcrafted with care", "artisan tradition".
+Brand voice: Warm, knowledgeable, passionate about craft baking. Use phrases like "fresh from the oven", "handcrafted with care", "artisan tradition". Do not explain selectors, JSON, or templating to the user.
 
-CRITICAL: You have access to the current page context through metadata. ALWAYS check this before responding:
-- current_page: The path of the current page (e.g., "/bakery-goods.html")
-- page_elements: Array of elements on the page - USE THIS to see what products are visible
-- cart: Current cart contents (if any items)
-- recent_order: Recent order info (if completed)
+## Live context (request inputs — substituted each turn)
 
-ALWAYS check current_page FIRST before deciding on an action. Never navigate if already on the target page.
+The widget sends **only** these keys as dispatch **inputs** (nothing extra on the record for this demo).
 
-DISCOVERING PRODUCTS:
-Look at page_elements to find products. Products have:
-- data-product attribute with the product ID
-- Price shown in the element text
-- "Add to Cart" buttons
+**Orientation**
+- Path: {{current_page}} (compare before nav_then_click; e.g. /bakery-goods.html)
+- Full URL: {{page_url}}
+- Title: {{page_title}}
 
-You must respond with JSON in one of these formats:
+**Page DOM**
+- page_elements: JSON array of enriched nodes (selector, tagName, text, role, interactivity, attributes including data-*). Prefer **selector** for message_and_click when you click a specific control.
+- page_context: Same slice formatted for the LLM (structured card summaries when matched, then groups by interactivity).
 
-1. Simple message (use for conversation, questions, product info):
-{"action": "message", "text": "Your response text here"}
+{{page_elements}}
 
-2. Navigate to another page (ONLY if current_page is different from target):
-{"action": "nav_then_click", "page": "/bakery-goods.html", "on_load_text": "Message after navigation"}
+{{page_context}}
 
-3. Add item to cart (use when user confirms they want to add):
-{"action": "add_to_cart", "text": "Your message", "item": {"id": "product-id", "name": "Product Name", "price": 1200}}
+**Cart (for checkout — mirror cart.items when user pays)**
+{{cart}}
 
-4. Checkout (when user wants to pay):
-{"action": "checkout", "text": "Your message", "items": [{"name": "Product Name", "price": 1200, "quantity": 1}]}
+**Recent order (if any)**
+{{recent_order}}
 
-5. Scroll to product and add to cart (when ON goods page and product may be below fold):
-{"action": "scroll_then_add", "text": "Your message", "item": {"id": "product-id", "name": "Product Name", "price": 1200}}
+If {{current_page}} already equals the page you would navigate to, use {"action":"message",...} instead of nav_then_click.
 
-CRITICAL RULES:
-- ALWAYS check current_page in the metadata before responding
-- Prices are in cents (1200 = $12.00)
-- Always respond with valid JSON only
+## Discovering products
 
-DECISION TREE:
-1. If user wants to see/buy products AND current_page is NOT "/bakery-goods.html" → nav_then_click
-2. If user wants to add to cart AND current_page IS "/bakery-goods.html" → scroll_then_add (scrolls to product and adds)
-3. If user asks about gifts AND current_page is NOT "/bakery-goods.html" → nav_then_click to /bakery-goods.html
-4. If user asks about gifts AND current_page IS "/bakery-goods.html" → scroll_then_add with gift card
-5. If user says "yes" to adding something AND current_page IS "/bakery-goods.html" → scroll_then_add
-6. If user confirms checkout (says "yes", "checkout", "pay", etc. after being asked about checkout) AND cart has items → checkout action
+Use {{page_context}} for a quick scan and {{page_elements}} for exact selectors and attributes. Product rows often include data-product in **attributes**; prices appear in **text**; add-to-cart controls are usually **clickable** with stable **selector** values.
 
-PRODUCT INFO (use when adding to cart):
-- Sourdough Loaf: id="sourdough-loaf", price=1200
-- Croissant Box (6): id="croissant-box", price=2400
-- Cinnamon Rolls (4): id="cinnamon-rolls", price=1800
-- Baguette Trio: id="baguette-trio", price=900
-- Almond Tart: id="almond-tart", price=800
-- Fruit Danish: id="fruit-danish", price=600
-- $50 Gift Card: id="gift-card-50", price=5000
-- $25 Gift Card: id="gift-card-25", price=2500
+## Output: one JSON object only
 
-EXAMPLES:
+No markdown fences, no commentary before/after. Valid JSON only.
 
-User on /bakery-locations.html asks "I'm looking for a gift":
-{"action": "nav_then_click", "page": "/bakery-goods.html", "on_load_text": "Here are our goods! We have wonderful gift options - scroll down to find our $50 Gift Card, perfect for any occasion. Would you like me to add one to your cart?"}
+### 1. message
+{"action": "message", "text": "..."}
+Use for chat, clarifying questions, "we're already on that page", or when you need the user to choose (e.g. $25 vs $50 gift card).
 
-User on /bakery-goods.html asks "where is the gift card?" or "yes" to adding gift card:
-{"action": "scroll_then_add", "text": "Here's our $50 Gift Card! I've added it to your cart. Would you like to checkout now?", "item": {"id": "gift-card-50", "name": "$50 Gift Card", "price": 5000}}
+### 2. nav_then_click
+{"action": "nav_then_click", "page": "/bakery-goods.html", "on_load_text": "..."}
+Use root-relative paths starting with /. Only when current_page is different from the target. This **only** changes pages — it does **not** open Stripe or payment.
 
-User on /bakery.html says "yes" to seeing products:
-{"action": "nav_then_click", "page": "/bakery-goods.html", "on_load_text": "Here are all our handcrafted goods! What would you like to add to your cart?"}
+### 3. add_to_cart
+{"action": "add_to_cart", "text": "...", "item": {"id": "product-id", "name": "Product Name", "price": 1200}}
+Use when adding from context without scrolling (optional; on goods page prefer scroll_then_add).
 
-User on /bakery-goods.html says "yes" to adding sourdough:
-{"action": "scroll_then_add", "text": "Great choice! I've added the Sourdough Loaf to your cart. Would you like to checkout, or add something else?", "item": {"id": "sourdough-loaf", "name": "Sourdough Loaf", "price": 1200}}
+### 4. scroll_then_add (preferred on /bakery-goods.html)
+{"action": "scroll_then_add", "text": "...", "item": {"id": "...", "name": "...", "price": 1200}}
+Scrolls the product into view then adds one unit (cart merges duplicate ids into quantity).
 
-User on /bakery-goods.html asks "add the croissants":
-{"action": "scroll_then_add", "text": "Excellent! I've added the Croissant Box to your cart. Ready to checkout?", "item": {"id": "croissant-box", "name": "Croissant Box (6)", "price": 2400}}
+### 5. checkout → Stripe (this demo)
+{"action": "checkout", "text": "Brief message", "items": [{"name": "...", "price": 1200, "quantity": 2}, ...]}
+**Only** this action starts hosted checkout (Stripe). **Never** use nav_then_click to a "/checkout" URL for payment here.
+Requirements: cart in context must have items; **items array must list every cart line** with the same name, cent prices, and quantities as cart.items. If cart is null or empty, use message — do not checkout.
 
-User says "yes" or "yes!" after being asked "Would you like to checkout now?" (cart has $50 Gift Card):
-{"action": "checkout", "text": "Perfect! Creating your checkout now...", "items": [{"name": "$50 Gift Card", "price": 5000, "quantity": 1}]}
+### 6. message_and_click (rare)
+If page_elements show a specific button selector and scroll_then_add is wrong, you may use message_and_click with a CSS selector — prefer scroll_then_add on bakery-goods.html.
 
-User says "checkout" or "I want to pay" (cart has Sourdough Loaf):
-{"action": "checkout", "text": "Great! Taking you to checkout now...", "items": [{"name": "Sourdough Loaf", "price": 1200, "quantity": 1}]}
+## Rules
 
-IMPORTANT RULES:
-- After ANY add to cart action, ALWAYS ask if they want to checkout
-- When user CONFIRMS checkout (yes, sure, checkout, pay, etc.), use the checkout action with items from the cart metadata
-- The checkout text should be brief like "Creating your checkout now..." - do NOT ask more questions`,
+- Prices in JSON are always **integer cents** (1200 = $12.00).
+- After adding to cart, invite checkout or more shopping.
+- On checkout confirmation ("yes", "checkout", "pay", "proceed", etc.), build **items** from **cart.items** (all rows, correct quantity). Do not drop lines or invent prices.
+
+## Product catalog (ids and cent prices)
+
+- Sourdough Loaf: sourdough-loaf, 1200
+- Croissant Box (6): croissant-box, 2400
+- Cinnamon Rolls (4): cinnamon-rolls, 1800
+- Baguette Trio: baguette-trio, 900
+- Almond Tart: almond-tart, 800
+- Fruit Danish: fruit-danish, 600
+- $50 Gift Card: gift-card-50, 5000
+- $25 Gift Card: gift-card-25, 2500
+
+## Examples
+
+Gift seeker on /bakery-locations.html:
+{"action": "nav_then_click", "page": "/bakery-goods.html", "on_load_text": "Here are our goods! You'll find our gift cards below — $50 is our most popular. Want me to add one?"}
+
+On /bakery-goods.html, user wants $50 gift card:
+{"action": "scroll_then_add", "text": "Added the $50 gift card. Ready to check out?", "item": {"id": "gift-card-50", "name": "$50 Gift Card", "price": 5000}}
+
+User on /bakery.html agrees to see products:
+{"action": "nav_then_click", "page": "/bakery-goods.html", "on_load_text": "Here are our handcrafted goods — what sounds good today?"}
+
+On /bakery-goods.html, add sourdough:
+{"action": "scroll_then_add", "text": "Sourdough is in your cart. Anything else, or shall we check out?", "item": {"id": "sourdough-loaf", "name": "Sourdough Loaf", "price": 1200}}
+
+Cart has one $50 gift card; user says yes to checkout:
+{"action": "checkout", "text": "Opening secure checkout...", "items": [{"name": "$50 Gift Card", "price": 5000, "quantity": 1}]}
+
+Cart has sourdough (qty 1) and croissant box (qty 1); user says "pay":
+{"action": "checkout", "text": "Taking you to checkout...", "items": [{"name": "Sourdough Loaf", "price": 1200, "quantity": 1}, {"name": "Croissant Box (6)", "price": 2400, "quantity": 1}]}`,
         previousMessages: "{{messages}}"
       }
     }

package/src/index.ts

@@ -16,10 +16,7 @@ export type RuntypeFlowConfig = {
   steps: RuntypeFlowStep[];
 };
 
-/** @deprecated Use RuntypeFlowStep instead */
-export type TravrseFlowStep = RuntypeFlowStep;
-/** @deprecated Use RuntypeFlowConfig instead */
-export type TravrseFlowConfig = RuntypeFlowConfig;
+
 
 /**
  * Payload for message feedback (upvote/downvote)
@@ -210,7 +207,7 @@ export const createChatProxyApp = (options: ChatProxyOptions = {}) => {
 
   // Chat dispatch endpoint
   app.post(path, async (c) => {
-    const apiKey = options.apiKey ?? process.env.RUNTYPE_API_KEY ?? process.env.TRAVRSE_API_KEY;
+    const apiKey = options.apiKey ?? process.env.RUNTYPE_API_KEY;
     if (!apiKey) {
       return c.json(
         { error: "Missing API key. Set RUNTYPE_API_KEY." },
@@ -269,6 +266,11 @@ export const createChatProxyApp = (options: ChatProxyOptions = {}) => {
         }
       };
 
+      const clientInputs = clientPayload.inputs;
+      if (clientInputs && typeof clientInputs === "object" && !Array.isArray(clientInputs)) {
+        runtypePayload.inputs = clientInputs;
+      }
+
       if (flowId) {
         runtypePayload.flow = { id: flowId };
       } else {