@quanta-intellect/vessel-browser 0.1.138 → 0.1.141

package/out/preload/content-script.js

@@ -2195,6 +2195,7 @@ let pageDiffActivityThrottleTimer = null;
 let lastPageDiffSignature = "";
 const PAGE_DIFF_ACTIVITY_THROTTLE_MS = 350;
 const PAGE_DIFF_MUTATION_DEBOUNCE_MS = 1200;
+const CUSTOM_TEXT_FIELD_SELECTOR = '[contenteditable="true"], [role="textbox"], [role="searchbox"], [role="combobox"]';
 function normalizeSignatureText(value) {
   return (value || "").replace(/\s+/g, " ").trim();
 }
@@ -2938,6 +2939,37 @@ function getInputLabelWithSource(el) {
   if (placeholder) return { label: placeholder, source: "placeholder" };
   return {};
 }
+function getCustomTextFieldLabelWithSource(el) {
+  const ariaLabel = getTrimmedText(el.getAttribute("aria-label"));
+  if (ariaLabel) return { label: ariaLabel, source: "aria-label" };
+  const labelledBy = getNodeTextByIds(el.getAttribute("aria-labelledby"));
+  if (labelledBy) return { label: labelledBy, source: "label" };
+  const placeholder = getTrimmedText(el.getAttribute("placeholder"));
+  if (placeholder) return { label: placeholder, source: "placeholder" };
+  const text = getTrimmedText(el.textContent);
+  if (text) return { label: text, source: "text" };
+  return {};
+}
+function isNativeFormField(el) {
+  return el instanceof HTMLInputElement || el instanceof HTMLTextAreaElement || el instanceof HTMLSelectElement;
+}
+function shouldExposeCustomTextField(el) {
+  if (!(el instanceof HTMLElement) || isNativeFormField(el)) return false;
+  if (!isElementVisible(el) || isElementDisabled(el)) return false;
+  const role = getElementRole(el);
+  return el.isContentEditable || el.getAttribute("contenteditable") === "true" || role === "textbox" || role === "searchbox" || role === "combobox";
+}
+function getCustomTextFieldInputType(el) {
+  const role = getElementRole(el);
+  if (role === "searchbox") return "search";
+  if (role === "combobox") return "combobox";
+  if (role === "textbox") return "text";
+  return el.getAttribute("contenteditable") === "true" ? "text" : void 0;
+}
+function getCustomTextFieldHasValue(el) {
+  const value = getTrimmedText(el.textContent) || getTrimmedText(el.getAttribute("aria-valuetext")) || getTrimmedText(el.getAttribute("value"));
+  return value ? true : void 0;
+}
 function getButtonTextWithSource(el) {
   const textContent = getTrimmedText(el.textContent);
   if (textContent) return { text: textContent, source: "text" };
@@ -2986,6 +3018,18 @@ function getElementValue(el) {
   }
   return void 0;
 }
