qapture2 0.3.0 → 0.3.1

package/dist/{chunk-ESRQOU32.js → chunk-2CAMCMJP.js}

@@ -264,6 +264,31 @@ function coerceJourney(raw, warnings) {
   }
   return out;
 }
+function warnMissingArabic(loginField, credentials, journey, warnings) {
+  const hasAr = (v) => typeof v === "object" && v !== null && isNonEmptyString(v.ar);
+  const usesArabic = isNonEmptyString(loginField.ar) || credentials.some((c) => isNonEmptyString(c.roleAr) || hasAr(c.hint)) || journey.some((lane) => hasAr(lane.role) || lane.steps.some((s) => hasAr(s.what) || hasAr(s.expect)));
+  if (!usesArabic) return;
+  const missing = [];
+  for (const lane of journey) {
+    for (const step of lane.steps) {
+      if (!hasAr(step.what)) missing.push(`journey "${lane.id}" \u2192 ${step.path} (what)`);
+      if (step.expect !== void 0 && !hasAr(step.expect)) {
+        missing.push(`journey "${lane.id}" \u2192 ${step.path} (expect)`);
+      }
+    }
+  }
+  for (const c of credentials) {
+    if (!isNonEmptyString(c.roleAr)) missing.push(`credentials role="${c.role}" (roleAr)`);
+    if (c.hint !== void 0 && !hasAr(c.hint)) missing.push(`credentials role="${c.role}" (hint.ar)`);
+  }
+  if (!missing.length) return;
+  const LIMIT = 6;
+  const shown = missing.slice(0, LIMIT).join("; ");
+  const rest = missing.length > LIMIT ? ` (+${missing.length - LIMIT} more)` : "";
+  warnings.push(
+    `Arabic is used elsewhere in this config, but ${missing.length} bilingual field(s) have no "ar" and will show English to an Arabic-language tester: ${shown}${rest}. Every {en, ar} pair needs BOTH filled in \u2014 a plain string or an {en}-only object reads identically to a bilingual field that was simply never translated.`
+  );
+}
 function coercePreamble(raw) {
   if (raw === null || raw === void 0) return null;
   if (typeof raw !== "object" || Array.isArray(raw)) return null;
@@ -348,6 +373,7 @@ function validateConfig(input) {
       warnings.push("visible: expected boolean \u2014 using default (dev-only)");
     }
   }
