@ggui-ai/ui-visual-tester 0.21.0 → 0.23.0

package/fixture/fixture-runtime.js

@@ -20061,11 +20061,20 @@
 
   // ../design/dist/interact/trait.js
   var import_react = __toESM(require_react(), 1);
+  function frameAttributes(frame) {
+    if (frame === void 0)
+      return {};
+    return {
+      ...frame.surface !== void 0 ? { "data-ggui-surface": frame.surface } : {},
+      ...frame.bleed === true ? { "data-ggui-bleed": "" } : {}
+    };
+  }
   function renderWithTrait(trait, traitProps, root, children) {
+    const marks = frameAttributes(root.frame);
     if (trait === void 0) {
-      return (0, import_react.createElement)("div", { className: root.className, style: root.style }, children);
+      return (0, import_react.createElement)("div", { className: root.className, style: root.style, ...marks }, children);
     }
-    return (0, import_react.createElement)(trait, { ...traitProps, className: root.className, style: root.style }, children);
+    return (0, import_react.createElement)(trait, { ...traitProps, className: root.className, style: root.style, ...marks }, children);
   }
 
   // ../design/dist/primitives/color-slots.js
@@ -20195,9 +20204,14 @@
       surface,
       style,
       className,
+      bleed,
       as: Trait,
       ...traitProps
     } = props;
+    const frame = {
+      ...surface !== "transparent" ? { surface: surface ?? "default" } : {},
+      ...bleed === true ? { bleed: true } : {}
+    };
     const resolvedPadding = resolveSpacing(padding);
     const resolvedSurface = resolveSurfaceCss(surface ?? "default");
     const resolvedOnColor = resolveSurfaceOnColorCss(surface ?? "default");
@@ -20215,10 +20229,11 @@
     if (scope !== void 0) {
       return renderWithTrait(Trait, traitProps, {
         className: className ? `${className} ${scope.className}` : scope.className,
-        style: composedStyle
+        style: composedStyle,
+        frame
       }, (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [(0, import_jsx_runtime2.jsx)("style", { children: scope.css }), children] }));
     }
-    return renderWithTrait(Trait, traitProps, { className, style: composedStyle }, children);
+    return renderWithTrait(Trait, traitProps, { className, style: composedStyle, frame }, children);
   }
 
   // ../design/dist/primitives/Stack.js
@@ -20315,7 +20330,9 @@
   // ../design/dist/primitives/Box.js
   var import_jsx_runtime4 = __toESM(require_jsx_runtime(), 1);
   function Box(props) {
-    const { children, padding, paddingX, paddingY, margin, surface, assetColor, assetSemantic, radius: radius2, style, className, as: Trait, ...traitProps } = props;
+    const { children, padding, paddingX, paddingY, margin, surface, assetColor, assetSemantic, radius: radius2, style, className, bleed, as: Trait, ...traitProps } = props;
+    const markedSurface = surface !== void 0 && surface !== "transparent" ? surface : void 0;
+    const frame = markedSurface === void 0 && bleed !== true ? void 0 : { ...markedSurface !== void 0 ? { surface: markedSurface } : {}, ...bleed === true ? { bleed: true } : {} };
     let computedPadding;
     if (paddingX !== void 0 || paddingY !== void 0) {
       const px = resolveSpacing(paddingX) || "0";
@@ -20340,10 +20357,11 @@
     if (scope !== void 0) {
       return renderWithTrait(Trait, traitProps, {
         className: className ? `${className} ${scope.className}` : scope.className,
-        style: composedStyle
+        style: composedStyle,
+        ...frame !== void 0 ? { frame } : {}
       }, (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [(0, import_jsx_runtime4.jsx)("style", { children: scope.css }), children] }));
     }
-    return renderWithTrait(Trait, traitProps, { className, style: composedStyle }, children);
+    return renderWithTrait(Trait, traitProps, { className, style: composedStyle, ...frame !== void 0 ? { frame } : {} }, children);
   }
 
   // ../design/dist/primitives/Divider.js
@@ -29396,8 +29414,11 @@
       ...opts.onDispatchSuppressed !== void 0 ? { onDispatchSuppressed: opts.onDispatchSuppressed } : {},
       dispatch: (actionName, data) => {
         const actionSpec = opts.getActiveActionSpec();
+        if (actionSpec === void 0)
+          opts.onActionSpecAbsent?.(actionName);
         const isOneShot = actionSpec?.[actionName]?.oneShot === true;
-        if (isOneShot && spentOneShots.has(actionName)) {
+        const spent = spentOneShots.has(actionName) || opts.getSpentOneShots?.()?.includes(actionName) === true;
+        if (isOneShot && spent) {
           console.warn(`[ggui] dispatch('${actionName}') suppressed: this action is declared oneShot and already fired for this render. A second gesture is NOT sent to the agent \u2014 the submitted control is spent for the render's lifetime. If the action is meant to repeat, remove \`oneShot\` from its contract entry.`);
           opts.onDispatchSuppressed?.({
             reason: "one-shot-spent",
@@ -32421,6 +32442,10 @@
   var import_react38 = __toESM(require_react(), 1);
   var ThemeContext = (0, import_react38.createContext)(null);
 
+  // ../design/dist/rendering/css-tokens.js
+  var EXPANDED_FRAME = { outerRadiusVar: "--ggui-shape-radius-xl", insetPx: 16 };
+  var EXPANDED_FRAME_INNER_RADIUS = `max(0px, calc(var(${EXPANDED_FRAME.outerRadiusVar}) - ${EXPANDED_FRAME.insetPx}px))`;
+
   // ../design/dist/rendering/rewrite-imports.js
   var WIRE_EXPORTS = [
     // Hooks

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ggui-ai/ui-visual-tester",
-  "version": "0.21.0",
+  "version": "0.23.0",
   "description": "Behavioral validator for ggui-generated component code. Renders a component in real Chromium via Playwright, clicks each action declared in its contract, and verifies the action actually does something — mutating bound state or dispatching to the agent. Catches buttons wired to no-op handlers that structural validators miss. Playwright is an optional peer dependency, injected by the caller.",
   "keywords": [
     "ggui",
@@ -53,9 +53,9 @@
   "dependencies": {
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "@ggui-ai/protocol": "0.21.0",
-    "@ggui-ai/design": "0.21.0",
-    "@ggui-ai/wire": "0.21.0"
+    "@ggui-ai/design": "0.23.0",
+    "@ggui-ai/wire": "0.23.0",
+    "@ggui-ai/protocol": "0.23.0"
   },
   "devDependencies": {
     "@playwright/test": "^1.60.0",