@ggui-ai/dev-stack 0.22.0 → 0.23.0

package/dist/hub-preview/client.js

@@ -20810,7 +20810,8 @@ function buildWireConfig(opts) {
       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",
@@ -21107,11 +21108,20 @@ function Container({ children, maxWidth: maxWidth2 = "lg", center = true, paddin
     ...style
   }, children });
 }
+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_react9.createElement)("div", { className: root.className, style: root.style }, children);
+    return (0, import_react9.createElement)("div", { className: root.className, style: root.style, ...marks }, children);
   }
-  return (0, import_react9.createElement)(trait, { ...traitProps, className: root.className, style: root.style }, children);
+  return (0, import_react9.createElement)(trait, { ...traitProps, className: root.className, style: root.style, ...marks }, children);
 }
 function resolveToneCss(tone) {
   switch (tone) {
@@ -21235,9 +21245,14 @@ function Card(props) {
     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");
@@ -21255,10 +21270,11 @@ function Card(props) {
   if (scope !== void 0) {
     return renderWithTrait(Trait, traitProps, {
       className: className ? `${className} ${scope.className}` : scope.className,
-      style: composedStyle
+      style: composedStyle,
+      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 }, children);
 }
 var justifyMap = {
   start: "flex-start",
@@ -21344,7 +21360,9 @@ function Grid(props) {
   return renderWithTrait(Trait, traitProps, { className, style: composedStyle }, children);
 }
 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";
@@ -21369,10 +21387,11 @@ function Box(props) {
   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_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [(0, import_jsx_runtime6.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);
 }
 function Divider({ orientation = "horizontal", margin = "var(--ggui-spacing-md, 16px)", tone, style, className }) {
   const resolvedMargin = typeof margin === "number" ? `${margin}px` : margin;
@@ -32891,6 +32910,8 @@ function framelessSuppressionRule(scopeClass) {
   return `
 .${scopeClass} > :where(:not(style)) { border: none !important; }`;
 }
+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))`;
 function structuralScaffolding(scopeClass) {
   return `.${scopeClass} *, .${scopeClass} *::before, .${scopeClass} *::after { box-sizing: border-box; }
 .${scopeClass} h1, .${scopeClass} h2, .${scopeClass} h3, .${scopeClass} h4, .${scopeClass} h5, .${scopeClass} h6, .${scopeClass} button, .${scopeClass} input, .${scopeClass} textarea, .${scopeClass} select { font-family: inherit; }`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ggui-ai/dev-stack",
-  "version": "0.22.0",
+  "version": "0.23.0",
   "description": "Shared local dev engine for the ggui protocol: local UI registry discovery, compile-on-demand, filesystem watcher with SSE, and a read-only HTTP surface for dev tooling. Framework-neutral — agent runtime supervision plugs in via an adapter seam, so no agent SDK is hardcoded.",
   "keywords": [
     "ggui",
@@ -28,9 +28,9 @@
   "dependencies": {
     "chokidar": "^4.0.3",
     "esbuild": "^0.28.2",
-    "@ggui-ai/agent-runtime": "0.22.0",
-    "@ggui-ai/project-config": "0.22.0",
-    "@ggui-ai/ui-registry": "0.22.0"
+    "@ggui-ai/agent-runtime": "0.23.0",
+    "@ggui-ai/project-config": "0.23.0",
+    "@ggui-ai/ui-registry": "0.23.0"
   },
   "devDependencies": {
     "@types/node": "^24.0.0",
@@ -40,9 +40,9 @@
     "react-dom": "^19.0.0",
     "typescript": "^5.0.0",
     "vitest": "^3.2.6",
-    "@ggui-ai/design": "0.22.0",
-    "@ggui-ai/mcp-apps-react": "0.22.0",
-    "@ggui-ai/wire": "0.22.0"
+    "@ggui-ai/design": "0.23.0",
+    "@ggui-ai/mcp-apps-react": "0.23.0",
+    "@ggui-ai/wire": "0.23.0"
   },
   "repository": {
     "type": "git",