adserver-dashboard 1.0.0

package/Influence-MW-AdServer-12-02-2026/package.json

@@ -0,0 +1,118 @@
+{
+  "name": "rest-express",
+  "version": "1.0.0",
+  "type": "module",
+  "license": "MIT",
+  "scripts": {
+    "dev": "NODE_ENV=development tsx server/index.ts",
+    "build": "tsx script/build.ts",
+    "start": "NODE_ENV=production node dist/index.cjs",
+    "check": "tsc",
+    "db:push": "drizzle-kit push"
+  },
+  "dependencies": {
+    "@hookform/resolvers": "^3.10.0",
+    "@jridgewell/trace-mapping": "^0.3.25",
+    "@mapbox/mapbox-gl-draw": "^1.5.1",
+    "@radix-ui/react-accordion": "^1.2.4",
+    "@radix-ui/react-alert-dialog": "^1.1.7",
+    "@radix-ui/react-aspect-ratio": "^1.1.3",
+    "@radix-ui/react-avatar": "^1.1.4",
+    "@radix-ui/react-checkbox": "^1.1.5",
+    "@radix-ui/react-collapsible": "^1.1.4",
+    "@radix-ui/react-context-menu": "^2.2.7",
+    "@radix-ui/react-dialog": "^1.1.7",
+    "@radix-ui/react-dropdown-menu": "^2.1.7",
+    "@radix-ui/react-hover-card": "^1.1.7",
+    "@radix-ui/react-label": "^2.1.3",
+    "@radix-ui/react-menubar": "^1.1.7",
+    "@radix-ui/react-navigation-menu": "^1.2.6",
+    "@radix-ui/react-popover": "^1.1.7",
+    "@radix-ui/react-progress": "^1.1.3",
+    "@radix-ui/react-radio-group": "^1.2.4",
+    "@radix-ui/react-scroll-area": "^1.2.4",
+    "@radix-ui/react-select": "^2.1.7",
+    "@radix-ui/react-separator": "^1.1.3",
+    "@radix-ui/react-slider": "^1.2.4",
+    "@radix-ui/react-slot": "^1.2.0",
+    "@radix-ui/react-switch": "^1.1.4",
+    "@radix-ui/react-tabs": "^1.1.4",
+    "@radix-ui/react-toast": "^1.2.7",
+    "@radix-ui/react-toggle": "^1.1.3",
+    "@radix-ui/react-toggle-group": "^1.1.3",
+    "@radix-ui/react-tooltip": "^1.2.0",
+    "@tanstack/react-query": "^5.60.5",
+    "@types/archiver": "^7.0.0",
+    "@types/mapbox__mapbox-gl-draw": "^1.4.9",
+    "@types/mapbox-gl": "^3.4.1",
+    "archiver": "^7.0.1",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "cmdk": "^1.1.1",
+    "connect-pg-simple": "^10.0.0",
+    "date-fns": "^3.6.0",
+    "drizzle-orm": "^0.39.3",
+    "drizzle-zod": "^0.7.0",
+    "embla-carousel-react": "^8.6.0",
+    "express": "^5.0.1",
+    "express-session": "^1.18.1",
+    "framer-motion": "^11.13.1",
+    "input-otp": "^1.4.2",
+    "lucide-react": "^0.453.0",
+    "mapbox-gl": "^3.18.1",
+    "memorystore": "^1.6.7",
+    "next-themes": "^0.4.6",
+    "passport": "^0.7.0",
+    "passport-local": "^1.0.0",
+    "pg": "^8.16.3",
+    "react": "^18.3.1",
+    "react-day-picker": "^8.10.1",
+    "react-dom": "^18.3.1",
+    "react-hook-form": "^7.55.0",
+    "react-icons": "^5.4.0",
+    "react-resizable-panels": "^2.1.7",
+    "react-simple-maps": "^3.0.0",
+    "recharts": "^2.15.2",
+    "tailwind-merge": "^2.6.0",
+    "tailwindcss-animate": "^1.0.7",
+    "tw-animate-css": "^1.2.5",
+    "vaul": "^1.1.2",
+    "wouter": "^3.3.5",
+    "ws": "^8.18.0",
+    "zod": "^3.24.2",
+    "zod-validation-error": "^3.4.0"
+  },
+  "devDependencies": {
+    "@replit/vite-plugin-cartographer": "^0.4.4",
+    "@replit/vite-plugin-dev-banner": "^0.1.1",
+    "@replit/vite-plugin-runtime-error-modal": "^0.0.3",
+    "@tailwindcss/typography": "^0.5.15",
+    "@tailwindcss/vite": "^4.1.18",
+    "@types/connect-pg-simple": "^7.0.3",
+    "@types/express": "^5.0.0",
+    "@types/express-session": "^1.18.0",
+    "@types/node": "20.19.27",
+    "@types/passport": "^1.0.16",
+    "@types/passport-local": "^1.0.38",
+    "@types/react": "^18.3.11",
+    "@types/react-dom": "^18.3.1",
+    "@types/ws": "^8.5.13",
+    "@vitejs/plugin-react": "^4.7.0",
+    "autoprefixer": "^10.4.20",
+    "drizzle-kit": "^0.31.8",
+    "esbuild": "^0.25.0",
+    "postcss": "^8.4.47",
+    "tailwindcss": "^3.4.17",
+    "tsx": "^4.20.5",
+    "typescript": "5.6.3",
+    "vite": "^7.3.0"
+  },
+  "overrides": {
+    "drizzle-kit": {
+      "@esbuild-kit/esm-loader": "npm:tsx@^4.20.4"
+    }
+  },
+  "optionalDependencies": {
+    "bufferutil": "^4.0.8"
+  }
+}

