@blinq_ai/widget 0.1.0

package/dist/browser.cjs

@@ -0,0 +1,4390 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/browser.ts
+var browser_exports = {};
+__export(browser_exports, {
+  BlinqWidgetElement: () => BlinqWidgetElement,
+  init: () => init,
+  initFromConfig: () => initFromConfig
+});
+module.exports = __toCommonJS(browser_exports);
+
+// src/widget-core.ts
+var React2 = __toESM(require("react"), 1);
+var import_client = require("react-dom/client");
+
+// src/page-capabilities.ts
+var MAX_VISIBLE_TEXT_LENGTH = 2500;
+var MAX_ACTIONABLE_HINTS = 30;
+var MAX_SEMANTIC_TOOLS = 40;
+function isBrowser() {
+  return typeof window !== "undefined" && typeof document !== "undefined";
+}
+function selectedText() {
+  if (!isBrowser()) {
+    return "";
+  }
+  return window.getSelection()?.toString().trim() ?? "";
+}
+function visibleText() {
+  if (!isBrowser()) {
+    return "";
+  }
+  return document.body.innerText.replace(/\s+/g, " ").trim().slice(0, MAX_VISIBLE_TEXT_LENGTH);
+}
+function normalizedText(value) {
+  return (value ?? "").replace(/\s+/g, " ").trim();
+}
+function normalizedWords(...values) {
+  return Array.from(
+    new Set(
+      values.flatMap((value) => normalizedText(value).toLowerCase().split(/[^a-zа-я0-9]+/i)).filter((part) => part.length >= 2)
+    )
+  );
+}
+function escapeSelectorValue(value) {
+  if (typeof CSS !== "undefined" && typeof CSS.escape === "function") {
+    return CSS.escape(value);
+  }
+  return value.replace(/["\\]/g, "\\$&");
+}
+function nthOfType(element) {
+  let index = 1;
+  let sibling = element.previousElementSibling;
+  while (sibling) {
+    if (sibling.tagName === element.tagName) {
+      index += 1;
+    }
+    sibling = sibling.previousElementSibling;
+  }
+  return index;
+}
+function buildPathSelector(element) {
+  const segments = [];
+  let current = element;
+  while (current && segments.length < 4 && current !== document.body) {
+    const tag = current.tagName.toLowerCase();
+    segments.unshift(`${tag}:nth-of-type(${nthOfType(current)})`);
+    current = current.parentElement;
+  }
+  return segments.length > 0 ? `body > ${segments.join(" > ")}` : null;
+}
+function selectorForElement(element) {
+  if (!element || !(element instanceof Element)) {
+    return null;
+  }
+  if (element.id) {
+    return `#${escapeSelectorValue(element.id)}`;
+  }
+  const dataTestId = element.getAttribute("data-testid");
+  if (dataTestId) {
+    return `[data-testid="${escapeSelectorValue(dataTestId)}"]`;
+  }
+  const name = element.getAttribute("name");
+  if (name) {
+    return `${element.tagName.toLowerCase()}[name="${escapeSelectorValue(name)}"]`;
+  }
+  const ariaLabel = element.getAttribute("aria-label");
+  if (ariaLabel) {
+    return `${element.tagName.toLowerCase()}[aria-label="${escapeSelectorValue(ariaLabel)}"]`;
+  }
+  if (element instanceof HTMLInputElement || element instanceof HTMLTextAreaElement || element instanceof HTMLButtonElement) {
+    const placeholder = element.getAttribute("placeholder");
+    if (placeholder) {
+      return `${element.tagName.toLowerCase()}[placeholder="${escapeSelectorValue(placeholder)}"]`;
+    }
+  }
+  return buildPathSelector(element);
+}
+function contextTextForElement(element) {
+  const contextualContainer = element.closest("li, tr, [role='listitem'], [data-testid], article, section, form") ?? element.parentElement;
+  if (!contextualContainer) {
+    return void 0;
+  }
+  const text = normalizedText(contextualContainer.textContent);
+  if (!text) {
+    return void 0;
+  }
+  return text.slice(0, 240);
+}
+function hintFromElement(element) {
+  const selector = selectorForElement(element);
+  if (!selector) {
+    return null;
+  }
+  const formSelector = selectorForElement(element.closest("form"));
+  const textContent = normalizedText(element.textContent);
+  const contextText = contextTextForElement(element);
+  if (element instanceof HTMLAnchorElement && element.href) {
+    return {
+      type: "link",
+      label: textContent || element.getAttribute("aria-label") || element.href,
+      selector,
+      href: element.href,
+      form_selector: formSelector ?? void 0,
+      context_text: contextText
+    };
+  }
+  if (element instanceof HTMLTextAreaElement) {
+    return {
+      type: "textarea",
+      label: textContent || element.getAttribute("aria-label") || void 0,
+      selector,
+      placeholder: element.placeholder || void 0,
+      form_selector: formSelector ?? void 0,
+      context_text: contextText
+    };
+  }
+  if (element instanceof HTMLInputElement) {
+    const type = element.type === "submit" ? "submit" : "input";
+    return {
+      type,
+      label: textContent || element.value || element.getAttribute("aria-label") || void 0,
+      selector,
+      placeholder: element.placeholder || void 0,
+      form_selector: formSelector ?? void 0,
+      context_text: contextText,
+      input_type: element.type || void 0
+    };
+  }
+  if (element instanceof HTMLButtonElement || element.getAttribute("role") === "button") {
+    return {
+      type: element instanceof HTMLButtonElement && element.type === "submit" ? "submit" : "button",
+      label: textContent || element.getAttribute("aria-label") || void 0,
+      selector,
+      form_selector: formSelector ?? void 0,
+      context_text: contextText
+    };
+  }
+  return null;
+}
+function collectActionableElements() {
+  if (!isBrowser()) {
+    return [];
+  }
+  const elements = Array.from(
+    document.querySelectorAll("button, a[href], input:not([type='hidden']), textarea, [role='button']")
+  );
+  const hints = [];
+  for (const element of elements) {
+    const hint = hintFromElement(element);
+    if (!hint) {
+      continue;
+    }
+    hints.push(hint);
+    if (hints.length >= MAX_ACTIONABLE_HINTS) {
+      break;
+    }
+  }
+  return hints;
+}
+function slugPart(value) {
+  return normalizedText(value).toLowerCase().replace(/[^a-zа-я0-9]+/gi, "-").replace(/^-+|-+$/g, "").slice(0, 48);
+}
+function hashValue(value) {
+  let hash = 0;
+  for (let index = 0; index < value.length; index += 1) {
+    hash = hash * 31 + value.charCodeAt(index) >>> 0;
+  }
+  return hash.toString(36);
+}
+function makeToolName(kind, seed) {
+  const slug = slugPart(seed) || "target";
+  return `blinq.semantic.${kind}.${slug}.${hashValue(`${kind}:${seed}`)}`;
+}
+function looksLikeAddLabel(value) {
+  const text = value.toLowerCase();
+  return /(добав|add|create|new|созда|қос|енгіз)/.test(text);
+}
+function looksLikeDeleteLabel(value) {
+  const text = value.toLowerCase();
+  return /(удал|delete|remove|өшір|жой)/.test(text);
+}
+function looksLikeClearCompletedLabel(value) {
+  const text = value.toLowerCase();
+  return /(очист|clear|тазала).*(выполн|completed|аяқталған)|(completed).*(clear|remove)/.test(text);
+}
+function looksLikeGenericActionLabel(value) {
+  const text = value.toLowerCase();
+  return /(open|view|edit|archive|start|run|save|send|submit|launch|continue|next|apply|confirm|перейд|открой|посмотр|измен|архив|запуст|сохран|отправ|продолж|далее|примен|подтверд|аш|өт|сақта|жібер|жалғастыр|таңда)/.test(
+    text
+  );
+}
+function buttonLikeText(element) {
+  if (element instanceof HTMLInputElement) {
+    return normalizedText(element.value || element.getAttribute("aria-label"));
+  }
+  return normalizedText(element.textContent || element.getAttribute("aria-label"));
+}
+function deriveItemTitle(container) {
+  const cloned = container.cloneNode(true);
+  cloned.querySelectorAll("button, a, [role='button']").forEach((node) => node.remove());
+  const text = normalizedText(cloned.textContent);
+  if (text) {
+    return text.slice(0, 120);
+  }
+  return normalizedText(container.textContent).slice(0, 120);
+}
+function collectForms() {
+  if (!isBrowser()) {
+    return [];
+  }
+  const forms = Array.from(document.querySelectorAll("form")).slice(0, 8);
+  const collected = [];
+  for (const form of forms) {
+    const selector = selectorForElement(form);
+    if (!selector) {
+      continue;
+    }
+    const field = form.querySelector(
+      "input:not([type='hidden']):not([type='checkbox']):not([type='radio']):not([type='submit']), textarea"
+    );
+    const submit = form.querySelector(
+      "button[type='submit'], input[type='submit'], button:not([type])"
+    );
+    const fieldSelector = selectorForElement(field);
+    const submitSelector = selectorForElement(submit);
+    const fieldLabel = normalizedText(field?.getAttribute("aria-label")) || normalizedText(field?.getAttribute("placeholder")) || normalizedText(field?.getAttribute("name"));
+    const submitLabel = submit ? buttonLikeText(submit) : "";
+    const title = submitLabel || fieldLabel || normalizedText(form.getAttribute("aria-label")) || selector;
+    collected.push({
+      selector,
+      title,
+      context_text: contextTextForElement(form),
+      field_selector: fieldSelector ?? void 0,
+      field_label: fieldLabel || void 0,
+      submit_selector: submitSelector ?? void 0,
+      submit_label: submitLabel || void 0
+    });
+  }
+  return collected;
+}
+function collectListItems() {
+  if (!isBrowser()) {
+    return [];
+  }
+  const candidates = Array.from(
+    document.querySelectorAll("li, [role='listitem'], tr, [data-testid='todo-item']")
+  ).slice(0, 20);
+  const items = [];
+  for (const container of candidates) {
+    const selector = selectorForElement(container);
+    if (!selector) {
+      continue;
+    }
+    const contextText = normalizedText(container.textContent);
+    if (!contextText) {
+      continue;
+    }
+    const actions = [];
+    const toggleControl = container.querySelector("input[type='checkbox']");
+    const toggleSelector = selectorForElement(toggleControl);
+    if (toggleSelector) {
+      actions.push({
+        kind: "toggle-item",
+        selector: toggleSelector,
+        label: "\u041E\u0442\u043C\u0435\u0442\u0438\u0442\u044C \u0437\u0430\u0434\u0430\u0447\u0443",
+        target_summary: contextText.slice(0, 160)
+      });
+    }
+    const deleteButton = Array.from(
+      container.querySelectorAll(
+        "button, a, input[type='button'], input[type='submit']"
+      )
+    ).find((element) => looksLikeDeleteLabel(buttonLikeText(element)));
+    const deleteSelector = selectorForElement(deleteButton ?? null);
+    if (deleteSelector) {
+      actions.push({
+        kind: "delete-item",
+        selector: deleteSelector,
+        label: buttonLikeText(deleteButton ?? container) || "\u0423\u0434\u0430\u043B\u0438\u0442\u044C \u044D\u043B\u0435\u043C\u0435\u043D\u0442",
+        target_summary: contextText.slice(0, 160)
+      });
+    }
+    const openLink = Array.from(container.querySelectorAll("a[href]"))[0];
+    const openSelector = selectorForElement(openLink);
+    if (openSelector && openLink?.href) {
+      actions.push({
+        kind: "open-link",
+        selector: openSelector,
+        href: openLink.href,
+        label: buttonLikeText(openLink) || openLink.href,
+        target_summary: contextText.slice(0, 160)
+      });
+    }
+    if (actions.length === 0) {
+      continue;
+    }
+    items.push({
+      selector,
+      title: deriveItemTitle(container),
+      context_text: contextText.slice(0, 160),
+      actions
+    });
+  }
+  return items;
+}
+function collectSemanticTools(actionableElements, pageGraph) {
+  const tools = [];
+  const usedSelectors = /* @__PURE__ */ new Set();
+  const usedHrefs = /* @__PURE__ */ new Set();
+  for (const form of pageGraph.forms) {
+    if (form.field_selector && (form.submit_selector || form.selector)) {
+      const submitSeed = `${form.selector}:${form.submit_selector ?? form.title}`;
+      if (looksLikeAddLabel(form.submit_label || form.title)) {
+        tools.push({
+          name: makeToolName("add-item", submitSeed),
+          kind: "add-item",
+          title: "\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u044D\u043B\u0435\u043C\u0435\u043D\u0442",
+          description: `\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u043D\u043E\u0432\u044B\u0439 \u044D\u043B\u0435\u043C\u0435\u043D\u0442 \u0447\u0435\u0440\u0435\u0437 ${form.title}.`,
+          target_summary: form.context_text || form.title,
+          keywords: normalizedWords(form.title, form.field_label, form.submit_label, "add create new \u0434\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0441\u043E\u0437\u0434\u0430\u0442\u044C \u049B\u043E\u0441 \u0435\u043D\u0433\u0456\u0437"),
+          input_schema: {
+            type: "object",
+            properties: {
+              value: { type: "string" }
+            },
+            required: ["value"]
+          },
+          metadata: {
+            field_selector: form.field_selector,
+            submit_selector: form.submit_selector,
+            form_selector: form.selector,
+            field_label: form.field_label
+          }
+        });
+      }
+      if (form.submit_selector) {
+        usedSelectors.add(form.submit_selector);
+        tools.push({
+          name: makeToolName("submit-form", submitSeed),
+          kind: "submit-form",
+          title: form.submit_label ? `\u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C: ${form.submit_label}` : "\u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C \u0444\u043E\u0440\u043C\u0443",
+          description: `\u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C \u0444\u043E\u0440\u043C\u0443 ${form.title}.`,
+          target_summary: form.context_text || form.title,
+          keywords: normalizedWords(form.title, form.submit_label, "submit send save \u043E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C \u0441\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C \u0441\u0430\u049B\u0442\u0430 \u0436\u0456\u0431\u0435\u0440"),
+          metadata: {
+            selector: form.selector,
+            submit_selector: form.submit_selector,
+            form_selector: form.selector
+          }
+        });
+      }
+      usedSelectors.add(form.selector);
+      if (form.field_selector) {
+        usedSelectors.add(form.field_selector);
+      }
+    }
+  }
+  for (const item of pageGraph.list_items) {
+    for (const action of item.actions) {
+      const seed = `${item.selector}:${action.kind}:${action.selector ?? action.href ?? item.title}`;
+      if (action.kind === "delete-item" && action.selector) {
+        usedSelectors.add(action.selector);
+        tools.push({
+          name: makeToolName("delete-item", seed),
+          kind: "delete-item",
+          title: `\u0423\u0434\u0430\u043B\u0438\u0442\u044C: ${item.title}`,
+          description: `\u0423\u0434\u0430\u043B\u0438\u0442\u044C \u044D\u043B\u0435\u043C\u0435\u043D\u0442 ${item.title}.`,
+          target_summary: item.context_text,
+          keywords: normalizedWords(item.title, item.context_text, action.label, "delete remove \u0443\u0434\u0430\u043B\u0438\u0442\u044C \u04E9\u0448\u0456\u0440 \u0436\u043E\u0439"),
+          metadata: {
+            selector: action.selector,
+            item_title: item.title,
+            item_context: item.context_text
+          }
+        });
+      }
+      if (action.kind === "toggle-item" && action.selector) {
+        usedSelectors.add(action.selector);
+        tools.push({
+          name: makeToolName("toggle-item", seed),
+          kind: "toggle-item",
+          title: `\u0418\u0437\u043C\u0435\u043D\u0438\u0442\u044C \u0441\u0442\u0430\u0442\u0443\u0441: ${item.title}`,
+          description: `\u041F\u0435\u0440\u0435\u043A\u043B\u044E\u0447\u0438\u0442\u044C \u0441\u043E\u0441\u0442\u043E\u044F\u043D\u0438\u0435 \u0432\u044B\u043F\u043E\u043B\u043D\u0435\u043D\u0438\u044F \u0434\u043B\u044F ${item.title}.`,
+          target_summary: item.context_text,
+          keywords: normalizedWords(item.title, item.context_text, "toggle complete check uncheck \u043E\u0442\u043C\u0435\u0442\u0438\u0442\u044C \u0432\u044B\u043F\u043E\u043B\u043D\u0438\u0442\u044C \u0431\u0435\u043B\u0433\u0456\u043B\u0435 \u0430\u044F\u049B\u0442\u0430"),
+          metadata: {
+            selector: action.selector,
+            item_title: item.title,
+            item_context: item.context_text
+          }
+        });
+      }
+      if (action.kind === "open-link" && action.href) {
+        if (action.selector) {
+          usedSelectors.add(action.selector);
+        }
+        usedHrefs.add(action.href);
+        tools.push({
+          name: makeToolName("open-link", seed),
+          kind: "open-link",
+          title: `\u041E\u0442\u043A\u0440\u044B\u0442\u044C: ${item.title}`,
+          description: `\u041E\u0442\u043A\u0440\u044B\u0442\u044C \u0441\u0441\u044B\u043B\u043A\u0443 \u0434\u043B\u044F ${item.title}.`,
+          target_summary: item.context_text,
+          keywords: normalizedWords(item.title, item.context_text, action.label, action.href, "open link \u043F\u0435\u0440\u0435\u0439\u0442\u0438 \u043E\u0442\u043A\u0440\u044B\u0442\u044C \u0430\u0448 \u04E9\u0442\u0443"),
+          metadata: {
+            href: action.href,
+            selector: action.selector
+          }
+        });
+      }
+    }
+  }
+  for (const hint of actionableElements) {
+    const label = normalizedText(hint.label);
+    const contextText = normalizedText(hint.context_text);
+    const selector = hint.selector;
+    if (usedSelectors.has(selector)) {
+      continue;
+    }
+    if (hint.type === "button" && label && looksLikeClearCompletedLabel(`${label} ${hint.context_text ?? ""}`)) {
+      usedSelectors.add(selector);
+      tools.push({
+        name: makeToolName("clear-completed", `${selector}:${label}`),
+        kind: "clear-completed",
+        title: label,
+        description: `\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C \u0432\u044B\u043F\u043E\u043B\u043D\u0435\u043D\u043D\u044B\u0435 \u044D\u043B\u0435\u043C\u0435\u043D\u0442\u044B \u0447\u0435\u0440\u0435\u0437 ${label}.`,
+        target_summary: hint.context_text || label,
+        keywords: normalizedWords(label, hint.context_text, "clear completed \u043E\u0447\u0438\u0441\u0442\u0438\u0442\u044C \u0432\u044B\u043F\u043E\u043B\u043D\u0435\u043D\u043D\u044B\u0435 \u0442\u0430\u0437\u0430\u043B\u0430\u0443 \u0430\u044F\u049B\u0442\u0430\u043B\u0493\u0430\u043D"),
+        metadata: {
+          selector
+        }
+      });
+    }
+    if (hint.type === "link" && hint.href) {
+      if (usedHrefs.has(hint.href)) {
+        continue;
+      }
+      usedSelectors.add(selector);
+      usedHrefs.add(hint.href);
+      tools.push({
+        name: makeToolName("open-link", `${selector}:${hint.href}`),
+        kind: "open-link",
+        title: label || hint.href,
+        description: `\u041E\u0442\u043A\u0440\u044B\u0442\u044C \u0441\u0441\u044B\u043B\u043A\u0443 ${label || hint.href}.`,
+        target_summary: hint.context_text || label || hint.href,
+        keywords: normalizedWords(label, hint.href, hint.context_text, "open link \u043F\u0435\u0440\u0435\u0439\u0442\u0438 \u043E\u0442\u043A\u0440\u044B\u0442\u044C \u0430\u0448 \u04E9\u0442\u0443"),
+        metadata: {
+          href: hint.href,
+          selector
+        }
+      });
+    }
+    if (hint.type === "input" && hint.input_type === "checkbox") {
+      usedSelectors.add(selector);
+      tools.push({
+        name: makeToolName("toggle-item", `${selector}:${label}:${contextText}`),
+        kind: "toggle-item",
+        title: label || "\u041F\u0435\u0440\u0435\u043A\u043B\u044E\u0447\u0438\u0442\u044C \u0444\u043B\u0430\u0436\u043E\u043A",
+        description: `\u041F\u0435\u0440\u0435\u043A\u043B\u044E\u0447\u0438\u0442\u044C \u0447\u0435\u043A\u0431\u043E\u043A\u0441 \u0438\u043B\u0438 \u043F\u0435\u0440\u0435\u043A\u043B\u044E\u0447\u0430\u0442\u0435\u043B\u044C ${label || selector}.`,
+        target_summary: contextText || label || selector,
+        keywords: normalizedWords(label, contextText, "toggle complete check uncheck enable disable \u0432\u043A\u043B\u044E\u0447\u0438 \u0432\u044B\u043A\u043B\u044E\u0447\u0438 \u043E\u0442\u043C\u0435\u0442\u044C \u0441\u043D\u0438\u043C\u0438"),
+        metadata: {
+          selector,
+          item_title: label || contextText || selector,
+          item_context: contextText || label || selector
+        }
+      });
+    }
+    if (hint.type === "submit" && (hint.form_selector || selector)) {
+      usedSelectors.add(selector);
+      if (hint.form_selector) {
+        usedSelectors.add(hint.form_selector);
+      }
+      tools.push({
+        name: makeToolName("submit-form", `${hint.form_selector ?? selector}:${label || contextText}`),
+        kind: "submit-form",
+        title: label || "\u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C \u0444\u043E\u0440\u043C\u0443",
+        description: `\u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C \u0444\u043E\u0440\u043C\u0443 \u0447\u0435\u0440\u0435\u0437 ${label || selector}.`,
+        target_summary: contextText || label || selector,
+        keywords: normalizedWords(label, contextText, "submit send save \u043E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C \u0441\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C \u0441\u0430\u049B\u0442\u0430 \u0436\u0456\u0431\u0435\u0440"),
+        metadata: {
+          selector: hint.form_selector || selector,
+          submit_selector: selector,
+          form_selector: hint.form_selector || selector
+        }
+      });
+    }
+    if (hint.type === "button" && label && !looksLikeDeleteLabel(`${label} ${contextText}`) && !looksLikeClearCompletedLabel(`${label} ${contextText}`) && looksLikeGenericActionLabel(`${label} ${contextText}`)) {
+      usedSelectors.add(selector);
+      tools.push({
+        name: makeToolName("activate-element", `${selector}:${label}:${contextText}`),
+        kind: "activate-element",
+        title: label,
+        description: `\u0412\u044B\u043F\u043E\u043B\u043D\u0438\u0442\u044C \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u044B: ${label}.`,
+        target_summary: contextText || label,
+        keywords: normalizedWords(label, contextText, "click press activate \u043D\u0430\u0436\u043C\u0438 \u043A\u043B\u0438\u043A\u043D\u0438 \u0431\u0430\u0441 \u0442\u0430\u04A3\u0434\u0430"),
+        metadata: {
+          selector,
+          label
+        }
+      });
+    }
+  }
+  return tools.slice(0, MAX_SEMANTIC_TOOLS);
+}
+function collectNormalizedPageContext() {
+  const actionableElements = collectActionableElements();
+  const pageGraph = {
+    forms: collectForms(),
+    list_items: collectListItems(),
+    standalone_actions: actionableElements.filter(
+      (hint) => hint.type === "button" || hint.type === "submit" || hint.type === "input" && hint.input_type === "checkbox"
+    )
+  };
+  const semanticTools = collectSemanticTools(actionableElements, pageGraph);
+  return {
+    url: isBrowser() ? window.location.href : "",
+    title: isBrowser() ? document.title : "",
+    selection: selectedText(),
+    visible_text: visibleText(),
+    actionable_elements: actionableElements,
+    page_graph: pageGraph,
+    semantic_tools: semanticTools
+  };
+}
+
+// src/page-tools.ts
+function isBrowser2() {
+  return typeof window !== "undefined" && typeof document !== "undefined";
+}
+function selectedText2() {
+  if (!isBrowser2()) {
+    return "";
+  }
+  return window.getSelection()?.toString().trim() ?? "";
+}
+function normalizedText2(value) {
+  return (value ?? "").replace(/\s+/g, " ").trim();
+}
+function setFormFieldValue(target, value) {
+  const prototype = target instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : HTMLInputElement.prototype;
+  const descriptor = Object.getOwnPropertyDescriptor(prototype, "value");
+  if (descriptor?.set) {
+    descriptor.set.call(target, value);
+    return;
+  }
+  target.value = value;
+}
+function associatedForm(target) {
+  return target instanceof HTMLFormElement ? target : target.closest("form");
+}
+function submitAssociatedForm(target) {
+  const form = associatedForm(target);
+  if (!form) {
+    throw new Error("\u041D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u0430 \u0444\u043E\u0440\u043C\u0430 \u0434\u043B\u044F \u0432\u044B\u0431\u0440\u0430\u043D\u043D\u043E\u0433\u043E \u044D\u043B\u0435\u043C\u0435\u043D\u0442\u0430");
+  }
+  const isSubmitter = target instanceof HTMLButtonElement || target instanceof HTMLInputElement && target.type === "submit";
+  if (typeof form.requestSubmit === "function") {
+    if (isSubmitter) {
+      form.requestSubmit(target);
+    } else {
+      form.requestSubmit();
+    }
+    return;
+  }
+  const submitEvent = new Event("submit", { bubbles: true, cancelable: true });
+  const shouldContinue = form.dispatchEvent(submitEvent);
+  if (shouldContinue) {
+    form.submit();
+  }
+}
+async function waitForDomSettle() {
+  await new Promise((resolve) => window.setTimeout(resolve, 80));
+}
+function bodyTextIncludes(query) {
+  if (!isBrowser2()) {
+    return false;
+  }
+  const haystack = normalizedText2(document.body.innerText).toLowerCase();
+  return haystack.includes(normalizedText2(query).toLowerCase());
+}
+async function verifyFormSubmission(target) {
+  const form = associatedForm(target);
+  if (!form) {
+    throw new Error("\u041D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u0430 \u0444\u043E\u0440\u043C\u0430 \u0434\u043B\u044F \u043F\u0440\u043E\u0432\u0435\u0440\u043A\u0438 \u0440\u0435\u0437\u0443\u043B\u044C\u0442\u0430\u0442\u0430");
+  }
+  const successSelector = normalizedText2(form.dataset.blinqSuccessSelector);
+  const successText = normalizedText2(form.dataset.blinqSuccessText);
+  if (successSelector) {
+    const successTarget = document.querySelector(successSelector);
+    if (!successTarget) {
+      throw new Error(`\u041D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D \u044D\u043B\u0435\u043C\u0435\u043D\u0442 \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043D\u0438\u044F: ${successSelector}`);
+    }
+    const content = normalizedText2(successTarget.textContent || successTarget.innerText);
+    if (successText && !content.toLowerCase().includes(successText.toLowerCase())) {
+      throw new Error("\u0424\u043E\u0440\u043C\u0430 \u043E\u0442\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0430, \u043D\u043E \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043D\u0438\u0435 \u0441\u043E\u0445\u0440\u0430\u043D\u0435\u043D\u0438\u044F \u043D\u0435 \u043F\u043E\u044F\u0432\u0438\u043B\u043E\u0441\u044C");
+    }
+    return {
+      submitted: true,
+      verified: true,
+      success_selector: successSelector,
+      success_text: content
+    };
+  }
+  if (successText) {
+    if (!bodyTextIncludes(successText)) {
+      throw new Error("\u0424\u043E\u0440\u043C\u0430 \u043E\u0442\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0430, \u043D\u043E \u043E\u0436\u0438\u0434\u0430\u0435\u043C\u044B\u0439 \u0442\u0435\u043A\u0441\u0442 \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043D\u0438\u044F \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D");
+    }
+    return {
+      submitted: true,
+      verified: true,
+      success_text: successText
+    };
+  }
+  return { submitted: true };
+}
+function findTarget(selector) {
+  const target = document.querySelector(selector);
+  if (!target) {
+    throw new Error(`\u042D\u043B\u0435\u043C\u0435\u043D\u0442 \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D: ${selector}`);
+  }
+  return target;
+}
+function isDuplicateNativeToolError(error) {
+  if (!(error instanceof Error)) {
+    return false;
+  }
+  const message = error.message.toLowerCase();
+  return message.includes("duplicate tool name") || message.includes("already registered") || message.includes("already exists");
+}
+function metadataString(descriptor, key) {
+  const value = descriptor.metadata?.[key];
+  return typeof value === "string" ? value : "";
+}
+function buildSemanticToolDefinition(descriptor) {
+  const summary = descriptor.target_summary || descriptor.description;
+  if (descriptor.kind === "add-item") {
+    return {
+      capability: {
+        name: descriptor.name,
+        description: descriptor.description,
+        read_only: false
+      },
+      inputSchema: descriptor.input_schema,
+      describeTarget: () => summary,
+      execute: async (input) => {
+        const fieldSelector = metadataString(descriptor, "field_selector");
+        const submitSelector = metadataString(descriptor, "submit_selector");
+        const formSelector = metadataString(descriptor, "form_selector");
+        const value = String(input.value ?? "").trim();
+        if (!fieldSelector || !value) {
+          throw new Error("\u0414\u043B\u044F \u0434\u043E\u0431\u0430\u0432\u043B\u0435\u043D\u0438\u044F \u043D\u0443\u0436\u0435\u043D \u0441\u0435\u043B\u0435\u043A\u0442\u043E\u0440 \u043F\u043E\u043B\u044F \u0438 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435");
+        }
+        const fieldTarget = findTarget(fieldSelector);
+        fieldTarget.focus();
+        setFormFieldValue(fieldTarget, value);
+        fieldTarget.dispatchEvent(new Event("input", { bubbles: true }));
+        fieldTarget.dispatchEvent(new Event("change", { bubbles: true }));
+        const submitTarget = submitSelector ? findTarget(submitSelector) : formSelector ? findTarget(formSelector) : fieldTarget;
+        submitAssociatedForm(submitTarget);
+        await waitForDomSettle();
+        if (!bodyTextIncludes(value)) {
+          throw new Error(`\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C, \u0447\u0442\u043E \u044D\u043B\u0435\u043C\u0435\u043D\u0442 "${value}" \u043F\u043E\u044F\u0432\u0438\u043B\u0441\u044F \u043D\u0430 \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0435`);
+        }
+        return { success: true, value, verified: true };
+      }
+    };
+  }
+  if (descriptor.kind === "delete-item") {
+    return {
+      capability: {
+        name: descriptor.name,
+        description: descriptor.description,
+        read_only: false
+      },
+      describeTarget: () => summary,
+      execute: async () => {
+        const selector = metadataString(descriptor, "selector");
+        const itemTitle = metadataString(descriptor, "item_title") || summary;
+        findTarget(selector).click();
+        await waitForDomSettle();
+        if (itemTitle && bodyTextIncludes(itemTitle)) {
+          throw new Error(`\u042D\u043B\u0435\u043C\u0435\u043D\u0442 "${itemTitle}" \u0432\u0441\u0451 \u0435\u0449\u0451 \u0432\u0438\u0434\u0435\u043D \u043F\u043E\u0441\u043B\u0435 \u0443\u0434\u0430\u043B\u0435\u043D\u0438\u044F`);
+        }
+        return { success: true, verified: true };
+      }
+    };
+  }
+  if (descriptor.kind === "toggle-item") {
+    return {
+      capability: {
+        name: descriptor.name,
+        description: descriptor.description,
+        read_only: false
+      },
+      describeTarget: () => summary,
+      execute: async () => {
+        const selector = metadataString(descriptor, "selector");
+        const target = findTarget(selector);
+        if (!(target instanceof HTMLInputElement) || target.type !== "checkbox") {
+          throw new Error("\u0414\u043B\u044F \u043F\u0435\u0440\u0435\u043A\u043B\u044E\u0447\u0435\u043D\u0438\u044F \u043D\u0443\u0436\u0435\u043D \u0441\u0435\u043B\u0435\u043A\u0442\u043E\u0440 \u0447\u0435\u043A\u0431\u043E\u043A\u0441\u0430");
+        }
+        const before = target.checked;
+        target.click();
+        await waitForDomSettle();
+        if (target.checked === before) {
+          throw new Error("\u0421\u043E\u0441\u0442\u043E\u044F\u043D\u0438\u0435 \u0447\u0435\u043A\u0431\u043E\u043A\u0441\u0430 \u043D\u0435 \u0438\u0437\u043C\u0435\u043D\u0438\u043B\u043E\u0441\u044C");
+        }
+        return { success: true, checked: target.checked, verified: true };
+      }
+    };
+  }
+  if (descriptor.kind === "clear-completed") {
+    return {
+      capability: {
+        name: descriptor.name,
+        description: descriptor.description,
+        read_only: false
+      },
+      describeTarget: () => summary,
+      execute: async () => {
+        const selector = metadataString(descriptor, "selector");
+        const checkedBefore = document.querySelectorAll("input[type='checkbox']:checked").length;
+        findTarget(selector).click();
+        await waitForDomSettle();
+        const checkedAfter = document.querySelectorAll("input[type='checkbox']:checked").length;
+        if (checkedAfter >= checkedBefore && checkedBefore > 0) {
+          throw new Error("\u0412\u044B\u043F\u043E\u043B\u043D\u0435\u043D\u043D\u044B\u0435 \u044D\u043B\u0435\u043C\u0435\u043D\u0442\u044B \u043D\u0435 \u0431\u044B\u043B\u0438 \u043E\u0447\u0438\u0449\u0435\u043D\u044B");
+        }
+        return { success: true, checked_before: checkedBefore, checked_after: checkedAfter, verified: true };
+      }
+    };
+  }
+  if (descriptor.kind === "open-link") {
+    return {
+      capability: {
+        name: descriptor.name,
+        description: descriptor.description,
+        read_only: false
+      },
+      describeTarget: () => summary,
+      execute: async () => {
+        const href = metadataString(descriptor, "href");
+        if (!href) {
+          throw new Error("\u0414\u043B\u044F \u043E\u0442\u043A\u0440\u044B\u0442\u0438\u044F \u0441\u0441\u044B\u043B\u043A\u0438 \u043D\u0443\u0436\u0435\u043D \u0430\u0434\u0440\u0435\u0441 href");
+        }
+        return { success: true, href, deferred_navigation: true };
+      }
+    };
+  }
+  if (descriptor.kind === "submit-form") {
+    return {
+      capability: {
+        name: descriptor.name,
+        description: descriptor.description,
+        read_only: false
+      },
+      describeTarget: () => summary,
+      execute: async () => {
+        const selector = metadataString(descriptor, "form_selector") || metadataString(descriptor, "selector");
+        const target = findTarget(selector);
+        submitAssociatedForm(target);
+        await waitForDomSettle();
+        return { success: true, selector, ...await verifyFormSubmission(target) };
+      }
+    };
+  }
+  if (descriptor.kind === "activate-element") {
+    return {
+      capability: {
+        name: descriptor.name,
+        description: descriptor.description,
+        read_only: false
+      },
+      describeTarget: () => summary,
+      execute: async () => {
+        const selector = metadataString(descriptor, "selector");
+        findTarget(selector).click();
+        return { success: true, selector };
+      }
+    };
+  }
+  return null;
+}
+function detectNativeWebMcpSupport() {
+  if (!isBrowser2() || !window.isSecureContext) {
+    return false;
+  }
+  const navigatorWithModelContext = navigator;
+  return typeof navigatorWithModelContext.modelContext?.registerTool === "function";
+}
+var PageToolRegistry = class {
+  confirmationHandler;
+  tools = /* @__PURE__ */ new Map();
+  nativeRegistrations = [];
+  latestPageContext = null;
+  nativeToolsActive = false;
+  highlightLayer = null;
+  highlightTimer = null;
+  constructor(confirmationHandler) {
+    this.confirmationHandler = confirmationHandler;
+    this.refreshToolCatalog();
+  }
+  buildBaseTools() {
+    const tools = /* @__PURE__ */ new Map();
+    tools.set("blinq.read_visible_page_context", {
+      capability: {
+        name: "blinq.read_visible_page_context",
+        description: "\u041F\u0440\u043E\u0447\u0438\u0442\u0430\u0442\u044C \u0442\u0435\u043A\u0443\u0449\u0438\u0439 URL, \u0437\u0430\u0433\u043E\u043B\u043E\u0432\u043E\u043A \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u044B, \u0432\u0438\u0434\u0438\u043C\u044B\u0439 \u0442\u0435\u043A\u0441\u0442 \u0438 \u043A\u0430\u0442\u0430\u043B\u043E\u0433 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0439.",
+        read_only: true
+      },
+      execute: async () => ({ page_context: this.collectPageContext() })
+    });
+    tools.set("blinq.read_selection", {
+      capability: {
+        name: "blinq.read_selection",
+        description: "\u041F\u0440\u043E\u0447\u0438\u0442\u0430\u0442\u044C \u0442\u0435\u043A\u0441\u0442, \u043A\u043E\u0442\u043E\u0440\u044B\u0439 \u0441\u0435\u0439\u0447\u0430\u0441 \u0432\u044B\u0434\u0435\u043B\u0435\u043D \u043D\u0430 \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0435.",
+        read_only: true
+      },
+      execute: async () => ({ selection: selectedText2() })
+    });
+    tools.set("blinq.highlight_element", {
+      capability: {
+        name: "blinq.highlight_element",
+        description: "\u041F\u043E\u0434\u0441\u0432\u0435\u0442\u0438\u0442\u044C \u044D\u043B\u0435\u043C\u0435\u043D\u0442 \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u044B \u043F\u043E CSS-\u0441\u0435\u043B\u0435\u043A\u0442\u043E\u0440\u0443, \u0447\u0442\u043E\u0431\u044B \u043F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u044E, \u043E \u0447\u0451\u043C \u0438\u0434\u0451\u0442 \u0440\u0435\u0447\u044C.",
+        read_only: true
+      },
+      inputSchema: {
+        type: "object",
+        properties: {
+          selector: { type: "string" },
+          label: { type: "string" }
+        },
+        required: ["selector"]
+      },
+      describeTarget: (input) => `\u041F\u043E\u0434\u0441\u0432\u0435\u0442\u0438\u0442\u044C \u044D\u043B\u0435\u043C\u0435\u043D\u0442: ${String(input.selector ?? "")}`,
+      execute: async (input) => {
+        const selector = String(input.selector ?? "");
+        const label = String(input.label ?? "").trim() || void 0;
+        const highlighted = this.highlightTargets([{ selector, label }]);
+        if (!highlighted) {
+          throw new Error(`\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u043F\u043E\u0434\u0441\u0432\u0435\u0442\u0438\u0442\u044C \u044D\u043B\u0435\u043C\u0435\u043D\u0442: ${selector}`);
+        }
+        return { success: true, selector, label: label ?? null };
+      }
+    });
+    tools.set("blinq.scroll_to_element", {
+      capability: {
+        name: "blinq.scroll_to_element",
+        description: "\u041F\u0440\u043E\u043A\u0440\u0443\u0442\u0438\u0442\u044C \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0443 \u043A \u043F\u0435\u0440\u0432\u043E\u043C\u0443 \u044D\u043B\u0435\u043C\u0435\u043D\u0442\u0443 \u043F\u043E CSS-\u0441\u0435\u043B\u0435\u043A\u0442\u043E\u0440\u0443.",
+        read_only: false
+      },
+      inputSchema: { type: "object", properties: { selector: { type: "string" } }, required: ["selector"] },
+      describeTarget: (input) => `\u041F\u0440\u043E\u043A\u0440\u0443\u0442\u043A\u0430 \u043A \u044D\u043B\u0435\u043C\u0435\u043D\u0442\u0443: ${String(input.selector ?? "")}`,
+      execute: async (input) => {
+        const selector = String(input.selector ?? "");
+        const target = findTarget(selector);
+        target.scrollIntoView({ behavior: "smooth", block: "center" });
+        return { success: true, selector };
+      }
+    });
+    tools.set("blinq.click_element", {
+      capability: {
+        name: "blinq.click_element",
+        description: "\u041D\u0430\u0436\u0430\u0442\u044C \u043F\u0435\u0440\u0432\u0443\u044E \u043F\u043E\u0434\u0445\u043E\u0434\u044F\u0449\u0443\u044E \u043A\u043D\u043E\u043F\u043A\u0443, \u0441\u0441\u044B\u043B\u043A\u0443 \u0438\u043B\u0438 \u0438\u043D\u0442\u0435\u0440\u0430\u043A\u0442\u0438\u0432\u043D\u044B\u0439 \u044D\u043B\u0435\u043C\u0435\u043D\u0442.",
+        read_only: false
+      },
+      inputSchema: { type: "object", properties: { selector: { type: "string" } }, required: ["selector"] },
+      describeTarget: (input) => `\u041D\u0430\u0436\u0430\u0442\u044C \u044D\u043B\u0435\u043C\u0435\u043D\u0442: ${String(input.selector ?? "")}`,
+      execute: async (input) => {
+        const selector = String(input.selector ?? "");
+        const target = findTarget(selector);
+        const isSubmitButton = target instanceof HTMLButtonElement && target.type === "submit";
+        const isSubmitInput = target instanceof HTMLInputElement && target.type === "submit";
+        if (isSubmitButton || isSubmitInput) {
+          submitAssociatedForm(target);
+          await waitForDomSettle();
+          return { success: true, selector, ...await verifyFormSubmission(target) };
+        }
+        target.click();
+        await waitForDomSettle();
+        return { success: true, selector };
+      }
+    });
+    tools.set("blinq.fill_field", {
+      capability: {
+        name: "blinq.fill_field",
+        description: "\u0417\u0430\u043F\u043E\u043B\u043D\u0438\u0442\u044C \u043F\u043E\u043B\u0435 \u0432\u0432\u043E\u0434\u0430 \u0438\u043B\u0438 textarea \u043F\u043E CSS-\u0441\u0435\u043B\u0435\u043A\u0442\u043E\u0440\u0443.",
+        read_only: false
+      },
+      inputSchema: {
+        type: "object",
+        properties: {
+          selector: { type: "string" },
+          value: { type: "string" }
+        },
+        required: ["selector", "value"]
+      },
+      describeTarget: (input) => `\u0417\u0430\u043F\u043E\u043B\u043D\u0438\u0442\u044C ${String(input.selector ?? "")} \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435\u043C "${String(input.value ?? "")}"`,
+      execute: async (input) => {
+        const selector = String(input.selector ?? "");
+        const value = String(input.value ?? "");
+        const target = findTarget(selector);
+        target.focus();
+        setFormFieldValue(target, value);
+        target.dispatchEvent(new Event("input", { bubbles: true }));
+        target.dispatchEvent(new Event("change", { bubbles: true }));
+        await waitForDomSettle();
+        return { success: true, selector, value, verified: target.value === value };
+      }
+    });
+    tools.set("blinq.submit_form", {
+      capability: {
+        name: "blinq.submit_form",
+        description: "\u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C \u0431\u043B\u0438\u0436\u0430\u0439\u0448\u0443\u044E \u0444\u043E\u0440\u043C\u0443 \u0434\u043B\u044F \u0432\u044B\u0431\u0440\u0430\u043D\u043D\u043E\u0433\u043E \u0441\u0435\u043B\u0435\u043A\u0442\u043E\u0440\u0430.",
+        read_only: false
+      },
+      inputSchema: { type: "object", properties: { selector: { type: "string" } }, required: ["selector"] },
+      describeTarget: (input) => `\u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C \u0444\u043E\u0440\u043C\u0443 \u0440\u044F\u0434\u043E\u043C \u0441 ${String(input.selector ?? "")}`,
+      execute: async (input) => {
+        const selector = String(input.selector ?? "");
+        const target = findTarget(selector);
+        submitAssociatedForm(target);
+        await waitForDomSettle();
+        return { success: true, selector, ...await verifyFormSubmission(target) };
+      }
+    });
+    tools.set("blinq.open_link", {
+      capability: {
+        name: "blinq.open_link",
+        description: "\u041E\u0442\u043A\u0440\u044B\u0442\u044C URL \u0432 \u0442\u0435\u043A\u0443\u0449\u0435\u0439 \u0432\u043A\u043B\u0430\u0434\u043A\u0435.",
+        read_only: false
+      },
+      inputSchema: { type: "object", properties: { href: { type: "string" } }, required: ["href"] },
+      describeTarget: (input) => `\u041E\u0442\u043A\u0440\u044B\u0442\u044C ${String(input.href ?? "")}`,
+      execute: async (input) => {
+        const href = String(input.href ?? "");
+        if (!href) {
+          throw new Error("\u041D\u0443\u0436\u0435\u043D \u0430\u0434\u0440\u0435\u0441 \u0441\u0441\u044B\u043B\u043A\u0438");
+        }
+        return { success: true, href, deferred_navigation: true };
+      }
+    });
+    return tools;
+  }
+  refreshToolCatalog() {
+    const pageContext = collectNormalizedPageContext();
+    const tools = this.buildBaseTools();
+    for (const descriptor of pageContext.semantic_tools) {
+      const tool = buildSemanticToolDefinition(descriptor);
+      if (tool) {
+        tools.set(descriptor.name, tool);
+      }
+    }
+    this.tools.clear();
+    for (const [name, tool] of tools) {
+      this.tools.set(name, tool);
+    }
+    this.latestPageContext = pageContext;
+    return pageContext;
+  }
+  async onMutatingToolSuccess() {
+    this.refreshToolCatalog();
+    if (this.nativeToolsActive) {
+      try {
+        await this.registerNativeTools();
+      } catch {
+        this.nativeToolsActive = false;
+      }
+    }
+  }
+  collectPageContext() {
+    return this.refreshToolCatalog();
+  }
+  getToolCapabilities() {
+    this.refreshToolCatalog();
+    return Array.from(this.tools.values()).map((tool) => tool.capability);
+  }
+  clearHighlights() {
+    if (this.highlightTimer !== null) {
+      window.clearTimeout(this.highlightTimer);
+      this.highlightTimer = null;
+    }
+    this.highlightLayer?.remove();
+    this.highlightLayer = null;
+  }
+  ensureHighlightLayer() {
+    if (this.highlightLayer) {
+      return this.highlightLayer;
+    }
+    const layer = document.createElement("div");
+    layer.setAttribute("data-blinq-highlight-layer", "true");
+    Object.assign(layer.style, {
+      position: "fixed",
+      inset: "0",
+      pointerEvents: "none",
+      zIndex: "2147483646"
+    });
+    document.body.appendChild(layer);
+    this.highlightLayer = layer;
+    return layer;
+  }
+  highlightTargets(targets, options) {
+    if (!isBrowser2() || targets.length === 0) {
+      return false;
+    }
+    this.clearHighlights();
+    const layer = this.ensureHighlightLayer();
+    let highlightedCount = 0;
+    for (const target of targets) {
+      if (!target.selector) {
+        continue;
+      }
+      let element = null;
+      try {
+        element = document.querySelector(target.selector);
+      } catch {
+        element = null;
+      }
+      if (!element) {
+        continue;
+      }
+      const rect = element.getBoundingClientRect();
+      if (rect.width <= 0 || rect.height <= 0) {
+        continue;
+      }
+      const frame = document.createElement("div");
+      Object.assign(frame.style, {
+        position: "fixed",
+        left: `${Math.max(rect.left - 6, 4)}px`,
+        top: `${Math.max(rect.top - 6, 4)}px`,
+        width: `${Math.max(rect.width + 12, 18)}px`,
+        height: `${Math.max(rect.height + 12, 18)}px`,
+        border: "2px solid rgba(17, 17, 17, 0.92)",
+        borderRadius: "16px",
+        background: "rgba(17, 17, 17, 0.05)",
+        boxShadow: "0 0 0 1px rgba(255, 255, 255, 0.85), 0 18px 38px rgba(17, 17, 17, 0.14)",
+        opacity: "0",
+        transform: "scale(0.985)",
+        transition: "opacity 180ms ease, transform 180ms ease"
+      });
+      const glow = document.createElement("div");
+      Object.assign(glow.style, {
+        position: "absolute",
+        inset: "-8px",
+        borderRadius: "20px",
+        border: "1px solid rgba(17, 17, 17, 0.14)",
+        animation: "blinq-highlight-pulse 1.2s ease-in-out infinite"
+      });
+      frame.appendChild(glow);
+      if (target.label) {
+        const badge = document.createElement("div");
+        badge.textContent = target.label;
+        Object.assign(badge.style, {
+          position: "absolute",
+          top: "-14px",
+          left: "10px",
+          maxWidth: "min(220px, 70vw)",
+          padding: "4px 10px",
+          borderRadius: "999px",
+          background: "#111111",
+          color: "#ffffff",
+          fontFamily: '"Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
+          fontSize: "11px",
+          fontWeight: "600",
+          lineHeight: "1.3",
+          whiteSpace: "nowrap",
+          overflow: "hidden",
+          textOverflow: "ellipsis",
+          boxShadow: "0 8px 18px rgba(17, 17, 17, 0.16)"
+        });
+        frame.appendChild(badge);
+      }
+      layer.appendChild(frame);
+      window.requestAnimationFrame(() => {
+        frame.style.opacity = "1";
+        frame.style.transform = "scale(1)";
+      });
+      highlightedCount += 1;
+    }
+    if (!document.getElementById("blinq-highlight-style")) {
+      const style = document.createElement("style");
+      style.id = "blinq-highlight-style";
+      style.textContent = `
+        @keyframes blinq-highlight-pulse {
+          0%, 100% { opacity: 0.55; transform: scale(1); }
+          50% { opacity: 1; transform: scale(1.02); }
+        }
+      `;
+      document.head.appendChild(style);
+    }
+    if (highlightedCount === 0) {
+      this.clearHighlights();
+      return false;
+    }
+    this.highlightTimer = window.setTimeout(() => {
+      this.clearHighlights();
+    }, options?.durationMs ?? 2200);
+    return true;
+  }
+  canExecuteWriteTools() {
+    return isBrowser2();
+  }
+  async executeTool(request) {
+    let tool = this.tools.get(request.tool_name);
+    if (!tool) {
+      this.refreshToolCatalog();
+      tool = this.tools.get(request.tool_name);
+    }
+    if (!tool) {
+      return {
+        status: "error",
+        error: `\u041D\u0435\u0438\u0437\u0432\u0435\u0441\u0442\u043D\u044B\u0439 \u0438\u043D\u0441\u0442\u0440\u0443\u043C\u0435\u043D\u0442: ${request.tool_name}`
+      };
+    }
+    const displayName = request.display_name ?? tool.capability.name;
+    const targetSummary = request.target_summary ?? tool.describeTarget?.(request.arguments) ?? tool.capability.description;
+    const requiresConfirmation = request.requires_confirmation ?? !tool.capability.read_only;
+    if (!tool.capability.read_only && requiresConfirmation) {
+      const confirmed = await this.confirmationHandler({
+        displayName,
+        targetSummary,
+        arguments: request.arguments
+      });
+      if (!confirmed) {
+        return {
+          status: "cancelled",
+          error: "\u041F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u044C \u043E\u0442\u043A\u043B\u043E\u043D\u0438\u043B \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435"
+        };
+      }
+    }
+    try {
+      const result = await tool.execute(request.arguments);
+      if (!tool.capability.read_only) {
+        await this.onMutatingToolSuccess();
+      }
+      return { status: "success", result };
+    } catch (error) {
+      return {
+        status: "error",
+        error: error instanceof Error ? error.message : "\u041D\u0435\u0438\u0437\u0432\u0435\u0441\u0442\u043D\u0430\u044F \u043E\u0448\u0438\u0431\u043A\u0430 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044F \u043D\u0430 \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0435"
+      };
+    }
+  }
+  unregisterNativeTools() {
+    while (this.nativeRegistrations.length > 0) {
+      this.nativeRegistrations.pop()?.abort();
+    }
+    this.nativeToolsActive = false;
+  }
+  async registerNativeTools() {
+    const navigatorWithModelContext = navigator;
+    const modelContext = navigatorWithModelContext.modelContext;
+    if (!window.isSecureContext || !modelContext?.registerTool) {
+      return false;
+    }
+    this.refreshToolCatalog();
+    this.unregisterNativeTools();
+    for (const [toolName, tool] of this.tools) {
+      const controller = new AbortController();
+      try {
+        modelContext.registerTool(
+          {
+            name: toolName,
+            description: tool.capability.description,
+            inputSchema: tool.inputSchema,
+            annotations: {
+              readOnlyHint: tool.capability.read_only
+            },
+            execute: async (input) => {
+              const outcome = await this.executeTool({
+                tool_name: toolName,
+                display_name: tool.capability.name,
+                arguments: input
+              });
+              return outcome;
+            }
+          },
+          { signal: controller.signal }
+        );
+        this.nativeRegistrations.push(controller);
+      } catch (error) {
+        controller.abort();
+        if (isDuplicateNativeToolError(error)) {
+          this.nativeToolsActive = true;
+          continue;
+        }
+        throw error;
+      }
+    }
+    this.nativeToolsActive = true;
+    return true;
+  }
+  destroy() {
+    this.clearHighlights();
+    this.unregisterNativeTools();
+  }
+};
+
+// src/embed-shell.tsx
+var React = __toESM(require("react"), 1);
+var import_react = require("@assistant-ui/react");
+var import_jsx_runtime = require("react/jsx-runtime");
+function cn(...values) {
+  return values.filter(Boolean).join(" ");
+}
+function buttonClassName(variant = "default", size = "default") {
+  const variantClass = variant === "outline" ? "blinq-button-outline" : variant === "ghost" ? "blinq-button-ghost" : variant === "destructive" ? "blinq-button-destructive" : "blinq-button-default";
+  const sizeClass = size === "sm" ? "blinq-button-sm" : size === "icon" ? "blinq-button-icon" : size === "icon-sm" ? "blinq-button-icon-sm" : "blinq-button-md";
+  return cn("blinq-button", variantClass, sizeClass);
+}
+function badgeClassName(variant = "default") {
+  if (variant === "outline") {
+    return "blinq-badge-pill blinq-badge-pill-outline";
+  }
+  if (variant === "soft") {
+    return "blinq-badge-pill blinq-badge-pill-soft";
+  }
+  if (variant === "accent") {
+    return "blinq-badge-pill blinq-badge-pill-accent";
+  }
+  return "blinq-badge-pill blinq-badge-pill-default";
+}
+function Button({
+  className,
+  variant,
+  size,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { className: cn(buttonClassName(variant, size), className), ...props });
+}
+function Input({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { className: cn("blinq-input", className), ...props });
+}
+function Card({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: cn("blinq-card", className), ...props });
+}
+function CardHeader({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: cn("blinq-card-header", className), ...props });
+}
+function CardTitle({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: cn("blinq-card-title", className), ...props });
+}
+function CardDescription({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: cn("blinq-card-description", className), ...props });
+}
+function CardContent({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: cn("blinq-card-content", className), ...props });
+}
+function Badge({
+  className,
+  variant,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: cn(badgeClassName(variant), className), ...props });
+}
+function LauncherIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      width: "18",
+      height: "18",
+      fill: "none",
+      "aria-hidden": "true",
+      className: "blinq-launcher-agent",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { className: "blinq-agent-orbit", cx: "12", cy: "12", r: "9" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { className: "blinq-agent-spark", cx: "18.6", cy: "8.2", r: "1.2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "path",
+          {
+            className: "blinq-agent-antenna",
+            d: "M12 4.8V6.8",
+            stroke: "currentColor",
+            strokeWidth: "1.6",
+            strokeLinecap: "round"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { className: "blinq-agent-antenna-dot", cx: "12", cy: "4.1", r: "1.1", fill: "currentColor" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "rect",
+          {
+            className: "blinq-agent-head",
+            x: "7",
+            y: "7.4",
+            width: "10",
+            height: "9.2",
+            rx: "3.2",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { className: "blinq-agent-eye", cx: "10.2", cy: "11.3", r: "0.9", fill: "#111111" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { className: "blinq-agent-eye", cx: "13.8", cy: "11.3", r: "0.9", fill: "#111111" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "path",
+          {
+            className: "blinq-agent-mouth",
+            d: "M10 14.2c.7.55 1.38.82 2 .82s1.3-.27 2-.82",
+            stroke: "#111111",
+            strokeWidth: "1.3",
+            strokeLinecap: "round"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "path",
+          {
+            className: "blinq-agent-neck",
+            d: "M10.2 17.1h3.6",
+            stroke: "currentColor",
+            strokeWidth: "1.4",
+            strokeLinecap: "round"
+          }
+        )
+      ]
+    }
+  );
+}
+function CollapseIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { viewBox: "0 0 24 24", width: "16", height: "16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M6 12h12", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round" }) });
+}
+function MicrophoneIcon({ listening }) {
+  if (listening) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { viewBox: "0 0 24 24", width: "16", height: "16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "7", y: "7", width: "10", height: "10", rx: "2.5", fill: "currentColor" }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { viewBox: "0 0 24 24", width: "16", height: "16", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "path",
+      {
+        d: "M12 3.75a2.75 2.75 0 0 1 2.75 2.75v5.25a2.75 2.75 0 1 1-5.5 0V6.5A2.75 2.75 0 0 1 12 3.75Z",
+        fill: "currentColor"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "path",
+      {
+        d: "M7.5 10.5a.75.75 0 0 1 .75.75a3.75 3.75 0 1 0 7.5 0a.75.75 0 0 1 1.5 0A5.25 5.25 0 0 1 12.75 16.4V18.5H15a.75.75 0 0 1 0 1.5H9a.75.75 0 0 1 0-1.5h2.25v-2.1A5.25 5.25 0 0 1 6.75 11.25a.75.75 0 0 1 .75-.75Z",
+        fill: "currentColor"
+      }
+    )
+  ] });
+}
+function SendIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { viewBox: "0 0 24 24", width: "16", height: "16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "path",
+    {
+      d: "M5.5 12h11M12.5 5l6.5 7-6.5 7",
+      stroke: "currentColor",
+      strokeWidth: "1.8",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+function ThinkingSparkIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "blinq-thinking-dots", "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {})
+  ] });
+}
+function isAssistantMessageRunning(status) {
+  return status?.type === "running";
+}
+function itemToThreadMessage(item) {
+  if (item.type === "message") {
+    return {
+      id: item.id,
+      role: item.role,
+      status: item.role === "assistant" ? item.status === "done" ? { type: "complete", reason: "stop" } : { type: "running" } : void 0,
+      content: item.text ? [{ type: "text", text: item.text }] : [],
+      metadata: {
+        custom: {
+          blinqKind: "message"
+        }
+      }
+    };
+  }
+  if (item.type === "plan") {
+    return {
+      id: item.id,
+      role: "assistant",
+      status: item.status === "completed" ? { type: "complete", reason: "stop" } : item.status === "failed" ? { type: "incomplete", reason: "error" } : { type: "running" },
+      content: [{ type: "data", name: "blinq-plan", data: item }],
+      metadata: {
+        custom: {
+          blinqKind: "plan"
+        }
+      }
+    };
+  }
+  return {
+    id: item.id,
+    role: "assistant",
+    status: item.state === "approved" ? { type: "running" } : { type: "complete", reason: "stop" },
+    content: [{ type: "data", name: "blinq-action", data: item }],
+    metadata: {
+      custom: {
+        blinqKind: "action"
+      }
+    }
+  };
+}
+function conversationToThreadMessages(items) {
+  return items.map(itemToThreadMessage);
+}
+function ThreadMessageBubble({
+  accentColor,
+  onApproveAction,
+  onDeclineAction,
+  onApprovePlan,
+  onDeclinePlan
+}) {
+  const role = (0, import_react.useMessage)((state) => state.role);
+  const messageId = (0, import_react.useMessage)((state) => state.id);
+  const status = (0, import_react.useMessage)((state) => state.status);
+  const content = (0, import_react.useMessage)((state) => state.content);
+  const isDataOnly = Array.isArray(content) && content.length === 1 && typeof content[0] !== "string" && content[0]?.type === "data";
+  const messageText = React.useMemo(
+    () => content.filter((part) => typeof part !== "string" && part.type === "text").map((part) => part.text).join(""),
+    [content]
+  );
+  const [animateFreshText, setAnimateFreshText] = React.useState(false);
+  const [hasAnimatedStreamingReveal, setHasAnimatedStreamingReveal] = React.useState(false);
+  React.useEffect(() => {
+    setAnimateFreshText(false);
+    setHasAnimatedStreamingReveal(false);
+  }, [messageId]);
+  React.useEffect(() => {
+    if (role !== "assistant" || isDataOnly || !isAssistantMessageRunning(status) || !messageText.trim() || hasAnimatedStreamingReveal) {
+      return;
+    }
+    setAnimateFreshText(true);
+    setHasAnimatedStreamingReveal(true);
+    const timeoutId = window.setTimeout(() => {
+      setAnimateFreshText(false);
+    }, 220);
+    return () => window.clearTimeout(timeoutId);
+  }, [role, isDataOnly, messageText, hasAnimatedStreamingReveal]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react.MessagePrimitive.Root,
+    {
+      className: "blinq-message",
+      "data-role": role,
+      "data-kind": isDataOnly ? "artifact" : "bubble",
+      "data-status": status?.type ?? "complete",
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.MessagePrimitive.Parts, { children: ({ part }) => {
+        if (part.type === "text") {
+          if (!part.text) {
+            return null;
+          }
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "div",
+            {
+              className: cn(
+                "blinq-message-copy",
+                role === "assistant" && animateFreshText && "blinq-message-copy-reveal"
+              ),
+              children: part.text
+            }
+          );
+        }
+        if (part.type === "data" && part.name === "blinq-action") {
+          const actionItem = part.data;
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            ActionCard,
+            {
+              item: actionItem,
+              accentColor,
+              onApprove: () => onApproveAction(actionItem.id),
+              onDecline: () => onDeclineAction(actionItem.id)
+            }
+          );
+        }
+        if (part.type === "data" && part.name === "blinq-plan") {
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            PlanCard,
+            {
+              item: part.data,
+              onApprove: onApprovePlan,
+              onDecline: onDeclinePlan
+            }
+          );
+        }
+        return null;
+      } })
+    }
+  );
+}
+function ThinkingPlaceholder() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "blinq-message blinq-thinking-card", "data-role": "assistant", "data-kind": "bubble", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "blinq-thinking", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ThinkingSparkIcon, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "\u0414\u0443\u043C\u0430\u044E \u043D\u0430\u0434 \u043E\u0442\u0432\u0435\u0442\u043E\u043C" })
+  ] }) });
+}
+function formatRecordingDuration(durationMs) {
+  const totalSeconds = Math.max(0, Math.floor(durationMs / 1e3));
+  const minutes = String(Math.floor(totalSeconds / 60)).padStart(2, "0");
+  const seconds = String(totalSeconds % 60).padStart(2, "0");
+  return `${minutes}:${seconds}`;
+}
+function VoiceWaveform({
+  durationMs,
+  samples
+}) {
+  const waveform = samples.length > 0 ? samples : [0.18];
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "blinq-recording-input", role: "status", "aria-live": "polite", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "blinq-recording-time", children: formatRecordingDuration(durationMs) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "blinq-recording-waveform", "aria-hidden": "true", children: waveform.map((sample, index) => {
+      const scale = Math.max(0.16, Math.min(1, sample));
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "span",
+        {
+          className: "blinq-recording-waveform-bar",
+          style: { transform: `scaleY(${scale})` }
+        },
+        `voice-wave-${index}`
+      );
+    }) })
+  ] });
+}
+function ActionCard({
+  item,
+  accentColor,
+  onApprove,
+  onDecline
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    Card,
+    {
+      className: "blinq-action-card",
+      style: item.state === "approved" ? { borderColor: "rgba(17, 17, 17, 0.22)" } : item.state === "declined" ? { borderColor: "rgba(17, 17, 17, 0.12)" } : void 0,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CardHeader, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardTitle, { children: item.displayName }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardDescription, { children: item.targetSummary })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CardContent, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("details", { className: "blinq-action-details", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("summary", { children: "\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0434\u0435\u0442\u0430\u043B\u0438 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044F" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", { className: "blinq-code", children: JSON.stringify(item.arguments, null, 2) })
+          ] }),
+          item.state !== "pending" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "blinq-action-state", "data-state": item.state, children: item.state === "approved" ? "\u0412\u044B\u043F\u043E\u043B\u043D\u044F\u044E \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435" : "\u0414\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u043E\u0442\u043A\u043B\u043E\u043D\u0435\u043D\u043E" }) : null,
+          item.state === "pending" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "blinq-actions", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, { type: "button", variant: "outline", onClick: onDecline, children: "\u041E\u0442\u043A\u043B\u043E\u043D\u0438\u0442\u044C" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              Button,
+              {
+                type: "button",
+                onClick: onApprove,
+                style: {
+                  background: accentColor
+                },
+                children: "\u0412\u044B\u043F\u043E\u043B\u043D\u0438\u0442\u044C"
+              }
+            )
+          ] }) : null
+        ] })
+      ]
+    }
+  );
+}
+function PlanCard({
+  item,
+  onApprove,
+  onDecline
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Card, { className: "blinq-action-card blinq-plan-card", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardTitle, { children: "\u041F\u043B\u0430\u043D" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardDescription, { children: item.goal })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Badge, { variant: item.status === "completed" ? "default" : item.status === "failed" ? "outline" : "soft", children: item.status === "completed" ? "\u0413\u043E\u0442\u043E\u0432\u043E" : item.status === "failed" ? "\u041E\u0448\u0438\u0431\u043A\u0430" : item.status === "awaiting_navigation" ? "\u041F\u0435\u0440\u0435\u0445\u043E\u0434" : "\u0412 \u0440\u0430\u0431\u043E\u0442\u0435" })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CardContent, { className: "space-y-3", children: [
+      item.progressLabel ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "blinq-action-state", children: item.progressLabel }) : null,
+      item.statusReason ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "blinq-card-description", children: item.statusReason }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "space-y-2", children: item.steps.map((step, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        "div",
+        {
+          className: "blinq-plan-step",
+          "data-current": index === item.currentStepIndex ? "true" : "false",
+          "data-status": step.status,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "blinq-plan-step-index", children: index + 1 }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "blinq-plan-step-copy", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: step.title }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "blinq-plan-step-meta", children: step.status === "completed" ? "\u0412\u044B\u043F\u043E\u043B\u043D\u0435\u043D\u043E" : step.status === "failed" ? "\u041E\u0448\u0438\u0431\u043A\u0430" : step.status === "cancelled" ? "\u041E\u0442\u043C\u0435\u043D\u0435\u043D\u043E" : index === item.currentStepIndex ? "\u0422\u0435\u043A\u0443\u0449\u0438\u0439 \u0448\u0430\u0433" : "\u041E\u0436\u0438\u0434\u0430\u0435\u0442" })
+            ] })
+          ]
+        },
+        step.id
+      )) }),
+      item.approvalState === "pending" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "blinq-actions", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, { type: "button", variant: "outline", onClick: onDecline, children: "\u041E\u0442\u043A\u043B\u043E\u043D\u0438\u0442\u044C" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, { type: "button", onClick: onApprove, children: "\u0412\u044B\u043F\u043E\u043B\u043D\u0438\u0442\u044C" })
+      ] }) : null
+    ] })
+  ] });
+}
+function AssistantConversationThread({
+  items,
+  showThinkingIndicator,
+  accentColor,
+  onApproveAction,
+  onDeclineAction,
+  onApprovePlan,
+  onDeclinePlan
+}) {
+  const messages = React.useMemo(() => conversationToThreadMessages(items), [items]);
+  const runtime = (0, import_react.useExternalStoreRuntime)({
+    messages,
+    isRunning: messages.some((message) => message.role === "assistant" && message.status?.type === "running"),
+    convertMessage: (message) => message,
+    onNew: async () => void 0
+  });
+  const scrollRef = React.useRef(null);
+  React.useEffect(() => {
+    if (!scrollRef.current) {
+      return;
+    }
+    scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
+  }, [items]);
+  const assistantMessageComponent = React.useMemo(
+    () => function AssistantMessageComponent() {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        ThreadMessageBubble,
+        {
+          accentColor,
+          onApproveAction,
+          onDeclineAction,
+          onApprovePlan,
+          onDeclinePlan
+        }
+      );
+    },
+    [accentColor, onApproveAction, onDeclineAction, onApprovePlan, onDeclinePlan]
+  );
+  const userMessageComponent = React.useMemo(
+    () => function UserMessageComponent() {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        ThreadMessageBubble,
+        {
+          accentColor,
+          onApproveAction,
+          onDeclineAction,
+          onApprovePlan,
+          onDeclinePlan
+        }
+      );
+    },
+    [accentColor, onApproveAction, onDeclineAction, onApprovePlan, onDeclinePlan]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.AssistantRuntimeProvider, { runtime, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.ThreadPrimitive.Root, { className: "blinq-thread", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.ThreadPrimitive.Viewport, { ref: scrollRef, className: "blinq-scroll blinq-thread-viewport", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_react.ThreadPrimitive.Messages,
+      {
+        components: {
+          UserMessage: userMessageComponent,
+          AssistantMessage: assistantMessageComponent
+        }
+      }
+    ),
+    showThinkingIndicator ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ThinkingPlaceholder, {}) : null
+  ] }) }) });
+}
+function WidgetEmbedShell({
+  state,
+  onOpen,
+  onCollapse,
+  onInputChange,
+  onSubmit,
+  onToggleVoice,
+  onApproveAction,
+  onDeclineAction,
+  onApprovePlan,
+  onDeclinePlan
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: "blinq-shell",
+      "data-side": state.side,
+      style: { ["--blinq-accent"]: state.accentColor },
+      children: [
+        !state.minimized ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "blinq-panel", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "blinq-header", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "blinq-header-row", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "blinq-header-copy", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "blinq-heading", children: state.assistantName }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                Button,
+                {
+                  type: "button",
+                  size: "icon-sm",
+                  variant: "ghost",
+                  "aria-label": "\u0421\u0432\u0435\u0440\u043D\u0443\u0442\u044C \u0432\u0438\u0434\u0436\u0435\u0442",
+                  title: "\u0421\u0432\u0435\u0440\u043D\u0443\u0442\u044C \u0432\u0438\u0434\u0436\u0435\u0442",
+                  onClick: onCollapse,
+                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CollapseIcon, {})
+                }
+              )
+            ] }),
+            state.statusText ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "blinq-status-line", children: state.statusText }) : null
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            AssistantConversationThread,
+            {
+              items: state.items,
+              showThinkingIndicator: state.showThinkingIndicator,
+              accentColor: state.accentColor,
+              onApproveAction,
+              onDeclineAction,
+              onApprovePlan,
+              onDeclinePlan
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "form",
+            {
+              className: "blinq-composer",
+              onSubmit: (event) => {
+                event.preventDefault();
+                onSubmit();
+              },
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "blinq-composer-controls", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "blinq-input-shell", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  Button,
+                  {
+                    type: "button",
+                    size: "icon-sm",
+                    variant: state.voiceListening ? "destructive" : "ghost",
+                    className: "blinq-input-mic",
+                    "aria-label": state.voiceListening ? "\u041E\u0441\u0442\u0430\u043D\u043E\u0432\u0438\u0442\u044C \u0433\u043E\u043B\u043E\u0441\u043E\u0432\u043E\u0439 \u0432\u0432\u043E\u0434" : "\u041D\u0430\u0447\u0430\u0442\u044C \u0433\u043E\u043B\u043E\u0441\u043E\u0432\u043E\u0439 \u0432\u0432\u043E\u0434",
+                    title: !state.voiceSupported ? "\u0413\u043E\u043B\u043E\u0441\u043E\u0432\u043E\u0439 \u0432\u0432\u043E\u0434 \u043D\u0435 \u043F\u043E\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442\u0441\u044F \u0432 \u044D\u0442\u043E\u043C \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435" : state.voiceListening ? "\u041E\u0441\u0442\u0430\u043D\u043E\u0432\u0438\u0442\u044C \u0437\u0430\u043F\u0438\u0441\u044C" : "\u041D\u0430\u0447\u0430\u0442\u044C \u0433\u043E\u043B\u043E\u0441\u043E\u0432\u043E\u0439 \u0432\u0432\u043E\u0434",
+                    disabled: !state.voiceSupported || state.isSending,
+                    onClick: onToggleVoice,
+                    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MicrophoneIcon, { listening: state.voiceListening })
+                  }
+                ),
+                state.voiceListening ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  VoiceWaveform,
+                  {
+                    durationMs: state.voiceDurationMs,
+                    samples: state.voiceWaveform
+                  }
+                ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  Input,
+                  {
+                    value: state.inputValue,
+                    placeholder: "\u041D\u0430\u043F\u0440\u0438\u043C\u0435\u0440: \u043D\u0430\u0439\u0434\u0438 \u043D\u0443\u0436\u043D\u0443\u044E \u043A\u043D\u043E\u043F\u043A\u0443 \u0438\u043B\u0438 \u0437\u0430\u043F\u043E\u043B\u043D\u0438 \u0444\u043E\u0440\u043C\u0443",
+                    onChange: (event) => onInputChange(event.currentTarget.value),
+                    disabled: state.isSending
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  Button,
+                  {
+                    type: "submit",
+                    size: "icon-sm",
+                    className: "blinq-input-send",
+                    "aria-label": "\u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0435",
+                    title: "\u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0435",
+                    disabled: state.isSending || state.voiceListening,
+                    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SendIcon, {})
+                  }
+                )
+              ] }) })
+            }
+          )
+        ] }) : null,
+        state.minimized ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          Button,
+          {
+            type: "button",
+            size: "icon",
+            className: "blinq-launcher blinq-launcher-icon-only",
+            "aria-label": `\u041E\u0442\u043A\u0440\u044B\u0442\u044C ${state.assistantName}`,
+            title: `\u041E\u0442\u043A\u0440\u044B\u0442\u044C ${state.assistantName}`,
+            onClick: onOpen,
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "blinq-launcher-badge", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LauncherIcon, {}) })
+          }
+        ) : null
+      ]
+    }
+  );
+}
+
+// src/voice-input.ts
+var FILLER_PHRASES = [
+  "you know",
+  "i mean",
+  "sort of",
+  "kind of",
+  "and so on",
+  "\u043A\u0430\u043A \u0431\u044B",
+  "\u0432 \u043E\u0431\u0449\u0435\u043C",
+  "\u0432\u043E\u043E\u0431\u0449\u0435-\u0442\u043E",
+  "\u044D\u0442\u043E \u0441\u0430\u043C\u043E\u0435",
+  "\u0442\u0430\u043A \u0441\u043A\u0430\u0437\u0430\u0442\u044C",
+  "\u043F\u043E \u0441\u0443\u0442\u0438",
+  "\u0441\u043A\u0430\u0436\u0435\u043C \u0442\u0430\u043A",
+  "\u0438 \u0442\u0430\u043A \u0434\u0430\u043B\u0435\u0435",
+  "\u043D\u0430 \u0441\u0430\u043C\u043E\u043C \u0434\u0435\u043B\u0435",
+  "if you know",
+  "basically",
+  "literally",
+  "actually",
+  "really",
+  "\u043A\u043E\u0440\u043E\u0447\u0435",
+  "\u0437\u043D\u0430\u0447\u0438\u0442",
+  "\u0441\u043E\u0431\u0441\u0442\u0432\u0435\u043D\u043D\u043E",
+  "\u043F\u0440\u043E\u0441\u0442\u043E",
+  "\u043B\u0430\u0434\u043D\u043E",
+  "\u043D\u0443 \u0432\u043E\u0442",
+  "\u043D\u0443",
+  "\u0432\u043E\u0442",
+  "\u0442\u0438\u043F\u0430",
+  "\u044D\u043C",
+  "\u044D\u044D",
+  "\u044D\u044D\u044D",
+  "\u043C\u043C",
+  "uh",
+  "um",
+  "er",
+  "ah",
+  "like",
+  "well"
+];
+function escapeRegex(value) {
+  return value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+function normalizeWhitespace(text) {
+  return text.replace(/\s+/g, " ").trim();
+}
+function removeFillerPhrases(text) {
+  let cleaned = text;
+  for (const phrase of [...FILLER_PHRASES].sort((left, right) => right.length - left.length)) {
+    const escaped = escapeRegex(phrase);
+    const pattern = new RegExp(`(^|[\\s,.;:!?()\\[\\]{}-])${escaped}(?=$|[\\s,.;:!?()\\[\\]{}-])`, "giu");
+    cleaned = cleaned.replace(pattern, (_match, boundary) => boundary || " ");
+  }
+  return cleaned;
+}
+function dedupeAdjacentWords(text) {
+  const parts = text.split(/\s+/);
+  const nextParts = [];
+  let previousKey = "";
+  for (const part of parts) {
+    const wordKey = part.toLowerCase().replace(/^[^\p{L}\p{N}]+|[^\p{L}\p{N}]+$/gu, "");
+    if (wordKey && wordKey === previousKey) {
+      continue;
+    }
+    nextParts.push(part);
+    previousKey = wordKey;
+  }
+  return nextParts.join(" ");
+}
+function normalizePunctuation(text) {
+  return text.replace(/\s+([,.;:!?])/g, "$1").replace(/([,.;:!?])([^\s])/g, "$1 $2").replace(/\s+/g, " ").trim();
+}
+function sanitizeSpokenText(text) {
+  const cleaned = normalizePunctuation(
+    dedupeAdjacentWords(removeFillerPhrases(normalizeWhitespace(text)))
+  );
+  return cleaned;
+}
+function recognitionConstructor() {
+  if (typeof window === "undefined") {
+    return null;
+  }
+  const recognitionWindow = window;
+  return recognitionWindow.SpeechRecognition || recognitionWindow.webkitSpeechRecognition || null;
+}
+function errorMessageForCode(code) {
+  switch (code) {
+    case "not-allowed":
+    case "service-not-allowed":
+      return "\u0414\u043E\u0441\u0442\u0443\u043F \u043A \u043C\u0438\u043A\u0440\u043E\u0444\u043E\u043D\u0443 \u0437\u0430\u0431\u043B\u043E\u043A\u0438\u0440\u043E\u0432\u0430\u043D.";
+    case "audio-capture":
+      return "\u041C\u0438\u043A\u0440\u043E\u0444\u043E\u043D \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D.";
+    case "network":
+      return "\u041E\u0448\u0438\u0431\u043A\u0430 \u0441\u0435\u0442\u0438 \u043F\u0440\u0438 \u0440\u0430\u0441\u043F\u043E\u0437\u043D\u0430\u0432\u0430\u043D\u0438\u0438 \u0440\u0435\u0447\u0438.";
+    case "no-speech":
+      return "\u0420\u0435\u0447\u044C \u043D\u0435 \u0440\u0430\u0441\u043F\u043E\u0437\u043D\u0430\u043D\u0430.";
+    case "aborted":
+      return "\u0413\u043E\u043B\u043E\u0441\u043E\u0432\u043E\u0439 \u0432\u0432\u043E\u0434 \u0431\u044B\u043B \u043E\u0442\u043C\u0435\u043D\u0451\u043D.";
+    default:
+      return "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u043E\u0431\u0440\u0430\u0431\u043E\u0442\u0430\u0442\u044C \u0433\u043E\u043B\u043E\u0441\u043E\u0432\u043E\u0439 \u0432\u0432\u043E\u0434.";
+  }
+}
+var VoiceInputController = class {
+  callbacks;
+  recognition;
+  finalTranscript = "";
+  interimTranscript = "";
+  shouldSendOnEnd = false;
+  listening = false;
+  sessionActive = false;
+  manualStopRequested = false;
+  restartTimeoutId = null;
+  statusAfterEnd = "\u0413\u043E\u043B\u043E\u0441\u043E\u0432\u043E\u0439 \u0432\u0432\u043E\u0434 \u043E\u0441\u0442\u0430\u043D\u043E\u0432\u043B\u0435\u043D.";
+  mediaStream = null;
+  audioContext = null;
+  analyser = null;
+  sourceNode = null;
+  levelFrameId = null;
+  smoothedLevel = 0;
+  constructor(callbacks) {
+    this.callbacks = callbacks;
+    const Recognition = recognitionConstructor();
+    this.recognition = Recognition ? new Recognition() : null;
+    if (!this.recognition) {
+      return;
+    }
+    this.recognition.continuous = true;
+    this.recognition.interimResults = true;
+    this.recognition.maxAlternatives = 1;
+    this.recognition.onstart = () => {
+      this.listening = true;
+      this.sessionActive = true;
+      this.callbacks.onListeningChange(true);
+      this.callbacks.onStatusChange("\u0421\u043B\u0443\u0448\u0430\u044E. \u041D\u0430\u0436\u043C\u0438\u0442\u0435 \u0441\u0442\u043E\u043F, \u043A\u043E\u0433\u0434\u0430 \u0431\u0443\u0434\u0435\u0442\u0435 \u0433\u043E\u0442\u043E\u0432\u044B \u043E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C.");
+    };
+    this.recognition.onresult = (event) => {
+      let finalChunk = this.finalTranscript;
+      let interimChunk = "";
+      for (let index = event.resultIndex; index < event.results.length; index += 1) {
+        const result = event.results[index];
+        const transcript = result[0]?.transcript ?? "";
+        if (!transcript) {
+          continue;
+        }
+        if (result.isFinal) {
+          finalChunk = `${finalChunk} ${transcript}`.trim();
+        } else {
+          interimChunk = `${interimChunk} ${transcript}`.trim();
+        }
+      }
+      this.finalTranscript = finalChunk;
+      this.interimTranscript = interimChunk;
+      const preview = sanitizeSpokenText(`${finalChunk} ${interimChunk}`.trim());
+      this.callbacks.onInterimTranscript(preview);
+      if (preview) {
+        this.callbacks.onStatusChange(`\u0427\u0435\u0440\u043D\u043E\u0432\u0438\u043A \u0433\u043E\u043B\u043E\u0441\u0430: ${preview}`);
+      }
+    };
+    this.recognition.onerror = (event) => {
+      if (event.error === "no-speech" && this.sessionActive && !this.manualStopRequested) {
+        this.statusAfterEnd = "\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0430\u044E \u0441\u043B\u0443\u0448\u0430\u0442\u044C...";
+        return;
+      }
+      if (event.error === "aborted" && this.manualStopRequested) {
+        this.statusAfterEnd = "\u0413\u043E\u043B\u043E\u0441\u043E\u0432\u043E\u0439 \u0432\u0432\u043E\u0434 \u043E\u0441\u0442\u0430\u043D\u043E\u0432\u043B\u0435\u043D.";
+        return;
+      }
+      this.sessionActive = false;
+      this.shouldSendOnEnd = false;
+      this.statusAfterEnd = errorMessageForCode(event.error);
+      this.stopLevelMonitoring();
+      this.callbacks.onError(this.statusAfterEnd);
+    };
+    this.recognition.onend = () => {
+      this.listening = false;
+      if (this.sessionActive && !this.manualStopRequested) {
+        this.callbacks.onStatusChange("\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0430\u044E \u0441\u043B\u0443\u0448\u0430\u0442\u044C...");
+        this.scheduleRestart();
+        return;
+      }
+      this.sessionActive = false;
+      this.stopLevelMonitoring();
+      this.finalizeTranscript();
+    };
+  }
+  get supported() {
+    return Boolean(this.recognition);
+  }
+  get isListening() {
+    return this.sessionActive || this.listening;
+  }
+  finalizeTranscript() {
+    this.callbacks.onListeningChange(false);
+    this.callbacks.onLevelChange(0);
+    const finalText = sanitizeSpokenText(this.finalTranscript);
+    this.finalTranscript = "";
+    this.interimTranscript = "";
+    const shouldSend = this.shouldSendOnEnd;
+    this.shouldSendOnEnd = false;
+    this.manualStopRequested = false;
+    if (!shouldSend) {
+      this.callbacks.onStatusChange(this.statusAfterEnd);
+      this.statusAfterEnd = "\u0413\u043E\u043B\u043E\u0441\u043E\u0432\u043E\u0439 \u0432\u0432\u043E\u0434 \u043E\u0441\u0442\u0430\u043D\u043E\u0432\u043B\u0435\u043D.";
+      return;
+    }
+    if (!finalText) {
+      this.callbacks.onStatusChange("\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u043F\u043E\u043B\u0443\u0447\u0438\u0442\u044C \u043F\u043E\u043B\u0435\u0437\u043D\u044B\u0439 \u0442\u0435\u043A\u0441\u0442 \u0438\u0437 \u0433\u043E\u043B\u043E\u0441\u0430.");
+      this.statusAfterEnd = "\u0413\u043E\u043B\u043E\u0441\u043E\u0432\u043E\u0439 \u0432\u0432\u043E\u0434 \u043E\u0441\u0442\u0430\u043D\u043E\u0432\u043B\u0435\u043D.";
+      return;
+    }
+    this.callbacks.onStatusChange("\u0413\u043E\u043B\u043E\u0441 \u0440\u0430\u0441\u043F\u043E\u0437\u043D\u0430\u043D. \u041F\u0440\u043E\u0432\u0435\u0440\u044C\u0442\u0435 \u0442\u0435\u043A\u0441\u0442 \u0438 \u043E\u0442\u043F\u0440\u0430\u0432\u044C\u0442\u0435 \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0435.");
+    this.statusAfterEnd = "\u0413\u043E\u043B\u043E\u0441\u043E\u0432\u043E\u0439 \u0432\u0432\u043E\u0434 \u043E\u0441\u0442\u0430\u043D\u043E\u0432\u043B\u0435\u043D.";
+    this.callbacks.onFinalTranscript(finalText);
+  }
+  stopLevelMonitoring() {
+    if (this.levelFrameId !== null) {
+      window.cancelAnimationFrame(this.levelFrameId);
+      this.levelFrameId = null;
+    }
+    this.analyser?.disconnect();
+    this.sourceNode?.disconnect();
+    this.analyser = null;
+    this.sourceNode = null;
+    if (this.mediaStream) {
+      for (const track of this.mediaStream.getTracks()) {
+        track.stop();
+      }
+      this.mediaStream = null;
+    }
+    if (this.audioContext) {
+      void this.audioContext.close().catch(() => void 0);
+      this.audioContext = null;
+    }
+    this.smoothedLevel = 0;
+    this.callbacks.onLevelChange(0);
+  }
+  sampleLevel() {
+    if (!this.analyser) {
+      this.callbacks.onLevelChange(0);
+      return;
+    }
+    const data = new Uint8Array(this.analyser.fftSize);
+    const tick = () => {
+      if (!this.analyser || !this.sessionActive && !this.listening) {
+        this.callbacks.onLevelChange(0);
+        return;
+      }
+      this.analyser.getByteTimeDomainData(data);
+      let sum = 0;
+      for (const value of data) {
+        const normalized = (value - 128) / 128;
+        sum += normalized * normalized;
+      }
+      const rms = Math.sqrt(sum / data.length);
+      const level = Math.min(1, rms * 4.6);
+      this.smoothedLevel = this.smoothedLevel * 0.68 + level * 0.32;
+      this.callbacks.onLevelChange(this.smoothedLevel);
+      this.levelFrameId = window.requestAnimationFrame(tick);
+    };
+    tick();
+  }
+  async startLevelMonitoring() {
+    if (typeof window === "undefined" || !window.isSecureContext || !navigator.mediaDevices?.getUserMedia) {
+      this.callbacks.onLevelChange(0);
+      return;
+    }
+    this.stopLevelMonitoring();
+    try {
+      const stream = await navigator.mediaDevices.getUserMedia({
+        audio: {
+          echoCancellation: true,
+          noiseSuppression: true
+        }
+      });
+      if (!this.sessionActive && !this.listening) {
+        for (const track of stream.getTracks()) {
+          track.stop();
+        }
+        return;
+      }
+      const AudioContextCtor = window.AudioContext || window.webkitAudioContext;
+      if (!AudioContextCtor) {
+        for (const track of stream.getTracks()) {
+          track.stop();
+        }
+        return;
+      }
+      this.mediaStream = stream;
+      this.audioContext = new AudioContextCtor();
+      this.sourceNode = this.audioContext.createMediaStreamSource(stream);
+      this.analyser = this.audioContext.createAnalyser();
+      this.analyser.fftSize = 128;
+      this.analyser.smoothingTimeConstant = 0.72;
+      this.sourceNode.connect(this.analyser);
+      this.sampleLevel();
+    } catch {
+      this.callbacks.onLevelChange(0);
+    }
+  }
+  clearRestartTimer() {
+    if (this.restartTimeoutId !== null) {
+      window.clearTimeout(this.restartTimeoutId);
+      this.restartTimeoutId = null;
+    }
+  }
+  scheduleRestart() {
+    this.clearRestartTimer();
+    this.restartTimeoutId = window.setTimeout(() => {
+      this.restartTimeoutId = null;
+      if (!this.recognition || !this.sessionActive || this.manualStopRequested) {
+        return;
+      }
+      try {
+        this.recognition.lang = this.callbacks.getLanguage();
+        this.recognition.start();
+      } catch {
+        this.sessionActive = false;
+        this.callbacks.onListeningChange(false);
+        this.callbacks.onError("\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u043F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C \u0433\u043E\u043B\u043E\u0441\u043E\u0432\u043E\u0439 \u0432\u0432\u043E\u0434.");
+      }
+    }, 160);
+  }
+  start() {
+    if (!this.recognition) {
+      this.callbacks.onError("\u0413\u043E\u043B\u043E\u0441\u043E\u0432\u043E\u0439 \u0432\u0432\u043E\u0434 \u043D\u0435 \u043F\u043E\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442\u0441\u044F \u0432 \u044D\u0442\u043E\u043C \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435.");
+      return false;
+    }
+    if (this.sessionActive || this.listening) {
+      return true;
+    }
+    this.finalTranscript = "";
+    this.interimTranscript = "";
+    this.shouldSendOnEnd = false;
+    this.sessionActive = true;
+    this.manualStopRequested = false;
+    this.statusAfterEnd = "\u0413\u043E\u043B\u043E\u0441\u043E\u0432\u043E\u0439 \u0432\u0432\u043E\u0434 \u043E\u0441\u0442\u0430\u043D\u043E\u0432\u043B\u0435\u043D.";
+    this.recognition.lang = this.callbacks.getLanguage();
+    this.clearRestartTimer();
+    try {
+      this.recognition.start();
+      void this.startLevelMonitoring();
+      return true;
+    } catch {
+      this.sessionActive = false;
+      this.stopLevelMonitoring();
+      this.callbacks.onError("\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u0437\u0430\u043F\u0443\u0441\u0442\u0438\u0442\u044C \u0433\u043E\u043B\u043E\u0441\u043E\u0432\u043E\u0439 \u0432\u0432\u043E\u0434.");
+      return false;
+    }
+  }
+  stop() {
+    if (!this.recognition || !this.listening && !this.sessionActive) {
+      return;
+    }
+    this.manualStopRequested = true;
+    this.sessionActive = false;
+    this.shouldSendOnEnd = true;
+    this.clearRestartTimer();
+    this.stopLevelMonitoring();
+    if (this.listening) {
+      this.recognition.stop();
+    } else {
+      this.finalizeTranscript();
+    }
+  }
+  cancel() {
+    if (!this.recognition) {
+      return;
+    }
+    this.manualStopRequested = true;
+    this.sessionActive = false;
+    this.shouldSendOnEnd = false;
+    this.clearRestartTimer();
+    this.stopLevelMonitoring();
+    if (this.listening) {
+      this.recognition.abort();
+    } else {
+      this.callbacks.onListeningChange(false);
+      this.callbacks.onLevelChange(0);
+    }
+  }
+  destroy() {
+    this.cancel();
+    if (!this.recognition) {
+      return;
+    }
+    this.recognition.onstart = null;
+    this.recognition.onresult = null;
+    this.recognition.onerror = null;
+    this.recognition.onend = null;
+  }
+};
+
+// src/widget-core.ts
+var DEFAULT_API_BASE_URL = "http://localhost:8000";
+var STORAGE_KEY = "blinq-widget-fingerprint";
+var HISTORY_STORAGE_PREFIX = "blinq-widget-history";
+var MINIMIZED_STORAGE_PREFIX = "blinq-widget-minimized";
+var SESSION_STORAGE_PREFIX = "blinq-widget-session";
+var MAX_STORED_HISTORY = 30;
+var MAX_HISTORY_FOR_REQUEST = 12;
+var DEFAULT_GREETING = "Blinq \u043F\u043E\u0434\u043A\u043B\u044E\u0447\u0435\u043D. \u0421\u043F\u0440\u043E\u0441\u0438\u0442\u0435 \u043F\u0440\u043E \u0442\u0435\u043A\u0443\u0449\u0443\u044E \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0443, \u043D\u0430\u0441\u0442\u0440\u043E\u0439\u043A\u0443 \u043F\u043B\u0430\u0442\u0444\u043E\u0440\u043C\u044B \u0438\u043B\u0438 \u0441\u043B\u0435\u0434\u0443\u044E\u0449\u0438\u0439 \u0448\u0430\u0433.";
+function isBrowser3() {
+  return typeof window !== "undefined" && typeof document !== "undefined";
+}
+function resolveMount(mount) {
+  if (!isBrowser3()) {
+    throw new Error("Blinq \u043C\u043E\u0436\u043D\u043E \u043F\u043E\u0434\u043A\u043B\u044E\u0447\u0438\u0442\u044C \u0442\u043E\u043B\u044C\u043A\u043E \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435");
+  }
+  if (mount instanceof HTMLElement) {
+    return mount;
+  }
+  if (typeof mount === "string") {
+    const target = document.querySelector(mount);
+    if (!target) {
+      throw new Error(`\u041D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D mount-\u044D\u043B\u0435\u043C\u0435\u043D\u0442: ${mount}`);
+    }
+    return target;
+  }
+  return document.body;
+}
+function getOrCreateFingerprint() {
+  if (!isBrowser3()) {
+    return "server-widget-user";
+  }
+  const existing = window.localStorage.getItem(STORAGE_KEY);
+  if (existing) {
+    return existing;
+  }
+  const next = `fingerprint_${crypto.randomUUID()}`;
+  window.localStorage.setItem(STORAGE_KEY, next);
+  return next;
+}
+function runtimeMessage(mode) {
+  if (mode === "read-only-fallback") {
+    return "\u0413\u043E\u0442\u043E\u0432 \u043E\u0431\u044A\u044F\u0441\u043D\u0438\u0442\u044C \u0442\u0435\u043A\u0443\u0449\u0443\u044E \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0443 \u0438 \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u0430\u0442\u044C \u0441\u043B\u0435\u0434\u0443\u044E\u0449\u0438\u0439 \u0448\u0430\u0433.";
+  }
+  return "\u0413\u043E\u0442\u043E\u0432 \u043F\u043E\u043C\u043E\u0447\u044C \u0441 \u043E\u043D\u0431\u043E\u0440\u0434\u0438\u043D\u0433\u043E\u043C \u0438 \u0432\u043E\u043F\u0440\u043E\u0441\u0430\u043C\u0438 \u043F\u043E \u043F\u043B\u0430\u0442\u0444\u043E\u0440\u043C\u0435.";
+}
+function normalizedRouteFromUrl(value) {
+  try {
+    const url = new URL(value, window.location.origin);
+    const path = url.pathname || "/";
+    return path === "" ? "/" : path;
+  } catch {
+    return "/";
+  }
+}
+async function parseSseStream(stream, onEvent) {
+  const reader = stream.getReader();
+  const decoder = new TextDecoder();
+  let buffer = "";
+  let currentEvent = "message";
+  let currentData = "";
+  while (true) {
+    const { done, value } = await reader.read();
+    if (done) {
+      break;
+    }
+    buffer += decoder.decode(value, { stream: true });
+    const chunks = buffer.split("\n");
+    buffer = chunks.pop() ?? "";
+    for (const line of chunks) {
+      if (line.startsWith("event:")) {
+        currentEvent = line.slice(6).trim();
+      } else if (line.startsWith("data:")) {
+        currentData += line.slice(5).trim();
+      } else if (line.trim() === "") {
+        if (currentData) {
+          onEvent({ event: currentEvent, data: currentData });
+        }
+        currentEvent = "message";
+        currentData = "";
+      }
+    }
+  }
+  if (currentData) {
+    onEvent({ event: currentEvent, data: currentData });
+  }
+}
+function normalizedConfig(config) {
+  if ("default" in config) {
+    return config.default;
+  }
+  return config;
+}
+function createConversationId(prefix) {
+  return `${prefix}_${crypto.randomUUID()}`;
+}
+function normalizeAssistantStreamChunk(currentText, nextChunk) {
+  if (!currentText) {
+    return nextChunk.replace(/^\s+/, "");
+  }
+  return nextChunk;
+}
+function normalizeAssistantFinalText(text) {
+  return text.replace(/^\s+/, "");
+}
+var BlinqWidget = class {
+  options;
+  apiBaseUrl;
+  sessionId = null;
+  sessionToken = null;
+  widgetConfig = null;
+  runtimeStatus = null;
+  registry = null;
+  root = null;
+  reactRoot = null;
+  voiceController = null;
+  history = [];
+  items = [];
+  minimized = false;
+  isSending = false;
+  inputValue = "";
+  statusText = "\u041F\u0440\u043E\u0432\u0435\u0440\u044F\u0435\u043C \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u044B\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044F \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u044B.";
+  voiceSupported = false;
+  voiceListening = false;
+  voiceWaveform = [];
+  voiceDurationMs = 0;
+  voiceStartedAt = null;
+  lastVoiceSampleAt = 0;
+  confirmResolve = null;
+  confirmItemId = null;
+  activeRun = null;
+  pendingAssistantIndicator = false;
+  executedToolCounts = /* @__PURE__ */ new Map();
+  lastAutoResumeKey = null;
+  shellHandlers = {
+    onOpen: () => this.setMinimized(false),
+    onCollapse: () => this.setMinimized(true),
+    onInputChange: (value) => {
+      this.inputValue = value;
+      this.renderReactApp();
+    },
+    onSubmit: () => {
+      void this.submitComposerMessage();
+    },
+    onToggleVoice: () => this.toggleVoiceInput(),
+    onApproveAction: (id) => {
+      if (this.confirmItemId === id) {
+        this.resolveConfirmation(true);
+      }
+    },
+    onDeclineAction: (id) => {
+      if (this.confirmItemId === id) {
+        this.resolveConfirmation(false);
+      }
+    },
+    onApprovePlan: () => {
+      void this.respondToPlan(true);
+    },
+    onDeclinePlan: () => {
+      void this.respondToPlan(false);
+    }
+  };
+  constructor(options) {
+    this.options = options;
+    this.apiBaseUrl = options.apiBaseUrl ?? DEFAULT_API_BASE_URL;
+  }
+  async init() {
+    await this.startSession();
+    if (isBrowser3()) {
+      this.restoreHistory();
+      this.restoreMinimizedState();
+      this.restoreConversationView();
+      this.render();
+      this.setupVoiceInput();
+      this.registry = new PageToolRegistry(this.confirmToolExecution.bind(this));
+      const nativeRegistered = await this.registry.registerNativeTools();
+      this.syncRuntimeStatus(nativeRegistered);
+      if (this.shouldAutoResumeActiveRun()) {
+        window.setTimeout(() => {
+          void this.continueActiveRun();
+        }, 60);
+      }
+    }
+    return this;
+  }
+  getRuntimeStatus() {
+    return this.runtimeStatus;
+  }
+  destroy() {
+    this.voiceController?.destroy();
+    this.registry?.destroy();
+    this.voiceController = null;
+    this.registry = null;
+    this.reactRoot?.unmount();
+    this.reactRoot = null;
+    this.root?.remove();
+    this.root = null;
+  }
+  currentState() {
+    return {
+      minimized: this.minimized,
+      assistantName: this.widgetConfig?.ai_persona_name ?? "Blinq \u0410\u0441\u0441\u0438\u0441\u0442\u0435\u043D\u0442",
+      runtimeLabel: "webmcp://embedded",
+      statusText: this.statusText,
+      showThinkingIndicator: this.pendingAssistantIndicator,
+      inputValue: this.inputValue,
+      accentColor: "#111111",
+      side: this.widgetConfig?.position === "bottom-left" ? "left" : "right",
+      isSending: this.isSending,
+      voiceSupported: this.voiceSupported,
+      voiceListening: this.voiceListening,
+      voiceWaveform: this.voiceWaveform,
+      voiceDurationMs: this.voiceDurationMs,
+      items: this.items
+    };
+  }
+  renderReactApp() {
+    if (!this.reactRoot) {
+      return;
+    }
+    this.reactRoot.render(
+      React2.createElement(WidgetEmbedShell, {
+        state: this.currentState(),
+        ...this.shellHandlers
+      })
+    );
+  }
+  async startSession() {
+    const response = await fetch(`${this.apiBaseUrl}/pub/init`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify({
+        public_token: this.options.publicToken,
+        domain: window.location.hostname,
+        page_url: window.location.href,
+        user_fingerprint: getOrCreateFingerprint(),
+        previous_session_id: this.restoreStoredSessionId(),
+        client_capabilities: {
+          secure_context: window.isSecureContext,
+          native_webmcp_supported: detectNativeWebMcpSupport(),
+          page_actions_supported: true
+        }
+      })
+    });
+    if (!response.ok) {
+      const payload2 = await response.json().catch(() => ({}));
+      throw new Error(payload2.detail ?? "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u0438\u043D\u0438\u0446\u0438\u0430\u043B\u0438\u0437\u0438\u0440\u043E\u0432\u0430\u0442\u044C \u0432\u0438\u0434\u0436\u0435\u0442 Blinq");
+    }
+    const payload = await response.json();
+    this.sessionId = payload.session_id;
+    this.sessionToken = payload.session_token;
+    this.widgetConfig = payload.widget_config;
+    this.activeRun = payload.active_run ?? null;
+    this.runtimeStatus = {
+      ...payload.runtime,
+      message: runtimeMessage(payload.runtime.mode)
+    };
+    this.persistSessionId();
+    this.statusText = this.runtimeStatus.message;
+  }
+  render() {
+    const mount = resolveMount(this.options.mount);
+    if (!this.root) {
+      this.root = document.createElement("div");
+      mount.appendChild(this.root);
+      this.reactRoot = (0, import_client.createRoot)(this.root);
+    }
+    this.renderReactApp();
+  }
+  preferredSpeechLanguage() {
+    const htmlLang = document.documentElement.lang.trim();
+    if (htmlLang) {
+      return htmlLang;
+    }
+    return navigator.language || "ru-RU";
+  }
+  setupVoiceInput() {
+    this.voiceController = new VoiceInputController({
+      getLanguage: () => this.preferredSpeechLanguage(),
+      onInterimTranscript: () => {
+      },
+      onFinalTranscript: (text) => {
+        this.inputValue = text;
+        this.setStatus("\u0413\u043E\u043B\u043E\u0441 \u0440\u0430\u0441\u043F\u043E\u0437\u043D\u0430\u043D. \u041F\u0440\u043E\u0432\u0435\u0440\u044C\u0442\u0435 \u0442\u0435\u043A\u0441\u0442 \u0438 \u043D\u0430\u0436\u043C\u0438\u0442\u0435 \u043E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C.");
+        this.renderReactApp();
+      },
+      onListeningChange: (isListening) => {
+        if (isListening) {
+          this.startVoiceVisualization();
+        } else {
+          this.resetVoiceVisualization();
+        }
+        this.syncVoiceState();
+      },
+      onLevelChange: (level) => {
+        this.updateVoiceVisualization(level);
+      },
+      onStatusChange: (status) => {
+        this.setStatus(status);
+      },
+      onError: (message) => {
+        this.setStatus(message);
+        this.syncVoiceState();
+      }
+    });
+    this.syncVoiceState();
+  }
+  syncVoiceState() {
+    this.voiceSupported = this.voiceController?.supported ?? false;
+    this.voiceListening = this.voiceController?.isListening ?? false;
+    if (!this.voiceListening) {
+      this.resetVoiceVisualization();
+    }
+    this.renderReactApp();
+  }
+  startVoiceVisualization() {
+    this.voiceStartedAt = Date.now();
+    this.voiceDurationMs = 0;
+    this.voiceWaveform = [];
+    this.lastVoiceSampleAt = 0;
+  }
+  resetVoiceVisualization() {
+    this.voiceStartedAt = null;
+    this.voiceDurationMs = 0;
+    this.voiceWaveform = [];
+    this.lastVoiceSampleAt = 0;
+  }
+  updateVoiceVisualization(level) {
+    if (!this.voiceListening) {
+      return;
+    }
+    const now = Date.now();
+    if (this.voiceStartedAt === null) {
+      this.startVoiceVisualization();
+      this.voiceStartedAt = now;
+    }
+    this.voiceDurationMs = Math.max(0, now - (this.voiceStartedAt ?? now));
+    const nextLevel = Math.max(0.1, Math.min(1, level));
+    if (this.voiceWaveform.length === 0 || now - this.lastVoiceSampleAt >= 90) {
+      this.voiceWaveform = [...this.voiceWaveform, nextLevel].slice(-40);
+      this.lastVoiceSampleAt = now;
+    } else {
+      this.voiceWaveform = [
+        ...this.voiceWaveform.slice(0, -1),
+        nextLevel
+      ];
+    }
+    this.renderReactApp();
+  }
+  async submitComposerMessage(message = this.inputValue) {
+    const nextMessage = message.trim();
+    if (!nextMessage) {
+      return "";
+    }
+    if (this.isSending) {
+      this.setStatus("\u0414\u043E\u0436\u0434\u0438\u0442\u0435\u0441\u044C \u0437\u0430\u0432\u0435\u0440\u0448\u0435\u043D\u0438\u044F \u0442\u0435\u043A\u0443\u0449\u0435\u0433\u043E \u043E\u0442\u0432\u0435\u0442\u0430.");
+      this.inputValue = nextMessage;
+      this.renderReactApp();
+      return "";
+    }
+    this.inputValue = "";
+    this.renderReactApp();
+    try {
+      return await this.sendMessage(nextMessage);
+    } catch {
+      return "";
+    }
+  }
+  toggleVoiceInput() {
+    if (!this.voiceController) {
+      this.setStatus("\u0413\u043E\u043B\u043E\u0441\u043E\u0432\u043E\u0439 \u0432\u0432\u043E\u0434 \u043D\u0435\u0434\u043E\u0441\u0442\u0443\u043F\u0435\u043D.");
+      return;
+    }
+    if (this.voiceController.isListening) {
+      this.voiceController.stop();
+      return;
+    }
+    this.voiceController.start();
+    this.syncVoiceState();
+  }
+  minimizedStorageKey() {
+    return `${MINIMIZED_STORAGE_PREFIX}:${window.location.hostname}:${this.options.publicToken.slice(0, 18)}`;
+  }
+  sessionStorageKey() {
+    return `${SESSION_STORAGE_PREFIX}:${window.location.hostname}:${this.options.publicToken.slice(0, 18)}`;
+  }
+  restoreStoredSessionId() {
+    if (!isBrowser3()) {
+      return null;
+    }
+    return window.localStorage.getItem(this.sessionStorageKey());
+  }
+  persistSessionId() {
+    if (!isBrowser3() || !this.sessionId) {
+      return;
+    }
+    window.localStorage.setItem(this.sessionStorageKey(), this.sessionId);
+  }
+  restoreMinimizedState() {
+    if (!isBrowser3()) {
+      return;
+    }
+    this.minimized = window.localStorage.getItem(this.minimizedStorageKey()) === "1";
+  }
+  persistMinimizedState() {
+    if (!isBrowser3()) {
+      return;
+    }
+    window.localStorage.setItem(this.minimizedStorageKey(), this.minimized ? "1" : "0");
+  }
+  setMinimized(nextValue) {
+    this.minimized = nextValue;
+    this.persistMinimizedState();
+    this.renderReactApp();
+  }
+  historyStorageKey() {
+    return `${HISTORY_STORAGE_PREFIX}:${window.location.hostname}:${this.options.publicToken.slice(0, 18)}`;
+  }
+  restoreHistory() {
+    if (!isBrowser3()) {
+      return;
+    }
+    try {
+      const raw = window.localStorage.getItem(this.historyStorageKey());
+      if (!raw) {
+        this.history = [];
+        return;
+      }
+      const parsed = JSON.parse(raw);
+      if (!Array.isArray(parsed)) {
+        this.history = [];
+        return;
+      }
+      this.history = parsed.filter((entry) => {
+        if (!entry || typeof entry !== "object") {
+          return false;
+        }
+        const role = entry.role;
+        const text = entry.text;
+        return (role === "user" || role === "assistant") && typeof text === "string";
+      }).slice(-MAX_STORED_HISTORY);
+    } catch {
+      this.history = [];
+    }
+  }
+  persistHistory() {
+    if (!isBrowser3()) {
+      return;
+    }
+    try {
+      window.localStorage.setItem(
+        this.historyStorageKey(),
+        JSON.stringify(this.history.slice(-MAX_STORED_HISTORY))
+      );
+    } catch {
+    }
+  }
+  rememberMessage(entry) {
+    const text = entry.text.trim();
+    if (!text) {
+      return;
+    }
+    this.history.push({ role: entry.role, text });
+    this.history = this.history.slice(-MAX_STORED_HISTORY);
+    this.persistHistory();
+  }
+  recentHistoryForRequest() {
+    return this.history.slice(-MAX_HISTORY_FOR_REQUEST).map((entry) => ({
+      role: entry.role,
+      text: entry.text
+    }));
+  }
+  restoreConversationView() {
+    if (this.history.length === 0) {
+      this.items = [
+        {
+          id: createConversationId("message"),
+          type: "message",
+          role: "assistant",
+          text: DEFAULT_GREETING,
+          status: "done"
+        }
+      ];
+    } else {
+      this.items = this.history.map((entry) => ({
+        id: createConversationId("message"),
+        type: "message",
+        role: entry.role,
+        text: entry.text,
+        status: "done"
+      }));
+    }
+    if (this.activeRun) {
+      this.upsertPlanItem(this.activeRun);
+    }
+  }
+  updateActionState(id, state) {
+    this.items = this.items.map(
+      (item) => item.type === "action" && item.id === id ? { ...item, state } : item
+    );
+    this.renderReactApp();
+  }
+  planItemId(runId) {
+    return `plan_${runId}`;
+  }
+  upsertPlanItem(run, progressLabel) {
+    const existingPlanItem = this.items.find(
+      (item) => item.type === "plan" && item.id === this.planItemId(run.id)
+    );
+    if (this.activeRun?.id && this.activeRun.id !== run.id) {
+      this.executedToolCounts.clear();
+    }
+    this.activeRun = {
+      ...run,
+      progress_label: progressLabel ?? run.progress_label ?? null
+    };
+    const nextPlanItem = {
+      id: this.planItemId(run.id),
+      type: "plan",
+      goal: run.goal,
+      status: run.status,
+      progressLabel: progressLabel ?? run.progress_label ?? null,
+      statusReason: run.status_reason ?? null,
+      expectedRoute: run.expected_route ?? null,
+      loopGuarded: run.loop_guarded ?? false,
+      currentStepIndex: run.status === "completed" ? run.total_steps : Math.min(run.total_steps, run.current_step_index + 1),
+      totalSteps: run.total_steps,
+      approvalState: run.requires_approval ? "pending" : run.status === "abandoned" ? "declined" : existingPlanItem && existingPlanItem.type === "plan" && existingPlanItem.approvalState === "declined" ? "declined" : "approved",
+      steps: run.steps.map((step) => ({
+        id: step.id,
+        title: step.title,
+        status: step.status,
+        kind: step.kind
+      }))
+    };
+    const existingIndex = this.items.findIndex(
+      (item) => item.type === "plan" && item.id === nextPlanItem.id
+    );
+    if (existingIndex >= 0) {
+      this.items = this.items.map((item, index) => index === existingIndex ? nextPlanItem : item);
+    } else {
+      this.items = [...this.items, nextPlanItem];
+    }
+    this.renderReactApp();
+  }
+  removeEmptyMessage(id) {
+    if (!id) {
+      return;
+    }
+    this.items = this.items.filter(
+      (item) => !(item.type === "message" && item.id === id && item.text.trim().length === 0)
+    );
+  }
+  resolveConfirmation(value) {
+    if (this.confirmItemId) {
+      this.updateActionState(this.confirmItemId, value ? "approved" : "declined");
+    }
+    if (this.confirmResolve) {
+      const resolve = this.confirmResolve;
+      this.confirmResolve = null;
+      this.confirmItemId = null;
+      resolve(value);
+    }
+  }
+  async confirmToolExecution(request) {
+    if (this.minimized) {
+      this.setMinimized(false);
+    }
+    if (this.confirmResolve) {
+      this.resolveConfirmation(false);
+    }
+    const itemId = createConversationId("action");
+    this.items = [
+      ...this.items,
+      {
+        id: itemId,
+        type: "action",
+        displayName: request.displayName,
+        targetSummary: request.targetSummary,
+        arguments: request.arguments,
+        state: "pending"
+      }
+    ];
+    this.confirmItemId = itemId;
+    this.setStatus(`\u041D\u0443\u0436\u043D\u043E \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043D\u0438\u0435: ${request.displayName}`);
+    this.renderReactApp();
+    return await new Promise((resolve) => {
+      this.confirmResolve = resolve;
+    });
+  }
+  syncRuntimeStatus(nativeRegistered) {
+    if (!this.runtimeStatus) {
+      return;
+    }
+    const mode = nativeRegistered ? "native-webmcp-active" : this.registry?.canExecuteWriteTools() ? "blinq-page-tools-active" : "read-only-fallback";
+    this.runtimeStatus = {
+      ...this.runtimeStatus,
+      mode,
+      native_webmcp_supported: nativeRegistered,
+      embedded_page_tools_supported: true,
+      message: runtimeMessage(mode)
+    };
+    this.setStatus(this.runtimeStatus.message);
+  }
+  setStatus(text) {
+    this.statusText = text;
+    this.renderReactApp();
+  }
+  appendMessage(text, role, options) {
+    const id = createConversationId("message");
+    this.items = [
+      ...this.items,
+      {
+        id,
+        type: "message",
+        role,
+        text,
+        status: options?.status ?? "done"
+      }
+    ];
+    this.renderReactApp();
+    if (options?.persist !== false) {
+      this.rememberMessage({ role, text });
+    }
+    return id;
+  }
+  updateMessage(id, text, status) {
+    this.items = this.items.map(
+      (item) => item.type === "message" && item.id === id ? { ...item, text, status: status ?? item.status } : item
+    );
+    this.renderReactApp();
+  }
+  latestAssistantMessage() {
+    const candidate = [...this.items].reverse().find((item) => item.type === "message" && item.role === "assistant");
+    return candidate && candidate.type === "message" ? candidate : null;
+  }
+  finalizeAssistantMessage(text, options) {
+    if (!text.trim()) {
+      return;
+    }
+    const latestAssistant = this.latestAssistantMessage();
+    if (latestAssistant) {
+      this.updateMessage(latestAssistant.id, text, "done");
+      return;
+    }
+    this.appendMessage(text, "assistant", {
+      persist: options?.persist ?? false,
+      status: "done"
+    });
+  }
+  showThinkingIndicator() {
+    if (!this.pendingAssistantIndicator) {
+      this.pendingAssistantIndicator = true;
+      this.renderReactApp();
+    }
+  }
+  hideThinkingIndicator() {
+    if (this.pendingAssistantIndicator) {
+      this.pendingAssistantIndicator = false;
+      this.renderReactApp();
+    }
+  }
+  currentPageContext() {
+    return this.registry?.collectPageContext() ?? collectNormalizedPageContext();
+  }
+  currentRoute() {
+    return normalizedRouteFromUrl(window.location.href);
+  }
+  shouldAutoResumeActiveRun() {
+    if (!this.activeRun || this.activeRun.status !== "awaiting_navigation") {
+      return false;
+    }
+    const currentRoute = this.currentRoute();
+    if (!this.activeRun.expected_route || currentRoute !== this.activeRun.expected_route) {
+      if (this.activeRun.status_reason) {
+        this.setStatus(this.activeRun.status_reason);
+      }
+      return false;
+    }
+    const nextKey = `${this.activeRun.id}:${currentRoute}`;
+    if (this.lastAutoResumeKey === nextKey) {
+      return false;
+    }
+    this.lastAutoResumeKey = nextKey;
+    return true;
+  }
+  async handleToolRequest(request) {
+    if (!this.registry) {
+      return {
+        status: "error",
+        error: "\u0420\u0435\u0435\u0441\u0442\u0440 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0439 \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u044B \u043D\u0435\u0434\u043E\u0441\u0442\u0443\u043F\u0435\u043D"
+      };
+    }
+    const executionKey = JSON.stringify({
+      stepId: request.step_id,
+      toolName: request.tool_name,
+      arguments: request.arguments,
+      route: this.currentRoute()
+    });
+    const executionCount = (this.executedToolCounts.get(executionKey) ?? 0) + 1;
+    this.executedToolCounts.set(executionKey, executionCount);
+    if (executionCount > 2) {
+      const error = "\u041F\u043E\u0432\u0442\u043E\u0440\u044F\u044E\u0449\u0435\u0435\u0441\u044F \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u043D\u0430 \u044D\u0442\u043E\u0439 \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0435 \u0431\u044B\u043B\u043E \u043E\u0441\u0442\u0430\u043D\u043E\u0432\u043B\u0435\u043D\u043E.";
+      this.setStatus(error);
+      return {
+        status: "error",
+        error
+      };
+    }
+    this.setStatus(`\u041E\u0436\u0438\u0434\u0430\u0435\u0442\u0441\u044F \u043B\u043E\u043A\u0430\u043B\u044C\u043D\u043E\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435: ${request.display_name}`);
+    const outcome = await this.registry.executeTool({
+      tool_name: request.tool_name,
+      display_name: request.display_name,
+      target_summary: request.target_summary,
+      requires_confirmation: request.requires_confirmation,
+      arguments: request.arguments
+    });
+    if (outcome.status === "success") {
+      this.setStatus(`\u0414\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u0432\u044B\u043F\u043E\u043B\u043D\u0435\u043D\u043E: ${request.display_name}`);
+    } else if (outcome.status === "cancelled") {
+      this.setStatus(`\u0414\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u043E\u0442\u043C\u0435\u043D\u0435\u043D\u043E: ${request.display_name}`);
+    } else {
+      this.setStatus(outcome.error ?? "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u0432\u044B\u043F\u043E\u043B\u043D\u0438\u0442\u044C \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u043D\u0430 \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0435.");
+    }
+    return outcome;
+  }
+  async streamChatStep(path, body, responseMessageId, accumulatedText = "") {
+    if (!this.sessionToken) {
+      throw new Error("\u0421\u0435\u0441\u0441\u0438\u044F \u0432\u0438\u0434\u0436\u0435\u0442\u0430 \u0435\u0449\u0451 \u043D\u0435 \u0438\u043D\u0438\u0446\u0438\u0430\u043B\u0438\u0437\u0438\u0440\u043E\u0432\u0430\u043D\u0430");
+    }
+    const response = await fetch(`${this.apiBaseUrl}${path}`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${this.sessionToken}`
+      },
+      body: JSON.stringify(body)
+    });
+    if (!response.ok || !response.body) {
+      const payload = await response.json().catch(() => ({}));
+      throw new Error(payload.detail ?? "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u043F\u043E\u043B\u0443\u0447\u0438\u0442\u044C \u043F\u043E\u0442\u043E\u043A\u043E\u0432\u044B\u0439 \u043E\u0442\u0432\u0435\u0442");
+    }
+    let nextToolRequest = null;
+    let finalText = accumulatedText;
+    let deferredNavigationHref = null;
+    await parseSseStream(response.body, ({ event, data }) => {
+      const payload = JSON.parse(data);
+      if (event === "metadata") {
+        return;
+      }
+      if (event === "status") {
+        const statusPayload = JSON.parse(data);
+        this.setStatus(statusPayload.label);
+      }
+      if (event === "plan") {
+        this.hideThinkingIndicator();
+        this.upsertPlanItem(JSON.parse(data));
+      }
+      if (event === "progress") {
+        this.hideThinkingIndicator();
+        const progress = JSON.parse(data);
+        this.upsertPlanItem(progress.run, progress.label);
+        this.setStatus(progress.label);
+      }
+      if (event === "highlight") {
+        const highlight = JSON.parse(data);
+        this.registry?.highlightTargets(highlight.targets ?? []);
+      }
+      if (event === "delta" && payload.text) {
+        const normalizedChunk = normalizeAssistantStreamChunk(finalText, payload.text);
+        if (!normalizedChunk && !finalText.trim()) {
+          return;
+        }
+        this.hideThinkingIndicator();
+        if (!responseMessageId) {
+          responseMessageId = this.appendMessage("", "assistant", {
+            persist: false,
+            status: "thinking"
+          });
+        }
+        finalText += normalizedChunk;
+        if (responseMessageId) {
+          this.updateMessage(responseMessageId, finalText, "streaming");
+        }
+      }
+      if (event === "tool_request") {
+        this.hideThinkingIndicator();
+        nextToolRequest = JSON.parse(data);
+      }
+      if (event === "error") {
+        this.hideThinkingIndicator();
+        this.setStatus(payload.message ?? "\u041E\u0448\u0438\u0431\u043A\u0430 \u043F\u043E\u0442\u043E\u043A\u0430 \u0432\u0438\u0434\u0436\u0435\u0442\u0430.");
+      }
+      if (event === "done") {
+        this.hideThinkingIndicator();
+        if (payload.text && !finalText.trim()) {
+          finalText = normalizeAssistantFinalText(payload.text);
+          if (responseMessageId) {
+            this.updateMessage(responseMessageId, finalText, "done");
+          }
+        }
+        this.setStatus("\u0413\u043E\u0442\u043E\u0432 \u043A \u0441\u043B\u0435\u0434\u0443\u044E\u0449\u0435\u043C\u0443 \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u044E.");
+      }
+    });
+    if (!nextToolRequest) {
+      return finalText;
+    }
+    const toolRequest = nextToolRequest;
+    const outcome = await this.handleToolRequest(toolRequest);
+    const possibleNavigationHref = outcome.status === "success" && outcome.result && typeof outcome.result.href === "string" && outcome.result.deferred_navigation ? outcome.result.href : null;
+    if (possibleNavigationHref) {
+      deferredNavigationHref = possibleNavigationHref;
+    }
+    const nextText = await this.streamChatStep(
+      "/pub/chat/tool-result",
+      {
+        session_id: this.sessionId,
+        tool_call_id: toolRequest.tool_call_id,
+        step_id: toolRequest.step_id,
+        status: outcome.status,
+        result: outcome.result ?? null,
+        error: outcome.error ?? null,
+        page_context: this.currentPageContext()
+      },
+      responseMessageId,
+      finalText
+    );
+    if (deferredNavigationHref) {
+      window.location.assign(deferredNavigationHref);
+    }
+    return nextText;
+  }
+  async sendMessage(message) {
+    if (!this.sessionId || !this.sessionToken) {
+      throw new Error("\u0421\u0435\u0441\u0441\u0438\u044F \u0432\u0438\u0434\u0436\u0435\u0442\u0430 \u0435\u0449\u0451 \u043D\u0435 \u0438\u043D\u0438\u0446\u0438\u0430\u043B\u0438\u0437\u0438\u0440\u043E\u0432\u0430\u043D\u0430");
+    }
+    if (this.isSending) {
+      this.setStatus("\u0414\u043E\u0436\u0434\u0438\u0442\u0435\u0441\u044C \u0437\u0430\u0432\u0435\u0440\u0448\u0435\u043D\u0438\u044F \u0442\u0435\u043A\u0443\u0449\u0435\u0433\u043E \u043E\u0442\u0432\u0435\u0442\u0430.");
+      return "";
+    }
+    this.isSending = true;
+    this.showThinkingIndicator();
+    this.syncVoiceState();
+    this.renderReactApp();
+    const requestHistory = this.recentHistoryForRequest();
+    let responseMessageId = null;
+    try {
+      this.appendMessage(message, "user");
+      const finalText = await this.streamChatStep(
+        "/pub/chat",
+        {
+          session_id: this.sessionId,
+          message,
+          history: requestHistory,
+          page_context: this.currentPageContext()
+        },
+        responseMessageId
+      );
+      this.finalizeAssistantMessage(finalText, { persist: false });
+      if (finalText.trim()) {
+        this.rememberMessage({ role: "assistant", text: finalText });
+      }
+      return finalText;
+    } catch (error) {
+      const messageText = error instanceof Error ? error.message : "Blinq \u043D\u0435 \u0441\u043C\u043E\u0433 \u043E\u0442\u0432\u0435\u0442\u0438\u0442\u044C.";
+      this.finalizeAssistantMessage(messageText, { persist: false });
+      this.rememberMessage({ role: "assistant", text: messageText });
+      throw error;
+    } finally {
+      this.hideThinkingIndicator();
+      this.isSending = false;
+      this.syncVoiceState();
+      this.renderReactApp();
+    }
+  }
+  async continueActiveRun() {
+    if (!this.sessionId || !this.sessionToken || !this.activeRun || this.isSending) {
+      return;
+    }
+    if (this.activeRun.status !== "awaiting_navigation") {
+      return;
+    }
+    if (this.activeRun.expected_route && this.currentRoute() !== this.activeRun.expected_route) {
+      this.setStatus(this.activeRun.status_reason ?? "\u0416\u0434\u0443 \u043F\u0435\u0440\u0435\u0445\u043E\u0434 \u043D\u0430 \u043D\u0443\u0436\u043D\u0443\u044E \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0443.");
+      return;
+    }
+    this.isSending = true;
+    this.showThinkingIndicator();
+    this.renderReactApp();
+    try {
+      const finalText = await this.streamChatStep(
+        "/pub/chat",
+        {
+          session_id: this.sessionId,
+          message: "",
+          continue_active_run: true,
+          history: this.recentHistoryForRequest(),
+          page_context: this.currentPageContext()
+        },
+        null
+      );
+      this.finalizeAssistantMessage(finalText);
+    } finally {
+      this.hideThinkingIndicator();
+      this.isSending = false;
+      this.renderReactApp();
+    }
+  }
+  async respondToPlan(approved) {
+    if (!this.sessionId || !this.sessionToken || !this.activeRun) {
+      return;
+    }
+    if (this.isSending) {
+      return;
+    }
+    this.isSending = true;
+    this.showThinkingIndicator();
+    this.renderReactApp();
+    try {
+      const finalText = await this.streamChatStep(
+        "/pub/plan/approve",
+        {
+          session_id: this.sessionId,
+          goal_run_id: this.activeRun.id,
+          approved,
+          page_context: this.currentPageContext()
+        },
+        null
+      );
+      if (finalText.trim()) {
+        this.finalizeAssistantMessage(finalText, { persist: false });
+        this.rememberMessage({ role: "assistant", text: finalText });
+      }
+    } finally {
+      this.hideThinkingIndicator();
+      this.isSending = false;
+      this.renderReactApp();
+    }
+  }
+  async endSession() {
+    if (!this.sessionId || !this.sessionToken) {
+      return;
+    }
+    await fetch(`${this.apiBaseUrl}/pub/session/end`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${this.sessionToken}`
+      },
+      body: JSON.stringify({ session_id: this.sessionId }),
+      keepalive: true
+    }).catch(() => void 0);
+    if (isBrowser3()) {
+      window.localStorage.removeItem(this.sessionStorageKey());
+    }
+  }
+};
+async function init(options) {
+  const widget = new BlinqWidget(options);
+  return widget.init();
+}
+async function initFromConfig(config) {
+  return init(normalizedConfig(config));
+}
+
+// src/embed-styles.ts
+var EMBED_WIDGET_STYLES = `
+  :host {
+    all: initial;
+    display: block;
+    position: static;
+    color-scheme: light;
+  }
+
+  *, *::before, *::after {
+    box-sizing: border-box;
+  }
+
+  button,
+  input {
+    font: inherit;
+  }
+
+  .blinq-shell {
+    position: fixed;
+    bottom: 24px;
+    z-index: 2147483647;
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+    width: 420px;
+    max-width: calc(100vw - 24px);
+    font-family:
+      "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
+      "Segoe UI", sans-serif;
+    pointer-events: none;
+    --blinq-accent: #111111;
+    --blinq-background: #ffffff;
+    --blinq-panel: rgba(255, 255, 255, 0.98);
+    --blinq-panel-soft: #fafafa;
+    --blinq-surface: #ffffff;
+    --blinq-surface-soft: #f5f5f5;
+    --blinq-surface-muted: #ededed;
+    --blinq-border: rgba(17, 17, 17, 0.08);
+    --blinq-border-strong: rgba(17, 17, 17, 0.18);
+    --blinq-text: #111111;
+    --blinq-text-soft: #262626;
+    --blinq-text-muted: #737373;
+    --blinq-user-bubble: #111111;
+    --blinq-user-text: #ffffff;
+    --blinq-shadow: 0 24px 60px rgba(17, 17, 17, 0.12);
+  }
+
+  .blinq-shell[data-side="left"] {
+    left: 24px;
+    align-items: flex-start;
+  }
+
+  .blinq-shell[data-side="right"] {
+    right: 24px;
+    align-items: flex-end;
+  }
+
+  .blinq-panel,
+  .blinq-launcher {
+    pointer-events: auto;
+  }
+
+  .blinq-launcher {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    gap: 12px;
+    min-height: 58px;
+    padding: 0 18px;
+    border: 1px solid var(--blinq-border);
+    border-radius: 20px;
+    background: #ffffff;
+    color: var(--blinq-text);
+    box-shadow: 0 18px 40px rgba(17, 17, 17, 0.12);
+    backdrop-filter: blur(18px);
+    -webkit-backdrop-filter: blur(18px);
+    transition:
+      transform 180ms ease,
+      box-shadow 180ms ease,
+      border-color 180ms ease;
+  }
+
+  .blinq-launcher:hover {
+    transform: translateY(-2px);
+    border-color: rgba(17, 17, 17, 0.16);
+    box-shadow: 0 22px 46px rgba(17, 17, 17, 0.16);
+  }
+
+  .blinq-launcher-badge {
+    display: grid;
+    place-items: center;
+    width: 34px;
+    height: 34px;
+    border-radius: 12px;
+    background: #111111;
+    color: #ffffff;
+    transition:
+      transform 180ms ease,
+      box-shadow 180ms ease;
+  }
+
+  .blinq-launcher:hover .blinq-launcher-badge {
+    transform: scale(1.06);
+    box-shadow: 0 10px 24px rgba(17, 17, 17, 0.22);
+  }
+
+  .blinq-launcher-icon-only {
+    width: 58px;
+    min-width: 58px;
+    padding: 0;
+    border-radius: 18px;
+  }
+
+  .blinq-launcher-agent {
+    overflow: visible;
+  }
+
+  .blinq-agent-orbit {
+    stroke: rgba(255, 255, 255, 0.42);
+    stroke-width: 1.3;
+    stroke-dasharray: 2.6 2.6;
+    transform-origin: center;
+    transition: opacity 180ms ease;
+  }
+
+  .blinq-agent-spark,
+  .blinq-agent-head,
+  .blinq-agent-antenna,
+  .blinq-agent-antenna-dot,
+  .blinq-agent-neck {
+    transform-origin: center;
+  }
+
+  .blinq-launcher:hover .blinq-agent-orbit {
+    animation: blinq-agent-spin 2.2s linear infinite;
+  }
+
+  .blinq-launcher:hover .blinq-agent-spark {
+    animation: blinq-agent-spark 1.1s ease-in-out infinite;
+  }
+
+  .blinq-launcher:hover .blinq-agent-head,
+  .blinq-launcher:hover .blinq-agent-neck,
+  .blinq-launcher:hover .blinq-agent-antenna,
+  .blinq-launcher:hover .blinq-agent-antenna-dot {
+    animation: blinq-agent-bob 1.35s ease-in-out infinite;
+  }
+
+  .blinq-launcher-copy {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    line-height: 1.1;
+  }
+
+  .blinq-launcher-label {
+    font-size: 11px;
+    font-weight: 700;
+    letter-spacing: 0.08em;
+    text-transform: uppercase;
+    color: var(--blinq-text-muted);
+  }
+
+  .blinq-launcher-title {
+    margin-top: 3px;
+    font-size: 14px;
+    font-weight: 600;
+    color: var(--blinq-text);
+  }
+
+  .blinq-panel {
+    width: 100%;
+    max-width: 420px;
+    border: 1px solid var(--blinq-border);
+    border-radius: 28px;
+    overflow: hidden;
+    background: #ffffff;
+    box-shadow: var(--blinq-shadow);
+    backdrop-filter: blur(24px);
+    -webkit-backdrop-filter: blur(24px);
+  }
+
+  .blinq-header {
+    padding: 16px;
+    border-bottom: 1px solid var(--blinq-border);
+    background: #ffffff;
+  }
+
+  .blinq-status-line {
+    margin-top: 10px;
+    font-size: 12px;
+    line-height: 1.45;
+    color: var(--blinq-text-muted);
+  }
+
+  .blinq-header-row {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 12px;
+  }
+
+  .blinq-header-copy {
+    min-width: 0;
+    flex: 1;
+  }
+
+  .blinq-header-badges {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+  }
+
+  .blinq-heading-row {
+    margin-top: 14px;
+    display: flex;
+    align-items: flex-start;
+    justify-content: space-between;
+    gap: 12px;
+  }
+
+  .blinq-heading {
+    font-size: 16px;
+    font-weight: 700;
+    letter-spacing: -0.02em;
+    color: var(--blinq-text);
+  }
+
+  .blinq-subheading {
+    margin-top: 6px;
+    max-width: 320px;
+    font-size: 13px;
+    line-height: 1.45;
+    color: var(--blinq-text-muted);
+  }
+
+  .blinq-statusbar {
+    margin-top: 14px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 10px;
+    flex-wrap: wrap;
+  }
+
+  .blinq-status {
+    display: inline-flex;
+    align-items: center;
+    min-height: 34px;
+    padding: 0 12px;
+    border-radius: 999px;
+    border: 1px solid var(--blinq-border);
+    background: #f8f8f8;
+    color: var(--blinq-text-soft);
+    font-size: 12px;
+    line-height: 1.45;
+  }
+
+  .blinq-runtime-chip {
+    display: inline-flex;
+    align-items: center;
+    min-height: 34px;
+    padding: 0 12px;
+    border-radius: 999px;
+    background: #111111;
+    border: 1px solid #111111;
+    color: #ffffff;
+    font-size: 12px;
+    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
+  }
+
+  .blinq-workspace {
+    display: grid;
+    grid-template-columns: 112px minmax(0, 1fr);
+    min-height: 430px;
+  }
+
+  .blinq-sidebar {
+    display: flex;
+    flex-direction: column;
+    gap: 14px;
+    padding: 16px;
+    border-right: 1px solid var(--blinq-border);
+    background: #fafafa;
+  }
+
+  .blinq-sidebar-group {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+  }
+
+  .blinq-tab-trigger {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    width: 100%;
+    min-height: 56px;
+    padding: 10px;
+    border: 1px solid transparent;
+    border-radius: 18px;
+    background: transparent;
+    color: var(--blinq-text-soft);
+    cursor: pointer;
+    transition:
+      background 120ms ease,
+      border-color 120ms ease,
+      color 120ms ease,
+      transform 120ms ease;
+  }
+
+  .blinq-tab-trigger:hover {
+    background: rgba(255,255,255,0.9);
+    border-color: var(--blinq-border);
+  }
+
+  .blinq-tab-trigger-active {
+    background: #ffffff;
+    border-color: rgba(17, 17, 17, 0.16);
+    box-shadow: 0 10px 24px rgba(17, 17, 17, 0.08);
+    color: var(--blinq-text);
+  }
+
+  .blinq-tab-icon {
+    display: grid;
+    place-items: center;
+    width: 32px;
+    height: 32px;
+    border-radius: 12px;
+    background: rgba(15, 23, 42, 0.04);
+    color: currentColor;
+    flex: 0 0 auto;
+  }
+
+  .blinq-tab-copy {
+    display: flex;
+    flex-direction: column;
+    min-width: 0;
+    align-items: flex-start;
+    text-align: left;
+  }
+
+  .blinq-tab-label {
+    font-size: 13px;
+    font-weight: 600;
+  }
+
+  .blinq-tab-caption {
+    margin-top: 2px;
+    font-size: 11px;
+    color: var(--blinq-text-muted);
+  }
+
+  .blinq-tab-count {
+    margin-left: auto;
+    min-width: 22px;
+    height: 22px;
+    padding: 0 6px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 999px;
+    background: rgba(15, 23, 42, 0.06);
+    color: var(--blinq-text-soft);
+    font-size: 11px;
+    font-weight: 700;
+  }
+
+  .blinq-separator {
+    height: 1px;
+    background: var(--blinq-border);
+  }
+
+  .blinq-sidebar-card {
+    gap: 12px;
+    border-radius: 18px;
+    background: rgba(255,255,255,0.94);
+    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
+  }
+
+  .blinq-sidebar-card-header {
+    padding: 14px 14px 0;
+  }
+
+  .blinq-sidebar-card-content {
+    padding: 0 14px 14px;
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+  }
+
+  .blinq-stat-line {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 8px;
+    font-size: 12px;
+    color: var(--blinq-text-muted);
+  }
+
+  .blinq-stat-line strong {
+    color: var(--blinq-text);
+    font-size: 12px;
+  }
+
+  .blinq-main {
+    display: flex;
+    flex-direction: column;
+    min-width: 0;
+    background: transparent;
+  }
+
+  .blinq-main-toolbar {
+    padding: 16px 18px 12px;
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+  }
+
+  .blinq-toolbar-label {
+    font-size: 11px;
+    font-weight: 700;
+    letter-spacing: 0.08em;
+    text-transform: uppercase;
+    color: var(--blinq-text-muted);
+  }
+
+  .blinq-prompt-row {
+    display: flex;
+    gap: 8px;
+    flex-wrap: wrap;
+  }
+
+  .blinq-prompt-chip {
+    padding: 8px 12px;
+    border-radius: 999px;
+    border: 1px solid var(--blinq-border);
+    background: rgba(255,255,255,0.95);
+    color: var(--blinq-text-soft);
+    font-size: 12px;
+    font-weight: 600;
+    cursor: pointer;
+    transition:
+      background 120ms ease,
+      border-color 120ms ease,
+      color 120ms ease,
+      transform 120ms ease;
+  }
+
+  .blinq-prompt-chip:hover {
+    border-color: rgba(17, 17, 17, 0.16);
+    color: #111111;
+    background: #f7f7f7;
+  }
+
+  .blinq-scroll {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+    min-height: 0;
+    height: 100%;
+    max-height: 420px;
+    padding: 16px;
+    overflow-y: auto;
+  }
+
+  .blinq-thread {
+    min-height: 0;
+  }
+
+  .blinq-thread-viewport {
+    width: 100%;
+  }
+
+  .blinq-scroll-actions,
+  .blinq-scroll-context {
+    padding-top: 18px;
+  }
+
+  .blinq-scroll::-webkit-scrollbar {
+    width: 8px;
+  }
+
+  .blinq-scroll::-webkit-scrollbar-thumb {
+    background: rgba(148, 163, 184, 0.25);
+    border-radius: 999px;
+  }
+
+  .blinq-message {
+    max-width: 88%;
+    border-radius: 20px;
+    padding: 13px 14px;
+    font-size: 14px;
+    line-height: 1.55;
+    white-space: pre-wrap;
+    border: 1px solid var(--blinq-border);
+    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.05);
+  }
+
+  .blinq-message[data-role="assistant"] {
+    align-self: flex-start;
+    background: rgba(255,255,255,0.98);
+    color: var(--blinq-text);
+  }
+
+  .blinq-message[data-kind="artifact"] {
+    max-width: 100%;
+    width: 100%;
+    padding: 0;
+    border: 0;
+    background: transparent;
+    box-shadow: none;
+  }
+
+  .blinq-message[data-role="user"] {
+    align-self: flex-end;
+    background: var(--blinq-user-bubble);
+    border-color: rgba(17, 17, 17, 0.22);
+    color: var(--blinq-user-text);
+  }
+
+  .blinq-message-copy {
+    display: block;
+  }
+
+  .blinq-message-copy-reveal {
+    animation: blinq-blur-in 220ms cubic-bezier(0.16, 1, 0.3, 1);
+    will-change: opacity, transform, filter;
+  }
+
+  .blinq-thinking-card {
+    align-self: flex-start;
+    background: rgba(255,255,255,0.98);
+    color: var(--blinq-text);
+  }
+
+  .blinq-thinking {
+    display: inline-flex;
+    align-items: center;
+    gap: 10px;
+    min-height: 20px;
+    font-size: 13px;
+    color: var(--blinq-text-muted);
+    opacity: 1;
+    transform: translateY(0);
+    transition:
+      opacity 180ms ease,
+      transform 180ms ease;
+  }
+
+  .blinq-thinking-dots {
+    display: inline-flex;
+    align-items: center;
+    gap: 4px;
+  }
+
+  .blinq-thinking-dots > span {
+    width: 6px;
+    height: 6px;
+    border-radius: 999px;
+    background: #111111;
+    animation: blinq-thinking-pulse 1.1s ease-in-out infinite;
+  }
+
+  .blinq-thinking-dots > span:nth-child(2) {
+    animation-delay: 120ms;
+  }
+
+  .blinq-thinking-dots > span:nth-child(3) {
+    animation-delay: 240ms;
+  }
+
+  .blinq-card {
+    display: flex;
+    flex-direction: column;
+    gap: 14px;
+    border: 1px solid var(--blinq-border);
+    border-radius: 20px;
+    background: var(--blinq-surface);
+    color: var(--blinq-text);
+    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.06);
+  }
+
+  .blinq-card-header {
+    display: flex;
+    flex-direction: column;
+    gap: 7px;
+    padding: 16px 16px 0;
+  }
+
+  .blinq-card-title {
+    font-size: 15px;
+    font-weight: 700;
+    color: var(--blinq-text);
+  }
+
+  .blinq-card-description {
+    font-size: 13px;
+    line-height: 1.5;
+    color: var(--blinq-text-muted);
+  }
+
+  .blinq-card-content {
+    padding: 0 16px 16px;
+  }
+
+  .blinq-action-card {
+    align-self: stretch;
+    gap: 0;
+  }
+
+  .blinq-plan-card {
+    border-color: var(--blinq-border-strong);
+  }
+
+  .blinq-plan-step {
+    display: flex;
+    align-items: flex-start;
+    gap: 10px;
+    padding: 10px 0;
+    border-top: 1px solid rgba(17, 17, 17, 0.06);
+  }
+
+  .blinq-plan-step:first-child {
+    border-top: 0;
+    padding-top: 0;
+  }
+
+  .blinq-plan-step-index {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 22px;
+    height: 22px;
+    border-radius: 999px;
+    background: #111111;
+    color: #ffffff;
+    font-size: 11px;
+    font-weight: 700;
+    flex: none;
+  }
+
+  .blinq-plan-step-copy {
+    min-width: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 3px;
+    font-size: 13px;
+    color: var(--blinq-text);
+  }
+
+  .blinq-plan-step-meta {
+    font-size: 12px;
+    color: var(--blinq-text-muted);
+  }
+
+  .blinq-plan-step[data-current="true"] .blinq-plan-step-index {
+    box-shadow: 0 0 0 4px rgba(17, 17, 17, 0.08);
+  }
+
+  .blinq-plan-step[data-status="completed"] .blinq-plan-step-index {
+    background: #111111;
+  }
+
+  .blinq-plan-step[data-status="failed"] .blinq-plan-step-index,
+  .blinq-plan-step[data-status="cancelled"] .blinq-plan-step-index {
+    background: #525252;
+  }
+
+  .blinq-action-meta-row {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 8px;
+    flex-wrap: wrap;
+  }
+
+  .blinq-action-details {
+    margin-top: 8px;
+  }
+
+  .blinq-action-details > summary {
+    cursor: pointer;
+    font-size: 12px;
+    font-weight: 600;
+    color: #111111;
+    list-style: none;
+  }
+
+  .blinq-action-details > summary::-webkit-details-marker {
+    display: none;
+  }
+
+  .blinq-code {
+    margin-top: 10px;
+    padding: 10px 12px;
+    border-radius: 14px;
+    background: var(--blinq-surface-soft);
+    border: 1px solid var(--blinq-border);
+    font-size: 12px;
+    line-height: 1.45;
+    white-space: pre-wrap;
+    color: var(--blinq-text-soft);
+    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
+  }
+
+  .blinq-code-compact {
+    margin-top: 12px;
+  }
+
+  .blinq-action-state {
+    margin-top: 12px;
+    font-size: 12px;
+    color: var(--blinq-text-muted);
+  }
+
+  .blinq-action-state[data-state="approved"] {
+    color: #111111;
+  }
+
+  .blinq-action-state[data-state="declined"] {
+    color: var(--blinq-text-muted);
+  }
+
+  .blinq-actions {
+    display: flex;
+    gap: 10px;
+    margin-top: 14px;
+  }
+
+  .blinq-actions > * {
+    flex: 1;
+  }
+
+  .blinq-context-grid {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 12px;
+  }
+
+  .blinq-context-card {
+    min-height: 150px;
+  }
+
+  .blinq-context-card-wide {
+    grid-column: 1 / -1;
+  }
+
+  .blinq-context-copy {
+    font-size: 13px;
+    line-height: 1.5;
+    color: var(--blinq-text-soft);
+  }
+
+  .blinq-empty-card {
+    min-height: 180px;
+    justify-content: center;
+  }
+
+  .blinq-badge-pill {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    min-height: 28px;
+    padding: 0 10px;
+    border-radius: 999px;
+    font-size: 11px;
+    font-weight: 700;
+    letter-spacing: 0.06em;
+    text-transform: uppercase;
+  }
+
+  .blinq-badge-pill-default {
+    background: rgba(15, 23, 42, 0.05);
+    color: var(--blinq-text-soft);
+  }
+
+  .blinq-badge-pill-outline {
+    border: 1px solid var(--blinq-border);
+    color: var(--blinq-text-muted);
+    background: rgba(255,255,255,0.84);
+  }
+
+  .blinq-badge-pill-soft {
+    background: #f5f5f5;
+    color: #111111;
+  }
+
+  .blinq-badge-pill-accent {
+    background: #111111;
+    color: #ffffff;
+  }
+
+  .blinq-composer {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+    padding: 0 16px 16px;
+    border-top: 1px solid var(--blinq-border);
+    background: #ffffff;
+  }
+
+  .blinq-composer-copy {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+  }
+
+  .blinq-composer-title {
+    font-size: 12px;
+    font-weight: 700;
+    letter-spacing: 0.08em;
+    text-transform: uppercase;
+    color: var(--blinq-text-muted);
+  }
+
+  .blinq-composer-hint {
+    font-size: 13px;
+    line-height: 1.45;
+    color: var(--blinq-text-muted);
+  }
+
+  .blinq-composer-controls {
+    display: flex;
+    padding-top: 14px;
+  }
+
+  .blinq-button {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    gap: 8px;
+    border-radius: 14px;
+    border: 1px solid transparent;
+    font-size: 14px;
+    font-weight: 600;
+    transition:
+      background 120ms ease,
+      border-color 120ms ease,
+      color 120ms ease,
+      opacity 120ms ease,
+      transform 120ms ease;
+    cursor: pointer;
+    outline: none;
+  }
+
+  .blinq-button:disabled {
+    opacity: 0.55;
+    cursor: not-allowed;
+  }
+
+  .blinq-button:focus-visible,
+  .blinq-input:focus-visible,
+  .blinq-tab-trigger:focus-visible,
+  .blinq-prompt-chip:focus-visible {
+    box-shadow: 0 0 0 3px rgba(17, 17, 17, 0.12);
+    outline: none;
+  }
+
+  .blinq-button-default {
+    background: #111111;
+    color: white;
+    box-shadow: 0 12px 24px rgba(17, 17, 17, 0.16);
+  }
+
+  .blinq-button-default:hover:not(:disabled) {
+    filter: brightness(1.04);
+  }
+
+  .blinq-button-outline {
+    border-color: var(--blinq-border-strong);
+    background: #ffffff;
+    color: var(--blinq-text);
+  }
+
+  .blinq-button-outline:hover:not(:disabled),
+  .blinq-button-ghost:hover:not(:disabled) {
+    background: var(--blinq-surface-soft);
+  }
+
+  .blinq-button-ghost {
+    border-color: var(--blinq-border);
+    background: rgba(255,255,255,0.76);
+    color: var(--blinq-text-soft);
+  }
+
+  .blinq-button-destructive {
+    background: #111111;
+    border-color: #111111;
+    color: #ffffff;
+  }
+
+  .blinq-button-md {
+    height: 44px;
+    padding: 0 16px;
+  }
+
+  .blinq-button-sm {
+    height: 36px;
+    padding: 0 12px;
+    font-size: 13px;
+  }
+
+  .blinq-button-icon {
+    width: 44px;
+    height: 44px;
+    padding: 0;
+  }
+
+  .blinq-button-icon-sm {
+    width: 36px;
+    height: 36px;
+    padding: 0;
+    border-radius: 12px;
+  }
+
+  .blinq-input {
+    width: 100%;
+    min-width: 0;
+    height: 52px;
+    border-radius: 18px;
+    border: 1px solid var(--blinq-border-strong);
+    padding: 0 48px 0 44px;
+    background: #ffffff;
+    color: var(--blinq-text);
+    outline: none;
+    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
+  }
+
+  .blinq-input-shell {
+    position: relative;
+    width: 100%;
+  }
+
+  .blinq-recording-input {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    width: 100%;
+    min-width: 0;
+    height: 52px;
+    padding: 0 48px 0 44px;
+    border-radius: 18px;
+    border: 1px solid var(--blinq-border-strong);
+    background: #ffffff;
+    color: var(--blinq-text);
+    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
+  }
+
+  .blinq-recording-time {
+    flex: 0 0 auto;
+    min-width: 42px;
+    font-size: 12px;
+    font-weight: 700;
+    letter-spacing: 0.04em;
+    color: var(--blinq-text-soft);
+    font-variant-numeric: tabular-nums;
+  }
+
+  .blinq-recording-waveform {
+    display: flex;
+    align-items: flex-end;
+    gap: 3px;
+    flex: 1 1 auto;
+    min-width: 0;
+    height: 24px;
+    overflow: hidden;
+  }
+
+  .blinq-recording-waveform-bar {
+    width: 3px;
+    min-width: 3px;
+    height: 100%;
+    border-radius: 999px;
+    background: rgba(17, 17, 17, 0.22);
+    transform-origin: center bottom;
+    transition:
+      transform 110ms ease,
+      background 110ms ease;
+  }
+
+  .blinq-input-mic {
+    position: absolute;
+    left: 8px;
+    top: 50%;
+    transform: translateY(-50%);
+    z-index: 2;
+  }
+
+  .blinq-input-send {
+    position: absolute;
+    right: 8px;
+    top: 50%;
+    transform: translateY(-50%);
+    z-index: 2;
+    width: 36px;
+    height: 36px;
+    min-width: 36px;
+    border-radius: 12px;
+  }
+
+  .blinq-text-animate {
+    display: block;
+  }
+
+  .blinq-text-animate-blur-in .blinq-text-segment {
+    display: inline-block;
+    opacity: 0;
+    filter: blur(8px);
+    animation: blinq-blur-in 420ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
+  }
+
+  @keyframes blinq-thinking-pulse {
+    0%, 100% {
+      opacity: 0.28;
+      transform: translateY(0);
+    }
+
+    50% {
+      opacity: 1;
+      transform: translateY(-2px);
+    }
+  }
+
+  @keyframes blinq-agent-spin {
+    from {
+      transform: rotate(0deg);
+    }
+
+    to {
+      transform: rotate(360deg);
+    }
+  }
+
+  @keyframes blinq-agent-bob {
+    0%, 100% {
+      transform: translateY(0);
+    }
+
+    50% {
+      transform: translateY(-0.8px);
+    }
+  }
+
+  @keyframes blinq-agent-spark {
+    0%, 100% {
+      transform: scale(1);
+      opacity: 0.72;
+    }
+
+    50% {
+      transform: scale(1.25);
+      opacity: 1;
+    }
+  }
+
+  @keyframes blinq-blur-in {
+    0% {
+      opacity: 0;
+      filter: blur(8px);
+      transform: translateY(4px);
+    }
+
+    100% {
+      opacity: 1;
+      filter: blur(0);
+      transform: translateY(0);
+    }
+  }
+
+  .blinq-input::placeholder {
+    color: var(--blinq-text-muted);
+  }
+
+  @media (max-width: 720px) {
+    .blinq-shell {
+      bottom: 12px;
+      left: 12px;
+      right: 12px;
+      width: auto;
+      max-width: none;
+      align-items: stretch;
+    }
+
+    .blinq-shell[data-side="left"],
+    .blinq-shell[data-side="right"] {
+      left: 12px;
+      right: 12px;
+      align-items: stretch;
+    }
+
+    .blinq-panel,
+    .blinq-launcher {
+      max-width: none;
+      width: 100%;
+    }
+
+    .blinq-workspace {
+      grid-template-columns: 1fr;
+    }
+
+    .blinq-sidebar {
+      border-right: none;
+      border-bottom: 1px solid var(--blinq-border);
+    }
+
+    .blinq-sidebar-group {
+      flex-direction: row;
+      overflow-x: auto;
+    }
+
+    .blinq-tab-trigger {
+      min-width: 116px;
+    }
+
+    .blinq-context-grid {
+      grid-template-columns: 1fr;
+    }
+  }
+`;
+
+// src/browser.ts
+var EMBED_TAG_NAME = "blinq-widget";
+function shadowRootStyles() {
+  return EMBED_WIDGET_STYLES;
+}
+var BlinqWidgetElement = class extends HTMLElement {
+  widget = null;
+  widgetPromise = null;
+  mountEl = null;
+  connectedCallback() {
+    if (this.widget || this.widgetPromise) {
+      return;
+    }
+    const publicToken = this.getAttribute("public-token")?.trim();
+    if (!publicToken) {
+      console.error("Blinq widget: missing required public-token attribute.");
+      return;
+    }
+    const root = this.shadowRoot ?? this.attachShadow({ mode: "open" });
+    root.replaceChildren();
+    const style = document.createElement("style");
+    style.textContent = shadowRootStyles();
+    const mount = document.createElement("div");
+    mount.dataset.blinqMount = "true";
+    root.append(style, mount);
+    this.mountEl = mount;
+    const options = {
+      publicToken,
+      apiBaseUrl: this.getAttribute("api-base-url")?.trim() || void 0,
+      mcpEndpoint: this.getAttribute("mcp-endpoint")?.trim() || void 0,
+      mount
+    };
+    this.widgetPromise = init(options).then((widget) => {
+      this.widget = widget;
+      return widget;
+    }).catch((error) => {
+      console.error("Blinq widget failed to initialize.", error);
+      throw error;
+    }).finally(() => {
+      this.widgetPromise = null;
+    });
+  }
+  disconnectedCallback() {
+    this.widget?.destroy();
+    void this.widget?.endSession();
+    this.widget = null;
+    this.widgetPromise = null;
+    this.mountEl = null;
+  }
+};
+function defineBlinqWidgetElement() {
+  if (typeof window === "undefined" || typeof customElements === "undefined") {
+    return;
+  }
+  if (!customElements.get(EMBED_TAG_NAME)) {
+    customElements.define(EMBED_TAG_NAME, BlinqWidgetElement);
+  }
+}
+if (typeof window !== "undefined") {
+  defineBlinqWidgetElement();
+  window.BlinqWidget = {
+    init,
+    initFromConfig
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BlinqWidgetElement,
+  init,
+  initFromConfig
+});
+//# sourceMappingURL=browser.cjs.map