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