npm - web-agent-bridge - Versions diffs - 3.2.0 → 3.3.0 - Mend

web-agent-bridge 3.2.0 → 3.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (202) hide show

package/LICENSE +72 -72
package/README.ar.md +1286 -1152
package/README.md +1764 -1635
package/bin/agent-runner.js +474 -474
package/bin/cli.js +237 -138
package/bin/wab.js +80 -80
package/examples/bidi-agent.js +119 -119
package/examples/cross-site-agent.js +91 -91
package/examples/mcp-agent.js +94 -94
package/examples/next-app-router/README.md +44 -44
package/examples/puppeteer-agent.js +108 -108
package/examples/saas-dashboard/README.md +55 -55
package/examples/shopify-hydrogen/README.md +74 -74
package/examples/vision-agent.js +171 -171
package/examples/wordpress-elementor/README.md +77 -77
package/package.json +16 -3
package/public/.well-known/agent-tools.json +180 -180
package/public/.well-known/ai-assets.json +59 -59
package/public/.well-known/security.txt +8 -0
package/public/agent-workspace.html +349 -349
package/public/ai.html +198 -198
package/public/api.html +413 -412
package/public/browser.html +486 -486
package/public/commander-dashboard.html +243 -243
package/public/cookies.html +210 -210
package/public/css/agent-workspace.css +1713 -1713
package/public/css/premium.css +317 -317
package/public/css/styles.css +1235 -1235
package/public/dashboard.html +706 -706
package/public/dns.html +507 -0
package/public/docs.html +587 -587
package/public/feed.xml +89 -89
package/public/growth.html +463 -463
package/public/index.html +1070 -982
package/public/integrations.html +556 -0
package/public/js/agent-workspace.js +1740 -1740
package/public/js/auth-nav.js +31 -31
package/public/js/auth-redirect.js +12 -12
package/public/js/cookie-consent.js +56 -56
package/public/js/wab-demo-page.js +721 -721
package/public/js/ws-client.js +74 -74
package/public/llms-full.txt +360 -360
package/public/llms.txt +125 -125
package/public/login.html +85 -85
package/public/mesh-dashboard.html +328 -328
package/public/openapi.json +580 -580
package/public/phone-shield.html +281 -0
package/public/premium-dashboard.html +2489 -2489
package/public/premium.html +793 -793
package/public/privacy.html +297 -297
package/public/register.html +105 -105
package/public/robots.txt +87 -87
package/public/script/wab-consent.d.ts +36 -36
package/public/script/wab-consent.js +104 -104
package/public/script/wab-schema.js +131 -131
package/public/script/wab.d.ts +108 -108
package/public/script/wab.min.js +580 -580
package/public/security.txt +8 -0
package/public/terms.html +256 -256
package/script/ai-agent-bridge.js +1754 -1754
package/sdk/README.md +99 -99
package/sdk/agent-mesh.js +449 -449
package/sdk/commander.js +262 -262
package/sdk/index.d.ts +464 -464
package/sdk/index.js +12 -1
package/sdk/multi-agent.js +318 -318
package/sdk/package.json +1 -1
package/sdk/safety-shield.js +219 -0
package/sdk/schema-discovery.js +83 -83
package/server/adapters/index.js +520 -520
package/server/config/plans.js +367 -367
package/server/config/secrets.js +102 -102
package/server/control-plane/index.js +301 -301
package/server/data-plane/index.js +354 -354
package/server/index.js +531 -427
package/server/llm/index.js +404 -404
package/server/middleware/adminAuth.js +35 -35
package/server/middleware/auth.js +50 -50
package/server/middleware/featureGate.js +88 -88
package/server/middleware/rateLimits.js +100 -100
package/server/middleware/sensitiveAction.js +157 -0
package/server/migrations/001_add_analytics_indexes.sql +7 -7
package/server/migrations/002_premium_features.sql +418 -418
package/server/migrations/003_ads_integer_cents.sql +33 -33
package/server/migrations/004_agent_os.sql +158 -158
package/server/migrations/005_marketplace_metering.sql +126 -126
package/server/models/adapters/index.js +33 -33
package/server/models/adapters/mysql.js +183 -183
package/server/models/adapters/postgresql.js +172 -172
package/server/models/adapters/sqlite.js +7 -7
package/server/models/db.js +681 -681
package/server/observability/failure-analysis.js +337 -337
package/server/observability/index.js +394 -394
package/server/protocol/capabilities.js +223 -223
package/server/protocol/index.js +243 -243
package/server/protocol/schema.js +584 -584
package/server/registry/certification.js +271 -271
package/server/registry/index.js +326 -326
package/server/routes/admin-premium.js +671 -671
package/server/routes/admin.js +261 -261
package/server/routes/ads.js +130 -130
package/server/routes/agent-workspace.js +540 -540
package/server/routes/api.js +150 -150
package/server/routes/auth.js +71 -71
package/server/routes/billing.js +45 -45
package/server/routes/commander.js +316 -316
package/server/routes/demo-showcase.js +332 -332
package/server/routes/demo-store.js +154 -0
package/server/routes/discovery.js +417 -417
package/server/routes/gateway.js +173 -157
package/server/routes/license.js +251 -240
package/server/routes/mesh.js +469 -469
package/server/routes/noscript.js +543 -543
package/server/routes/premium-v2.js +686 -686
package/server/routes/premium.js +724 -724
package/server/routes/runtime.js +2148 -2147
package/server/routes/sovereign.js +465 -385
package/server/routes/universal.js +200 -185
package/server/routes/wab-api.js +850 -501
package/server/runtime/container-worker.js +111 -111
package/server/runtime/container.js +448 -448
package/server/runtime/distributed-worker.js +362 -362
package/server/runtime/event-bus.js +210 -210
package/server/runtime/index.js +253 -253
package/server/runtime/queue.js +599 -599
package/server/runtime/replay.js +666 -666
package/server/runtime/sandbox.js +266 -266
package/server/runtime/scheduler.js +534 -534
package/server/runtime/session-engine.js +293 -293
package/server/runtime/state-manager.js +188 -188
package/server/security/cross-site-redactor.js +196 -0
package/server/security/dry-run.js +180 -0
package/server/security/human-gate-rate-limit.js +147 -0
package/server/security/human-gate-transports.js +178 -0
package/server/security/human-gate.js +281 -0
package/server/security/index.js +368 -368
package/server/security/intent-engine.js +245 -0
package/server/security/reward-guard.js +171 -0
package/server/security/rollback-store.js +239 -0
package/server/security/token-scope.js +404 -0
package/server/security/url-policy.js +139 -0
package/server/services/agent-chat.js +506 -506
package/server/services/agent-learning.js +601 -575
package/server/services/agent-memory.js +625 -625
package/server/services/agent-mesh.js +555 -539
package/server/services/agent-symphony.js +717 -717
package/server/services/agent-tasks.js +1807 -1807
package/server/services/api-key-engine.js +292 -261
package/server/services/cluster.js +894 -894
package/server/services/commander.js +738 -738
package/server/services/edge-compute.js +440 -440
package/server/services/email.js +204 -204
package/server/services/hosted-runtime.js +205 -205
package/server/services/lfd.js +635 -635
package/server/services/local-ai.js +389 -389
package/server/services/marketplace.js +270 -270
package/server/services/metering.js +182 -182
package/server/services/modules/affiliate-intelligence.js +93 -93
package/server/services/modules/agent-firewall.js +90 -90
package/server/services/modules/bounty.js +89 -89
package/server/services/modules/collective-bargaining.js +92 -92
package/server/services/modules/dark-pattern.js +66 -66
package/server/services/modules/gov-intelligence.js +45 -45
package/server/services/modules/neural.js +55 -55
package/server/services/modules/notary.js +49 -49
package/server/services/modules/price-time-machine.js +86 -86
package/server/services/modules/protocol.js +104 -104
package/server/services/negotiation.js +439 -439
package/server/services/plugins.js +771 -771
package/server/services/price-intelligence.js +566 -566
package/server/services/price-shield.js +1137 -1137
package/server/services/reputation.js +465 -465
package/server/services/search-engine.js +357 -357
package/server/services/security.js +513 -513
package/server/services/self-healing.js +843 -843
package/server/services/sovereign-shield.js +542 -0
package/server/services/stripe.js +192 -192
package/server/services/swarm.js +788 -788
package/server/services/universal-scraper.js +662 -661
package/server/services/verification.js +481 -481
package/server/services/vision.js +1163 -1163
package/server/utils/cache.js +125 -125
package/server/utils/migrate.js +81 -81
package/server/utils/safe-fetch.js +228 -0
package/server/utils/secureFields.js +50 -50
package/server/ws.js +161 -161
package/templates/artisan-marketplace.yaml +104 -104
package/templates/book-price-scout.yaml +98 -98
package/templates/electronics-price-tracker.yaml +108 -108
package/templates/flight-deal-hunter.yaml +113 -113
package/templates/freelancer-direct.yaml +116 -116
package/templates/grocery-price-compare.yaml +93 -93
package/templates/hotel-direct-booking.yaml +113 -113
package/templates/local-services.yaml +98 -98
package/templates/olive-oil-tunisia.yaml +88 -88
package/templates/organic-farm-fresh.yaml +101 -101
package/templates/restaurant-direct.yaml +97 -97
package/public/score.html +0 -263
package/server/migrations/006_growth_suite.sql +0 -138
package/server/routes/growth.js +0 -962
package/server/services/fairness-engine.js +0 -409
package/server/services/fairness.js +0 -420

