diff --git a/src/pentesting-web/hacking-with-cookies/README.md b/src/pentesting-web/hacking-with-cookies/README.md
index 487acfcff..3eedf8712 100644
--- a/src/pentesting-web/hacking-with-cookies/README.md
+++ b/src/pentesting-web/hacking-with-cookies/README.md
@@ -12,7 +12,7 @@ Cookie 的过期日期由 `Expires` 属性决定。相反，`Max-age` 属性定
### Domain
-接收 cookie 的主机由 `Domain` 属性指定。默认情况下，这设置为发出 cookie 的主机，不包括其子域。然而，当 `Domain` 属性被显式设置时，它也包括子域。这使得 `Domain` 属性的指定成为一个不那么严格的选项，适用于需要跨子域共享 cookie 的场景。例如，设置 `Domain=mozilla.org` 使得在其子域如 `developer.mozilla.org` 上可以访问 cookie。
+接收 cookie 的主机由 `Domain` 属性指定。默认情况下，这设置为发出 cookie 的主机，不包括其子域。然而，当 `Domain` 属性被显式设置时，它也包括子域。这使得 `Domain` 属性的指定成为一个不那么严格的选项，适用于需要跨子域共享 cookie 的场景。例如，设置 `Domain=mozilla.org` 使得其子域如 `developer.mozilla.org` 上的 cookie 可访问。
### Path
@@ -27,7 +27,7 @@ Cookie 的过期日期由 `Expires` 属性决定。相反，`Max-age` 属性定
### SameSite
-- `SameSite` 属性决定 cookie 是否在来自第三方域的请求中发送。它提供三种设置：
+- `SameSite` 属性决定是否在来自第三方域的请求中发送 cookie。它提供三种设置：
- **Strict**：限制 cookie 在第三方请求中发送。
- **Lax**：允许 cookie 与由第三方网站发起的 GET 请求一起发送。
- **None**：允许 cookie 从任何第三方域发送。
@@ -47,7 +47,7 @@ Cookie 的过期日期由 `Expires` 属性决定。相反，`Max-age` 属性定
表格来自 [Invicti](https://www.netsparker.com/blog/web-security/same-site-cookie-attribute-prevent-cross-site-request-forgery/) 并稍作修改。\
具有 _**SameSite**_ 属性的 cookie 将 **减轻 CSRF 攻击**，其中需要登录会话。
-**\*请注意，从 Chrome80（2019年2月）开始，未设置 cookie samesite 属性的 cookie 的默认行为将是 lax** ([https://www.troyhunt.com/promiscuous-cookies-and-their-impending-death-via-the-samesite-policy/](https://www.troyhunt.com/promiscuous-cookies-and-their-impending-death-via-the-samesite-policy/)).\
+**\*请注意，从 Chrome80（2019年2月）开始，未设置 cookie samesite 属性的 cookie 的默认行为将为 lax** ([https://www.troyhunt.com/promiscuous-cookies-and-their-impending-death-via-the-samesite-policy/](https://www.troyhunt.com/promiscuous-cookies-and-their-impending-death-via-the-samesite-policy/)).\
请注意，临时情况下，在应用此更改后，Chrome 中 **没有 SameSite** **策略的 cookie 将在 **前 2 分钟内被 **视为 None**，然后在顶级跨站点 POST 请求中视为 Lax。**
## Cookies Flags
@@ -58,7 +58,7 @@ Cookie 的过期日期由 `Expires` 属性决定。相反，`Max-age` 属性定
#### **Bypasses**
-- 如果页面 **将 cookie 作为请求的响应发送**（例如在 **PHPinfo** 页面中），可以利用 XSS 发送请求到此页面并 **窃取响应中的 cookie**（请查看 [https://hackcommander.github.io/posts/2022/11/12/bypass-httponly-via-php-info-page/](https://hackcommander.github.io/posts/2022/11/12/bypass-httponly-via-php-info-page/) 中的示例）。
+- 如果页面 **作为请求的响应发送 cookie**（例如在 **PHPinfo** 页面中），可以利用 XSS 发送请求到此页面并 **窃取响应中的 cookie**（请查看 [https://blog.hackcommander.com/posts/2022/11/12/bypass-httponly-via-php-info-page/](https://blog.hackcommander.com/posts/2022/11/12/bypass-httponly-via-php-info-page/) 中的示例）。
- 这可以通过 **TRACE** **HTTP** 请求绕过，因为服务器的响应将反映发送的 cookie（如果此 HTTP 方法可用）。此技术称为 **Cross-Site Tracking**。
- 现代浏览器通过不允许从 JS 发送 TRACE 请求来避免此技术。然而，在特定软件中发现了一些绕过方法，例如向 IE6.0 SP2 发送 `\r\nTRACE` 而不是 `TRACE`。
- 另一种方法是利用浏览器的零日漏洞。
@@ -72,7 +72,7 @@ cookie-jar-overflow.md
### Secure
-请求将 **仅** 在通过安全通道（通常是 **HTTPS**）传输时发送 cookie。
+请求将 **仅** 在通过安全通道（通常是 **HTTPS**）传输的 HTTP 请求中发送 cookie。
## Cookies Prefixes
@@ -85,7 +85,7 @@ cookie-jar-overflow.md
- 禁止指定域，防止其传输到子域。
- 这些 cookie 的路径必须设置为 `/`。
-重要的是要注意，以 `__Host-` 开头的 cookie 不允许发送到超级域或子域。此限制有助于隔离应用程序 cookie。因此，使用 `__Host-` 前缀为所有应用程序 cookie 被视为增强安全性和隔离性的良好做法。
+重要的是要注意，以 `__Host-` 开头的 cookie 不允许发送到超级域或子域。此限制有助于隔离应用程序 cookie。因此，使用 `__Host-` 前缀为所有应用程序 cookie 被视为增强安全性和隔离的良好做法。
### Overwriting cookies
@@ -93,7 +93,7 @@ cookie-jar-overflow.md
 (1) (1) (1) (1).png)
-或者在 PHP 中，可以在 cookie 名称的开头添加 **其他字符**，这些字符将被 **替换为下划线** 字符，从而允许覆盖 `__HOST-` cookies：
+或者在 PHP 中，可以在 cookie 名称的开头添加 **其他字符**，这些字符将被 **替换为下划线**，允许覆盖 `__HOST-` cookies：
 (1) (1) (1) (1).png)
@@ -133,7 +133,7 @@ cookie-tossing.md
点击上面的链接访问解释 JWT 可能存在缺陷的页面。
-用于 cookie 的 JSON Web Tokens (JWT) 也可能存在漏洞。有关潜在缺陷及其利用方式的深入信息，建议访问有关黑客 JWT 的链接文档。
+用于 cookie 的 JSON Web Tokens (JWT) 也可能存在漏洞。有关潜在缺陷及其利用方式的详细信息，建议访问有关黑客 JWT 的链接文档。
### Cross-Site Request Forgery (CSRF)
@@ -147,7 +147,7 @@ document.cookie = "a=v1"
document.cookie = "=test value;" // Setting an empty named cookie
document.cookie = "b=v2"
```
-在发送的 cookie 头中的结果是 `a=v1; test value; b=v2;`。有趣的是，如果设置了一个空名称的 cookie，这允许对 cookies 进行操控，通过将空 cookie 设置为特定值，可能控制其他 cookies：
+发送的 cookie 头中的结果是 `a=v1; test value; b=v2;`。有趣的是，如果设置了一个空名称的 cookie，这允许对 cookies 进行操控，通过将空 cookie 设置为特定值，可能控制其他 cookies：
```js
function setCookie(name, value) {
document.cookie = `${name}=${value}`
@@ -167,7 +167,7 @@ document.cookie = "\ud800=meep"
#### 由于解析问题导致的 Cookie 走私
-(查看[原始研究](https://blog.ankursundara.com/cookie-bugs/)的更多细节) 一些网络服务器，包括 Java（Jetty, TomCat, Undertow）和 Python（Zope, cherrypy, web.py, aiohttp, bottle, webob），由于对过时的 RFC2965 支持，错误处理 cookie 字符串。它们将双引号括起来的 cookie 值视为单个值，即使它包含分号，而分号通常应分隔键值对：
+（查看[原始研究](https://blog.ankursundara.com/cookie-bugs/)的更多细节）包括 Java（Jetty、TomCat、Undertow）和 Python（Zope、cherrypy、web.py、aiohttp、bottle、webob）在内的多个网络服务器，由于对过时的 RFC2965 支持，错误处理 cookie 字符串。它们将带有双引号的 cookie 值视为单个值，即使它包含分号，而分号通常应分隔键值对：
```
RENDER_TEXT="hello world; JSESSIONID=13371337; ASDF=end";
```
@@ -179,7 +179,7 @@ RENDER_TEXT="hello world; JSESSIONID=13371337; ASDF=end";
- Zope 寻找逗号以开始解析下一个 cookie。
- Python 的 cookie 类在空格字符上开始解析。
-这种漏洞在依赖基于 cookie 的 CSRF 保护的 web 应用程序中尤其危险，因为它允许攻击者注入伪造的 CSRF-token cookies，可能绕过安全措施。这个问题因 Python 对重复 cookie 名称的处理而加剧，最后一个出现的名称会覆盖之前的名称。它还引发了对不安全上下文中 `__Secure-` 和 `__Host-` cookies 的担忧，并可能导致在将 cookies 传递给易受伪造影响的后端服务器时发生授权绕过。
+这种漏洞在依赖基于 cookie 的 CSRF 保护的 web 应用程序中尤其危险，因为它允许攻击者注入伪造的 CSRF-token cookies，可能绕过安全措施。这个问题因 Python 对重复 cookie 名称的处理而加剧，最后一个出现的名称会覆盖之前的名称。它还引发了对不安全上下文中 `__Secure-` 和 `__Host-` cookies 的担忧，并可能导致在将 cookies 传递给易受伪造影响的后端服务器时绕过授权。
### Cookies $version
@@ -189,16 +189,15 @@ RENDER_TEXT="hello world; JSESSIONID=13371337; ASDF=end";
#### Cookie Sandwich Attack
-根据[**这篇博客**](https://portswigger.net/research/stealing-httponly-cookies-with-the-cookie-sandwich-technique)，可以使用 cookie 三明治技术来窃取 HttpOnly cookies。以下是要求和步骤：
+根据[**这篇博客**](https://portswigger.net/research/stealing-httponly-cookies-with-the-cookie-sandwich-technique)，可以使用 cookie sandwich 技术来窃取 HttpOnly cookies。以下是要求和步骤：
-- 找到一个明显无用的 **cookie 在响应中被反射** 的地方
+- 找到一个明显无用的 **cookie 在响应中被反射的地方**
- **创建一个名为 `$Version`** 的 cookie，值为 `1`（你可以在 JS 的 XSS 攻击中做到这一点），并使用更具体的路径以获取初始位置（一些框架如 Python 不需要这一步）
- **创建被反射的 cookie**，其值留有 **开放的双引号**，并使用特定路径以便在 cookie 数据库中位于前一个 cookie (`$Version`) 之后
-- 然后，合法的 cookie 将按顺序排在后面
-- **创建一个虚拟 cookie 来关闭双引号** 在其值中
+- 然后，合法的 cookie 将按顺序紧随其后
+- **创建一个虚拟 cookie 来关闭双引号** 在其值内
这样，受害者的 cookie 就会被困在新的 cookie 版本 1 中，并将在每次反射时被反射。
-例如，来自帖子：
```javascript
document.cookie = `$Version=1;`;
document.cookie = `param1="start`;
@@ -213,7 +212,7 @@ document.cookie = `param2=end";`;
#### 使用引号字符串编码绕过值分析
-此解析指示在 cookies 内部取消转义已转义的值，因此 "\a" 变为 "a"。这对于绕过 WAFS 很有用，例如：
+此解析指示在 cookies 内部取消转义已转义的值，因此 "\a" 变为 "a"。这对于绕过 WAFS 很有用，如下所示：
- `eval('test') => forbidden`
- `"\e\v\a\l\(\'\t\e\s\t\'\)" => allowed`
@@ -238,7 +237,7 @@ Cookie: comment')
Resulting cookie: name=eval('test//, comment') => allowed
```
-### 额外的易受攻击的 Cookie 检查
+### 额外脆弱的 Cookie 检查
#### **基本检查**
@@ -247,15 +246,15 @@ Resulting cookie: name=eval('test//, comment') => allowed
- 尝试在 2 个设备（或浏览器）上使用相同的 cookie 登录同一账户。
- 检查 cookie 中是否有任何信息并尝试修改它。
- 尝试创建多个几乎相同用户名的账户，并检查是否可以看到相似之处。
-- 检查是否存在 "**记住我**" 选项以查看其工作原理。如果存在且可能存在漏洞，请始终使用 "**记住我**" 的 cookie，而不使用其他 cookie。
+- 检查是否存在 "**记住我**" 选项以了解其工作原理。如果存在且可能存在漏洞，请始终使用 "**记住我**" 的 cookie，而不使用其他 cookie。
- 检查即使在更改密码后，之前的 cookie 是否仍然有效。
#### **高级 cookie 攻击**
如果在登录时 cookie 保持不变（或几乎不变），这可能意味着该 cookie 与您账户的某个字段相关（可能是用户名）。然后您可以：
-- 尝试创建许多非常 **相似** 的用户名的 **账户**，并尝试 **猜测** 算法的工作原理。
-- 尝试 **暴力破解用户名**。如果 cookie 仅作为您用户名的身份验证方法保存，那么您可以创建一个用户名为 "**Bmin**" 的账户，并 **暴力破解** 您的 cookie 的每一个 **位**，因为您尝试的其中一个 cookie 将是属于 "**admin**" 的。
+- 尝试创建许多用户名非常 **相似** 的 **账户**，并尝试 **猜测** 算法的工作原理。
+- 尝试 **暴力破解用户名**。如果 cookie 仅作为您用户名的身份验证方法保存，那么您可以创建一个用户名为 "**Bmin**" 的账户，并 **暴力破解** 您的 cookie 的每一个 **位**，因为您尝试的其中一个 cookie 将是属于 "**admin**" 的那个。
- 尝试 **Padding** **Oracle**（您可以解密 cookie 的内容）。使用 **padbuster**。
**Padding Oracle - Padbuster 示例**
@@ -268,7 +267,7 @@ padbuster http://web.com/index.php u7bvLewln6PJPSAbMb5pFfnCHSEd6olf 8 -cookies a
padBuster http://web.com/home.jsp?UID=7B216A634951170FF851D6CC68FC9537858795A28ED4AAC6
7B216A634951170FF851D6CC68FC9537858795A28ED4AAC6 8 -encoding 2
```
-Padbuster 将进行多次尝试，并会询问您哪个条件是错误条件（无效的条件）。
+Padbuster 将进行多次尝试，并会询问您哪个条件是错误条件（即无效的条件）。
然后它将开始解密 cookie（可能需要几分钟）。
@@ -276,30 +275,30 @@ Padbuster 将进行多次尝试，并会询问您哪个条件是错误条件（
```
padbuster http://web.com/index.php 1dMjA5hfXh0jenxJQ0iW6QXKkzAGIWsiDAKV3UwJPT2lBP+zAD0D0w== 8 -cookies thecookie=1dMjA5hfXh0jenxJQ0iW6QXKkzAGIWsiDAKV3UwJPT2lBP+zAD0D0w== -plaintext user=administrator
```
-此执行将正确加密和编码包含字符串 **user=administrator** 的 cookie。
+此执行将正确加密和编码 cookie，并在其中包含字符串 **user=administrator**。
**CBC-MAC**
-也许一个 cookie 可以有某个值，并且可以使用 CBC 签名。然后，值的完整性是使用相同值的 CBC 创建的签名。由于建议使用空向量作为 IV，这种完整性检查可能会受到攻击。
+也许一个 cookie 可以有某个值，并可以使用 CBC 签名。然后，值的完整性是通过使用相同值的 CBC 创建的签名。由于建议使用空向量作为 IV，这种完整性检查可能会存在漏洞。
**攻击**
1. 获取用户名 **administ** 的签名 = **t**
2. 获取用户名 **rator\x00\x00\x00 XOR t** 的签名 = **t'**
-3. 在 cookie 中设置值 **administrator+t'** （**t'** 将是 **(rator\x00\x00\x00 XOR t) XOR t** 的有效签名 = **rator\x00\x00\x00**）
+3. 在 cookie 中设置值 **administrator+t'** (**t'** 将是 **(rator\x00\x00\x00 XOR t) XOR t** 的有效签名 = **rator\x00\x00\x00**)
**ECB**
-如果 cookie 使用 ECB 加密，则可能会受到攻击。\
+如果 cookie 使用 ECB 加密，则可能会存在漏洞。\
当您登录时，您收到的 cookie 必须始终相同。
**如何检测和攻击：**
创建 2 个几乎相同数据的用户（用户名、密码、电子邮件等），并尝试发现给定 cookie 中的某些模式。
-创建一个名为 "aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa" 的用户，并检查 cookie 中是否有任何模式（由于 ECB 使用相同的密钥加密每个块，如果用户名被加密，则相同的加密字节可能会出现）。
+创建一个名为 "aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa" 的用户，并检查 cookie 中是否存在任何模式（由于 ECB 使用相同的密钥加密每个块，如果用户名被加密，则相同的加密字节可能会出现）。
-应该有一个模式（与使用的块的大小相同）。因此，知道一堆 "a" 是如何加密的，您可以创建一个用户名： "a"*(块的大小)+"admin"。然后，您可以从 cookie 中删除一个块的 "a" 的加密模式。您将拥有用户名 "admin" 的 cookie。
+应该有一个模式（与使用的块的大小相同）。因此，知道一堆 "a" 是如何加密的，您可以创建一个用户名："a"*(块的大小)+"admin"。然后，您可以从 cookie 中删除一个块的 "a" 的加密模式。您将拥有用户名 "admin" 的 cookie。
## 参考
diff --git a/theme/ai.js b/theme/ai.js
index bb8af53b7..c94992d5f 100644
--- a/theme/ai.js
+++ b/theme/ai.js
@@ -1,27 +1,28 @@
/**
- * HackTricks AI Chat Widget v1.15 – Markdown rendering + sanitised
- * ------------------------------------------------------------------------
- * • Replaces the static “…” placeholder with a three-dot **bouncing** loader
- * • Renders assistant replies as Markdown while purging any unsafe HTML
- * (XSS-safe via DOMPurify)
- * ------------------------------------------------------------------------
+ * HackTricks AI Chat Widget v1.16 – resizable sidebar
+ * ---------------------------------------------------
+ * ❶ Markdown rendering + sanitised (same as before)
+ * ❷ NEW: drag‑to‑resize panel, width persists via localStorage
*/
(function () {
- const LOG = "[HackTricks-AI]";
-
- /* ---------------- User-tunable constants ---------------- */
- const MAX_CONTEXT = 3000; // highlighted-text char limit
- const MAX_QUESTION = 500; // question char limit
+ const LOG = "[HackTricks‑AI]";
+ /* ---------------- User‑tunable constants ---------------- */
+ const MAX_CONTEXT = 3000; // highlighted‑text char limit
+ const MAX_QUESTION = 500; // question char limit
+ const MIN_W = 250; // ← resize limits →
+ const MAX_W = 600;
+ const DEF_W = 350; // default width (if nothing saved)
const TOOLTIP_TEXT =
- "💡 Highlight any text on the page,\nthen click to ask HackTricks AI about it";
+ "💡 Highlight any text on the page,\nthen click to ask HackTricks AI about it";
const API_BASE = "https://www.hacktricks.ai/api/assistants/threads";
- const BRAND_RED = "#b31328"; // HackTricks brand
+ const BRAND_RED = "#b31328";
/* ------------------------------ State ------------------------------ */
let threadId = null;
let isRunning = false;
+ /* ---------- helpers ---------- */
const $ = (sel, ctx = document) => ctx.querySelector(sel);
if (document.getElementById("ht-ai-btn")) {
console.warn(`${LOG} Widget already injected.`);
@@ -31,44 +32,37 @@
? document.addEventListener("DOMContentLoaded", init)
: init());
- /* ==================================================================== */
- /* 🔗 1. 3rd-party libs → Markdown & sanitiser */
- /* ==================================================================== */
+ /* =================================================================== */
+ /* 🔗 1. 3rd‑party libs → Markdown & sanitiser */
+ /* =================================================================== */
function loadScript(src) {
- return new Promise((resolve, reject) => {
+ return new Promise((res, rej) => {
const s = document.createElement("script");
s.src = src;
- s.onload = resolve;
- s.onerror = () => reject(new Error(`Failed to load ${src}`));
+ s.onload = res;
+ s.onerror = () => rej(new Error(`Failed to load ${src}`));
document.head.appendChild(s);
});
}
-
async function ensureDeps() {
const deps = [];
- if (typeof marked === "undefined") {
+ if (typeof marked === "undefined")
deps.push(loadScript("https://cdn.jsdelivr.net/npm/marked/marked.min.js"));
- }
- if (typeof DOMPurify === "undefined") {
+ if (typeof DOMPurify === "undefined")
deps.push(
loadScript(
"https://cdnjs.cloudflare.com/ajax/libs/dompurify/3.2.5/purify.min.js"
)
);
- }
if (deps.length) await Promise.all(deps);
}
+ const mdToSafeHTML = (md) =>
+ DOMPurify.sanitize(marked.parse(md, { mangle: false, headerIds: false }), {
+ USE_PROFILES: { html: true }
+ });
- function mdToSafeHTML(md) {
- // 1️⃣ Markdown → raw HTML
- const raw = marked.parse(md, { mangle: false, headerIds: false });
- // 2️⃣ Purify
- return DOMPurify.sanitize(raw, { USE_PROFILES: { html: true } });
- }
-
- /* ==================================================================== */
+ /* =================================================================== */
async function init() {
- /* ----- make sure marked & DOMPurify are ready before anything else */
try {
await ensureDeps();
} catch (e) {
@@ -76,14 +70,14 @@
return;
}
- console.log(`${LOG} Injecting widget… v1.15`);
+ console.log(`${LOG} Injecting widget… v1.16`);
await ensureThreadId();
injectStyles();
const btn = createFloatingButton();
createTooltip(btn);
- const panel = createSidebar();
+ const panel = createSidebar(); // ← panel with resizer
const chatLog = $("#ht-ai-chat");
const sendBtn = $("#ht-ai-send");
const inputBox = $("#ht-ai-question");
@@ -100,15 +94,8 @@
function addMsg(text, cls) {
const b = document.createElement("div");
b.className = `ht-msg ${cls}`;
-
- // ✨ assistant replies rendered as Markdown + sanitised
- if (cls === "ht-ai") {
- b.innerHTML = mdToSafeHTML(text);
- } else {
- // user / context bubbles stay plain-text
- b.textContent = text;
- }
-
+ b[cls === "ht-ai" ? "innerHTML" : "textContent"] =
+ cls === "ht-ai" ? mdToSafeHTML(text) : text;
chatLog.appendChild(b);
chatLog.scrollTop = chatLog.scrollHeight;
return b;
@@ -116,30 +103,28 @@
const LOADER_HTML =
'';
- function setInputDisabled(d) {
+ const setInputDisabled = (d) => {
inputBox.disabled = d;
sendBtn.disabled = d;
- }
- function clearThreadCookie() {
+ };
+ const clearThreadCookie = () => {
document.cookie = "threadId=; Path=/; Max-Age=0";
- threadId = null;
- }
- function resetConversation() {
+ threadId = null;
+ };
+ const resetConversation = () => {
chatLog.innerHTML = "";
clearThreadCookie();
panel.classList.remove("open");
- }
+ };
/* ------------------- Panel open / close ------------------- */
btn.addEventListener("click", () => {
if (!savedSelection) {
- alert("Please highlight some text first to then ask HackTricks AI about it.");
+ alert("Please highlight some text first.");
return;
}
if (savedSelection.length > MAX_CONTEXT) {
- alert(
- `Highlighted text is too long (${savedSelection.length} chars). Max allowed: ${MAX_CONTEXT}.`
- );
+ alert(`Highlighted text is too long. Max ${MAX_CONTEXT} chars.`);
return;
}
chatLog.innerHTML = "";
@@ -157,11 +142,10 @@
addMsg("Please wait until the current operation completes.", "ht-ai");
return;
}
-
isRunning = true;
setInputDisabled(true);
- const loadingBubble = addMsg("", "ht-ai");
- loadingBubble.innerHTML = LOADER_HTML;
+ const loading = addMsg("", "ht-ai");
+ loading.innerHTML = LOADER_HTML;
const content = context
? `### Context:\n${context}\n\n### Question to answer:\n${question}`
@@ -178,43 +162,39 @@
try {
const e = await res.json();
if (e.error) err = `Error: ${e.error}`;
- else if (res.status === 429)
- err = "Rate limit exceeded. Please try again later.";
+ else if (res.status === 429) err = "Rate limit exceeded.";
} catch (_) {}
- loadingBubble.textContent = err;
+ loading.textContent = err;
return;
}
const data = await res.json();
- loadingBubble.remove();
+ loading.remove();
if (Array.isArray(data.response))
- data.response.forEach((p) => {
+ data.response.forEach((p) =>
addMsg(
p.type === "text" && p.text && p.text.value
? p.text.value
: JSON.stringify(p),
"ht-ai"
- );
- });
+ )
+ );
else if (typeof data.response === "string")
addMsg(data.response, "ht-ai");
else addMsg(JSON.stringify(data, null, 2), "ht-ai");
} catch (e) {
console.error("Error sending message:", e);
- loadingBubble.textContent = "An unexpected error occurred.";
+ loading.textContent = "An unexpected error occurred.";
} finally {
isRunning = false;
setInputDisabled(false);
chatLog.scrollTop = chatLog.scrollHeight;
}
}
-
async function handleSend() {
const q = inputBox.value.trim();
if (!q) return;
if (q.length > MAX_QUESTION) {
- alert(
- `Your question is too long (${q.length} chars). Max allowed: ${MAX_QUESTION}.`
- );
+ alert(`Question too long (${q.length}). Max ${MAX_QUESTION}.`);
return;
}
inputBox.value = "";
@@ -228,9 +208,9 @@
handleSend();
}
});
- }
+ } /* end init */
- /* ==================================================================== */
+ /* =================================================================== */
async function ensureThreadId() {
const m = document.cookie.match(/threadId=([^;]+)/);
if (m && m[1]) {
@@ -241,62 +221,67 @@
const r = await fetch(API_BASE, { method: "POST", credentials: "include" });
const d = await r.json();
if (!r.ok || !d.threadId) throw new Error(`${r.status} ${r.statusText}`);
- threadId = d.threadId;
+ threadId = d.threadId;
document.cookie =
`threadId=${threadId}; Path=/; Secure; SameSite=Strict; Max-Age=7200`;
} catch (e) {
console.error("Error creating threadId:", e);
- alert("Failed to initialise the conversation. Please refresh and try again.");
+ alert("Failed to initialise the conversation. Please refresh.");
throw e;
}
}
- /* ==================================================================== */
+ /* =================================================================== */
function injectStyles() {
const css = `
- #ht-ai-btn{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);width:60px;height:60px;border-radius:50%;background:#1e1e1e;color:#fff;font-size:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:99999;box-shadow:0 2px 8px rgba(0,0,0,.4);transition:opacity .2s}
- #ht-ai-btn:hover{opacity:.85}
- @media(max-width:768px){#ht-ai-btn{display:none}}
- #ht-ai-tooltip{position:fixed;padding:6px 8px;background:#111;color:#fff;border-radius:4px;font-size:13px;white-space:pre-wrap;pointer-events:none;opacity:0;transform:translate(-50%,-8px);transition:opacity .15s ease,transform .15s ease;z-index:100000}
- #ht-ai-tooltip.show{opacity:1;transform:translate(-50%,-12px)}
- #ht-ai-panel{position:fixed;top:0;right:0;height:100%;width:350px;max-width:90vw;background:#000;color:#fff;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .3s ease;z-index:100000;font-family:system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial,sans-serif}
- #ht-ai-panel.open{transform:translateX(0)}
- @media(max-width:768px){#ht-ai-panel{display:none}}
- #ht-ai-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #333}
- #ht-ai-header .ht-actions{display:flex;gap:8px;align-items:center}
- #ht-ai-close,#ht-ai-reset{cursor:pointer;font-size:18px;background:none;border:none;color:#fff;padding:0}
- #ht-ai-close:hover,#ht-ai-reset:hover{opacity:.7}
- #ht-ai-chat{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;font-size:14px}
- .ht-msg{max-width:90%;line-height:1.4;padding:10px 12px;border-radius:8px;white-space:pre-wrap;word-wrap:break-word}
- .ht-user{align-self:flex-end;background:${BRAND_RED}}
- .ht-ai{align-self:flex-start;background:#222}
- .ht-context{align-self:flex-start;background:#444;font-style:italic;font-size:13px}
- #ht-ai-input{display:flex;gap:8px;padding:12px 16px;border-top:1px solid #333}
- #ht-ai-question{flex:1;min-height:40px;max-height:120px;resize:vertical;padding:8px;border-radius:6px;border:none;font-size:14px}
- #ht-ai-send{padding:0 18px;border:none;border-radius:6px;background:${BRAND_RED};color:#fff;font-size:14px;cursor:pointer}
- #ht-ai-send:disabled{opacity:.5;cursor:not-allowed}
- /* Loader animation */
- .ht-loading{display:inline-flex;align-items:center;gap:4px}
- .ht-loading span{width:6px;height:6px;border-radius:50%;background:#888;animation:ht-bounce 1.2s infinite ease-in-out}
- .ht-loading span:nth-child(2){animation-delay:0.2s}
- .ht-loading span:nth-child(3){animation-delay:0.4s}
- @keyframes ht-bounce{0%,80%,100%{transform:scale(0);}40%{transform:scale(1);} }
- ::selection{background:#ffeb3b;color:#000}
- ::-moz-selection{background:#ffeb3b;color:#000}`;
+#ht-ai-btn{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);min-width:60px;height:60px;border-radius:30px;background:linear-gradient(45deg, #b31328, #d42d3f, #2d5db4, #3470e4);background-size:300% 300%;animation:gradientShift 8s ease infinite;color:#fff;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:99999;box-shadow:0 2px 8px rgba(0,0,0,.4);transition:opacity .2s;padding:0 20px}
+#ht-ai-btn span{margin-left:8px;font-weight:bold}
+@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
+#ht-ai-btn:hover{opacity:.85}
+@media(max-width:768px){#ht-ai-btn{display:none}}
+#ht-ai-tooltip{position:fixed;padding:6px 8px;background:#111;color:#fff;border-radius:4px;font-size:13px;white-space:pre-wrap;pointer-events:none;opacity:0;transform:translate(-50%,-8px);transition:opacity .15s ease,transform .15s ease;z-index:100000}
+#ht-ai-tooltip.show{opacity:1;transform:translate(-50%,-12px)}
+#ht-ai-panel{position:fixed;top:0;right:0;height:100%;max-width:90vw;background:#000;color:#fff;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .3s ease;z-index:100000;font-family:system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial,sans-serif}
+#ht-ai-panel.open{transform:translateX(0)}
+@media(max-width:768px){#ht-ai-panel{display:none}}
+#ht-ai-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #333}
+#ht-ai-header .ht-actions{display:flex;gap:8px;align-items:center}
+#ht-ai-close,#ht-ai-reset{cursor:pointer;font-size:18px;background:none;border:none;color:#fff;padding:0}
+#ht-ai-close:hover,#ht-ai-reset:hover{opacity:.7}
+#ht-ai-chat{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;font-size:14px}
+.ht-msg{max-width:90%;line-height:1.4;padding:10px 12px;border-radius:8px;white-space:pre-wrap;word-wrap:break-word}
+.ht-user{align-self:flex-end;background:${BRAND_RED}}
+.ht-ai{align-self:flex-start;background:#222}
+.ht-context{align-self:flex-start;background:#444;font-style:italic;font-size:13px}
+#ht-ai-input{display:flex;gap:8px;padding:12px 16px;border-top:1px solid #333}
+#ht-ai-question{flex:1;min-height:40px;max-height:120px;resize:vertical;padding:8px;border-radius:6px;border:none;font-size:14px}
+#ht-ai-send{padding:0 18px;border:none;border-radius:6px;background:${BRAND_RED};color:#fff;font-size:14px;cursor:pointer}
+#ht-ai-send:disabled{opacity:.5;cursor:not-allowed}
+/* Loader */
+.ht-loading{display:inline-flex;align-items:center;gap:4px}
+.ht-loading span{width:6px;height:6px;border-radius:50%;background:#888;animation:ht-bounce 1.2s infinite ease-in-out}
+.ht-loading span:nth-child(2){animation-delay:0.2s}
+.ht-loading span:nth-child(3){animation-delay:0.4s}
+@keyframes ht-bounce{0%,80%,100%{transform:scale(0);}40%{transform:scale(1);} }
+::selection{background:#ffeb3b;color:#000}
+::-moz-selection{background:#ffeb3b;color:#000}
+/* NEW: resizer handle */
+#ht-ai-resizer{position:absolute;left:0;top:0;width:6px;height:100%;cursor:ew-resize;background:transparent}
+#ht-ai-resizer:hover{background:rgba(255,255,255,.05)}`;
const s = document.createElement("style");
s.id = "ht-ai-style";
s.textContent = css;
document.head.appendChild(s);
}
+ /* =================================================================== */
function createFloatingButton() {
const d = document.createElement("div");
d.id = "ht-ai-btn";
- d.textContent = "🤖";
+ d.innerHTML = "🤖HackTricksAI";
document.body.appendChild(d);
return d;
}
-
function createTooltip(btn) {
const t = document.createElement("div");
t.id = "ht-ai-tooltip";
@@ -311,11 +296,16 @@
btn.addEventListener("mouseleave", () => t.classList.remove("show"));
}
+ /* =================================================================== */
function createSidebar() {
+ const saved = parseInt(localStorage.getItem("htAiWidth") || DEF_W, 10);
+ const width = Math.min(Math.max(saved, MIN_W), MAX_W);
+
const p = document.createElement("div");
p.id = "ht-ai-panel";
+ p.style.width = width + "px"; // ← applied width
p.innerHTML = `
-