@topogram/cli 0.3.56 → 0.3.57

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@topogram/cli",
-  "version": "0.3.56",
+  "version": "0.3.57",
   "description": "Topogram CLI for checking Topogram workspaces and generating app bundles.",
   "license": "Apache-2.0",
   "repository": {

package/src/generator/context/slice.js

@@ -368,7 +368,7 @@ function uiAgentPacketForProjection(graph, projection) {
       screenId: route.screenId,
       path: route.path
     })),
-    widgets: (ownerProjection.widgetBindings || []).map((usage) => widgetUsagePacket(usage)),
+    widgets: (ownerProjection.widgetBindings || []).map((usage) => widgetUsagePacket(usage, ownerProjection)),
     designTokens: designIntentPacket(ownerProjection),
     requiredGates: uiRequiredGates(projection.id)
   };
@@ -387,7 +387,7 @@ function uiAgentPacketForWidget(graph, widget, projectionIds) {
           type: projectionType,
           ownership: projectionType === "ui_contract" ? "owner" : "concrete"
         },
-        usage: widgetUsagePacket(usage),
+        usage: widgetUsagePacket(usage, projection),
         designTokens: designIntentPacket(projection)
       });
       projectionSet.add(projection.id);
@@ -428,10 +428,31 @@ function sharedUiProjectionFor(graph, projection) {
   return null;
 }
 
-function widgetUsagePacket(usage) {
+function widgetUsagePacket(usage, projection = null) {
+  const screen = (projection?.uiScreens || []).find((entry) => entry.id === usage.screenId) || null;
+  const region = (projection?.uiScreenRegions || []).find((entry) =>
+    entry.screenId === usage.screenId && entry.region === usage.region
+  ) || null;
   return {
     screenId: usage.screenId || null,
+    screen: screen
+      ? {
+          id: screen.id,
+          kind: screen.kind || null,
+          title: screen.title || screen.id
+        }
+      : null,
     region: usage.region || null,
+    regionContract: region
+      ? {
+          name: region.region || null,
+          pattern: region.pattern || null,
+          placement: region.placement || null,
+          title: region.title || null,
+          state: region.state || null,
+          variant: region.variant || null
+        }
+      : null,
     widgetId: usage.widget?.id || null,
     dataBindings: (usage.dataBindings || []).map((binding) => ({
       prop: binding.prop || null,

package/src/generator/surfaces/web/react.js

@@ -222,6 +222,7 @@ function buildReactGenerationCoverage(contract, files, routeScreens) {
         const marker = widgetId ? `data-topogram-widget="${widgetId}"` : null;
         const support = reactWidgetUsageSupport(usage, contract.widgets);
         const usageRendered = Boolean(marker && contents.includes(marker));
+        const status = !support.supported ? "unsupported" : usageRendered ? "rendered" : "failed";
         if (widgetId && rendered && !support.supported) {
           diagnostics.push({
             code: "widget_pattern_not_supported",
@@ -238,7 +239,7 @@ function buildReactGenerationCoverage(contract, files, routeScreens) {
         if (widgetId && rendered && !usageRendered) {
           diagnostics.push({
             code: "widget_usage_not_rendered",
-            severity: "warning",
+            severity: "error",
             screen: screen.id,
             route: screen.route,
             region: usage.region || null,
@@ -252,6 +253,7 @@ function buildReactGenerationCoverage(contract, files, routeScreens) {
           region: usage.region || null,
           pattern: support.pattern || null,
           supported: support.supported,
+          status,
           rendered: usageRendered,
           marker
         };

package/src/generator/surfaces/web/sveltekit.js

@@ -194,6 +194,13 @@ function buildSvelteKitGenerationCoverage(contract, files, implementationScreenI
         const marker = widgetId ? `data-topogram-widget="${widgetId}"` : null;
         const support = svelteKitWidgetUsageSupport(usage, contract.widgets);
         const usageRendered = Boolean(marker && contents.includes(marker));
+        const status = !support.supported
+          ? "unsupported"
+          : usageRendered
+            ? "rendered"
+            : renderer === "implementation"
+              ? "implementation_owned"
+              : "failed";
         if (widgetId && rendered && renderer !== "implementation" && !support.supported) {
           diagnostics.push({
             code: "widget_pattern_not_supported",
@@ -210,7 +217,7 @@ function buildSvelteKitGenerationCoverage(contract, files, implementationScreenI
         if (widgetId && rendered && !usageRendered) {
           diagnostics.push({
             code: "widget_usage_not_rendered",
-            severity: "warning",
+            severity: renderer === "implementation" ? "warning" : "error",
             screen: screen.id,
             route: screen.route,
             region: usage.region || null,
@@ -224,6 +231,7 @@ function buildSvelteKitGenerationCoverage(contract, files, implementationScreenI
           region: usage.region || null,
           pattern: support.pattern || null,
           supported: support.supported,
+          status,
           rendered: usageRendered,
           marker
         };