@ggui-ai/ui-gen 0.16.0 → 0.17.0

package/dist/harness/prompts.d.ts

@@ -1,3 +1,3 @@
-export { R as RenderingContext, b as buildContractsContext, a as buildRenderingContext, i as injectContracts, e as injectRenderingContext } from '../prompts-k6m6reqe.js';
+export { R as RenderingContext, b as buildContractsContext, a as buildRenderingContext, i as injectContracts, e as injectRenderingContext } from '../prompts-YU9piOgs.js';
 import '@ggui-ai/protocol';
-import '../design-mode-BHEE7flj.js';
+import '../design-mode-DLufhrNp.js';

package/dist/harness/prompts.js

@@ -4,7 +4,7 @@ import '@ggui-ai/design/rendering';
 import 'eslint';
 import { consumedTokenManifest } from '@ggui-ai/design/themes';
 
-// src/contract-context.ts
+// src/boilerplate/styling-profile.ts
 
 // src/boilerplate/json-schema-ts.ts
 function jsonSchemaTypeToTs(schema) {
@@ -124,9 +124,9 @@ var SHELL_HINTS = {
 - Layout: single column, compact. No sidebar. Stack everything vertically.
 - Width: width: 100% (fills parent bubble). Do NOT set max-width.`,
   fullscreen: `**Fullscreen Shell \u2014 Takes over entire viewport**
-- Container: width: 100vw, height: 100vh (100dvh on mobile for safe areas)
+- Container: the whole viewport, edge to edge \u2014 the frame stretches your root to its full height (you never set a viewport height yourself)
 - Chrome: NONE \u2014 your component IS the entire UI. You own all visual chrome.
-- Sizing: fill the viewport. Use min-height: 100vh or height: 100%. Edge-to-edge.
+- Sizing: size to content; to fill a parent that has a height use height: 100% or flex: 1. NEVER min-height: 100vh / 100dvh \u2014 the frame already stretches the root, and a viewport height only fights it (tier-0 fail).
 - Padding: component owns ALL padding. Use var(--ggui-spacing-6) or larger for breathing room.
 - Scrolling: component manages its own scroll if content exceeds viewport (overflow-y: auto)
 - Layout: can use multi-column, sidebars, headers/footers. Full creative control.