+function getElementHasValue(el) {
+  if (el instanceof HTMLInputElement || el instanceof HTMLTextAreaElement) {
+    if (el.type === "password" || el.type === "checkbox" || el.type === "radio") {
+      return void 0;
+    }
+    return getTrimmedText(el.value) ? true : void 0;
+  }
+  if (el instanceof HTMLSelectElement) {
+    return getTrimmedText(el.value) ? true : void 0;
+  }
+  return void 0;
+}
 function getSelectOptions(el) {
   const options = Array.from(el.options).map((option) => ({
     label: option.textContent?.trim() || option.value.trim(),
@@ -2999,6 +3043,13 @@ function getAriaBoolean(el, attr) {
   if (val === "false") return false;
   return void 0;
 }
+function getDeepActiveElement() {
+  let active = document.activeElement;
+  while (active instanceof HTMLElement && active.shadowRoot?.activeElement) {
+    active = active.shadowRoot.activeElement;
+  }
+  return active;
+}
 function buildBaseMetadata(el) {
   return {
     context: getElementContext(el),
@@ -3009,6 +3060,7 @@ function buildBaseMetadata(el) {
     description: getElementDescription(el),
     ...getVisibilityState(el),
     disabled: isElementDisabled(el),
+    focused: getDeepActiveElement() === el || void 0,
     ariaExpanded: getAriaBoolean(el, "aria-expanded"),
     ariaPressed: getAriaBoolean(el, "aria-pressed"),
     ariaSelected: getAriaBoolean(el, "aria-selected")
@@ -3120,6 +3172,7 @@ function extractInteractiveElements() {
       placeholder: element.getAttribute("placeholder") || void 0,
       required: element.hasAttribute("required") || void 0,
       value: getElementValue(element),
+      hasValue: getElementHasValue(element),
       options: element instanceof HTMLSelectElement ? getSelectOptions(element) : void 0,
       ...buildBaseMetadata(input),
       role,
@@ -3128,6 +3181,20 @@ function extractInteractiveElements() {
       ...getFieldMetadata(element)
     });
   });
+  deepQuerySelectorAll(CUSTOM_TEXT_FIELD_SELECTOR).forEach((field) => {
+    if (!shouldExposeCustomTextField(field)) return;
+    const label = getCustomTextFieldLabelWithSource(field);
+    const role = getElementRole(field);
+    elements.push({
+      type: "input",
+      label: label.label?.slice(0, MAX_LABEL_LENGTH),
+      labelSource: label.source,
+      inputType: getCustomTextFieldInputType(field),
+      hasValue: getCustomTextFieldHasValue(field),
+      ...buildBaseMetadata(field),
+      role
+    });
+  });
   return elements;
 }
 function extractForms() {
@@ -3143,23 +3210,28 @@ function extractForms() {
     const form = formEl;
     const fields = [];
     form.querySelectorAll(
-      "input:not([type='hidden']):not([type='submit']):not([type='button']):not([type='image']), select, textarea"
+      `input:not([type='hidden']):not([type='submit']):not([type='button']):not([type='image']), select, textarea, ${CUSTOM_TEXT_FIELD_SELECTOR}`
     ).forEach((input) => {
+      if (!isNativeFormField(input) && !shouldExposeCustomTextField(input)) {
+        return;
+      }
       const element = input;
       const tag = input.tagName.toLowerCase();
       const label = getInputLabelWithSource(element);
+      const customLabel = isNativeFormField(input) ? {} : getCustomTextFieldLabelWithSource(input);
       const role = getElementRole(input);
       const radioText = role === "radio" || element instanceof HTMLInputElement && element.type === "radio" ? getTrimmedText(
         element.getAttribute("value") || element.getAttribute("aria-label") || label.label
       ) : void 0;
       fields.push({
         type: tag === "select" ? "select" : tag === "textarea" ? "textarea" : "input",
-        label: label.label?.slice(0, MAX_LABEL_LENGTH),
-        labelSource: label.source,
-        inputType: element.getAttribute("type") || void 0,
+        label: (label.label || customLabel.label)?.slice(0, MAX_LABEL_LENGTH),
+        labelSource: label.source || customLabel.source,
+        inputType: element.getAttribute("type") || getCustomTextFieldInputType(input) || void 0,
         placeholder: element.getAttribute("placeholder") || void 0,
         required: element.hasAttribute("required") || void 0,
         value: getElementValue(element),
+        hasValue: isNativeFormField(input) ? getElementHasValue(element) : getCustomTextFieldHasValue(input),
         options: element instanceof HTMLSelectElement ? getSelectOptions(element) : void 0,
         ...buildBaseMetadata(input),
         role,

package/out/renderer/assets/{index-DMcjRzqj.css → index-T8vlGvDJ.css}

@@ -3763,6 +3763,17 @@
     background: var(--surface-active);
 }
 
+.tool-chip-failed {
+    border-left-color: color-mix(in srgb, var(--error) 60%, transparent);
+    background: color-mix(in srgb, var(--error) 8%, var(--surface-hover));
+}
+
+.tool-chip-failed .tool-chip-icon,
+.tool-chip-failed .tool-chip-args {
+    color: color-mix(in srgb, var(--error) 80%, var(--text-muted));
+    opacity: 1;
+}
+
 .tool-chip-icon {
     flex-shrink: 0;
     width: 16px;

package/out/renderer/assets/{index-Cjl9fej2.js → index-l3uzsLbO.js}

@@ -6158,6 +6158,14 @@ function getSkillSlashSuggestions(value, kits, limit = 6) {
     return left.kit.name.localeCompare(right.kit.name);
   }).slice(0, limit).map(({ kit }) => kit);
 }
+function canRunWithoutSlashTask(kit, inputKey) {
+  if (inputKey !== "task") return false;
+  const taskPlaceholder = `{{${inputKey}}}`;
+  const placeholderIndex = kit.promptTemplate.indexOf(taskPlaceholder);
+  if (placeholderIndex <= 0) return false;
+  const leadingInstructions = kit.promptTemplate.slice(0, placeholderIndex).replace(/\{\{\w+\}\}/g, "").replace(/\btask\s*:?\s*$/i, "").trim();
+  return /[a-z0-9]/i.test(leadingInstructions);
+}
 function buildSlashSkillValues(kit, task) {
   const values = {};
   for (const input of kit.inputs) {
@@ -6167,12 +6175,15 @@ function buildSlashSkillValues(kit, task) {
   if (targetInput) {
     values[targetInput.key] = task;
   }
-  const missingLabels = kit.inputs.filter((input) => input.required).filter((input) => !values[input.key]?.trim()).map((input) => input.label);
+  const missingLabels = kit.inputs.filter((input) => input.required).filter((input) => {
+    if (values[input.key]?.trim()) return false;
+    return !canRunWithoutSlashTask(kit, input.key);
+  }).map((input) => input.label);
   return { values, missingLabels };
 }
 function renderKitPrompt(kit, values) {
   for (const input of kit.inputs) {
-    if (input.required && !values[input.key]?.trim()) {
+    if (input.required && !values[input.key]?.trim() && !canRunWithoutSlashTask(kit, input.key)) {
       logger$1.warn(
         `Required field "${input.key}" is empty for kit "${kit.id}".`
       );
@@ -7594,8 +7605,9 @@ const TOOL_ICONS = {
 function renderToolChip(name, args) {
   const icon = TOOL_ICONS[name] || "⚙";
   const displayName = name.replace(/_/g, " ");
+  const failed = args.trim().startsWith("⚠");
   const argsHtml = args ? `<span class="tool-chip-args">${escapeHtml(args.length > MAX_PREVIEW_TEXT ? args.slice(0, TRUNCATE_KEEP) + "..." : args)}</span>` : "";
-  return `<div class="tool-chip"><span class="tool-chip-icon">${icon}</span><span class="tool-chip-name">${escapeHtml(displayName)}</span>${argsHtml}</div>`;
+  return `<div class="tool-chip${failed ? " tool-chip-failed" : ""}"><span class="tool-chip-icon">${icon}</span><span class="tool-chip-name">${escapeHtml(displayName)}</span>${argsHtml}</div>`;
 }
 function renderMarkdown(source) {
   const codeBlocks = [];
@@ -10089,11 +10101,6 @@ ${contextBlock}` : contextBlock);
       const kits = [...BUNDLED_KITS, ...installedKits];
       const invocation = parseSkillSlashInvocation(prompt, kits);
       if (invocation) {
-        if (!invocation.task) {
-          const [command] = prompt.split(/\s+/);
-          setChatCommandError(`Add instructions after ${command}.`);
-          return;
-        }
         const {
           values,
           missingLabels

package/out/renderer/index.html

@@ -5,8 +5,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="Content-Security-Policy" content="default-src 'self'; base-uri 'none'; object-src 'none'; frame-src 'none'; script-src 'self'; style-src 'self' 'unsafe-inline'; img-src 'self' data:; connect-src 'self'; font-src 'self' data:; form-action 'self';" />
     <title>Vessel</title>
-    <script type="module" crossorigin src="./assets/index-Cjl9fej2.js"></script>
-    <link rel="stylesheet" crossorigin href="./assets/index-DMcjRzqj.css">
+    <script type="module" crossorigin src="./assets/index-l3uzsLbO.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/index-T8vlGvDJ.css">
   </head>
   <body>
     <div id="root"></div>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@quanta-intellect/vessel-browser",
   "mcpName": "io.github.unmodeled-tyler/vessel-browser",
-  "version": "0.1.138",
+  "version": "0.1.141",
   "description": "AI-native web browser runtime for autonomous agents with human supervision",
   "main": "./out/main/index.js",
   "bin": {
@@ -70,7 +70,7 @@
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/unmodeled-tyler/quanta-vessel-browser.git"
+    "url": "https://github.com/unmodeled-tyler/vessel-browser.git"
   },
   "engines": {
     "node": ">=22.12.0",