web-agent-bridge 3.2.0 → 3.4.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 (256) hide show
  1. package/LICENSE +84 -72
  2. package/README.ar.md +1304 -1152
  3. package/README.md +298 -1635
  4. package/bin/agent-runner.js +474 -474
  5. package/bin/cli.js +237 -138
  6. package/bin/wab-init.js +223 -0
  7. package/bin/wab.js +80 -80
  8. package/examples/azure-dns-wab.js +83 -0
  9. package/examples/bidi-agent.js +119 -119
  10. package/examples/cloudflare-wab-dns.js +121 -0
  11. package/examples/cpanel-wab-dns.js +114 -0
  12. package/examples/cross-site-agent.js +91 -91
  13. package/examples/dns-discovery-agent.js +166 -0
  14. package/examples/gcp-dns-wab.js +76 -0
  15. package/examples/governance-agent.js +169 -0
  16. package/examples/mcp-agent.js +94 -94
  17. package/examples/next-app-router/README.md +44 -44
  18. package/examples/plesk-wab-dns.js +103 -0
  19. package/examples/puppeteer-agent.js +108 -108
  20. package/examples/route53-wab-dns.js +144 -0
  21. package/examples/saas-dashboard/README.md +55 -55
  22. package/examples/safe-mode-agent.js +96 -0
  23. package/examples/shopify-hydrogen/README.md +74 -74
  24. package/examples/vision-agent.js +171 -171
  25. package/examples/wab-sign.js +74 -0
  26. package/examples/wab-verify.js +60 -0
  27. package/examples/wordpress-elementor/README.md +77 -77
  28. package/package.json +19 -6
  29. package/public/.well-known/agent-tools.json +180 -180
  30. package/public/.well-known/ai-assets.json +59 -59
  31. package/public/.well-known/security.txt +8 -0
  32. package/public/.well-known/wab.json +28 -0
  33. package/public/activate.html +368 -0
  34. package/public/adoption-metrics.html +188 -0
  35. package/public/agent-workspace.html +349 -349
  36. package/public/ai.html +198 -198
  37. package/public/api.html +413 -412
  38. package/public/azure-dns-integration.html +289 -0
  39. package/public/browser.html +486 -486
  40. package/public/cloudflare-integration.html +380 -0
  41. package/public/commander-dashboard.html +243 -243
  42. package/public/cookies.html +210 -210
  43. package/public/cpanel-integration.html +398 -0
  44. package/public/css/agent-workspace.css +1713 -1713
  45. package/public/css/premium.css +317 -317
  46. package/public/css/styles.css +1263 -1235
  47. package/public/dashboard.html +707 -706
  48. package/public/dns.html +436 -0
  49. package/public/docs.html +588 -587
  50. package/public/feed.xml +89 -89
  51. package/public/gcp-dns-integration.html +318 -0
  52. package/public/growth.html +465 -463
  53. package/public/index.html +1266 -982
  54. package/public/integrations.html +556 -0
  55. package/public/js/activate.js +145 -0
  56. package/public/js/agent-workspace.js +1740 -1740
  57. package/public/js/auth-nav.js +65 -31
  58. package/public/js/auth-redirect.js +12 -12
  59. package/public/js/cookie-consent.js +56 -56
  60. package/public/js/dns.js +438 -0
  61. package/public/js/wab-demo-page.js +721 -721
  62. package/public/js/ws-client.js +74 -74
  63. package/public/llms-full.txt +360 -360
  64. package/public/llms.txt +125 -125
  65. package/public/login.html +85 -85
  66. package/public/mesh-dashboard.html +328 -328
  67. package/public/openapi.json +669 -580
  68. package/public/phone-shield.html +281 -0
  69. package/public/plesk-integration.html +375 -0
  70. package/public/premium-dashboard.html +2489 -2489
  71. package/public/premium.html +793 -793
  72. package/public/privacy.html +297 -297
  73. package/public/provider-onboarding.html +172 -0
  74. package/public/provider-sandbox.html +134 -0
  75. package/public/providers.html +359 -0
  76. package/public/register.html +105 -105
  77. package/public/registrar-integrations.html +141 -0
  78. package/public/robots.txt +99 -87
  79. package/public/route53-integration.html +531 -0
  80. package/public/script/wab-consent.d.ts +36 -36
  81. package/public/script/wab-consent.js +104 -104
  82. package/public/script/wab-schema.js +131 -131
  83. package/public/script/wab.d.ts +108 -108
  84. package/public/script/wab.min.js +580 -580
  85. package/public/security.txt +8 -0
  86. package/public/shieldqr.html +231 -0
  87. package/public/sitemap.xml +6 -0
  88. package/public/terms.html +256 -256
  89. package/public/wab-trust.html +200 -0
  90. package/public/wab-vs-protocols.html +210 -0
  91. package/public/whitepaper.html +449 -0
  92. package/script/ai-agent-bridge.js +1754 -1754
  93. package/sdk/README.md +99 -99
  94. package/sdk/agent-mesh.js +449 -449
  95. package/sdk/auto-discovery.js +288 -0
  96. package/sdk/commander.js +262 -262
  97. package/sdk/governance.js +262 -0
  98. package/sdk/index.d.ts +464 -464
  99. package/sdk/index.js +25 -1
  100. package/sdk/multi-agent.js +318 -318
  101. package/sdk/package.json +2 -2
  102. package/sdk/safe-mode.js +221 -0
  103. package/sdk/safety-shield.js +219 -0
  104. package/sdk/schema-discovery.js +83 -83
  105. package/server/adapters/index.js +520 -520
  106. package/server/config/plans.js +367 -367
  107. package/server/config/secrets.js +102 -102
  108. package/server/control-plane/index.js +301 -301
  109. package/server/data-plane/index.js +354 -354
  110. package/server/index.js +670 -427
  111. package/server/llm/index.js +404 -404
  112. package/server/middleware/adminAuth.js +35 -35
  113. package/server/middleware/auth.js +50 -50
  114. package/server/middleware/featureGate.js +88 -88
  115. package/server/middleware/rateLimits.js +100 -100
  116. package/server/middleware/sensitiveAction.js +157 -0
  117. package/server/migrations/001_add_analytics_indexes.sql +7 -7
  118. package/server/migrations/002_premium_features.sql +418 -418
  119. package/server/migrations/003_ads_integer_cents.sql +33 -33
  120. package/server/migrations/004_agent_os.sql +158 -158
  121. package/server/migrations/005_marketplace_metering.sql +126 -126
  122. package/server/migrations/007_governance.sql +106 -0
  123. package/server/migrations/008_plans.sql +144 -0
  124. package/server/migrations/009_shieldqr.sql +30 -0
  125. package/server/migrations/010_extended_trust.sql +33 -0
  126. package/server/models/adapters/index.js +33 -33
  127. package/server/models/adapters/mysql.js +183 -183
  128. package/server/models/adapters/postgresql.js +172 -172
  129. package/server/models/adapters/sqlite.js +7 -7
  130. package/server/models/db.js +740 -681
  131. package/server/observability/failure-analysis.js +337 -337
  132. package/server/observability/index.js +394 -394
  133. package/server/protocol/capabilities.js +223 -223
  134. package/server/protocol/index.js +243 -243
  135. package/server/protocol/schema.js +584 -584
  136. package/server/registry/certification.js +271 -271
  137. package/server/registry/index.js +326 -326
  138. package/server/routes/admin-plans.js +76 -0
  139. package/server/routes/admin-premium.js +673 -671
  140. package/server/routes/admin-shieldqr.js +90 -0
  141. package/server/routes/admin-trust-monitor.js +83 -0
  142. package/server/routes/admin.js +549 -261
  143. package/server/routes/ads.js +130 -130
  144. package/server/routes/agent-workspace.js +540 -540
  145. package/server/routes/api.js +150 -150
  146. package/server/routes/auth.js +71 -71
  147. package/server/routes/billing.js +57 -45
  148. package/server/routes/commander.js +316 -316
  149. package/server/routes/demo-showcase.js +332 -332
  150. package/server/routes/demo-store.js +154 -0
  151. package/server/routes/discovery.js +2348 -417
  152. package/server/routes/gateway.js +173 -157
  153. package/server/routes/governance.js +208 -0
  154. package/server/routes/license.js +251 -240
  155. package/server/routes/mesh.js +469 -469
  156. package/server/routes/noscript.js +543 -543
  157. package/server/routes/plans.js +33 -0
  158. package/server/routes/premium-v2.js +686 -686
  159. package/server/routes/premium.js +724 -724
  160. package/server/routes/providers.js +650 -0
  161. package/server/routes/runtime.js +2148 -2147
  162. package/server/routes/shieldqr.js +88 -0
  163. package/server/routes/sovereign.js +465 -385
  164. package/server/routes/universal.js +200 -185
  165. package/server/routes/wab-api.js +850 -501
  166. package/server/runtime/container-worker.js +111 -111
  167. package/server/runtime/container.js +448 -448
  168. package/server/runtime/distributed-worker.js +362 -362
  169. package/server/runtime/event-bus.js +210 -210
  170. package/server/runtime/index.js +253 -253
  171. package/server/runtime/queue.js +599 -599
  172. package/server/runtime/replay.js +666 -666
  173. package/server/runtime/sandbox.js +266 -266
  174. package/server/runtime/scheduler.js +534 -534
  175. package/server/runtime/session-engine.js +293 -293
  176. package/server/runtime/state-manager.js +188 -188
  177. package/server/security/cross-site-redactor.js +196 -0
  178. package/server/security/dry-run.js +180 -0
  179. package/server/security/human-gate-rate-limit.js +147 -0
  180. package/server/security/human-gate-transports.js +178 -0
  181. package/server/security/human-gate.js +281 -0
  182. package/server/security/index.js +368 -368
  183. package/server/security/intent-engine.js +245 -0
  184. package/server/security/reward-guard.js +171 -0
  185. package/server/security/rollback-store.js +239 -0
  186. package/server/security/token-scope.js +404 -0
  187. package/server/security/url-policy.js +139 -0
  188. package/server/services/agent-chat.js +506 -506
  189. package/server/services/agent-learning.js +601 -575
  190. package/server/services/agent-memory.js +625 -625
  191. package/server/services/agent-mesh.js +555 -539
  192. package/server/services/agent-symphony.js +717 -717
  193. package/server/services/agent-tasks.js +1807 -1807
  194. package/server/services/api-key-engine.js +292 -261
  195. package/server/services/cluster.js +894 -894
  196. package/server/services/commander.js +738 -738
  197. package/server/services/edge-compute.js +440 -440
  198. package/server/services/email.js +233 -204
  199. package/server/services/governance.js +466 -0
  200. package/server/services/hosted-runtime.js +205 -205
  201. package/server/services/lfd.js +635 -635
  202. package/server/services/local-ai.js +389 -389
  203. package/server/services/marketplace.js +270 -270
  204. package/server/services/metering.js +182 -182
  205. package/server/services/modules/affiliate-intelligence.js +93 -93
  206. package/server/services/modules/agent-firewall.js +90 -90
  207. package/server/services/modules/bounty.js +89 -89
  208. package/server/services/modules/collective-bargaining.js +92 -92
  209. package/server/services/modules/dark-pattern.js +66 -66
  210. package/server/services/modules/gov-intelligence.js +45 -45
  211. package/server/services/modules/neural.js +55 -55
  212. package/server/services/modules/notary.js +49 -49
  213. package/server/services/modules/price-time-machine.js +86 -86
  214. package/server/services/modules/protocol.js +104 -104
  215. package/server/services/negotiation.js +439 -439
  216. package/server/services/plans.js +214 -0
  217. package/server/services/plugins.js +771 -771
  218. package/server/services/premium.js +1 -1
  219. package/server/services/price-intelligence.js +566 -566
  220. package/server/services/price-shield.js +1137 -1137
  221. package/server/services/provider-clients.js +740 -0
  222. package/server/services/reputation.js +465 -465
  223. package/server/services/search-engine.js +357 -357
  224. package/server/services/security.js +513 -513
  225. package/server/services/self-healing.js +843 -843
  226. package/server/services/shieldqr.js +322 -0
  227. package/server/services/sovereign-shield.js +542 -0
  228. package/server/services/ssl-inspector.js +42 -0
  229. package/server/services/ssl-monitor.js +167 -0
  230. package/server/services/stripe.js +205 -192
  231. package/server/services/swarm.js +788 -788
  232. package/server/services/universal-scraper.js +662 -661
  233. package/server/services/verification.js +481 -481
  234. package/server/services/vision.js +1163 -1163
  235. package/server/services/wab-crypto.js +178 -0
  236. package/server/utils/cache.js +125 -125
  237. package/server/utils/migrate.js +81 -81
  238. package/server/utils/safe-fetch.js +228 -0
  239. package/server/utils/secureFields.js +50 -50
  240. package/server/ws.js +161 -161
  241. package/templates/artisan-marketplace.yaml +104 -104
  242. package/templates/book-price-scout.yaml +98 -98
  243. package/templates/electronics-price-tracker.yaml +108 -108
  244. package/templates/flight-deal-hunter.yaml +113 -113
  245. package/templates/freelancer-direct.yaml +116 -116
  246. package/templates/grocery-price-compare.yaml +93 -93
  247. package/templates/hotel-direct-booking.yaml +113 -113
  248. package/templates/local-services.yaml +98 -98
  249. package/templates/olive-oil-tunisia.yaml +88 -88
  250. package/templates/organic-farm-fresh.yaml +101 -101
  251. package/templates/restaurant-direct.yaml +97 -97
  252. package/public/score.html +0 -263
  253. package/server/migrations/006_growth_suite.sql +0 -138
  254. package/server/routes/growth.js +0 -962
  255. package/server/services/fairness-engine.js +0 -409
  256. package/server/services/fairness.js +0 -420