package/public/agent-workspace.html CHANGED Viewed

@@ -1,349 +1,349 @@
-<!DOCTYPE html>
-<html lang="ar" dir="rtl">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
-  <title data-i18n="page_title">WAB Agent Workspace — مساحة عمل الوكيل الذكي</title>
-  <link rel="icon" href="/assets/favicon.ico" type="image/x-icon">
-  <link rel="preconnect" href="https://fonts.googleapis.com">
-  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <style>body{background:#0a0e1a;color:#f0f4ff;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;margin:0;min-height:100vh}</style>
-  <link rel="preload" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
-  <noscript><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"></noscript>
-  <link rel="stylesheet" href="/css/agent-workspace.css?v=2.4.0">
-</head>
-<body class="aws-body" dir="rtl">
-<!-- ═══ Auth Overlay ═══ -->
-<div id="authOverlay" class="aws-auth-overlay">
-  <div class="aws-auth-card">
-    <div class="aws-auth-logo">🤖</div>
-    <!-- Login Form -->
-    <div id="authLogin">
-      <h2 class="aws-auth-title" data-i18n="auth_welcome">مرحباً بك في WAB</h2>
-      <p class="aws-auth-subtitle" data-i18n="auth_subtitle">سجّل دخولك للوصول إلى مساحة عمل الوكيل الذكي</p>
-      <div id="authError" class="aws-auth-error"></div>
-      <form id="loginForm" class="aws-auth-form" autocomplete="on">
-        <label for="loginEmail" data-i18n="auth_email">البريد الإلكتروني</label>
-        <input id="loginEmail" class="aws-auth-input" type="email" data-i18n-placeholder="auth_email_ph" placeholder="you@email.com" required autocomplete="email">
-        <label for="loginPassword" data-i18n="auth_password">كلمة المرور</label>
-        <input id="loginPassword" class="aws-auth-input" type="password" data-i18n-placeholder="auth_password_ph" placeholder="••••••••" required autocomplete="current-password">
-        <button type="submit" class="aws-auth-submit" id="loginBtn" data-i18n="auth_login_btn">تسجيل الدخول</button>
-      </form>
-      <p class="aws-auth-switch"><span data-i18n="auth_no_account">ليس لديك حساب؟</span> <a onclick="showRegister()" data-i18n="auth_create_account">إنشاء حساب جديد</a></p>
-      <div style="margin-top:12px;text-align:center">
-        <a onclick="enterDemoMode()" style="color:#64748b;font-size:0.8rem;cursor:pointer;text-decoration:underline" data-i18n="auth_demo">تجربة بدون حساب (وضع تجريبي)</a>
-      </div>
-    </div>
-    <!-- Register Form -->
-    <div id="authRegister" style="display:none">
-      <h2 class="aws-auth-title" data-i18n="auth_register_title">إنشاء حساب جديد</h2>
-      <p class="aws-auth-subtitle" data-i18n="auth_register_subtitle">ابدأ مع الوكيل الذكي — ابحث، قارن، وفاوض بذكاء</p>
-      <div id="regError" class="aws-auth-error"></div>
-      <form id="registerForm" class="aws-auth-form" autocomplete="on">
-        <label for="regName" data-i18n="auth_name">الاسم</label>
-        <input id="regName" class="aws-auth-input" type="text" data-i18n-placeholder="auth_name_ph" placeholder="محمد" required autocomplete="name">
-        <label for="regEmail" data-i18n="auth_email">البريد الإلكتروني</label>
-        <input id="regEmail" class="aws-auth-input" type="email" data-i18n-placeholder="auth_email_ph" placeholder="you@email.com" required autocomplete="email">
-        <label for="regPassword" data-i18n="auth_password">كلمة المرور</label>
-        <input id="regPassword" class="aws-auth-input" type="password" data-i18n-placeholder="auth_reg_password_ph" placeholder="6 أحرف على الأقل" required minlength="6" autocomplete="new-password">
-        <button type="submit" class="aws-auth-submit" id="regBtn" data-i18n="auth_register_btn">إنشاء حساب</button>
-      </form>
-      <p class="aws-auth-switch"><span data-i18n="auth_has_account">لديك حساب بالفعل؟</span> <a onclick="showLogin()" data-i18n="auth_signin_link">تسجيل الدخول</a></p>
-    </div>
-    <!-- Subscription Selection (after register) -->
-    <div id="authSubscription" style="display:none">
-      <h2 class="aws-auth-title" data-i18n="auth_plan_title">اختر خطتك</h2>
-      <p class="aws-auth-subtitle" data-i18n="auth_plan_subtitle">ابدأ مجاناً أو اختر خطة تناسبك</p>
-      <div class="aws-plans-grid">
-        <div class="aws-plan-card" onclick="selectPlan('free')">
-          <div class="aws-plan-name" data-i18n="plan_free">مجاني</div>
-          <div class="aws-plan-price">$0 <span data-i18n="plan_per_month">/شهر</span></div>
-          <ul class="aws-plan-features">
-            <li data-i18n="plan_free_f1">5 مهام يومياً</li>
-            <li data-i18n="plan_free_f2">بحث أساسي</li>
-            <li data-i18n="plan_free_f3">نتائج محدودة</li>
-          </ul>
-        </div>
-        <div class="aws-plan-card recommended" onclick="selectPlan('pro')">
-          <div class="aws-plan-name" style="color:#8b5cf6">Pro ⭐</div>
-          <div class="aws-plan-price">$29 <span data-i18n="plan_per_month">/شهر</span></div>
-          <ul class="aws-plan-features">
-            <li data-i18n="plan_pro_f1">مهام غير محدودة</li>
-            <li data-i18n="plan_pro_f2">تفاوض متقدم</li>
-            <li data-i18n="plan_pro_f3">وكيل يُتمم الصفقات</li>
-            <li data-i18n="plan_pro_f4">أولوية في الدعم</li>
-          </ul>
-        </div>
-        <div class="aws-plan-card" onclick="selectPlan('enterprise')">
-          <div class="aws-plan-name">Enterprise</div>
-          <div class="aws-plan-price">$99 <span data-i18n="plan_per_month">/شهر</span></div>
-          <ul class="aws-plan-features">
-            <li data-i18n="plan_ent_f1">كل ميزات Pro</li>
-            <li data-i18n="plan_ent_f2">API مخصص</li>
-            <li data-i18n="plan_ent_f3">فريق متعدد</li>
-            <li data-i18n="plan_ent_f4">دعم مخصص 24/7</li>
-          </ul>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-<!-- ═══ Top Bar ═══ -->
-<div class="aws-topbar">
-  <div class="aws-topbar-left">
-    <div class="aws-logo">W</div>
-    <div class="aws-topbar-title"><span>WAB</span> Agent Workspace</div>
-  </div>
-  <div class="aws-topbar-center">
-    <button class="aws-layout-btn active" onclick="setLayout('grid')" title="Grid 2×2">⊞</button>
-    <button class="aws-layout-btn" onclick="setLayout('horizontal')" title="Horizontal">☰</button>
-    <button class="aws-layout-btn" onclick="setLayout('focus-browser')" title="Focus Browser">◧</button>
-  </div>
-  <div class="aws-topbar-right">
-    <span id="userTier" class="aws-tier-badge premium">Premium</span>
-    <div id="userBadge" class="aws-user-badge">
-      <div class="aws-user-avatar" id="userAvatar">M</div>
-      <span id="userName">User</span>
-    </div>
-    <button class="aws-btn-icon" onclick="toggleLang()" title="عربي/English">🌐</button>
-    <button class="aws-btn-icon" onclick="toggleSettings()" data-i18n-title="topbar_settings" title="الإعدادات">⚙</button>
-    <button class="aws-logout-btn" onclick="logout()" data-i18n="topbar_logout">خروج</button>
-    <button class="aws-mobile-menu-btn" onclick="toggleMobileMenu()">☰</button>
-  </div>
-</div>
-<!-- ═══ 4-Panel Workspace ═══ -->
-<div id="workspace" class="aws-workspace">
-  <!-- Panel 1: Browser -->
-  <div class="aws-panel active-mobile" id="panelBrowser">
-    <div class="aws-panel-header">
-      <div class="aws-panel-header-left">
-        <div class="aws-panel-icon browser">🌐</div>
-        <span class="aws-panel-title" data-i18n="panel_browser">المتصفح</span>
-        <span class="aws-panel-status idle" id="browserStatus" data-i18n="status_ready">جاهز</span>
-      </div>
-      <div class="aws-panel-actions">
-        <button class="aws-panel-action-btn" onclick="refreshBrowser()" data-i18n-title="browser_refresh" title="تحديث">↻</button>
-        <button class="aws-panel-action-btn" onclick="maximizePanel('panelBrowser')" data-i18n-title="panel_maximize" title="تكبير">⬜</button>
-      </div>
-    </div>
-    <div class="aws-panel-body">
-      <div class="aws-browser-bar">
-        <div class="aws-browser-nav">
-          <button onclick="browserBack()" data-i18n-title="browser_back" title="رجوع">←</button>
-          <button onclick="browserForward()" data-i18n-title="browser_forward" title="تقدم">→</button>
-        </div>
-        <div class="aws-url-bar">
-          <span class="aws-url-lock" id="urlLock">🔒</span>
-          <input class="aws-url-input" id="urlInput" data-i18n-placeholder="browser_url_ph" placeholder="أدخل الرابط أو ابحث..."
-                 onkeydown="if(event.key==='Enter')navigateTo(this.value)">
-        </div>
-      </div>
-      <div class="aws-browser-empty" id="browserEmpty">
-        <div class="aws-browser-empty-icon">🌐</div>
-        <p data-i18n="browser_empty">اطلب من الوكيل البحث عن شيء أو أدخل رابطاً في شريط العنوان</p>
-      </div>
-      <iframe class="aws-browser-frame" id="browserFrame" style="display:none"
-              sandbox="allow-same-origin allow-scripts allow-forms allow-popups"></iframe>
-    </div>
-  </div>
-  <!-- Panel 2: Agent Chat -->
-  <div class="aws-panel" id="panelChat">
-    <div class="aws-panel-header">
-      <div class="aws-panel-header-left">
-        <div class="aws-panel-icon chat">🤖</div>
-        <span class="aws-panel-title" data-i18n="panel_agent">الوكيل الذكي</span>
-        <span class="aws-panel-status active" id="chatStatus" data-i18n="status_connected">متصل</span>
-      </div>
-      <div class="aws-panel-actions">
-        <button class="aws-panel-action-btn" onclick="clearChat()" data-i18n-title="chat_new" title="محادثة جديدة">🗑</button>
-        <button class="aws-panel-action-btn" onclick="maximizePanel('panelChat')" data-i18n-title="panel_maximize" title="تكبير">⬜</button>
-      </div>
-    </div>
-    <div class="aws-panel-body">
-      <div class="aws-chat-messages" id="chatMessages">
-        <!-- Welcome message injected by JS -->
-      </div>
-      <div class="aws-typing-indicator" id="typingIndicator">
-        <div class="aws-typing-dot"></div>
-        <div class="aws-typing-dot"></div>
-        <div class="aws-typing-dot"></div>
-      </div>
-      <div class="aws-chat-input-area">
-        <div class="aws-chat-input-row">
-          <textarea class="aws-chat-textarea" id="chatInput" rows="1"
-                    data-i18n-placeholder="chat_input_ph" placeholder="اكتب رسالتك هنا... (لا قيود — اكتب بحرية)"
-                    onkeydown="if(event.key==='Enter'&&!event.shiftKey){event.preventDefault();sendMessage()}"
-                    oninput="autoResize(this)"></textarea>
-          <button class="aws-chat-send" id="sendBtn" onclick="sendMessage()" data-i18n-title="chat_send" title="إرسال">➤</button>
-        </div>
-        <div class="aws-chat-suggestions" id="chatSuggestions">
-          <button class="aws-suggestion-chip" data-i18n="chip_hotels" onclick="useSuggestion(i18n('chip_hotels_query'))">🏨 فنادق تونس</button>
-          <button class="aws-suggestion-chip" data-i18n="chip_laptop" onclick="useSuggestion(i18n('chip_laptop_query'))">🎮 لابتوب قيمنق</button>
-          <button class="aws-suggestion-chip" data-i18n="chip_iphone" onclick="useSuggestion(i18n('chip_iphone_query'))">📱 iPhone 16</button>
-          <button class="aws-suggestion-chip" data-i18n="chip_flight" onclick="useSuggestion(i18n('chip_flight_query'))">✈️ رحلة طيران</button>
-          <button class="aws-suggestion-chip" data-i18n="chip_url_paste" onclick="promptUrlPaste()">🔗 لصق رابط حجز</button>
-          <button class="aws-suggestion-chip" data-i18n="chip_security" onclick="useSuggestion(i18n('chip_security_query'))">🔒 فحص أمان</button>
-          <button class="aws-suggestion-chip" data-i18n="chip_uni_analyze" onclick="universalAnalyzePage()">🔬 تحليل شامل</button>
-          <button class="aws-suggestion-chip" data-i18n="chip_uni_fairness" onclick="universalFairnessCheck()">⚖️ فحص عدالة</button>
-          <button class="aws-suggestion-chip" data-i18n="chip_uni_compare" onclick="universalComparePrompt()">📊 مقارنة أسعار</button>
-        </div>
-      </div>
-    </div>
-  </div>
-  <!-- Panel 3: Negotiation Monitor -->
-  <div class="aws-panel" id="panelMonitor">
-    <div class="aws-panel-header">
-      <div class="aws-panel-header-left">
-        <div class="aws-panel-icon monitor">📊</div>
-        <span class="aws-panel-title" data-i18n="panel_monitor">شاشة التفاوض</span>
-        <span class="aws-panel-status idle" id="monitorStatus" data-i18n="status_waiting">في الانتظار</span>
-      </div>
-      <div class="aws-panel-actions">
-        <button class="aws-panel-action-btn" onclick="maximizePanel('panelMonitor')" data-i18n-title="panel_maximize" title="تكبير">⬜</button>
-      </div>
-    </div>
-    <div class="aws-panel-body">
-      <div class="aws-monitor-content" id="monitorContent">
-        <div class="aws-monitor-empty" id="monitorEmpty">
-          <div class="aws-monitor-empty-icon">📊</div>
-          <p data-i18n="monitor_empty">عندما يبدأ الوكيل بالبحث والتفاوض، ستراقب كل خطوة هنا مباشرة</p>
-        </div>
-        <!-- Progress Steps (shown during task) -->
-        <div id="monitorSteps" style="display:none">
-          <div class="aws-progress-steps" id="progressSteps"></div>
-        </div>
-        <!-- Agent Activity Cards -->
-        <div id="monitorAgents"></div>
-        <!-- Negotiation Rounds -->
-        <div id="monitorNegotiations"></div>
-        <!-- Dynamic Pricing Shield -->
-        <div id="priceShieldSection" style="display:none">
-          <div class="aws-shield-header">
-            <span class="aws-shield-title">🛡️ <span data-i18n="shield_title">Dynamic Pricing Shield</span></span>
-            <span class="aws-shield-badge" id="shieldBadge"></span>
-          </div>
-          <div class="aws-shield-status" id="shieldStatus"></div>
-          <div class="aws-shield-probes" id="shieldProbes"></div>
-          <div class="aws-shield-result" id="shieldResult"></div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <!-- Panel 4: Results & Actions -->
-  <div class="aws-panel" id="panelResults">
-    <div class="aws-panel-header">
-      <div class="aws-panel-header-left">
-        <div class="aws-panel-icon results">✅</div>
-        <span class="aws-panel-title" data-i18n="panel_results">النتائج والإجراءات</span>
-        <span class="aws-panel-status idle" id="resultsStatus" data-i18n="status_awaiting">بانتظار النتائج</span>
-      </div>
-      <div class="aws-panel-actions">
-        <button class="aws-panel-action-btn" onclick="maximizePanel('panelResults')" data-i18n-title="panel_maximize" title="تكبير">⬜</button>
-      </div>
-    </div>
-    <div class="aws-panel-body">
-      <div class="aws-results-content" id="resultsContent">
-        <div class="aws-results-empty" id="resultsEmpty">
-          <div class="aws-results-empty-icon">✅</div>
-          <p data-i18n="results_empty">ستظهر هنا أفضل النتائج والروابط بعد انتهاء الوكيل من البحث والتفاوض</p>
-        </div>
-        <!-- Results cards injected here -->
-        <div id="resultsCards"></div>
-        <!-- Universal Agent Analysis Section -->
-        <div id="universalSection" style="display:none">
-          <div class="aws-universal-header">
-            <span>🌐 <span data-i18n="uni_title">Universal Agent Analysis</span></span>
-            <button class="aws-panel-action-btn" onclick="closeUniversalSection()">✕</button>
-          </div>
-          <!-- Bridge Status -->
-          <div class="aws-uni-bridge" id="uniBridgeWs"></div>
-          <!-- Fairness Score -->
-          <div class="aws-uni-fairness" id="uniFairnessWs"></div>
-          <!-- Products Found -->
-          <div class="aws-uni-products" id="uniProductsWs" style="display:none"></div>
-          <!-- Dark Patterns Detected -->
-          <div class="aws-uni-dark" id="uniDarkWs" style="display:none"></div>
-          <!-- Fraud Alerts -->
-          <div class="aws-uni-alerts" id="uniAlertsWs" style="display:none"></div>
-          <!-- Comparison Results -->
-          <div class="aws-uni-compare" id="uniCompareWs" style="display:none"></div>
-        </div>
-        <!-- Login request (shown when site needs auth) -->
-        <div id="loginRequestArea" style="display:none"></div>
-        <!-- Tips section -->
-        <div id="tipsArea" style="display:none"></div>
-      </div>
-      <!-- Summary bar -->
-      <div class="aws-results-summary" id="resultsSummary" style="display:none">
-        <div class="aws-summary-stat">
-          <span data-i18n="summary_results">🔍 نتائج:</span>
-          <span class="value" id="summaryCount">0</span>
-        </div>
-        <div class="aws-summary-stat">
-          <span data-i18n="summary_best_saving">💰 أفضل توفير:</span>
-          <span class="value" id="summaryBestSaving">-</span>
-        </div>
-        <div class="aws-summary-stat">
-          <span data-i18n="summary_time">⏱️ الوقت:</span>
-          <span class="value" id="summaryTime">-</span>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-<!-- ═══ Mobile Bottom Navigation ═══ -->
-<div class="aws-mobile-nav" id="mobileNav">
-  <button class="aws-mobile-nav-item active" onclick="switchMobilePanel(0, this)">
-    <span class="icon">🌐</span>
-    <span data-i18n="nav_browser">المتصفح</span>
-  </button>
-  <button class="aws-mobile-nav-item" onclick="switchMobilePanel(1, this)">
-    <span class="icon">🤖</span>
-    <span data-i18n="nav_agent">الوكيل</span>
-  </button>
-  <button class="aws-mobile-nav-item" onclick="switchMobilePanel(2, this)">
-    <span class="icon">📊</span>
-    <span data-i18n="nav_monitor">التفاوض</span>
-  </button>
-  <button class="aws-mobile-nav-item" onclick="switchMobilePanel(3, this)">
-    <span class="icon">✅</span>
-    <span data-i18n="nav_results">النتائج</span>
-  </button>
-</div>
-<!-- ═══ Toast Notification ═══ -->
-<div class="aws-toast" id="toast"></div>
-<script src="/js/agent-workspace.js?v=2.4.0"></script>
-</body>
-</html>
+<!DOCTYPE html>
+<html lang="ar" dir="rtl">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+  <title data-i18n="page_title">WAB Agent Workspace — مساحة عمل الوكيل الذكي</title>
+  <link rel="icon" href="/assets/favicon.ico" type="image/x-icon">
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <style>body{background:#0a0e1a;color:#f0f4ff;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;margin:0;min-height:100vh}</style>
+  <link rel="preload" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
+  <noscript><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"></noscript>
+  <link rel="stylesheet" href="/css/agent-workspace.css?v=2.4.0">
+</head>
+<body class="aws-body" dir="rtl">
+<!-- ═══ Auth Overlay ═══ -->
+<div id="authOverlay" class="aws-auth-overlay">
+  <div class="aws-auth-card">
+    <div class="aws-auth-logo">🤖</div>
+    <!-- Login Form -->
+    <div id="authLogin">
+      <h2 class="aws-auth-title" data-i18n="auth_welcome">مرحباً بك في WAB</h2>
+      <p class="aws-auth-subtitle" data-i18n="auth_subtitle">سجّل دخولك للوصول إلى مساحة عمل الوكيل الذكي</p>
+      <div id="authError" class="aws-auth-error"></div>
+      <form id="loginForm" class="aws-auth-form" autocomplete="on">
+        <label for="loginEmail" data-i18n="auth_email">البريد الإلكتروني</label>
+        <input id="loginEmail" class="aws-auth-input" type="email" data-i18n-placeholder="auth_email_ph" placeholder="you@email.com" required autocomplete="email">
+        <label for="loginPassword" data-i18n="auth_password">كلمة المرور</label>
+        <input id="loginPassword" class="aws-auth-input" type="password" data-i18n-placeholder="auth_password_ph" placeholder="••••••••" required autocomplete="current-password">
+        <button type="submit" class="aws-auth-submit" id="loginBtn" data-i18n="auth_login_btn">تسجيل الدخول</button>
+      </form>
+      <p class="aws-auth-switch"><span data-i18n="auth_no_account">ليس لديك حساب؟</span> <a onclick="showRegister()" data-i18n="auth_create_account">إنشاء حساب جديد</a></p>
+      <div style="margin-top:12px;text-align:center">
+        <a onclick="enterDemoMode()" style="color:#64748b;font-size:0.8rem;cursor:pointer;text-decoration:underline" data-i18n="auth_demo">تجربة بدون حساب (وضع تجريبي)</a>
+      </div>
+    </div>
+    <!-- Register Form -->
+    <div id="authRegister" style="display:none">
+      <h2 class="aws-auth-title" data-i18n="auth_register_title">إنشاء حساب جديد</h2>
+      <p class="aws-auth-subtitle" data-i18n="auth_register_subtitle">ابدأ مع الوكيل الذكي — ابحث، قارن، وفاوض بذكاء</p>
+      <div id="regError" class="aws-auth-error"></div>
+      <form id="registerForm" class="aws-auth-form" autocomplete="on">
+        <label for="regName" data-i18n="auth_name">الاسم</label>
+        <input id="regName" class="aws-auth-input" type="text" data-i18n-placeholder="auth_name_ph" placeholder="محمد" required autocomplete="name">
+        <label for="regEmail" data-i18n="auth_email">البريد الإلكتروني</label>
+        <input id="regEmail" class="aws-auth-input" type="email" data-i18n-placeholder="auth_email_ph" placeholder="you@email.com" required autocomplete="email">
+        <label for="regPassword" data-i18n="auth_password">كلمة المرور</label>
+        <input id="regPassword" class="aws-auth-input" type="password" data-i18n-placeholder="auth_reg_password_ph" placeholder="6 أحرف على الأقل" required minlength="6" autocomplete="new-password">
+        <button type="submit" class="aws-auth-submit" id="regBtn" data-i18n="auth_register_btn">إنشاء حساب</button>
+      </form>
+      <p class="aws-auth-switch"><span data-i18n="auth_has_account">لديك حساب بالفعل؟</span> <a onclick="showLogin()" data-i18n="auth_signin_link">تسجيل الدخول</a></p>
+    </div>
+    <!-- Subscription Selection (after register) -->
+    <div id="authSubscription" style="display:none">
+      <h2 class="aws-auth-title" data-i18n="auth_plan_title">اختر خطتك</h2>
+      <p class="aws-auth-subtitle" data-i18n="auth_plan_subtitle">ابدأ مجاناً أو اختر خطة تناسبك</p>
+      <div class="aws-plans-grid">
+        <div class="aws-plan-card" onclick="selectPlan('free')">
+          <div class="aws-plan-name" data-i18n="plan_free">مجاني</div>
+          <div class="aws-plan-price">$0 <span data-i18n="plan_per_month">/شهر</span></div>
+          <ul class="aws-plan-features">
+            <li data-i18n="plan_free_f1">5 مهام يومياً</li>
+            <li data-i18n="plan_free_f2">بحث أساسي</li>
+            <li data-i18n="plan_free_f3">نتائج محدودة</li>
+          </ul>
+        </div>
+        <div class="aws-plan-card recommended" onclick="selectPlan('pro')">
+          <div class="aws-plan-name" style="color:#8b5cf6">Pro ⭐</div>
+          <div class="aws-plan-price">$29 <span data-i18n="plan_per_month">/شهر</span></div>
+          <ul class="aws-plan-features">
+            <li data-i18n="plan_pro_f1">مهام غير محدودة</li>
+            <li data-i18n="plan_pro_f2">تفاوض متقدم</li>
+            <li data-i18n="plan_pro_f3">وكيل يُتمم الصفقات</li>
+            <li data-i18n="plan_pro_f4">أولوية في الدعم</li>
+          </ul>
+        </div>
+        <div class="aws-plan-card" onclick="selectPlan('enterprise')">
+          <div class="aws-plan-name">Enterprise</div>
+          <div class="aws-plan-price">$99 <span data-i18n="plan_per_month">/شهر</span></div>
+          <ul class="aws-plan-features">
+            <li data-i18n="plan_ent_f1">كل ميزات Pro</li>
+            <li data-i18n="plan_ent_f2">API مخصص</li>
+            <li data-i18n="plan_ent_f3">فريق متعدد</li>
+            <li data-i18n="plan_ent_f4">دعم مخصص 24/7</li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+<!-- ═══ Top Bar ═══ -->
+<div class="aws-topbar">
+  <div class="aws-topbar-left">
+    <div class="aws-logo">W</div>
+    <div class="aws-topbar-title"><span>WAB</span> Agent Workspace</div>
+  </div>
+  <div class="aws-topbar-center">
+    <button class="aws-layout-btn active" onclick="setLayout('grid')" title="Grid 2×2">⊞</button>
+    <button class="aws-layout-btn" onclick="setLayout('horizontal')" title="Horizontal">☰</button>
+    <button class="aws-layout-btn" onclick="setLayout('focus-browser')" title="Focus Browser">◧</button>
+  </div>
+  <div class="aws-topbar-right">
+    <span id="userTier" class="aws-tier-badge premium">Premium</span>
+    <div id="userBadge" class="aws-user-badge">
+      <div class="aws-user-avatar" id="userAvatar">M</div>
+      <span id="userName">User</span>
+    </div>
+    <button class="aws-btn-icon" onclick="toggleLang()" title="عربي/English">🌐</button>
+    <button class="aws-btn-icon" onclick="toggleSettings()" data-i18n-title="topbar_settings" title="الإعدادات">⚙</button>
+    <button class="aws-logout-btn" onclick="logout()" data-i18n="topbar_logout">خروج</button>
+    <button class="aws-mobile-menu-btn" onclick="toggleMobileMenu()">☰</button>
+  </div>
+</div>
+<!-- ═══ 4-Panel Workspace ═══ -->
+<div id="workspace" class="aws-workspace">
+  <!-- Panel 1: Browser -->
+  <div class="aws-panel active-mobile" id="panelBrowser">
+    <div class="aws-panel-header">
+      <div class="aws-panel-header-left">
+        <div class="aws-panel-icon browser">🌐</div>
+        <span class="aws-panel-title" data-i18n="panel_browser">المتصفح</span>
+        <span class="aws-panel-status idle" id="browserStatus" data-i18n="status_ready">جاهز</span>
+      </div>
+      <div class="aws-panel-actions">
+        <button class="aws-panel-action-btn" onclick="refreshBrowser()" data-i18n-title="browser_refresh" title="تحديث">↻</button>
+        <button class="aws-panel-action-btn" onclick="maximizePanel('panelBrowser')" data-i18n-title="panel_maximize" title="تكبير">⬜</button>
+      </div>
+    </div>
+    <div class="aws-panel-body">
+      <div class="aws-browser-bar">
+        <div class="aws-browser-nav">
+          <button onclick="browserBack()" data-i18n-title="browser_back" title="رجوع">←</button>
+          <button onclick="browserForward()" data-i18n-title="browser_forward" title="تقدم">→</button>
+        </div>
+        <div class="aws-url-bar">
+          <span class="aws-url-lock" id="urlLock">🔒</span>
+          <input class="aws-url-input" id="urlInput" data-i18n-placeholder="browser_url_ph" placeholder="أدخل الرابط أو ابحث..."
+                 onkeydown="if(event.key==='Enter')navigateTo(this.value)">
+        </div>
+      </div>
+      <div class="aws-browser-empty" id="browserEmpty">
+        <div class="aws-browser-empty-icon">🌐</div>
+        <p data-i18n="browser_empty">اطلب من الوكيل البحث عن شيء أو أدخل رابطاً في شريط العنوان</p>
+      </div>
+      <iframe class="aws-browser-frame" id="browserFrame" style="display:none"
+              sandbox="allow-same-origin allow-scripts allow-forms allow-popups"></iframe>
+    </div>
+  </div>
+  <!-- Panel 2: Agent Chat -->
+  <div class="aws-panel" id="panelChat">
+    <div class="aws-panel-header">
+      <div class="aws-panel-header-left">
+        <div class="aws-panel-icon chat">🤖</div>
+        <span class="aws-panel-title" data-i18n="panel_agent">الوكيل الذكي</span>
+        <span class="aws-panel-status active" id="chatStatus" data-i18n="status_connected">متصل</span>
+      </div>
+      <div class="aws-panel-actions">
+        <button class="aws-panel-action-btn" onclick="clearChat()" data-i18n-title="chat_new" title="محادثة جديدة">🗑</button>
+        <button class="aws-panel-action-btn" onclick="maximizePanel('panelChat')" data-i18n-title="panel_maximize" title="تكبير">⬜</button>
+      </div>
+    </div>
+    <div class="aws-panel-body">
+      <div class="aws-chat-messages" id="chatMessages">
+        <!-- Welcome message injected by JS -->
+      </div>
+      <div class="aws-typing-indicator" id="typingIndicator">
+        <div class="aws-typing-dot"></div>
+        <div class="aws-typing-dot"></div>
+        <div class="aws-typing-dot"></div>
+      </div>
+      <div class="aws-chat-input-area">
+        <div class="aws-chat-input-row">
+          <textarea class="aws-chat-textarea" id="chatInput" rows="1"
+                    data-i18n-placeholder="chat_input_ph" placeholder="اكتب رسالتك هنا... (لا قيود — اكتب بحرية)"
+                    onkeydown="if(event.key==='Enter'&&!event.shiftKey){event.preventDefault();sendMessage()}"
+                    oninput="autoResize(this)"></textarea>
+          <button class="aws-chat-send" id="sendBtn" onclick="sendMessage()" data-i18n-title="chat_send" title="إرسال">➤</button>
+        </div>
+        <div class="aws-chat-suggestions" id="chatSuggestions">
+          <button class="aws-suggestion-chip" data-i18n="chip_hotels" onclick="useSuggestion(i18n('chip_hotels_query'))">🏨 فنادق تونس</button>
+          <button class="aws-suggestion-chip" data-i18n="chip_laptop" onclick="useSuggestion(i18n('chip_laptop_query'))">🎮 لابتوب قيمنق</button>
+          <button class="aws-suggestion-chip" data-i18n="chip_iphone" onclick="useSuggestion(i18n('chip_iphone_query'))">📱 iPhone 16</button>
+          <button class="aws-suggestion-chip" data-i18n="chip_flight" onclick="useSuggestion(i18n('chip_flight_query'))">✈️ رحلة طيران</button>
+          <button class="aws-suggestion-chip" data-i18n="chip_url_paste" onclick="promptUrlPaste()">🔗 لصق رابط حجز</button>
+          <button class="aws-suggestion-chip" data-i18n="chip_security" onclick="useSuggestion(i18n('chip_security_query'))">🔒 فحص أمان</button>
+          <button class="aws-suggestion-chip" data-i18n="chip_uni_analyze" onclick="universalAnalyzePage()">🔬 تحليل شامل</button>
+          <button class="aws-suggestion-chip" data-i18n="chip_uni_fairness" onclick="universalFairnessCheck()">⚖️ فحص عدالة</button>
+          <button class="aws-suggestion-chip" data-i18n="chip_uni_compare" onclick="universalComparePrompt()">📊 مقارنة أسعار</button>
+        </div>
+      </div>
+    </div>
+  </div>
+  <!-- Panel 3: Negotiation Monitor -->
+  <div class="aws-panel" id="panelMonitor">
+    <div class="aws-panel-header">
+      <div class="aws-panel-header-left">
+        <div class="aws-panel-icon monitor">📊</div>
+        <span class="aws-panel-title" data-i18n="panel_monitor">شاشة التفاوض</span>
+        <span class="aws-panel-status idle" id="monitorStatus" data-i18n="status_waiting">في الانتظار</span>
+      </div>
+      <div class="aws-panel-actions">
+        <button class="aws-panel-action-btn" onclick="maximizePanel('panelMonitor')" data-i18n-title="panel_maximize" title="تكبير">⬜</button>
+      </div>
+    </div>
+    <div class="aws-panel-body">
+      <div class="aws-monitor-content" id="monitorContent">
+        <div class="aws-monitor-empty" id="monitorEmpty">
+          <div class="aws-monitor-empty-icon">📊</div>
+          <p data-i18n="monitor_empty">عندما يبدأ الوكيل بالبحث والتفاوض، ستراقب كل خطوة هنا مباشرة</p>
+        </div>
+        <!-- Progress Steps (shown during task) -->
+        <div id="monitorSteps" style="display:none">
+          <div class="aws-progress-steps" id="progressSteps"></div>
+        </div>
+        <!-- Agent Activity Cards -->
+        <div id="monitorAgents"></div>
+        <!-- Negotiation Rounds -->
+        <div id="monitorNegotiations"></div>
+        <!-- Dynamic Pricing Shield -->
+        <div id="priceShieldSection" style="display:none">
+          <div class="aws-shield-header">
+            <span class="aws-shield-title">🛡️ <span data-i18n="shield_title">Dynamic Pricing Shield</span></span>
+            <span class="aws-shield-badge" id="shieldBadge"></span>
+          </div>
+          <div class="aws-shield-status" id="shieldStatus"></div>
+          <div class="aws-shield-probes" id="shieldProbes"></div>
+          <div class="aws-shield-result" id="shieldResult"></div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <!-- Panel 4: Results & Actions -->
+  <div class="aws-panel" id="panelResults">
+    <div class="aws-panel-header">
+      <div class="aws-panel-header-left">
+        <div class="aws-panel-icon results">✅</div>
+        <span class="aws-panel-title" data-i18n="panel_results">النتائج والإجراءات</span>
+        <span class="aws-panel-status idle" id="resultsStatus" data-i18n="status_awaiting">بانتظار النتائج</span>
+      </div>
+      <div class="aws-panel-actions">
+        <button class="aws-panel-action-btn" onclick="maximizePanel('panelResults')" data-i18n-title="panel_maximize" title="تكبير">⬜</button>
+      </div>
+    </div>
+    <div class="aws-panel-body">
+      <div class="aws-results-content" id="resultsContent">
+        <div class="aws-results-empty" id="resultsEmpty">
+          <div class="aws-results-empty-icon">✅</div>
+          <p data-i18n="results_empty">ستظهر هنا أفضل النتائج والروابط بعد انتهاء الوكيل من البحث والتفاوض</p>
+        </div>
+        <!-- Results cards injected here -->
+        <div id="resultsCards"></div>
+        <!-- Universal Agent Analysis Section -->
+        <div id="universalSection" style="display:none">
+          <div class="aws-universal-header">
+            <span>🌐 <span data-i18n="uni_title">Universal Agent Analysis</span></span>
+            <button class="aws-panel-action-btn" onclick="closeUniversalSection()">✕</button>
+          </div>
+          <!-- Bridge Status -->
+          <div class="aws-uni-bridge" id="uniBridgeWs"></div>
+          <!-- Fairness Score -->
+          <div class="aws-uni-fairness" id="uniFairnessWs"></div>
+          <!-- Products Found -->
+          <div class="aws-uni-products" id="uniProductsWs" style="display:none"></div>
+          <!-- Dark Patterns Detected -->
+          <div class="aws-uni-dark" id="uniDarkWs" style="display:none"></div>
+          <!-- Fraud Alerts -->
+          <div class="aws-uni-alerts" id="uniAlertsWs" style="display:none"></div>
+          <!-- Comparison Results -->
+          <div class="aws-uni-compare" id="uniCompareWs" style="display:none"></div>
+        </div>
+        <!-- Login request (shown when site needs auth) -->
+        <div id="loginRequestArea" style="display:none"></div>
+        <!-- Tips section -->
+        <div id="tipsArea" style="display:none"></div>
+      </div>
+      <!-- Summary bar -->
+      <div class="aws-results-summary" id="resultsSummary" style="display:none">
+        <div class="aws-summary-stat">
+          <span data-i18n="summary_results">🔍 نتائج:</span>
+          <span class="value" id="summaryCount">0</span>
+        </div>
+        <div class="aws-summary-stat">
+          <span data-i18n="summary_best_saving">💰 أفضل توفير:</span>
+          <span class="value" id="summaryBestSaving">-</span>
+        </div>
+        <div class="aws-summary-stat">
+          <span data-i18n="summary_time">⏱️ الوقت:</span>
+          <span class="value" id="summaryTime">-</span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+<!-- ═══ Mobile Bottom Navigation ═══ -->
+<div class="aws-mobile-nav" id="mobileNav">
+  <button class="aws-mobile-nav-item active" onclick="switchMobilePanel(0, this)">
+    <span class="icon">🌐</span>
+    <span data-i18n="nav_browser">المتصفح</span>
+  </button>
+  <button class="aws-mobile-nav-item" onclick="switchMobilePanel(1, this)">
+    <span class="icon">🤖</span>
+    <span data-i18n="nav_agent">الوكيل</span>
+  </button>
+  <button class="aws-mobile-nav-item" onclick="switchMobilePanel(2, this)">
+    <span class="icon">📊</span>
+    <span data-i18n="nav_monitor">التفاوض</span>
+  </button>
+  <button class="aws-mobile-nav-item" onclick="switchMobilePanel(3, this)">
+    <span class="icon">✅</span>
+    <span data-i18n="nav_results">النتائج</span>
+  </button>
+</div>
+<!-- ═══ Toast Notification ═══ -->
+<div class="aws-toast" id="toast"></div>
+<script src="/js/agent-workspace.js?v=2.4.0"></script>
+</body>
+</html>