package/Influence-MW-AdServer-12-02-2026/postcss.config.js

@@ -0,0 +1,6 @@
+export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}

package/Influence-MW-AdServer-12-02-2026/replit.md

@@ -0,0 +1,91 @@
+# Influence - DOOH Adserver Platform
+
+## Overview
+
+Influence is a comprehensive Digital Out-of-Home (DOOH) adserver platform designed to manage advertising deals across digital screen networks. It integrates traditional direct-sold deals with programmatic capabilities through its built-in SSP and external integrations. The platform aims to provide a robust solution for advertisers and media owners to manage, deliver, and analyze DOOH advertising, enhancing market potential through efficient ad delivery and detailed analytics. Key capabilities include a four-level hierarchy for deal and line item management, various deal types, single-level traffic allocation, tiered creative approval workflows, and detailed performance reporting.
+
+## User Preferences
+
+- **PRD documentation style**: Physics textbook approach with paragraphs, narratives, examples
+- Document structure mirrors application structure
+- Keep documentation updated with code changes
+
+## System Architecture
+
+**Frontend:**
+- **Framework**: React 18 with TypeScript, Wouter for routing, TanStack Query for state management.
+- **UI Components**: Shadcn/UI with Radix primitives, Tailwind CSS for styling.
+- **Forms**: React Hook Form with Zod validation.
+
+**Backend:**
+- **Runtime**: Node.js with Express.
+- **Storage**: In-memory (MemStorage class).
+- **API**: RESTful endpoints.
+
+**Data Model & Hierarchy:**
+- Core entities: Advertiser → Deal → Line Item → Creative Assignment.
+- Deal Types: Traditional, Programmatic (PG, Preferred Deal, PMP, Always On, Open Auction).
+- Creative Management: Tier 1 (Content Hub) and Tier 2 (Media Owner) approval processes.
+
+**Traffic Control System:**
+- Single-level allocation (0-100%) and priority system (1-10) at the Line Item level.
+- **Frequency Cap**: Limits ad plays per inventory (screen) per time period for programmatic deal types.
+
+**UI/UX Design:**
+- **Theming**: Light mode, enterprise theme with blue primary color and white sidebar.
+- **Dialog Usage**: Only for error/confirmation; forms use dedicated pages.
+- **Forms**: Dedicated pages for create/edit with fixed footer.
+- **Filters**: Right-side drawer with extensive filter options.
+- **Dropdowns**: All dropdowns include search functionality.
+- **Data Formatting**: Standardized dates (MMM DD, YYYY) and ISO 3-letter currency codes.
+- **Lists**: Sorted by last edited first.
+
+**Key Features:**
+- **Dashboard**: Customizable metrics, impression progress, inventory availability summary, and status tracking.
+- **Sidebar Navigation**: Dashboard, Deals, Content Hub, Inventory (external link), Proof of Play, Integrations, Measure (external link), Configuration (dropdown).
+- **Drill-Down Navigation**: Structured paths for detailed views.
+- **Creative Assignment Page**: Full-page drag-and-drop interface.
+
+**Configuration Module:**
+- **Custom POI Management**: Creation and management of Points of Interest for geotargeting, with bulk upload via CSV.
+- **Tags System**: Cross-platform organization for deals, creatives, and other entities, with central storage in Admin Console.
+- **Settings Module**: Comprehensive settings for general, notifications, traffic control, forecasting, optimization, workflow, terminology, themes, inventory whitelisting, and API.
+
+**Line Item Form:**
+- Comprehensive creation form with drawer-based UX covering basic details, creative, flight dates, budget, pacing, targeting, DOOH inventory, AI recommendations, day parting, billing, bid strategy, custom fees, advanced options, and signals.
+- **Advanced Map Features**: Geography drawer includes Mapbox tooling with drawing tools (circle, polygon, line), 3D view toggle, heatmap toggle, CSV upload for coordinates, and include/exclude toggles.
+
+**Ad Delivery Architecture (Dual-Channel):**
+- **Channel A — Decision Engine (DE)**: Real-time microservice providing manifest-based ad delivery, utilizing Redis for pacing and budget caps.
+- **Channel B — VAST Tag Distribution**: Manual distribution of VAST tags for third-party CMS platforms.
+- Both channels report into the same deal-level dashboard.
+
+**Deal Acceptance & Locking Workflow:**
+- Deals are locked after "Request Acceptance" to maintain data integrity, restricting edits. "Reopened" status allows changes.
+
+**Error Handling & Recovery:**
+- Specific error messages, auto-retry, optimistic UI updates, draft/autosave, and queued operations.
+
+**CMS Integration Plan:**
+- Integration with various CMS platforms (e.g., Studio, Broadsign) for creative/schedule pushing, and player status/PoP data pulling.
+
+**Proof of Play (PoP) System:**
+- Verification of ad display with proof media, sourced from CMS or manual playlog uploads.
+
+**Role-Based Feature Access Control:**
+- Comprehensive RBAC system integrated with Admin Console, mapping features to roles.
+
+**Recommendation Engine Integration:**
+- Integrates with MW Planner's Recommendation Engine V2 for AI-driven inventory recommendations based on an 8-factor scoring system.
+
+## External Dependencies
+
+- **Planner**: For sending Traditional deals and managing inventory reservations.
+- **Activate**: For sending Programmatic deals.
+- **Booking Engine**: Separate service for inventory reservations.
+- **Admin Console**: Source for DSP partners, seat names/IDs, and company hierarchy.
+- **Inventory Management**: External product for screen and display management.
+- **SSP Partners**: Supply-side platforms for programmatic integrations (default: Influence SSP).
+- **DSP Partners**: Demand-side platforms sourced from Admin Console.
+- **Measure**: Reporting platform for analytics, bid requests, bid responses, and proof-of-play reports.
+- **Decision Engine (DE)**: Separate external microservice (own base URL, e.g., `https://de.influence.io`) for intelligent ad selection. Not part of Influence's `/api` namespace. Uses Redis for state tracking. API: `POST /v1/decision/simple`. Replaces round-robin with multi-factor scoring.