+  warnMissingArabic(loginField, credentials, journey, warnings);
   return {
     config: {
       namespace,
@@ -4961,16 +4987,20 @@ function CaptureMode() {
   };
   const popStyleFor = useCallback((r) => {
     if (typeof window === "undefined") return {};
-    const below = r.top + r.height + 12;
-    const placeAbove = below + 220 > window.innerHeight;
-    const top = placeAbove ? Math.max(12, r.top - 12) : below;
+    const margin = 12;
+    const spaceBelow = window.innerHeight - (r.top + r.height + margin);
+    const spaceAbove = r.top - margin;
+    const placeAbove = spaceBelow < spaceAbove;
+    const top = placeAbove ? Math.max(margin, r.top - margin) : r.top + r.height + margin;
     let left = r.left;
     left = Math.min(left, window.innerWidth - 340);
-    left = Math.max(12, left);
+    left = Math.max(margin, left);
+    const available = (placeAbove ? spaceAbove : spaceBelow) - margin;
     return {
       top,
       left,
-      transform: placeAbove ? "translateY(-100%)" : "none"
+      transform: placeAbove ? "translateY(-100%)" : "none",
+      maxHeight: `max(${margin * 4}px, ${Math.max(0, available)}px)`
     };
   }, []);
   const popStyle = selection ? popStyleFor(selection.rect) : {};
@@ -5208,6 +5238,15 @@ function CaptureMode() {
         className: `qa-fixed qa-z-10096 qa-w-320 qa-overflow-hidden qa-rounded-xl qa-border qa-border-subtle qa-elev-3 qa-card-anim${cardIn ? " qa-card-in" : ""}`,
         style: {
           ...popStyle,
+          // popStyle's maxHeight caps this to whatever room is actually
+          // available above/below the target; overflowY lets the card
+          // itself scroll internally rather than ever rendering content
+          // (most importantly the Save button) somewhere the page's own
+          // scroll — locked during capture — can't reach. overflowX stays
+          // hidden so the qa-overflow-hidden class's rounded-corner
+          // clipping is preserved on that axis.
+          overflowY: "auto",
+          overflowX: "hidden",
           background: "var(--qa-surface-1)"
         },
         children: [
@@ -5484,5 +5523,5 @@ function Qapture({ config }) {
 }
 
 export { Qapture, deleteQaDatabase, initQaStudio };
-//# sourceMappingURL=chunk-ESRQOU32.js.map
-//# sourceMappingURL=chunk-ESRQOU32.js.map
+//# sourceMappingURL=chunk-2CAMCMJP.js.map
+//# sourceMappingURL=chunk-2CAMCMJP.js.map

package/dist/{chunk-6KAXMN77.cjs → chunk-PIN23NW3.cjs}

@@ -271,6 +271,31 @@ function coerceJourney(raw, warnings) {
   }
   return out;
 }
+function warnMissingArabic(loginField, credentials, journey, warnings) {
+  const hasAr = (v) => typeof v === "object" && v !== null && isNonEmptyString(v.ar);
+  const usesArabic = isNonEmptyString(loginField.ar) || credentials.some((c) => isNonEmptyString(c.roleAr) || hasAr(c.hint)) || journey.some((lane) => hasAr(lane.role) || lane.steps.some((s) => hasAr(s.what) || hasAr(s.expect)));
+  if (!usesArabic) return;
+  const missing = [];
+  for (const lane of journey) {
+    for (const step of lane.steps) {
+      if (!hasAr(step.what)) missing.push(`journey "${lane.id}" \u2192 ${step.path} (what)`);
+      if (step.expect !== void 0 && !hasAr(step.expect)) {
+        missing.push(`journey "${lane.id}" \u2192 ${step.path} (expect)`);
+      }
+    }
+  }
+  for (const c of credentials) {
+    if (!isNonEmptyString(c.roleAr)) missing.push(`credentials role="${c.role}" (roleAr)`);
+    if (c.hint !== void 0 && !hasAr(c.hint)) missing.push(`credentials role="${c.role}" (hint.ar)`);
+  }
+  if (!missing.length) return;
+  const LIMIT = 6;
+  const shown = missing.slice(0, LIMIT).join("; ");
+  const rest = missing.length > LIMIT ? ` (+${missing.length - LIMIT} more)` : "";
+  warnings.push(
+    `Arabic is used elsewhere in this config, but ${missing.length} bilingual field(s) have no "ar" and will show English to an Arabic-language tester: ${shown}${rest}. Every {en, ar} pair needs BOTH filled in \u2014 a plain string or an {en}-only object reads identically to a bilingual field that was simply never translated.`
+  );
+}
 function coercePreamble(raw) {
   if (raw === null || raw === void 0) return null;
   if (typeof raw !== "object" || Array.isArray(raw)) return null;
@@ -355,6 +380,7 @@ function validateConfig(input) {
       warnings.push("visible: expected boolean \u2014 using default (dev-only)");
     }
   }
+  warnMissingArabic(loginField, credentials, journey, warnings);
   return {
     config: {
       namespace,
@@ -4968,16 +4994,20 @@ function CaptureMode() {
   };
   const popStyleFor = React.useCallback((r) => {
     if (typeof window === "undefined") return {};
-    const below = r.top + r.height + 12;
-    const placeAbove = below + 220 > window.innerHeight;
-    const top = placeAbove ? Math.max(12, r.top - 12) : below;
+    const margin = 12;
+    const spaceBelow = window.innerHeight - (r.top + r.height + margin);
+    const spaceAbove = r.top - margin;
+    const placeAbove = spaceBelow < spaceAbove;
+    const top = placeAbove ? Math.max(margin, r.top - margin) : r.top + r.height + margin;
     let left = r.left;
     left = Math.min(left, window.innerWidth - 340);
-    left = Math.max(12, left);
+    left = Math.max(margin, left);
+    const available = (placeAbove ? spaceAbove : spaceBelow) - margin;
     return {
       top,
       left,
-      transform: placeAbove ? "translateY(-100%)" : "none"
+      transform: placeAbove ? "translateY(-100%)" : "none",
+      maxHeight: `max(${margin * 4}px, ${Math.max(0, available)}px)`
     };
   }, []);
   const popStyle = selection ? popStyleFor(selection.rect) : {};
@@ -5215,6 +5245,15 @@ function CaptureMode() {
         className: `qa-fixed qa-z-10096 qa-w-320 qa-overflow-hidden qa-rounded-xl qa-border qa-border-subtle qa-elev-3 qa-card-anim${cardIn ? " qa-card-in" : ""}`,
         style: {
           ...popStyle,
+          // popStyle's maxHeight caps this to whatever room is actually
+          // available above/below the target; overflowY lets the card
+          // itself scroll internally rather than ever rendering content
+          // (most importantly the Save button) somewhere the page's own
+          // scroll — locked during capture — can't reach. overflowX stays
+          // hidden so the qa-overflow-hidden class's rounded-corner
+          // clipping is preserved on that axis.
+          overflowY: "auto",
+          overflowX: "hidden",
           background: "var(--qa-surface-1)"
         },
         children: [
@@ -5493,5 +5532,5 @@ function Qapture({ config }) {
 exports.Qapture = Qapture;
 exports.deleteQaDatabase = deleteQaDatabase;
 exports.initQaStudio = initQaStudio;
-//# sourceMappingURL=chunk-6KAXMN77.cjs.map
-//# sourceMappingURL=chunk-6KAXMN77.cjs.map
+//# sourceMappingURL=chunk-PIN23NW3.cjs.map
+//# sourceMappingURL=chunk-PIN23NW3.cjs.map

package/dist/index.cjs

@@ -1,24 +1,24 @@
 'use strict';
 
-var chunk6KAXMN77_cjs = require('./chunk-6KAXMN77.cjs');
+var chunkPIN23NW3_cjs = require('./chunk-PIN23NW3.cjs');
 
 
 
 Object.defineProperty(exports, "QaStudio", {
   enumerable: true,
-  get: function () { return chunk6KAXMN77_cjs.Qapture; }
+  get: function () { return chunkPIN23NW3_cjs.Qapture; }
 });
 Object.defineProperty(exports, "Qapture", {
   enumerable: true,
-  get: function () { return chunk6KAXMN77_cjs.Qapture; }
+  get: function () { return chunkPIN23NW3_cjs.Qapture; }
 });
 Object.defineProperty(exports, "deleteQaDatabase", {
   enumerable: true,
-  get: function () { return chunk6KAXMN77_cjs.deleteQaDatabase; }
+  get: function () { return chunkPIN23NW3_cjs.deleteQaDatabase; }
 });
 Object.defineProperty(exports, "initQaStudio", {
   enumerable: true,
-  get: function () { return chunk6KAXMN77_cjs.initQaStudio; }
+  get: function () { return chunkPIN23NW3_cjs.initQaStudio; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/index.js

@@ -1,3 +1,3 @@
-export { Qapture as QaStudio, Qapture, deleteQaDatabase, initQaStudio } from './chunk-ESRQOU32.js';
+export { Qapture as QaStudio, Qapture, deleteQaDatabase, initQaStudio } from './chunk-2CAMCMJP.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/next.cjs

@@ -1,21 +1,21 @@
 "use client";
 'use strict';
 
-var chunk6KAXMN77_cjs = require('./chunk-6KAXMN77.cjs');
+var chunkPIN23NW3_cjs = require('./chunk-PIN23NW3.cjs');
 
 
 
 Object.defineProperty(exports, "QaStudio", {
   enumerable: true,
-  get: function () { return chunk6KAXMN77_cjs.Qapture; }
+  get: function () { return chunkPIN23NW3_cjs.Qapture; }
 });
 Object.defineProperty(exports, "Qapture", {
   enumerable: true,
-  get: function () { return chunk6KAXMN77_cjs.Qapture; }
+  get: function () { return chunkPIN23NW3_cjs.Qapture; }
 });
 Object.defineProperty(exports, "initQaStudio", {
   enumerable: true,
-  get: function () { return chunk6KAXMN77_cjs.initQaStudio; }
+  get: function () { return chunkPIN23NW3_cjs.initQaStudio; }
 });
 //# sourceMappingURL=next.cjs.map
 //# sourceMappingURL=next.cjs.map

package/dist/next.js

@@ -1,4 +1,4 @@
 "use client";
-export { Qapture as QaStudio, Qapture, initQaStudio } from './chunk-ESRQOU32.js';
+export { Qapture as QaStudio, Qapture, initQaStudio } from './chunk-2CAMCMJP.js';
 //# sourceMappingURL=next.js.map
 //# sourceMappingURL=next.js.map

package/dist/standalone.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk6KAXMN77_cjs = require('./chunk-6KAXMN77.cjs');
+var chunkPIN23NW3_cjs = require('./chunk-PIN23NW3.cjs');
 
 // src/standalone.ts
 if (typeof window !== "undefined" && typeof customElements !== "undefined" && !customElements.get("qapture-widget")) {
@@ -38,7 +38,7 @@ if (typeof window !== "undefined" && typeof customElements !== "undefined" && !c
 
 Object.defineProperty(exports, "initQaStudio", {
   enumerable: true,
-  get: function () { return chunk6KAXMN77_cjs.initQaStudio; }
+  get: function () { return chunkPIN23NW3_cjs.initQaStudio; }
 });
 //# sourceMappingURL=standalone.cjs.map
 //# sourceMappingURL=standalone.cjs.map

package/dist/standalone.js

@@ -1,4 +1,4 @@
-export { initQaStudio } from './chunk-ESRQOU32.js';
+export { initQaStudio } from './chunk-2CAMCMJP.js';
 
 // src/standalone.ts
 if (typeof window !== "undefined" && typeof customElements !== "undefined" && !customElements.get("qapture-widget")) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "qapture2",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "Drop-in, AI-aware in-browser QA capture widget. A tester annotates the live app (element/region + auto-screenshot + note), tracks a graded testing journey, and exports a ZIP your own coding agent reads. Ships zero AI.",
   "type": "module",
   "license": "MIT",