package/public/agent-workspace.html CHANGED
@@ -1,349 +1,349 @@
1
- <!DOCTYPE html>
2
- <html lang="ar" dir="rtl">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
6
- <title data-i18n="page_title">WAB Agent Workspace — مساحة عمل الوكيل الذكي</title>
7
- <link rel="icon" href="/assets/favicon.ico" type="image/x-icon">
8
- <link rel="preconnect" href="https://fonts.googleapis.com">
9
- <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10
- <style>body{background:#0a0e1a;color:#f0f4ff;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;margin:0;min-height:100vh}</style>
11
- <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'">
12
- <noscript><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"></noscript>
13
- <link rel="stylesheet" href="/css/agent-workspace.css?v=2.4.0">
14
- </head>
15
- <body class="aws-body" dir="rtl">
16
-
17
- <!-- ═══ Auth Overlay ═══ -->
18
- <div id="authOverlay" class="aws-auth-overlay">
19
- <div class="aws-auth-card">
20
- <div class="aws-auth-logo">🤖</div>
21
-
22
- <!-- Login Form -->
23
- <div id="authLogin">
24
- <h2 class="aws-auth-title" data-i18n="auth_welcome">مرحباً بك في WAB</h2>
25
- <p class="aws-auth-subtitle" data-i18n="auth_subtitle">سجّل دخولك للوصول إلى مساحة عمل الوكيل الذكي</p>
26
- <div id="authError" class="aws-auth-error"></div>
27
- <form id="loginForm" class="aws-auth-form" autocomplete="on">
28
- <label for="loginEmail" data-i18n="auth_email">البريد الإلكتروني</label>
29
- <input id="loginEmail" class="aws-auth-input" type="email" data-i18n-placeholder="auth_email_ph" placeholder="you@email.com" required autocomplete="email">
30
- <label for="loginPassword" data-i18n="auth_password">كلمة المرور</label>
31
- <input id="loginPassword" class="aws-auth-input" type="password" data-i18n-placeholder="auth_password_ph" placeholder="••••••••" required autocomplete="current-password">
32
- <button type="submit" class="aws-auth-submit" id="loginBtn" data-i18n="auth_login_btn">تسجيل الدخول</button>
33
- </form>
34
- <p class="aws-auth-switch"><span data-i18n="auth_no_account">ليس لديك حساب؟</span> <a onclick="showRegister()" data-i18n="auth_create_account">إنشاء حساب جديد</a></p>
35
- <div style="margin-top:12px;text-align:center">
36
- <a onclick="enterDemoMode()" style="color:#64748b;font-size:0.8rem;cursor:pointer;text-decoration:underline" data-i18n="auth_demo">تجربة بدون حساب (وضع تجريبي)</a>
37
- </div>
38
- </div>
39
-
40
- <!-- Register Form -->
41
- <div id="authRegister" style="display:none">
42
- <h2 class="aws-auth-title" data-i18n="auth_register_title">إنشاء حساب جديد</h2>
43
- <p class="aws-auth-subtitle" data-i18n="auth_register_subtitle">ابدأ مع الوكيل الذكي — ابحث، قارن، وفاوض بذكاء</p>
44
- <div id="regError" class="aws-auth-error"></div>
45
- <form id="registerForm" class="aws-auth-form" autocomplete="on">
46
- <label for="regName" data-i18n="auth_name">الاسم</label>
47
- <input id="regName" class="aws-auth-input" type="text" data-i18n-placeholder="auth_name_ph" placeholder="محمد" required autocomplete="name">
48
- <label for="regEmail" data-i18n="auth_email">البريد الإلكتروني</label>
49
- <input id="regEmail" class="aws-auth-input" type="email" data-i18n-placeholder="auth_email_ph" placeholder="you@email.com" required autocomplete="email">
50
- <label for="regPassword" data-i18n="auth_password">كلمة المرور</label>
51
- <input id="regPassword" class="aws-auth-input" type="password" data-i18n-placeholder="auth_reg_password_ph" placeholder="6 أحرف على الأقل" required minlength="6" autocomplete="new-password">
52
- <button type="submit" class="aws-auth-submit" id="regBtn" data-i18n="auth_register_btn">إنشاء حساب</button>
53
- </form>
54
- <p class="aws-auth-switch"><span data-i18n="auth_has_account">لديك حساب بالفعل؟</span> <a onclick="showLogin()" data-i18n="auth_signin_link">تسجيل الدخول</a></p>
55
- </div>
56
-
57
- <!-- Subscription Selection (after register) -->
58
- <div id="authSubscription" style="display:none">
59
- <h2 class="aws-auth-title" data-i18n="auth_plan_title">اختر خطتك</h2>
60
- <p class="aws-auth-subtitle" data-i18n="auth_plan_subtitle">ابدأ مجاناً أو اختر خطة تناسبك</p>
61
- <div class="aws-plans-grid">
62
- <div class="aws-plan-card" onclick="selectPlan('free')">
63
- <div class="aws-plan-name" data-i18n="plan_free">مجاني</div>
64
- <div class="aws-plan-price">$0 <span data-i18n="plan_per_month">/شهر</span></div>
65
- <ul class="aws-plan-features">
66
- <li data-i18n="plan_free_f1">5 مهام يومياً</li>
67
- <li data-i18n="plan_free_f2">بحث أساسي</li>
68
- <li data-i18n="plan_free_f3">نتائج محدودة</li>
69
- </ul>
70
- </div>
71
- <div class="aws-plan-card recommended" onclick="selectPlan('pro')">
72
- <div class="aws-plan-name" style="color:#8b5cf6">Pro ⭐</div>
73
- <div class="aws-plan-price">$29 <span data-i18n="plan_per_month">/شهر</span></div>
74
- <ul class="aws-plan-features">
75
- <li data-i18n="plan_pro_f1">مهام غير محدودة</li>
76
- <li data-i18n="plan_pro_f2">تفاوض متقدم</li>
77
- <li data-i18n="plan_pro_f3">وكيل يُتمم الصفقات</li>
78
- <li data-i18n="plan_pro_f4">أولوية في الدعم</li>
79
- </ul>
80
- </div>
81
- <div class="aws-plan-card" onclick="selectPlan('enterprise')">
82
- <div class="aws-plan-name">Enterprise</div>
83
- <div class="aws-plan-price">$99 <span data-i18n="plan_per_month">/شهر</span></div>
84
- <ul class="aws-plan-features">
85
- <li data-i18n="plan_ent_f1">كل ميزات Pro</li>
86
- <li data-i18n="plan_ent_f2">API مخصص</li>
87
- <li data-i18n="plan_ent_f3">فريق متعدد</li>
88
- <li data-i18n="plan_ent_f4">دعم مخصص 24/7</li>
89
- </ul>
90
- </div>
91
- </div>
92
- </div>
93
- </div>
94
- </div>
95
-
96
- <!-- ═══ Top Bar ═══ -->
97
- <div class="aws-topbar">
98
- <div class="aws-topbar-left">
99
- <div class="aws-logo">W</div>
100
- <div class="aws-topbar-title"><span>WAB</span> Agent Workspace</div>
101
- </div>
102
-
103
- <div class="aws-topbar-center">
104
- <button class="aws-layout-btn active" onclick="setLayout('grid')" title="Grid 2×2">⊞</button>
105
- <button class="aws-layout-btn" onclick="setLayout('horizontal')" title="Horizontal">☰</button>
106
- <button class="aws-layout-btn" onclick="setLayout('focus-browser')" title="Focus Browser">◧</button>
107
- </div>
108
-
109
- <div class="aws-topbar-right">
110
- <span id="userTier" class="aws-tier-badge premium">Premium</span>
111
- <div id="userBadge" class="aws-user-badge">
112
- <div class="aws-user-avatar" id="userAvatar">M</div>
113
- <span id="userName">User</span>
114
- </div>
115
- <button class="aws-btn-icon" onclick="toggleLang()" title="عربي/English">🌐</button>
116
- <button class="aws-btn-icon" onclick="toggleSettings()" data-i18n-title="topbar_settings" title="الإعدادات">⚙</button>
117
- <button class="aws-logout-btn" onclick="logout()" data-i18n="topbar_logout">خروج</button>
118
- <button class="aws-mobile-menu-btn" onclick="toggleMobileMenu()">☰</button>
119
- </div>
120
- </div>
121
-
122
- <!-- ═══ 4-Panel Workspace ═══ -->
123
- <div id="workspace" class="aws-workspace">
124
-
125
- <!-- Panel 1: Browser -->
126
- <div class="aws-panel active-mobile" id="panelBrowser">
127
- <div class="aws-panel-header">
128
- <div class="aws-panel-header-left">
129
- <div class="aws-panel-icon browser">🌐</div>
130
- <span class="aws-panel-title" data-i18n="panel_browser">المتصفح</span>
131
- <span class="aws-panel-status idle" id="browserStatus" data-i18n="status_ready">جاهز</span>
132
- </div>
133
- <div class="aws-panel-actions">
134
- <button class="aws-panel-action-btn" onclick="refreshBrowser()" data-i18n-title="browser_refresh" title="تحديث">↻</button>
135
- <button class="aws-panel-action-btn" onclick="maximizePanel('panelBrowser')" data-i18n-title="panel_maximize" title="تكبير">⬜</button>
136
- </div>
137
- </div>
138
- <div class="aws-panel-body">
139
- <div class="aws-browser-bar">
140
- <div class="aws-browser-nav">
141
- <button onclick="browserBack()" data-i18n-title="browser_back" title="رجوع">←</button>
142
- <button onclick="browserForward()" data-i18n-title="browser_forward" title="تقدم">→</button>
143
- </div>
144
- <div class="aws-url-bar">
145
- <span class="aws-url-lock" id="urlLock">🔒</span>
146
- <input class="aws-url-input" id="urlInput" data-i18n-placeholder="browser_url_ph" placeholder="أدخل الرابط أو ابحث..."
147
- onkeydown="if(event.key==='Enter')navigateTo(this.value)">
148
- </div>
149
- </div>
150
- <div class="aws-browser-empty" id="browserEmpty">
151
- <div class="aws-browser-empty-icon">🌐</div>
152
- <p data-i18n="browser_empty">اطلب من الوكيل البحث عن شيء أو أدخل رابطاً في شريط العنوان</p>
153
- </div>
154
- <iframe class="aws-browser-frame" id="browserFrame" style="display:none"
155
- sandbox="allow-same-origin allow-scripts allow-forms allow-popups"></iframe>
156
- </div>
157
- </div>
158
-
159
- <!-- Panel 2: Agent Chat -->
160
- <div class="aws-panel" id="panelChat">
161
- <div class="aws-panel-header">
162
- <div class="aws-panel-header-left">
163
- <div class="aws-panel-icon chat">🤖</div>
164
- <span class="aws-panel-title" data-i18n="panel_agent">الوكيل الذكي</span>
165
- <span class="aws-panel-status active" id="chatStatus" data-i18n="status_connected">متصل</span>
166
- </div>
167
- <div class="aws-panel-actions">
168
- <button class="aws-panel-action-btn" onclick="clearChat()" data-i18n-title="chat_new" title="محادثة جديدة">🗑</button>
169
- <button class="aws-panel-action-btn" onclick="maximizePanel('panelChat')" data-i18n-title="panel_maximize" title="تكبير">⬜</button>
170
- </div>
171
- </div>
172
- <div class="aws-panel-body">
173
- <div class="aws-chat-messages" id="chatMessages">
174
- <!-- Welcome message injected by JS -->
175
- </div>
176
-
177
- <div class="aws-typing-indicator" id="typingIndicator">
178
- <div class="aws-typing-dot"></div>
179
- <div class="aws-typing-dot"></div>
180
- <div class="aws-typing-dot"></div>
181
- </div>
182
-
183
- <div class="aws-chat-input-area">
184
- <div class="aws-chat-input-row">
185
- <textarea class="aws-chat-textarea" id="chatInput" rows="1"
186
- data-i18n-placeholder="chat_input_ph" placeholder="اكتب رسالتك هنا... (لا قيود — اكتب بحرية)"
187
- onkeydown="if(event.key==='Enter'&&!event.shiftKey){event.preventDefault();sendMessage()}"
188
- oninput="autoResize(this)"></textarea>
189
- <button class="aws-chat-send" id="sendBtn" onclick="sendMessage()" data-i18n-title="chat_send" title="إرسال">➤</button>
190
- </div>
191
- <div class="aws-chat-suggestions" id="chatSuggestions">
192
- <button class="aws-suggestion-chip" data-i18n="chip_hotels" onclick="useSuggestion(i18n('chip_hotels_query'))">🏨 فنادق تونس</button>
193
- <button class="aws-suggestion-chip" data-i18n="chip_laptop" onclick="useSuggestion(i18n('chip_laptop_query'))">🎮 لابتوب قيمنق</button>
194
- <button class="aws-suggestion-chip" data-i18n="chip_iphone" onclick="useSuggestion(i18n('chip_iphone_query'))">📱 iPhone 16</button>
195
- <button class="aws-suggestion-chip" data-i18n="chip_flight" onclick="useSuggestion(i18n('chip_flight_query'))">✈️ رحلة طيران</button>
196
- <button class="aws-suggestion-chip" data-i18n="chip_url_paste" onclick="promptUrlPaste()">🔗 لصق رابط حجز</button>
197
- <button class="aws-suggestion-chip" data-i18n="chip_security" onclick="useSuggestion(i18n('chip_security_query'))">🔒 فحص أمان</button>
198
- <button class="aws-suggestion-chip" data-i18n="chip_uni_analyze" onclick="universalAnalyzePage()">🔬 تحليل شامل</button>
199
- <button class="aws-suggestion-chip" data-i18n="chip_uni_fairness" onclick="universalFairnessCheck()">⚖️ فحص عدالة</button>
200
- <button class="aws-suggestion-chip" data-i18n="chip_uni_compare" onclick="universalComparePrompt()">📊 مقارنة أسعار</button>
201
- </div>
202
- </div>
203
- </div>
204
- </div>
205
-
206
- <!-- Panel 3: Negotiation Monitor -->
207
- <div class="aws-panel" id="panelMonitor">
208
- <div class="aws-panel-header">
209
- <div class="aws-panel-header-left">
210
- <div class="aws-panel-icon monitor">📊</div>
211
- <span class="aws-panel-title" data-i18n="panel_monitor">شاشة التفاوض</span>
212
- <span class="aws-panel-status idle" id="monitorStatus" data-i18n="status_waiting">في الانتظار</span>
213
- </div>
214
- <div class="aws-panel-actions">
215
- <button class="aws-panel-action-btn" onclick="maximizePanel('panelMonitor')" data-i18n-title="panel_maximize" title="تكبير">⬜</button>
216
- </div>
217
- </div>
218
- <div class="aws-panel-body">
219
- <div class="aws-monitor-content" id="monitorContent">
220
- <div class="aws-monitor-empty" id="monitorEmpty">
221
- <div class="aws-monitor-empty-icon">📊</div>
222
- <p data-i18n="monitor_empty">عندما يبدأ الوكيل بالبحث والتفاوض، ستراقب كل خطوة هنا مباشرة</p>
223
- </div>
224
-
225
- <!-- Progress Steps (shown during task) -->
226
- <div id="monitorSteps" style="display:none">
227
- <div class="aws-progress-steps" id="progressSteps"></div>
228
- </div>
229
-
230
- <!-- Agent Activity Cards -->
231
- <div id="monitorAgents"></div>
232
-
233
- <!-- Negotiation Rounds -->
234
- <div id="monitorNegotiations"></div>
235
-
236
- <!-- Dynamic Pricing Shield -->
237
- <div id="priceShieldSection" style="display:none">
238
- <div class="aws-shield-header">
239
- <span class="aws-shield-title">🛡️ <span data-i18n="shield_title">Dynamic Pricing Shield</span></span>
240
- <span class="aws-shield-badge" id="shieldBadge"></span>
241
- </div>
242
- <div class="aws-shield-status" id="shieldStatus"></div>
243
- <div class="aws-shield-probes" id="shieldProbes"></div>
244
- <div class="aws-shield-result" id="shieldResult"></div>
245
- </div>
246
- </div>
247
- </div>
248
- </div>
249
-
250
- <!-- Panel 4: Results & Actions -->
251
- <div class="aws-panel" id="panelResults">
252
- <div class="aws-panel-header">
253
- <div class="aws-panel-header-left">
254
- <div class="aws-panel-icon results">✅</div>
255
- <span class="aws-panel-title" data-i18n="panel_results">النتائج والإجراءات</span>
256
- <span class="aws-panel-status idle" id="resultsStatus" data-i18n="status_awaiting">بانتظار النتائج</span>
257
- </div>
258
- <div class="aws-panel-actions">
259
- <button class="aws-panel-action-btn" onclick="maximizePanel('panelResults')" data-i18n-title="panel_maximize" title="تكبير">⬜</button>
260
- </div>
261
- </div>
262
- <div class="aws-panel-body">
263
- <div class="aws-results-content" id="resultsContent">
264
- <div class="aws-results-empty" id="resultsEmpty">
265
- <div class="aws-results-empty-icon">✅</div>
266
- <p data-i18n="results_empty">ستظهر هنا أفضل النتائج والروابط بعد انتهاء الوكيل من البحث والتفاوض</p>
267
- </div>
268
-
269
- <!-- Results cards injected here -->
270
- <div id="resultsCards"></div>
271
-
272
- <!-- Universal Agent Analysis Section -->
273
- <div id="universalSection" style="display:none">
274
- <div class="aws-universal-header">
275
- <span>🌐 <span data-i18n="uni_title">Universal Agent Analysis</span></span>
276
- <button class="aws-panel-action-btn" onclick="closeUniversalSection()">✕</button>
277
- </div>
278
-
279
- <!-- Bridge Status -->
280
- <div class="aws-uni-bridge" id="uniBridgeWs"></div>
281
-
282
- <!-- Fairness Score -->
283
- <div class="aws-uni-fairness" id="uniFairnessWs"></div>
284
-
285
- <!-- Products Found -->
286
- <div class="aws-uni-products" id="uniProductsWs" style="display:none"></div>
287
-
288
- <!-- Dark Patterns Detected -->
289
- <div class="aws-uni-dark" id="uniDarkWs" style="display:none"></div>
290
-
291
- <!-- Fraud Alerts -->
292
- <div class="aws-uni-alerts" id="uniAlertsWs" style="display:none"></div>
293
-
294
- <!-- Comparison Results -->
295
- <div class="aws-uni-compare" id="uniCompareWs" style="display:none"></div>
296
- </div>
297
-
298
- <!-- Login request (shown when site needs auth) -->
299
- <div id="loginRequestArea" style="display:none"></div>
300
-
301
- <!-- Tips section -->
302
- <div id="tipsArea" style="display:none"></div>
303
- </div>
304
-
305
- <!-- Summary bar -->
306
- <div class="aws-results-summary" id="resultsSummary" style="display:none">
307
- <div class="aws-summary-stat">
308
- <span data-i18n="summary_results">🔍 نتائج:</span>
309
- <span class="value" id="summaryCount">0</span>
310
- </div>
311
- <div class="aws-summary-stat">
312
- <span data-i18n="summary_best_saving">💰 أفضل توفير:</span>
313
- <span class="value" id="summaryBestSaving">-</span>
314
- </div>
315
- <div class="aws-summary-stat">
316
- <span data-i18n="summary_time">⏱️ الوقت:</span>
317
- <span class="value" id="summaryTime">-</span>
318
- </div>
319
- </div>
320
- </div>
321
- </div>
322
- </div>
323
-
324
- <!-- ═══ Mobile Bottom Navigation ═══ -->
325
- <div class="aws-mobile-nav" id="mobileNav">
326
- <button class="aws-mobile-nav-item active" onclick="switchMobilePanel(0, this)">
327
- <span class="icon">🌐</span>
328
- <span data-i18n="nav_browser">المتصفح</span>
329
- </button>
330
- <button class="aws-mobile-nav-item" onclick="switchMobilePanel(1, this)">
331
- <span class="icon">🤖</span>
332
- <span data-i18n="nav_agent">الوكيل</span>
333
- </button>
334
- <button class="aws-mobile-nav-item" onclick="switchMobilePanel(2, this)">
335
- <span class="icon">📊</span>
336
- <span data-i18n="nav_monitor">التفاوض</span>
337
- </button>
338
- <button class="aws-mobile-nav-item" onclick="switchMobilePanel(3, this)">
339
- <span class="icon">✅</span>
340
- <span data-i18n="nav_results">النتائج</span>
341
- </button>
342
- </div>
343
-
344
- <!-- ═══ Toast Notification ═══ -->
345
- <div class="aws-toast" id="toast"></div>
346
-
347
- <script src="/js/agent-workspace.js?v=2.4.0"></script>
348
- </body>
349
- </html>
1
+ <!DOCTYPE html>
2
+ <html lang="ar" dir="rtl">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
6
+ <title data-i18n="page_title">WAB Agent Workspace — مساحة عمل الوكيل الذكي</title>
7
+ <link rel="icon" href="/assets/favicon.ico" type="image/x-icon">
8
+ <link rel="preconnect" href="https://fonts.googleapis.com">
9
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10
+ <style>body{background:#0a0e1a;color:#f0f4ff;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;margin:0;min-height:100vh}</style>
11
+ <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'">
12
+ <noscript><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"></noscript>
13
+ <link rel="stylesheet" href="/css/agent-workspace.css?v=2.4.0">
14
+ </head>
15
+ <body class="aws-body" dir="rtl">
16
+
17
+ <!-- ═══ Auth Overlay ═══ -->
18
+ <div id="authOverlay" class="aws-auth-overlay">
19
+ <div class="aws-auth-card">
20
+ <div class="aws-auth-logo">🤖</div>
21
+
22
+ <!-- Login Form -->
23
+ <div id="authLogin">
24
+ <h2 class="aws-auth-title" data-i18n="auth_welcome">مرحباً بك في WAB</h2>
25
+ <p class="aws-auth-subtitle" data-i18n="auth_subtitle">سجّل دخولك للوصول إلى مساحة عمل الوكيل الذكي</p>
26
+ <div id="authError" class="aws-auth-error"></div>
27
+ <form id="loginForm" class="aws-auth-form" autocomplete="on">
28
+ <label for="loginEmail" data-i18n="auth_email">البريد الإلكتروني</label>
29
+ <input id="loginEmail" class="aws-auth-input" type="email" data-i18n-placeholder="auth_email_ph" placeholder="you@email.com" required autocomplete="email">
30
+ <label for="loginPassword" data-i18n="auth_password">كلمة المرور</label>
31
+ <input id="loginPassword" class="aws-auth-input" type="password" data-i18n-placeholder="auth_password_ph" placeholder="••••••••" required autocomplete="current-password">
32
+ <button type="submit" class="aws-auth-submit" id="loginBtn" data-i18n="auth_login_btn">تسجيل الدخول</button>
33
+ </form>
34
+ <p class="aws-auth-switch"><span data-i18n="auth_no_account">ليس لديك حساب؟</span> <a onclick="showRegister()" data-i18n="auth_create_account">إنشاء حساب جديد</a></p>
35
+ <div style="margin-top:12px;text-align:center">
36
+ <a onclick="enterDemoMode()" style="color:#64748b;font-size:0.8rem;cursor:pointer;text-decoration:underline" data-i18n="auth_demo">تجربة بدون حساب (وضع تجريبي)</a>
37
+ </div>
38
+ </div>
39
+
40
+ <!-- Register Form -->
41
+ <div id="authRegister" style="display:none">
42
+ <h2 class="aws-auth-title" data-i18n="auth_register_title">إنشاء حساب جديد</h2>
43
+ <p class="aws-auth-subtitle" data-i18n="auth_register_subtitle">ابدأ مع الوكيل الذكي — ابحث، قارن، وفاوض بذكاء</p>
44
+ <div id="regError" class="aws-auth-error"></div>
45
+ <form id="registerForm" class="aws-auth-form" autocomplete="on">
46
+ <label for="regName" data-i18n="auth_name">الاسم</label>
47
+ <input id="regName" class="aws-auth-input" type="text" data-i18n-placeholder="auth_name_ph" placeholder="محمد" required autocomplete="name">
48
+ <label for="regEmail" data-i18n="auth_email">البريد الإلكتروني</label>
49
+ <input id="regEmail" class="aws-auth-input" type="email" data-i18n-placeholder="auth_email_ph" placeholder="you@email.com" required autocomplete="email">
50
+ <label for="regPassword" data-i18n="auth_password">كلمة المرور</label>
51
+ <input id="regPassword" class="aws-auth-input" type="password" data-i18n-placeholder="auth_reg_password_ph" placeholder="6 أحرف على الأقل" required minlength="6" autocomplete="new-password">
52
+ <button type="submit" class="aws-auth-submit" id="regBtn" data-i18n="auth_register_btn">إنشاء حساب</button>
53
+ </form>
54
+ <p class="aws-auth-switch"><span data-i18n="auth_has_account">لديك حساب بالفعل؟</span> <a onclick="showLogin()" data-i18n="auth_signin_link">تسجيل الدخول</a></p>
55
+ </div>
56
+
57
+ <!-- Subscription Selection (after register) -->
58
+ <div id="authSubscription" style="display:none">
59
+ <h2 class="aws-auth-title" data-i18n="auth_plan_title">اختر خطتك</h2>
60
+ <p class="aws-auth-subtitle" data-i18n="auth_plan_subtitle">ابدأ مجاناً أو اختر خطة تناسبك</p>
61
+ <div class="aws-plans-grid">
62
+ <div class="aws-plan-card" onclick="selectPlan('free')">
63
+ <div class="aws-plan-name" data-i18n="plan_free">مجاني</div>
64
+ <div class="aws-plan-price">$0 <span data-i18n="plan_per_month">/شهر</span></div>
65
+ <ul class="aws-plan-features">
66
+ <li data-i18n="plan_free_f1">5 مهام يومياً</li>
67
+ <li data-i18n="plan_free_f2">بحث أساسي</li>
68
+ <li data-i18n="plan_free_f3">نتائج محدودة</li>
69
+ </ul>
70
+ </div>
71
+ <div class="aws-plan-card recommended" onclick="selectPlan('pro')">
72
+ <div class="aws-plan-name" style="color:#8b5cf6">Pro ⭐</div>
73
+ <div class="aws-plan-price">$29 <span data-i18n="plan_per_month">/شهر</span></div>
74
+ <ul class="aws-plan-features">
75
+ <li data-i18n="plan_pro_f1">مهام غير محدودة</li>
76
+ <li data-i18n="plan_pro_f2">تفاوض متقدم</li>
77
+ <li data-i18n="plan_pro_f3">وكيل يُتمم الصفقات</li>
78
+ <li data-i18n="plan_pro_f4">أولوية في الدعم</li>
79
+ </ul>
80
+ </div>
81
+ <div class="aws-plan-card" onclick="selectPlan('enterprise')">
82
+ <div class="aws-plan-name">Enterprise</div>
83
+ <div class="aws-plan-price">$99 <span data-i18n="plan_per_month">/شهر</span></div>
84
+ <ul class="aws-plan-features">
85
+ <li data-i18n="plan_ent_f1">كل ميزات Pro</li>
86
+ <li data-i18n="plan_ent_f2">API مخصص</li>
87
+ <li data-i18n="plan_ent_f3">فريق متعدد</li>
88
+ <li data-i18n="plan_ent_f4">دعم مخصص 24/7</li>
89
+ </ul>
90
+ </div>
91
+ </div>
92
+ </div>
93
+ </div>
94
+ </div>
95
+
96
+ <!-- ═══ Top Bar ═══ -->
97
+ <div class="aws-topbar">
98
+ <div class="aws-topbar-left">
99
+ <div class="aws-logo">W</div>
100
+ <div class="aws-topbar-title"><span>WAB</span> Agent Workspace</div>
101
+ </div>
102
+
103
+ <div class="aws-topbar-center">
104
+ <button class="aws-layout-btn active" onclick="setLayout('grid')" title="Grid 2×2">⊞</button>
105
+ <button class="aws-layout-btn" onclick="setLayout('horizontal')" title="Horizontal">☰</button>
106
+ <button class="aws-layout-btn" onclick="setLayout('focus-browser')" title="Focus Browser">◧</button>
107
+ </div>
108
+
109
+ <div class="aws-topbar-right">
110
+ <span id="userTier" class="aws-tier-badge premium">Premium</span>
111
+ <div id="userBadge" class="aws-user-badge">
112
+ <div class="aws-user-avatar" id="userAvatar">M</div>
113
+ <span id="userName">User</span>
114
+ </div>
115
+ <button class="aws-btn-icon" onclick="toggleLang()" title="عربي/English">🌐</button>
116
+ <button class="aws-btn-icon" onclick="toggleSettings()" data-i18n-title="topbar_settings" title="الإعدادات">⚙</button>
117
+ <button class="aws-logout-btn" onclick="logout()" data-i18n="topbar_logout">خروج</button>
118
+ <button class="aws-mobile-menu-btn" onclick="toggleMobileMenu()">☰</button>
119
+ </div>
120
+ </div>
121
+
122
+ <!-- ═══ 4-Panel Workspace ═══ -->
123
+ <div id="workspace" class="aws-workspace">
124
+
125
+ <!-- Panel 1: Browser -->
126
+ <div class="aws-panel active-mobile" id="panelBrowser">
127
+ <div class="aws-panel-header">
128
+ <div class="aws-panel-header-left">
129
+ <div class="aws-panel-icon browser">🌐</div>
130
+ <span class="aws-panel-title" data-i18n="panel_browser">المتصفح</span>
131
+ <span class="aws-panel-status idle" id="browserStatus" data-i18n="status_ready">جاهز</span>
132
+ </div>
133
+ <div class="aws-panel-actions">
134
+ <button class="aws-panel-action-btn" onclick="refreshBrowser()" data-i18n-title="browser_refresh" title="تحديث">↻</button>
135
+ <button class="aws-panel-action-btn" onclick="maximizePanel('panelBrowser')" data-i18n-title="panel_maximize" title="تكبير">⬜</button>
136
+ </div>
137
+ </div>
138
+ <div class="aws-panel-body">
139
+ <div class="aws-browser-bar">
140
+ <div class="aws-browser-nav">
141
+ <button onclick="browserBack()" data-i18n-title="browser_back" title="رجوع">←</button>
142
+ <button onclick="browserForward()" data-i18n-title="browser_forward" title="تقدم">→</button>
143
+ </div>
144
+ <div class="aws-url-bar">
145
+ <span class="aws-url-lock" id="urlLock">🔒</span>
146
+ <input class="aws-url-input" id="urlInput" data-i18n-placeholder="browser_url_ph" placeholder="أدخل الرابط أو ابحث..."
147
+ onkeydown="if(event.key==='Enter')navigateTo(this.value)">
148
+ </div>
149
+ </div>
150
+ <div class="aws-browser-empty" id="browserEmpty">
151
+ <div class="aws-browser-empty-icon">🌐</div>
152
+ <p data-i18n="browser_empty">اطلب من الوكيل البحث عن شيء أو أدخل رابطاً في شريط العنوان</p>
153
+ </div>
154
+ <iframe class="aws-browser-frame" id="browserFrame" style="display:none"
155
+ sandbox="allow-same-origin allow-scripts allow-forms allow-popups"></iframe>
156
+ </div>
157
+ </div>
158
+
159
+ <!-- Panel 2: Agent Chat -->
160
+ <div class="aws-panel" id="panelChat">
161
+ <div class="aws-panel-header">
162
+ <div class="aws-panel-header-left">
163
+ <div class="aws-panel-icon chat">🤖</div>
164
+ <span class="aws-panel-title" data-i18n="panel_agent">الوكيل الذكي</span>
165
+ <span class="aws-panel-status active" id="chatStatus" data-i18n="status_connected">متصل</span>
166
+ </div>
167
+ <div class="aws-panel-actions">
168
+ <button class="aws-panel-action-btn" onclick="clearChat()" data-i18n-title="chat_new" title="محادثة جديدة">🗑</button>
169
+ <button class="aws-panel-action-btn" onclick="maximizePanel('panelChat')" data-i18n-title="panel_maximize" title="تكبير">⬜</button>
170
+ </div>
171
+ </div>
172
+ <div class="aws-panel-body">
173
+ <div class="aws-chat-messages" id="chatMessages">
174
+ <!-- Welcome message injected by JS -->
175
+ </div>
176
+
177
+ <div class="aws-typing-indicator" id="typingIndicator">
178
+ <div class="aws-typing-dot"></div>
179
+ <div class="aws-typing-dot"></div>
180
+ <div class="aws-typing-dot"></div>
181
+ </div>
182
+
183
+ <div class="aws-chat-input-area">
184
+ <div class="aws-chat-input-row">
185
+ <textarea class="aws-chat-textarea" id="chatInput" rows="1"
186
+ data-i18n-placeholder="chat_input_ph" placeholder="اكتب رسالتك هنا... (لا قيود — اكتب بحرية)"
187
+ onkeydown="if(event.key==='Enter'&&!event.shiftKey){event.preventDefault();sendMessage()}"
188
+ oninput="autoResize(this)"></textarea>
189
+ <button class="aws-chat-send" id="sendBtn" onclick="sendMessage()" data-i18n-title="chat_send" title="إرسال">➤</button>
190
+ </div>
191
+ <div class="aws-chat-suggestions" id="chatSuggestions">
192
+ <button class="aws-suggestion-chip" data-i18n="chip_hotels" onclick="useSuggestion(i18n('chip_hotels_query'))">🏨 فنادق تونس</button>
193
+ <button class="aws-suggestion-chip" data-i18n="chip_laptop" onclick="useSuggestion(i18n('chip_laptop_query'))">🎮 لابتوب قيمنق</button>
194
+ <button class="aws-suggestion-chip" data-i18n="chip_iphone" onclick="useSuggestion(i18n('chip_iphone_query'))">📱 iPhone 16</button>
195
+ <button class="aws-suggestion-chip" data-i18n="chip_flight" onclick="useSuggestion(i18n('chip_flight_query'))">✈️ رحلة طيران</button>
196
+ <button class="aws-suggestion-chip" data-i18n="chip_url_paste" onclick="promptUrlPaste()">🔗 لصق رابط حجز</button>
197
+ <button class="aws-suggestion-chip" data-i18n="chip_security" onclick="useSuggestion(i18n('chip_security_query'))">🔒 فحص أمان</button>
198
+ <button class="aws-suggestion-chip" data-i18n="chip_uni_analyze" onclick="universalAnalyzePage()">🔬 تحليل شامل</button>
199
+ <button class="aws-suggestion-chip" data-i18n="chip_uni_fairness" onclick="universalFairnessCheck()">⚖️ فحص عدالة</button>
200
+ <button class="aws-suggestion-chip" data-i18n="chip_uni_compare" onclick="universalComparePrompt()">📊 مقارنة أسعار</button>
201
+ </div>
202
+ </div>
203
+ </div>
204
+ </div>
205
+
206
+ <!-- Panel 3: Negotiation Monitor -->
207
+ <div class="aws-panel" id="panelMonitor">
208
+ <div class="aws-panel-header">
209
+ <div class="aws-panel-header-left">
210
+ <div class="aws-panel-icon monitor">📊</div>
211
+ <span class="aws-panel-title" data-i18n="panel_monitor">شاشة التفاوض</span>
212
+ <span class="aws-panel-status idle" id="monitorStatus" data-i18n="status_waiting">في الانتظار</span>
213
+ </div>
214
+ <div class="aws-panel-actions">
215
+ <button class="aws-panel-action-btn" onclick="maximizePanel('panelMonitor')" data-i18n-title="panel_maximize" title="تكبير">⬜</button>
216
+ </div>
217
+ </div>
218
+ <div class="aws-panel-body">
219
+ <div class="aws-monitor-content" id="monitorContent">
220
+ <div class="aws-monitor-empty" id="monitorEmpty">
221
+ <div class="aws-monitor-empty-icon">📊</div>
222
+ <p data-i18n="monitor_empty">عندما يبدأ الوكيل بالبحث والتفاوض، ستراقب كل خطوة هنا مباشرة</p>
223
+ </div>
224
+
225
+ <!-- Progress Steps (shown during task) -->
226
+ <div id="monitorSteps" style="display:none">
227
+ <div class="aws-progress-steps" id="progressSteps"></div>
228
+ </div>
229
+
230
+ <!-- Agent Activity Cards -->
231
+ <div id="monitorAgents"></div>
232
+
233
+ <!-- Negotiation Rounds -->
234
+ <div id="monitorNegotiations"></div>
235
+
236
+ <!-- Dynamic Pricing Shield -->
237
+ <div id="priceShieldSection" style="display:none">
238
+ <div class="aws-shield-header">
239
+ <span class="aws-shield-title">🛡️ <span data-i18n="shield_title">Dynamic Pricing Shield</span></span>
240
+ <span class="aws-shield-badge" id="shieldBadge"></span>
241
+ </div>
242
+ <div class="aws-shield-status" id="shieldStatus"></div>
243
+ <div class="aws-shield-probes" id="shieldProbes"></div>
244
+ <div class="aws-shield-result" id="shieldResult"></div>
245
+ </div>
246
+ </div>
247
+ </div>
248
+ </div>
249
+
250
+ <!-- Panel 4: Results & Actions -->
251
+ <div class="aws-panel" id="panelResults">
252
+ <div class="aws-panel-header">
253
+ <div class="aws-panel-header-left">
254
+ <div class="aws-panel-icon results">✅</div>
255
+ <span class="aws-panel-title" data-i18n="panel_results">النتائج والإجراءات</span>
256
+ <span class="aws-panel-status idle" id="resultsStatus" data-i18n="status_awaiting">بانتظار النتائج</span>
257
+ </div>
258
+ <div class="aws-panel-actions">
259
+ <button class="aws-panel-action-btn" onclick="maximizePanel('panelResults')" data-i18n-title="panel_maximize" title="تكبير">⬜</button>
260
+ </div>
261
+ </div>
262
+ <div class="aws-panel-body">
263
+ <div class="aws-results-content" id="resultsContent">
264
+ <div class="aws-results-empty" id="resultsEmpty">
265
+ <div class="aws-results-empty-icon">✅</div>
266
+ <p data-i18n="results_empty">ستظهر هنا أفضل النتائج والروابط بعد انتهاء الوكيل من البحث والتفاوض</p>
267
+ </div>
268
+
269
+ <!-- Results cards injected here -->
270
+ <div id="resultsCards"></div>
271
+
272
+ <!-- Universal Agent Analysis Section -->
273
+ <div id="universalSection" style="display:none">
274
+ <div class="aws-universal-header">
275
+ <span>🌐 <span data-i18n="uni_title">Universal Agent Analysis</span></span>
276
+ <button class="aws-panel-action-btn" onclick="closeUniversalSection()">✕</button>
277
+ </div>
278
+
279
+ <!-- Bridge Status -->
280
+ <div class="aws-uni-bridge" id="uniBridgeWs"></div>
281
+
282
+ <!-- Fairness Score -->
283
+ <div class="aws-uni-fairness" id="uniFairnessWs"></div>
284
+
285
+ <!-- Products Found -->
286
+ <div class="aws-uni-products" id="uniProductsWs" style="display:none"></div>
287
+
288
+ <!-- Dark Patterns Detected -->
289
+ <div class="aws-uni-dark" id="uniDarkWs" style="display:none"></div>
290
+
291
+ <!-- Fraud Alerts -->
292
+ <div class="aws-uni-alerts" id="uniAlertsWs" style="display:none"></div>
293
+
294
+ <!-- Comparison Results -->
295
+ <div class="aws-uni-compare" id="uniCompareWs" style="display:none"></div>
296
+ </div>
297
+
298
+ <!-- Login request (shown when site needs auth) -->
299
+ <div id="loginRequestArea" style="display:none"></div>
300
+
301
+ <!-- Tips section -->
302
+ <div id="tipsArea" style="display:none"></div>
303
+ </div>
304
+
305
+ <!-- Summary bar -->
306
+ <div class="aws-results-summary" id="resultsSummary" style="display:none">
307
+ <div class="aws-summary-stat">
308
+ <span data-i18n="summary_results">🔍 نتائج:</span>
309
+ <span class="value" id="summaryCount">0</span>
310
+ </div>
311
+ <div class="aws-summary-stat">
312
+ <span data-i18n="summary_best_saving">💰 أفضل توفير:</span>
313
+ <span class="value" id="summaryBestSaving">-</span>
314
+ </div>
315
+ <div class="aws-summary-stat">
316
+ <span data-i18n="summary_time">⏱️ الوقت:</span>
317
+ <span class="value" id="summaryTime">-</span>
318
+ </div>
319
+ </div>
320
+ </div>
321
+ </div>
322
+ </div>
323
+
324
+ <!-- ═══ Mobile Bottom Navigation ═══ -->
325
+ <div class="aws-mobile-nav" id="mobileNav">
326
+ <button class="aws-mobile-nav-item active" onclick="switchMobilePanel(0, this)">
327
+ <span class="icon">🌐</span>
328
+ <span data-i18n="nav_browser">المتصفح</span>
329
+ </button>
330
+ <button class="aws-mobile-nav-item" onclick="switchMobilePanel(1, this)">
331
+ <span class="icon">🤖</span>
332
+ <span data-i18n="nav_agent">الوكيل</span>
333
+ </button>
334
+ <button class="aws-mobile-nav-item" onclick="switchMobilePanel(2, this)">
335
+ <span class="icon">📊</span>
336
+ <span data-i18n="nav_monitor">التفاوض</span>
337
+ </button>
338
+ <button class="aws-mobile-nav-item" onclick="switchMobilePanel(3, this)">
339
+ <span class="icon">✅</span>
340
+ <span data-i18n="nav_results">النتائج</span>
341
+ </button>
342
+ </div>
343
+
344
+ <!-- ═══ Toast Notification ═══ -->
345
+ <div class="aws-toast" id="toast"></div>
346
+
347
+ <script src="/js/agent-workspace.js?v=2.4.0"></script>
348
+ </body>
349
+ </html>