@blade-hq/agent-kit 0.5.5 → 0.5.7

package/dist/react/index.js

@@ -30,7 +30,7 @@ import {
   useTiptapVoiceInput,
   useVoiceInput,
   user_preferences_exports
-} from "../chunk-S6EPGDAL.js";
+} from "../chunk-K5EE7X2D.js";
 import {
   CardCodeBlock,
   CardContext,
@@ -39,18 +39,18 @@ import {
   normalizeCodeLanguage,
   useCardContext,
   useHighlightedCodeHtml
-} from "../chunk-557R7QZV.js";
+} from "../chunk-GIE2Q2MB.js";
 import {
   CardJSON,
   cardRegistry
 } from "../chunk-2UP7MG3J.js";
 import {
   useSession
-} from "../chunk-NEI66DW6.js";
+} from "../chunk-STCTXRMJ.js";
 import {
   buildSessionBinaryPreviewTarget,
   resolveSessionFilePreviewTarget
-} from "../chunk-3ZEWA2YM.js";
+} from "../chunk-X3S36RR2.js";
 import {
   PartnerSkillFile,
   PartnerSkillInstallPayload,
@@ -102,12 +102,12 @@ import {
   useTaskStore,
   useUiBridgeStore,
   useUiStore
-} from "../chunk-HWOVPFWG.js";
+} from "../chunk-UM7G65GH.js";
 import "../chunk-J3XVFPOV.js";
 import {
   REGISTRY_PREFIX,
   normalizeResource
-} from "../chunk-Q6CSM5DE.js";
+} from "../chunk-ETHPRRT2.js";
 import {
   cn,
   copyToClipboard
@@ -1132,6 +1132,466 @@ function deriveDeprecateEntryIds(stepRanges, messages, fromStep) {
   return ids;
 }
 
+// src/react/lib/html-source-locator.ts
+var SNIPPET_LIMIT = 2e3;
+var TEXT_ANCHOR_LIMIT = 120;
+var VOID_TAGS = /* @__PURE__ */ new Set([
+  "area",
+  "base",
+  "br",
+  "col",
+  "embed",
+  "hr",
+  "img",
+  "input",
+  "link",
+  "meta",
+  "param",
+  "source",
+  "track",
+  "wbr"
+]);
+var STABLE_ATTRS = ["data-blade-id", "data-testid", "data-cy", "id"];
+function escapeRegExp(value) {
+  return value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+function normalizeTag(tag) {
+  return tag.trim().toLowerCase().replace(/[^a-z0-9:-]/g, "") || "*";
+}
+function normalizeText(text) {
+  return text.replace(/\s+/g, " ").trim();
+}
+function truncate(value, limit) {
+  if (value.length <= limit) return value;
+  return `${value.slice(0, Math.max(0, limit - 1))}\u2026`;
+}
+function lineColumnAt(content, index) {
+  const before = content.slice(0, Math.max(0, index));
+  const lines = before.split("\n");
+  return { line: lines.length, column: lines[lines.length - 1].length + 1 };
+}
+function buildTagPattern(tag, innerPattern) {
+  const tagPart = tag === "*" ? "[a-zA-Z][\\w:-]*" : escapeRegExp(tag);
+  return new RegExp(`<${tagPart}\\b(?=[^>]*${innerPattern})[^>]*>`, "gi");
+}
+function attrPattern(attr, value) {
+  const escapedAttr = escapeRegExp(attr);
+  const escapedValue = escapeRegExp(value);
+  return `\\b${escapedAttr}\\s*=\\s*(?:"${escapedValue}"|'${escapedValue}'|${escapedValue}(?=\\s|>|/))`;
+}
+function collectMatches(pattern, content) {
+  const matches = [];
+  pattern.lastIndex = 0;
+  let match = pattern.exec(content);
+  while (match != null) {
+    matches.push(match);
+    if (match[0].length === 0) pattern.lastIndex += 1;
+    match = pattern.exec(content);
+  }
+  return matches;
+}
+function findOpeningTagByAttr(content, tag, attr, value) {
+  if (!value.trim()) return null;
+  const matches = collectMatches(buildTagPattern(tag, attrPattern(attr, value)), content);
+  if (matches.length !== 1) return null;
+  return { index: matches[0].index, text: matches[0][0] };
+}
+function findOpeningTagNearText(content, tag, visibleText) {
+  const text = normalizeText(visibleText);
+  if (!text || text.length > TEXT_ANCHOR_LIMIT) return null;
+  const textMatches = collectMatches(new RegExp(escapeRegExp(text), "g"), normalizeText(content));
+  if (textMatches.length !== 1) return null;
+  const originalIndex = content.indexOf(text);
+  if (originalIndex < 0) return null;
+  const normalizedTag = normalizeTag(tag);
+  const tagPart = normalizedTag === "*" ? "[a-zA-Z][\\w:-]*" : escapeRegExp(normalizedTag);
+  const openPattern = new RegExp(`<${tagPart}\\b[^>]*>`, "gi");
+  let candidate = null;
+  let match = openPattern.exec(content);
+  while (match != null) {
+    if (match.index > originalIndex) break;
+    candidate = match;
+    match = openPattern.exec(content);
+  }
+  if (!candidate) return null;
+  return { index: candidate.index, text: candidate[0] };
+}
+function findSnippetEnd(content, start, tag, openingText) {
+  const openingEnd = start + openingText.length;
+  const normalizedTag = normalizeTag(tag);
+  if (VOID_TAGS.has(normalizedTag) || openingText.endsWith("/>")) return openingEnd;
+  const closePattern = new RegExp(`</${escapeRegExp(normalizedTag)}>`, "i");
+  const closeMatch = closePattern.exec(content.slice(openingEnd));
+  if (!closeMatch) return openingEnd;
+  return openingEnd + closeMatch.index + closeMatch[0].length;
+}
+function buildSnippet(content, start, tag, openingText) {
+  const rawEnd = findSnippetEnd(content, start, tag, openingText);
+  const boundedEnd = Math.min(rawEnd, start + SNIPPET_LIMIT);
+  const snippet = content.slice(start, boundedEnd);
+  const startPos = lineColumnAt(content, start);
+  const endPos = lineColumnAt(content, boundedEnd);
+  return {
+    snippet: rawEnd > boundedEnd ? `${snippet}\u2026` : snippet,
+    startLine: startPos.line,
+    endLine: endPos.line,
+    startColumn: startPos.column,
+    endColumn: endPos.column
+  };
+}
+function locateHtmlElementSource(html, element) {
+  const tag = normalizeTag(element.tag);
+  const attributes = element.attributes ?? {};
+  const visibleText = normalizeText(element.visibleText ?? "");
+  const searchAnchors = [];
+  for (const attr of STABLE_ATTRS) {
+    const value = attributes[attr];
+    if (!value) continue;
+    searchAnchors.push(`${attr}="${truncate(value, TEXT_ANCHOR_LIMIT)}"`);
+    const found = findOpeningTagByAttr(html, tag, attr, value);
+    if (found) {
+      return {
+        ...buildSnippet(html, found.index, tag, found.text),
+        searchAnchors,
+        locatorConfidence: "high",
+        reason: `${attr} \u53EF\u552F\u4E00\u5B9A\u4F4D`
+      };
+    }
+  }
+  const ariaLabel = attributes["aria-label"];
+  if (ariaLabel) {
+    searchAnchors.push(`aria-label="${truncate(ariaLabel, TEXT_ANCHOR_LIMIT)}"`);
+    const found = findOpeningTagByAttr(html, tag, "aria-label", ariaLabel);
+    if (found) {
+      return {
+        ...buildSnippet(html, found.index, tag, found.text),
+        searchAnchors,
+        locatorConfidence: "medium",
+        reason: "aria-label \u53EF\u552F\u4E00\u5B9A\u4F4D"
+      };
+    }
+  }
+  if (visibleText) {
+    searchAnchors.push(`text="${truncate(visibleText, TEXT_ANCHOR_LIMIT)}"`);
+    const found = findOpeningTagNearText(html, tag, visibleText);
+    if (found) {
+      return {
+        ...buildSnippet(html, found.index, tag, found.text),
+        searchAnchors,
+        locatorConfidence: "medium",
+        reason: "\u53EF\u89C1\u6587\u5B57\u53EF\u552F\u4E00\u5B9A\u4F4D"
+      };
+    }
+  }
+  return {
+    searchAnchors,
+    locatorConfidence: "low",
+    reason: "\u672A\u80FD\u5728\u6E90 HTML \u4E2D\u552F\u4E00\u5B9A\u4F4D\uFF0C\u9700\u7ED3\u5408\u6587\u4EF6\u5185\u5BB9\u4EBA\u5DE5\u6838\u5BF9"
+  };
+}
+
+// src/react/lib/html-element-selection.ts
+var VALUE_LIMIT = 240;
+var TEXT_LIMIT = 500;
+var STYLE_KEYS = /* @__PURE__ */ new Set([
+  "display",
+  "position",
+  "color",
+  "backgroundColor",
+  "fontSize",
+  "fontWeight",
+  "margin",
+  "padding"
+]);
+var SENSITIVE_NAME_RE = /(password|passwd|token|secret|authorization|api[-_]?key|cookie)/i;
+var URL_ATTRS = /* @__PURE__ */ new Set(["href", "src", "action"]);
+var USER_VALUE_ATTRS = /* @__PURE__ */ new Set(["value"]);
+function truncate2(value, limit, limits) {
+  if (value.length <= limit) return value;
+  limits.truncated = true;
+  return `${value.slice(0, Math.max(0, limit - 1))}\u2026`;
+}
+function stripQueryAndHash(value) {
+  try {
+    const url = new URL(value, "http://blade.local");
+    if (url.protocol === "http:" && url.host === "blade.local" && value.startsWith("/")) {
+      return url.pathname;
+    }
+    url.search = "";
+    url.hash = "";
+    return url.toString();
+  } catch {
+    return value.split(/[?#]/, 1)[0];
+  }
+}
+function sanitizeAttributes(attributes, limits) {
+  const result = {};
+  for (const [key, rawValue] of Object.entries(attributes)) {
+    const normalizedKey = key.trim();
+    if (!normalizedKey) continue;
+    if (SENSITIVE_NAME_RE.test(normalizedKey) || USER_VALUE_ATTRS.has(normalizedKey.toLowerCase())) {
+      result[normalizedKey] = "[\u5DF2\u8131\u654F]";
+      limits.omittedSensitiveFields.push(normalizedKey);
+      continue;
+    }
+    const normalizedValue = URL_ATTRS.has(normalizedKey.toLowerCase()) ? stripQueryAndHash(rawValue) : rawValue;
+    result[normalizedKey] = truncate2(normalizedValue, VALUE_LIMIT, limits);
+  }
+  return result;
+}
+function sanitizeStyle(style, limits) {
+  const result = {};
+  for (const [key, value] of Object.entries(style)) {
+    if (!STYLE_KEYS.has(key)) continue;
+    const normalizedKey = key.replace(/[A-Z]/g, (match) => `_${match.toLowerCase()}`);
+    result[normalizedKey] = truncate2(String(value), 80, limits);
+  }
+  return result;
+}
+function limitList(values, limits) {
+  if (!values?.length) return void 0;
+  if (values.length > 5) limits.truncated = true;
+  return values.slice(0, 5).map((item) => truncate2(item, 160, limits));
+}
+function fileNameFromPath(filePath, fallback) {
+  return fallback?.trim() || filePath.split("/").pop() || filePath || "\u672A\u547D\u540D HTML";
+}
+function elementKindLabel(selection) {
+  const tag = selection.tag.toLowerCase();
+  const role = selection.role?.toLowerCase();
+  if (role === "button" || tag === "button") return "\u6309\u94AE";
+  if (role === "link" || tag === "a") return "\u94FE\u63A5";
+  if (role === "textbox" || tag === "input" || tag === "textarea") return "\u8F93\u5165\u6846";
+  if (tag === "img") return "\u56FE\u7247";
+  if (tag === "table") return "\u8868\u683C";
+  if (tag === "tr") return "\u8868\u683C\u884C";
+  if (tag === "td" || tag === "th") return "\u5355\u5143\u683C";
+  if (/^h[1-6]$/.test(tag)) return "\u6807\u9898";
+  if (tag === "section" || tag === "article" || tag === "div") return "\u533A\u57DF";
+  return "\u5185\u5BB9";
+}
+function humanElementLabel(selection) {
+  const kind = elementKindLabel(selection);
+  const text = (selection.accessibleName || selection.visibleText || "").replace(/\s+/g, " ").trim();
+  return text ? `${kind}\u300C${text.slice(0, 24)}${text.length > 24 ? "\u2026" : ""}\u300D` : `${kind}<${selection.tag}>`;
+}
+function stableSelectorsFromAttributes(attributes) {
+  const selectors = [];
+  const add = (kind, value, confidence) => {
+    if (value && !selectors.some((item) => item.kind === kind && item.value === value)) {
+      selectors.push({ kind, value, confidence });
+    }
+  };
+  add("data-blade-id", attributes["data-blade-id"], "high");
+  add("data-testid", attributes["data-testid"] || attributes["data-cy"], "high");
+  add("id", attributes.id, "high");
+  add("aria", attributes["aria-label"], "medium");
+  return selectors;
+}
+function mergeSelectors(selection, attributes) {
+  const selectors = [...stableSelectorsFromAttributes(attributes), ...selection.selectors ?? []];
+  const seen = /* @__PURE__ */ new Set();
+  return selectors.filter((selector) => {
+    if (!selector.value) return false;
+    const key = `${selector.kind}:${selector.value}`;
+    if (seen.has(key)) return false;
+    seen.add(key);
+    return true;
+  });
+}
+function sanitizeGroupItems(selection, limits) {
+  const items = selection.groupItems ?? [];
+  if (!items.length) return void 0;
+  if (items.length > 12) limits.truncated = true;
+  return items.slice(0, 12).map((item) => {
+    const label = item.label ? truncate2(item.label.replace(/\s+/g, " ").trim(), 120, limits) : void 0;
+    const visibleText = item.visibleText ? truncate2(item.visibleText.replace(/\s+/g, " ").trim(), 240, limits) : void 0;
+    const accessibleName = item.accessibleName ? truncate2(item.accessibleName.replace(/\s+/g, " ").trim(), 160, limits) : void 0;
+    return {
+      label,
+      tag: item.tag.toLowerCase(),
+      role: item.role,
+      accessible_name: accessibleName,
+      visible_text: visibleText,
+      selectors: item.selectors ?? [],
+      dom_path: item.domPath,
+      rect: item.rect
+    };
+  });
+}
+function simpleContentHash(content) {
+  let hash = 2166136261;
+  for (let index = 0; index < content.length; index += 1) {
+    hash ^= content.charCodeAt(index);
+    hash = Math.imul(hash, 16777619);
+  }
+  return (hash >>> 0).toString(16).padStart(8, "0");
+}
+function sourceToContext(source) {
+  return {
+    snippet: source.snippet,
+    start_line: source.startLine,
+    end_line: source.endLine,
+    start_column: source.startColumn,
+    end_column: source.endColumn,
+    search_anchors: source.searchAnchors,
+    locator_confidence: source.locatorConfidence,
+    reason: source.reason
+  };
+}
+function contextMarkdown(context) {
+  const source = context.source;
+  const rect = context.element.rect;
+  const rectText = rect ? `x=${Math.round(rect.x)}, y=${Math.round(rect.y)}, w=${Math.round(rect.width)}, h=${Math.round(rect.height)}` : "\u672A\u77E5";
+  const isRunningPage = context.source_kind === "running_page";
+  const selectors = context.element.selectors.length ? context.element.selectors.map((selector, index) => `${index + 1}. ${selector.kind}="${selector.value}"\uFF08${selector.confidence}\uFF09`).join("\n") : "\u65E0\u7A33\u5B9A\u9009\u62E9\u5668\uFF1B\u8BF7\u7ED3\u5408\u6E90\u7247\u6BB5\u548C\u641C\u7D22\u951A\u70B9\u5B9A\u4F4D\u3002";
+  const anchors = source.search_anchors.length ? source.search_anchors.map((anchor) => `- ${anchor}`).join("\n") : "- \u65E0";
+  const sourceSnippet = source.snippet?.trim() ? `
+
+## \u6E90 HTML \u7247\u6BB5
+\`\`\`html
+${source.snippet.trim()}
+\`\`\`` : "";
+  const groupText = context.group ? `
+
+## \u7EC4\u5408\u9009\u533A
+\u7528\u6237\u6846\u9009\u7684\u662F\u4E00\u7EC4\u754C\u9762\u5185\u5BB9\uFF0C\u4E0D\u662F\u5355\u4E2A\u5B64\u7ACB\u5143\u7D20\u3002\u8BF7\u628A\u8FD9\u4E9B\u5185\u5BB9\u4F5C\u4E3A\u540C\u4E00\u4E2A\u8C03\u6574\u8303\u56F4\u5904\u7406\u3002
+${context.group.items.map((item, index) => {
+    const name = item.visible_text || item.accessible_name || item.label || item.tag;
+    const rect2 = item.rect ? ` x=${Math.round(item.rect.x)}, y=${Math.round(item.rect.y)}, w=${Math.round(item.rect.width)}, h=${Math.round(item.rect.height)}` : "";
+    return `${index + 1}. ${item.tag}${item.role ? ` role=${item.role}` : ""}\uFF1A${name}${rect2}`;
+  }).join("\n")}` : "";
+  const targetLine = isRunningPage ? `- \u9875\u9762\uFF1A\`${context.preview.url || context.file.path}\`` : `- \u6587\u4EF6\uFF1A\`${context.file.path}\``;
+  const sourceHint = isRunningPage ? "\u8FD9\u662F\u7528\u6237\u5728\u53F3\u4FA7\u9884\u89C8\u4E2D\u9009\u4E2D\u7684\u8FD0\u884C\u9875\u9762\u5185\u5BB9\u3002\u8BF7\u4F18\u5148\u6839\u636E\u9875\u9762 URL\u3001\u53EF\u89C1\u6587\u5B57\u3001\u7A33\u5B9A\u6807\u8BB0\u548C\u5468\u8FB9\u5143\u7D20\uFF0C\u5728\u524D\u7AEF\u6E90\u7801\u4E2D\u5B9A\u4F4D\u5BF9\u5E94\u7EC4\u4EF6\u6216\u9875\u9762\uFF1B\u4E0D\u8981\u8981\u6C42\u7528\u6237\u63D0\u4F9B data \u5C5E\u6027\u3002" : "\u8FD9\u662F\u7528\u6237\u5728\u53F3\u4FA7 HTML \u9884\u89C8\u4E2D\u9009\u4E2D\u7684\u754C\u9762\u5185\u5BB9\u3002\u8BF7\u4F18\u5148\u7F16\u8F91\u6307\u5B9A\u6587\u4EF6\uFF0C\u5E76\u7528\u6E90 HTML \u7247\u6BB5\u3001\u7A33\u5B9A\u6807\u8BB0\u548C\u53EF\u89C1\u6587\u5B57\u5B9A\u4F4D\uFF0C\u4E0D\u8981\u4F9D\u8D56\u622A\u56FE\u731C\u6D4B\u3002";
+  const screenshotNote = context.screenshot ? context.screenshot.included ? "\n\n## \u9009\u4E2D\u533A\u57DF\u622A\u56FE\n\u5DF2\u968F\u672C\u6761\u6D88\u606F\u9644\u52A0\u4E3A\u56FE\u7247\u3002\u82E5\u5F53\u524D\u6A21\u578B\u4E0D\u652F\u6301\u56FE\u7247\u8F93\u5165\uFF0C\u8BF7\u76F4\u63A5\u5FFD\u7565\u622A\u56FE\u5E76\u4F7F\u7528\u4E0A\u9762\u7684\u6587\u672C\u4E0A\u4E0B\u6587\u3002" : `
+
+## \u9009\u4E2D\u533A\u57DF\u622A\u56FE
+\u622A\u56FE\u751F\u6210\u5931\u8D25${context.screenshot.reason ? `\uFF08${context.screenshot.reason}\uFF09` : ""}\uFF0C\u672C\u6761\u6D88\u606F\u4EC5\u5305\u542B\u6587\u672C\u4E0A\u4E0B\u6587\u3002` : "";
+  const surroundings = [
+    context.surroundings.parent_summary ? `- \u7236\u7EA7\uFF1A${context.surroundings.parent_summary}` : null,
+    ...(context.surroundings.previous_siblings ?? []).map((item) => `- \u524D\u4E00\u4E2A\u5143\u7D20\uFF1A${item}`),
+    ...(context.surroundings.next_siblings ?? []).map((item) => `- \u540E\u4E00\u4E2A\u5143\u7D20\uFF1A${item}`)
+  ].filter(Boolean);
+  return `${sourceHint}
+
+## \u7528\u6237\u9009\u4E2D
+${targetLine}
+- \u5143\u7D20\uFF1A${context.element.label}
+- \u4F4D\u7F6E\uFF1A${rectText}
+- \u6E90\u5B9A\u4F4D\uFF1A${source.locator_confidence}\uFF08${source.reason}\uFF09
+
+## \u7A33\u5B9A\u5B9A\u4F4D\u5019\u9009
+${selectors}
+
+## \u641C\u7D22\u951A\u70B9
+${anchors}${sourceSnippet}${groupText}${screenshotNote}
+
+## \u5468\u8FB9\u5185\u5BB9
+${surroundings.length ? surroundings.join("\n") : "- \u65E0\u53EF\u7528\u5468\u8FB9\u6458\u8981"}
+
+## \u539F\u59CB\u7ED3\u6784\u5316\u6570\u636E
+\`\`\`json
+${JSON.stringify(context, null, 2)}
+\`\`\``;
+}
+function buildHtmlElementSelectionContext(input) {
+  const limits = { truncated: false, omittedSensitiveFields: [] };
+  const rawAttributes = input.selection.attributes ?? {};
+  const attributes = sanitizeAttributes(rawAttributes, {
+    get truncated() {
+      return limits.truncated;
+    },
+    set truncated(value) {
+      limits.truncated = value;
+    },
+    omittedSensitiveFields: limits.omittedSensitiveFields
+  });
+  const visibleText = input.selection.visibleText ? truncate2(input.selection.visibleText.replace(/\s+/g, " ").trim(), TEXT_LIMIT, limits) : void 0;
+  const accessibleName = input.selection.accessibleName ? truncate2(input.selection.accessibleName.replace(/\s+/g, " ").trim(), TEXT_LIMIT, limits) : void 0;
+  const html = input.html ?? "";
+  const sourceKind = input.sourceKind ?? "html_file";
+  const source = html ? locateHtmlElementSource(html, {
+    tag: input.selection.tag,
+    attributes,
+    visibleText: visibleText || accessibleName
+  }) : {
+    searchAnchors: visibleText ? [`text="${visibleText}"`] : [],
+    locatorConfidence: "low",
+    reason: sourceKind === "running_page" ? "\u8FD0\u884C\u9875\u9762\u672A\u63D0\u4F9B\u6E90 HTML\uFF0C\u9700\u7ED3\u5408\u524D\u7AEF\u6E90\u7801\u548C\u8DEF\u7531\u4EBA\u5DE5\u6838\u5BF9" : "\u672A\u63D0\u4F9B\u6E90 HTML\uFF0C\u9700\u7ED3\u5408\u6587\u4EF6\u5185\u5BB9\u4EBA\u5DE5\u6838\u5BF9"
+  };
+  const viewport = input.selection.viewport ?? {
+    width: 0,
+    height: 0,
+    devicePixelRatio: 1
+  };
+  const groupItems = sanitizeGroupItems(input.selection, limits);
+  const groupLabel = input.selection.selectionMode === "group" ? input.selection.groupLabel || `\u7EC4\u5408\u9009\u533A\uFF08${input.selection.groupCount || groupItems?.length || 0} \u4E2A\u5185\u5BB9\uFF09` : void 0;
+  const elementLabel = groupLabel ? `\u7EC4\u5408\u533A\u57DF\u300C${groupLabel}\u300D` : humanElementLabel({ ...input.selection, visibleText, accessibleName });
+  const context = {
+    schema: "blade.html_element_selection.v1",
+    selected_at: input.selectedAt ?? (/* @__PURE__ */ new Date()).toISOString(),
+    source_kind: sourceKind,
+    file: {
+      path: input.filePath,
+      name: fileNameFromPath(input.filePath, input.fileName),
+      language: "html",
+      content_hash: simpleContentHash(html || input.pageUrl || input.filePath)
+    },
+    preview: {
+      mode: sourceKind === "running_page" ? "running_page" : "render",
+      title: input.title,
+      url: input.pageUrl,
+      viewport: {
+        width: viewport.width,
+        height: viewport.height,
+        device_pixel_ratio: viewport.devicePixelRatio
+      }
+    },
+    element: {
+      label: elementLabel,
+      tag: input.selection.tag.toLowerCase(),
+      role: input.selection.role,
+      accessible_name: accessibleName,
+      visible_text: visibleText,
+      attributes,
+      selectors: mergeSelectors(input.selection, attributes),
+      dom_path: input.selection.domPath,
+      rect: input.selection.rect,
+      style: sanitizeStyle(input.selection.style ?? {}, limits)
+    },
+    group: groupItems?.length ? {
+      label: groupLabel || `\u7EC4\u5408\u9009\u533A\uFF08${groupItems.length} \u4E2A\u5185\u5BB9\uFF09`,
+      count: input.selection.groupCount || groupItems.length,
+      items: groupItems
+    } : void 0,
+    source: sourceToContext(source),
+    screenshot: input.selection.screenshotDataUrl ? {
+      included: true,
+      note: "\u5DF2\u9644\u52A0\u9009\u4E2D\u5143\u7D20\u622A\u56FE\uFF1B\u975E\u591A\u6A21\u6001\u6A21\u578B\u4F1A\u81EA\u52A8\u5FFD\u7565\u56FE\u7247\uFF0C\u8BF7\u4F18\u5148\u4F7F\u7528\u6587\u672C\u4E0A\u4E0B\u6587\u3002"
+    } : input.selection.screenshotStatus === "failed" ? {
+      included: false,
+      note: "\u622A\u56FE\u751F\u6210\u5931\u8D25\uFF1B\u5DF2\u4FDD\u7559\u6587\u672C\u4E0A\u4E0B\u6587\u4F9B\u6A21\u578B\u5B9A\u4F4D\u3002",
+      reason: input.selection.screenshotError
+    } : void 0,
+    surroundings: {
+      parent_summary: input.selection.surroundings?.parentSummary,
+      children_summary: limitList(input.selection.surroundings?.childrenSummary, limits),
+      previous_siblings: limitList(input.selection.surroundings?.previousSiblings, limits),
+      next_siblings: limitList(input.selection.surroundings?.nextSiblings, limits)
+    },
+    limits: {
+      truncated: limits.truncated || Boolean(source.snippet?.endsWith("\u2026")),
+      omitted_sensitive_fields: limits.omittedSensitiveFields
+    }
+  };
+  return {
+    label: `HTML \u9009\u4E2D\u9879\uFF1A${context.element.label}`,
+    content: contextMarkdown(context),
+    context,
+    imageUrl: input.selection.screenshotDataUrl
+  };
+}
+
 // src/react/schemas/session.ts
 import { type } from "arktype";
 var SessionStatus = type(
@@ -1173,6 +1633,7 @@ var LayoutType = /* @__PURE__ */ ((LayoutType2) => {
   LayoutType2["BladeCoa"] = "blade-coa";
   LayoutType2["ChatPreview"] = "chat-preview";
   LayoutType2["ChatOnly"] = "chat-only";
+  LayoutType2["SolutionApp"] = "solution-app";
   return LayoutType2;
 })(LayoutType || {});
 
@@ -1394,6 +1855,7 @@ export {
   attachHostBridgeListener,
   auth_exports as authApi,
   bootstrapBladeClient,
+  buildHtmlElementSelectionContext,
   buildMessageContent,
   buildSessionBinaryPreviewTarget,
   buildStepRanges,
@@ -1420,6 +1882,7 @@ export {
   isUiMeta,
   knowledgeApi,
   listSkillOrgs,
+  locateHtmlElementSource,
   memories_exports as memoriesApi,
   models_exports as modelsApi,
   normalizeCodeLanguage,