package/Influence-MW-AdServer-12-02-2026/script/build.ts

@@ -0,0 +1,67 @@
+import { build as esbuild } from "esbuild";
+import { build as viteBuild } from "vite";
+import { rm, readFile } from "fs/promises";
+
+// server deps to bundle to reduce openat(2) syscalls
+// which helps cold start times
+const allowlist = [
+  "@google/generative-ai",
+  "axios",
+  "connect-pg-simple",
+  "cors",
+  "date-fns",
+  "drizzle-orm",
+  "drizzle-zod",
+  "express",
+  "express-rate-limit",
+  "express-session",
+  "jsonwebtoken",
+  "memorystore",
+  "multer",
+  "nanoid",
+  "nodemailer",
+  "openai",
+  "passport",
+  "passport-local",
+  "pg",
+  "stripe",
+  "uuid",
+  "ws",
+  "xlsx",
+  "zod",
+  "zod-validation-error",
+];
+
+async function buildAll() {
+  await rm("dist", { recursive: true, force: true });
+
+  console.log("building client...");
+  await viteBuild();
+
+  console.log("building server...");
+  const pkg = JSON.parse(await readFile("package.json", "utf-8"));
+  const allDeps = [
+    ...Object.keys(pkg.dependencies || {}),
+    ...Object.keys(pkg.devDependencies || {}),
+  ];
+  const externals = allDeps.filter((dep) => !allowlist.includes(dep));
+
+  await esbuild({
+    entryPoints: ["server/index.ts"],
+    platform: "node",
+    bundle: true,
+    format: "cjs",
+    outfile: "dist/index.cjs",
+    define: {
+      "process.env.NODE_ENV": '"production"',
+    },
+    minify: true,
+    external: externals,
+    logLevel: "info",
+  });
+}
+
+buildAll().catch((err) => {
+  console.error(err);
+  process.exit(1);
+});

package/Influence-MW-AdServer-12-02-2026/scripts/create-miro-diagrams.cjs

@@ -0,0 +1,318 @@
+const https = require('https');
+
+const MIRO_TOKEN = process.env.MIRO_ACCESS_TOKEN;
+const BOARD_ID = 'uXjVGHwGbyo=';
+const BOARD_URL = 'https://miro.com/app/board/uXjVGHwGbyo=';
+
+const COLORS = {
+  gray: '#6B7280',
+  grayLight: '#9CA3AF',
+  lightBlue: '#DBEAFE',
+  blue: '#3B82F6',
+  blueDark: '#1E40AF',
+  orange: '#FDBA74',
+  orangeDark: '#F97316',
+  green: '#BBF7D0',
+  greenDark: '#22C55E',
+  purple: '#E9D5FF',
+  purpleDark: '#9333EA',
+  yellow: '#FEF3C7',
+  yellowDark: '#F59E0B',
+  red: '#FCA5A5',
+  redDark: '#EF4444',
+  white: '#FFFFFF',
+  black: '#1a1a2e'
+};
+
+const SHAPE = { width: 160, height: 70 };
+const DIAMOND = { width: 140, height: 100 };
+const CIRCLE = { width: 90, height: 90 };
+
+function makeRequest(method, path, data = null) {
+  return new Promise((resolve, reject) => {
+    const encodedPath = path.replace(/=/g, '%3D');
+    const options = {
+      hostname: 'api.miro.com',
+      port: 443,
+      path: encodedPath,
+      method: method,
+      headers: {
+        'Authorization': `Bearer ${MIRO_TOKEN}`,
+        'Content-Type': 'application/json',
+        'Accept': 'application/json'
+      }
+    };
+
+    const req = https.request(options, (res) => {
+      let body = '';
+      res.on('data', chunk => body += chunk);
+      res.on('end', () => {
+        try {
+          const result = body ? JSON.parse(body) : {};
+          if (res.statusCode >= 200 && res.statusCode < 300) {
+            resolve(result);
+          } else {
+            console.error(`API Error ${res.statusCode}: ${body}`);
+            reject(new Error(`API Error ${res.statusCode}`));
+          }
+        } catch (e) {
+          reject(e);
+        }
+      });
+    });
+
+    req.on('error', reject);
+    if (data) req.write(JSON.stringify(data));
+    req.end();
+  });
+}
+
+async function sleep(ms) {
+  return new Promise(resolve => setTimeout(resolve, ms));
+}
+
+async function createFrame(title, x, y, width, height) {
+  console.log(`  Creating frame: ${title}`);
+  const result = await makeRequest('POST', `/v2/boards/${BOARD_ID}/frames`, {
+    data: { title, format: 'custom', type: 'freeform' },
+    style: { fillColor: '#F8F9FA' },
+    geometry: { width, height },
+    position: { x, y, origin: 'center' }
+  });
+  await sleep(200);
+  return result;
+}
+
+async function createShape(text, x, y, shapeType, fillColor, borderColor, width, height) {
+  const payload = {
+    data: { shape: shapeType, content: `<p style="text-align:center">${text}</p>` },
+    style: {
+      fillColor, borderColor, borderWidth: '2',
+      fontFamily: 'arial', fontSize: '12', textAlign: 'center', textAlignVertical: 'middle'
+    },
+    geometry: { width, height },
+    position: { x, y, origin: 'center' }
+  };
+  const result = await makeRequest('POST', `/v2/boards/${BOARD_ID}/shapes`, payload);
+  await sleep(150);
+  return result;
+}
+
+async function createConnector(startId, endId, startPos = null, endPos = null, caption = null, strokeColor = COLORS.black) {
+  const payload = {
+    startItem: { id: startId, position: startPos || { x: '100%', y: '50%' } },
+    endItem: { id: endId, position: endPos || { x: '0%', y: '50%' } },
+    style: { strokeColor, strokeWidth: '2', strokeStyle: 'normal', endStrokeCap: 'stealth' },
+    shape: 'elbowed'
+  };
+  if (caption) payload.captions = [{ content: caption, position: '50%' }];
+  const result = await makeRequest('POST', `/v2/boards/${BOARD_ID}/connectors`, payload);
+  await sleep(100);
+  return result;
+}
+
+async function createText(content, x, y, fontSize = 12, color = '#000000') {
+  const payload = {
+    data: { content: `<p>${content}</p>` },
+    style: { color, fontFamily: 'arial', fontSize: fontSize.toString(), textAlign: 'left' },
+    position: { x, y, origin: 'center' }
+  };
+  const result = await makeRequest('POST', `/v2/boards/${BOARD_ID}/texts`, payload);
+  await sleep(100);
+  return result;
+}
+
+async function createLegend(x, y, items) {
+  await createText('<strong>LEGEND</strong>', x + 40, y - 25, 14, COLORS.black);
+  for (let i = 0; i < items.length; i++) {
+    const item = items[i];
+    const itemY = y + (i * 35);
+    await createShape('', x, itemY, 'rectangle', item.color, item.border, 25, 18);
+    await createText(item.label, x + 80, itemY, 11, '#374151');
+  }
+}
+
+async function createHierarchyDiagram(baseX, baseY) {
+  console.log('\n  Adding Hierarchy shapes...');
+  const colSpace = 280;
+  
+  await createText('<strong>LEVEL 1</strong><br/>ADVERTISERS', baseX - 400, baseY - 130, 12, COLORS.gray);
+  await createText('<strong>LEVEL 2</strong><br/>DEALS', baseX - 400 + colSpace, baseY - 130, 12, COLORS.blue);
+  await createText('<strong>LEVEL 3</strong><br/>LINE ITEMS', baseX - 400 + colSpace*2, baseY - 130, 12, COLORS.orangeDark);
+  await createText('<strong>LEVEL 4</strong><br/>CREATIVE ASSIGNMENTS', baseX - 400 + colSpace*3, baseY - 130, 12, COLORS.purpleDark);
+
+  const a1 = await createShape('Coca-Cola', baseX - 400, baseY - 40, 'rectangle', COLORS.gray, COLORS.gray, SHAPE.width, SHAPE.height);
+  const a2 = await createShape('Nike', baseX - 400, baseY + 60, 'rectangle', COLORS.gray, COLORS.gray, SHAPE.width, SHAPE.height);
+
+  const d1 = await createShape('Summer Refresh', baseX - 400 + colSpace, baseY - 90, 'rectangle', COLORS.lightBlue, COLORS.blue, SHAPE.width, SHAPE.height);
+  const d2 = await createShape('Holiday Season', baseX - 400 + colSpace, baseY + 10, 'rectangle', COLORS.lightBlue, COLORS.blue, SHAPE.width, SHAPE.height);
+  const d3 = await createShape('Just Do It', baseX - 400 + colSpace, baseY + 110, 'rectangle', COLORS.lightBlue, COLORS.blue, SHAPE.width, SHAPE.height);
+
+  const l1 = await createShape('15s Brand Video', baseX - 400 + colSpace*2, baseY - 90, 'rectangle', COLORS.orange, COLORS.orangeDark, SHAPE.width, SHAPE.height);
+  const l2 = await createShape('10s Product Promo', baseX - 400 + colSpace*2, baseY + 10, 'rectangle', COLORS.orange, COLORS.orangeDark, SHAPE.width, SHAPE.height);
+  const l3 = await createShape('20s Holiday Ad', baseX - 400 + colSpace*2, baseY + 110, 'rectangle', COLORS.orange, COLORS.orangeDark, SHAPE.width, SHAPE.height);
+
+  const ca1 = await createShape('Hero Video<br/>All Day', baseX - 400 + colSpace*3, baseY - 90, 'rectangle', COLORS.purple, COLORS.purpleDark, SHAPE.width, SHAPE.height);
+  const ca2 = await createShape('Promo Video<br/>Morning', baseX - 400 + colSpace*3, baseY + 10, 'rectangle', COLORS.purple, COLORS.purpleDark, SHAPE.width, SHAPE.height);
+  const ca3 = await createShape('Holiday Spot<br/>Evening', baseX - 400 + colSpace*3, baseY + 110, 'rectangle', COLORS.purple, COLORS.purpleDark, SHAPE.width, SHAPE.height);
+
+  console.log('  Adding connectors...');
+  await createConnector(a1.id, d1.id);
+  await createConnector(a1.id, d2.id);
+  await createConnector(a2.id, d3.id);
+  await createConnector(d1.id, l1.id);
+  await createConnector(d1.id, l2.id);
+  await createConnector(d2.id, l3.id);
+  await createConnector(l1.id, ca1.id);
+  await createConnector(l2.id, ca2.id);
+  await createConnector(l3.id, ca3.id);
+
+  await createLegend(baseX + 520, baseY - 80, [
+    { color: COLORS.gray, border: COLORS.gray, label: 'Advertiser' },
+    { color: COLORS.lightBlue, border: COLORS.blue, label: 'Deal' },
+    { color: COLORS.orange, border: COLORS.orangeDark, label: 'Line Item' },
+    { color: COLORS.purple, border: COLORS.purpleDark, label: 'Creative Assignment' }
+  ]);
+}
+
+async function createDealStatusDiagram(baseX, baseY) {
+  console.log('\n  Adding Deal Status shapes...');
+  
+  const start = await createShape('Create<br/>Deal', baseX - 250, baseY, 'circle', COLORS.yellow, COLORS.yellowDark, CIRCLE.width, CIRCLE.height);
+  const active = await createShape('Active', baseX - 50, baseY, 'rectangle', COLORS.green, COLORS.greenDark, SHAPE.width, SHAPE.height);
+  const paused = await createShape('Paused', baseX + 200, baseY, 'rectangle', COLORS.orange, COLORS.orangeDark, SHAPE.width, SHAPE.height);
+
+  await createConnector(start.id, active.id);
+  await createConnector(active.id, paused.id, { x: '100%', y: '30%' }, { x: '0%', y: '30%' }, 'Pause');
+  await createConnector(paused.id, active.id, { x: '0%', y: '70%' }, { x: '100%', y: '70%' }, 'Resume');
+
+  await createLegend(baseX + 380, baseY - 60, [
+    { color: COLORS.yellow, border: COLORS.yellowDark, label: 'Start Event' },
+    { color: COLORS.green, border: COLORS.greenDark, label: 'Active - Delivering' },
+    { color: COLORS.orange, border: COLORS.orangeDark, label: 'Paused - Stopped' }
+  ]);
+}
+
+async function createAdServingDiagram(baseX, baseY) {
+  console.log('\n  Adding Ad Serving Decision Flow shapes...');
+  const col = 200;
+  
+  const start = await createShape('Screen<br/>requests ad', baseX - 800, baseY, 'circle', COLORS.yellow, COLORS.yellowDark, CIRCLE.width, CIRCLE.height);
+  
+  const sc1 = await createShape('Look up screen', baseX - 800 + col, baseY, 'rectangle', COLORS.lightBlue, COLORS.blue, SHAPE.width, SHAPE.height);
+  const sc2 = await createShape('Screen<br/>active?', baseX - 800 + col*2, baseY, 'rhombus', COLORS.orange, COLORS.orangeDark, DIAMOND.width, DIAMOND.height);
+  
+  const c1 = await createShape('Find active deals', baseX - 800 + col*3, baseY, 'rectangle', COLORS.lightBlue, COLORS.blue, SHAPE.width, SHAPE.height);
+  const c2 = await createShape('Deals<br/>found?', baseX - 800 + col*4, baseY, 'rhombus', COLORS.orange, COLORS.orangeDark, DIAMOND.width, DIAMOND.height);
+  
+  const l1 = await createShape('Get line items', baseX - 800 + col*5, baseY, 'rectangle', COLORS.lightBlue, COLORS.blue, SHAPE.width, SHAPE.height);
+  const l2 = await createShape('Items<br/>available?', baseX - 800 + col*6, baseY, 'rhombus', COLORS.orange, COLORS.orangeDark, DIAMOND.width, DIAMOND.height);
+  
+  const w1 = await createShape('Calculate<br/>allocations', baseX - 800 + col*7, baseY, 'rectangle', COLORS.lightBlue, COLORS.blue, SHAPE.width, SHAPE.height);
+  const w2 = await createShape('Select winner', baseX - 800 + col*8, baseY, 'rectangle', COLORS.lightBlue, COLORS.blue, SHAPE.width, SHAPE.height);
+  
+  const ok = await createShape('Return ad<br/>to screen', baseX - 800 + col*8, baseY - 120, 'rectangle', COLORS.green, COLORS.greenDark, SHAPE.width, SHAPE.height);
+  const fail = await createShape('Show default<br/>content', baseX - 800 + col*4, baseY + 130, 'rectangle', COLORS.red, COLORS.redDark, SHAPE.width, SHAPE.height);
+  const end = await createShape('Done', baseX - 800 + col*8, baseY + 130, 'circle', COLORS.grayLight, COLORS.gray, CIRCLE.width, CIRCLE.height);
+
+  console.log('  Adding connectors...');
+  await createConnector(start.id, sc1.id);
+  await createConnector(sc1.id, sc2.id);
+  await createConnector(sc2.id, c1.id, { x: '100%', y: '50%' }, { x: '0%', y: '50%' }, 'Yes');
+  await createConnector(c1.id, c2.id);
+  await createConnector(c2.id, l1.id, { x: '100%', y: '50%' }, { x: '0%', y: '50%' }, 'Yes');
+  await createConnector(l1.id, l2.id);
+  await createConnector(l2.id, w1.id, { x: '100%', y: '50%' }, { x: '0%', y: '50%' }, 'Yes');
+  await createConnector(w1.id, w2.id);
+  await createConnector(w2.id, ok.id, { x: '50%', y: '0%' }, { x: '50%', y: '100%' }, '', COLORS.greenDark);
+  
+  await createConnector(sc2.id, fail.id, { x: '50%', y: '100%' }, { x: '0%', y: '50%' }, 'No', COLORS.redDark);
+  await createConnector(c2.id, fail.id, { x: '50%', y: '100%' }, { x: '50%', y: '0%' }, 'No', COLORS.redDark);
+  await createConnector(l2.id, fail.id, { x: '50%', y: '100%' }, { x: '100%', y: '50%' }, 'No', COLORS.redDark);
+  
+  await createConnector(ok.id, end.id, { x: '50%', y: '100%' }, { x: '50%', y: '0%' }, '');
+  await createConnector(fail.id, end.id);
+
+  await createLegend(baseX + 900, baseY - 100, [
+    { color: COLORS.yellow, border: COLORS.yellowDark, label: 'Start Event' },
+    { color: COLORS.lightBlue, border: COLORS.blue, label: 'Process Step' },
+    { color: COLORS.orange, border: COLORS.orangeDark, label: 'Decision Point' },
+    { color: COLORS.green, border: COLORS.greenDark, label: 'Success Outcome' },
+    { color: COLORS.red, border: COLORS.redDark, label: 'Failure Outcome' },
+    { color: COLORS.grayLight, border: COLORS.gray, label: 'End State' }
+  ]);
+}
+
+async function createIntegrationDiagram(baseX, baseY) {
+  console.log('\n  Adding Integration Architecture shapes...');
+  
+  await createShape('<strong>Influence Platform</strong>', baseX - 200, baseY, 'round_rectangle', '#E3F2FD', '#2196F3', 220, 180);
+  await createShape('<strong>Admin Console</strong>', baseX + 200, baseY, 'round_rectangle', '#E8F5E9', '#4CAF50', 220, 220);
+
+  const df = await createShape('Deal Form', baseX - 200, baseY - 40, 'rectangle', COLORS.lightBlue, COLORS.blue, 130, 40);
+  const af = await createShape('Agency Form', baseX - 200, baseY + 30, 'rectangle', COLORS.lightBlue, COLORS.blue, 130, 40);
+
+  const ssp = await createShape('SSP Config', baseX + 200, baseY - 70, 'rectangle', COLORS.green, COLORS.greenDark, 130, 35);
+  const dsp = await createShape('DSP Config', baseX + 200, baseY - 25, 'rectangle', COLORS.green, COLORS.greenDark, 130, 35);
+  const seat = await createShape('Seat Config', baseX + 200, baseY + 20, 'rectangle', COLORS.green, COLORS.greenDark, 130, 35);
+  const country = await createShape('Country Access', baseX + 200, baseY + 65, 'rectangle', COLORS.green, COLORS.greenDark, 130, 35);
+
+  await createConnector(df.id, ssp.id);
+  await createConnector(df.id, dsp.id);
+  await createConnector(df.id, seat.id);
+  await createConnector(df.id, country.id);
+  await createConnector(af.id, seat.id);
+
+  await createLegend(baseX + 400, baseY - 80, [
+    { color: '#E3F2FD', border: '#2196F3', label: 'Influence Platform' },
+    { color: '#E8F5E9', border: '#4CAF50', label: 'Admin Console' }
+  ]);
+}
+
+async function main() {
+  try {
+    console.log('=== CREATING INFLUENCE DIAGRAMS IN MIRO ===');
+    console.log(`Board: ${BOARD_URL}\n`);
+    
+    console.log('Creating Frame 1: Advertising Hierarchy');
+    const f1 = await createFrame('Influence - Advertising Hierarchy', 3000, 0, 1700, 500);
+    await createHierarchyDiagram(3000, 0);
+    
+    console.log('\nCreating Frame 2: Deal Status Lifecycle');
+    const f2 = await createFrame('Influence - Deal Status Lifecycle', 3000, 700, 1000, 350);
+    await createDealStatusDiagram(3000, 700);
+    
+    console.log('\nCreating Frame 3: Ad Serving Decision Flow');
+    const f3 = await createFrame('Influence - Ad Serving Decision Flow', 3000, 1300, 2200, 500);
+    await createAdServingDiagram(3000, 1300);
+    
+    console.log('\nCreating Frame 4: Admin Console Integration');
+    const f4 = await createFrame('Influence - Admin Console Integration', 3000, 2000, 900, 450);
+    await createIntegrationDiagram(3000, 2000);
+    
+    console.log('\n=== MIRO DIAGRAMS CREATED SUCCESSFULLY ===\n');
+    console.log(`Board URL: ${BOARD_URL}\n`);
+    console.log('Frame Links:');
+    console.log(`  1. Advertising Hierarchy: ${BOARD_URL}?moveToWidget=${f1.id}`);
+    console.log(`  2. Deal Status Lifecycle: ${BOARD_URL}?moveToWidget=${f2.id}`);
+    console.log(`  3. Ad Serving Decision Flow: ${BOARD_URL}?moveToWidget=${f3.id}`);
+    console.log(`  4. Admin Console Integration: ${BOARD_URL}?moveToWidget=${f4.id}`);
+    
+    console.log('\n--- PRD UPDATE INFO ---');
+    console.log(JSON.stringify({
+      board: BOARD_URL,
+      frames: {
+        hierarchy: `${BOARD_URL}?moveToWidget=${f1.id}`,
+        dealStatus: `${BOARD_URL}?moveToWidget=${f2.id}`,
+        adServing: `${BOARD_URL}?moveToWidget=${f3.id}`,
+        integration: `${BOARD_URL}?moveToWidget=${f4.id}`
+      }
+    }, null, 2));
+    
+  } catch (error) {
+    console.error('Error:', error.message);
+    process.exit(1);
+  }
+}
+
+main();