@ggui-ai/ui-gen 0.19.0 → 0.20.0

package/dist/index.js

@@ -21,6 +21,7 @@ import { pipeline } from 'stream/promises';
 import { createBrotliDecompress, createUnzip } from 'zlib';
 import { parseGeneratorSlug, formatGeneratorSlug, isValidGeneratorSlug } from '@ggui-ai/mcp-server-core';
 import { LUCIDE_ICON_NAMES, maxWidth } from '@ggui-ai/design';
+import { primeInputs } from '@ggui-ai/ui-visual-tester/prime-inputs';
 import git from 'isomorphic-git';
 import { Volume, createFsFromVolume } from 'memfs';
 import { createPatch, applyPatch } from 'diff';
@@ -681,6 +682,27 @@ var init_sdk = __esm({
   }
 });
 
+// src/adapters/openai/tokens.ts
+function splitOpenAiUsage(inputTokensInclCached, outputTokens, cachedTokens) {
+  const cacheRead = Math.min(
+    Math.max(cachedTokens, 0),
+    Math.max(inputTokensInclCached, 0)
+  );
+  const nonCachedInput = Math.max(inputTokensInclCached, 0) - cacheRead;
+  return {
+    tokens: {
+      input: nonCachedInput,
+      output: outputTokens,
+      total: nonCachedInput + cacheRead + outputTokens
+    },
+    cacheReadTokens: cacheRead
+  };
+}
+var init_tokens = __esm({
+  "src/adapters/openai/tokens.ts"() {
+  }
+});
+
 // src/adapters/openai/raw.ts
 var raw_exports2 = {};
 __export(raw_exports2, {
@@ -703,6 +725,7 @@ var init_raw2 = __esm({
   "src/adapters/openai/raw.ts"() {
     init_base();
     init_tool_bridge();
+    init_tokens();
     init_extract_code();
     OpenAiRawAdapter = class extends GeneratorAdapter {
       provider = "openai";
@@ -727,6 +750,7 @@ var init_raw2 = __esm({
         const capture = createCapture();
         let totalInputTokens = 0;
         let totalOutputTokens = 0;
+        let totalCachedInputTokens = 0;
         let turnsUsed = 0;
         let allTextOutput = "";
         let response = await this.client.responses.create({
@@ -742,6 +766,7 @@ var init_raw2 = __esm({
           if (response.usage) {
             totalInputTokens += response.usage.input_tokens ?? 0;
             totalOutputTokens += response.usage.output_tokens ?? 0;
+            totalCachedInputTokens += response.usage.input_tokens_details?.cached_tokens ?? 0;
           }
           const output = response.output ?? [];
           const functionCalls = output.filter(
@@ -807,11 +832,11 @@ var init_raw2 = __esm({
           sourceCode: capture.sourceCode,
           stream: capture.stream,
           generatorMeta: capture.generatorMeta,
-          tokens: {
-            input: totalInputTokens,
-            output: totalOutputTokens,
-            total: totalInputTokens + totalOutputTokens
-          },
+          ...splitOpenAiUsage(
+            totalInputTokens,
+            totalOutputTokens,
+            totalCachedInputTokens
+          ),
           generationTimeMs: Date.now() - startTime,
           turnsUsed
         };
@@ -832,6 +857,7 @@ var OpenAiSdkAdapter;
 var init_sdk2 = __esm({
   "src/adapters/openai/sdk.ts"() {
     init_base();
+    init_tokens();
     init_extract_code();
     OpenAiSdkAdapter = class extends GeneratorAdapter {
       provider = "openai";
@@ -883,16 +909,16 @@ var init_sdk2 = __esm({
         const usage = result.state.usage;
         const inputTokens = usage.inputTokens;
         const outputTokens = usage.outputTokens;
+        const cachedInputTokens = (usage.inputTokensDetails ?? []).reduce(
+          (sum, details) => sum + (details.cached_tokens ?? 0),
+          0
+        );
         return {
           compiledCode: capture.compiledCode,
           sourceCode: capture.sourceCode,
           stream: capture.stream,
           generatorMeta: capture.generatorMeta,
-          tokens: {
-            input: inputTokens,
-            output: outputTokens,
-            total: inputTokens + outputTokens
-          },
+          ...splitOpenAiUsage(inputTokens, outputTokens, cachedInputTokens),
           generationTimeMs: Date.now() - startTime,
           turnsUsed: result.rawResponses?.length ?? 0
         };
@@ -13373,6 +13399,46 @@ function runRootWidthCap(input) {
     )
   ];
 }
+var LABEL_SPECIAL_CHAR = /[^a-z0-9\s]/i;
+var normText = (s) => s.toLowerCase().replace(/\s+/g, " ").trim();
+var alnumText = (s) => s.toLowerCase().replace(/[^a-z0-9]/g, "");
+function visibleText(sourceCode) {
+  const jsx = (sourceCode.match(/>([^<>]*)</g) ?? []).map((m2) => m2.slice(1, -1).replace(/\{[^}]*\}/g, " ")).join(" ");
+  let attrs = "";
+  const attrRx = /\b(?:aria-label|placeholder|title|alt)\s*=\s*(?:"([^"]*)"|'([^']*)')/gi;
+  let m;
+  while ((m = attrRx.exec(sourceCode)) !== null) attrs += " " + (m[1] ?? m[2] ?? "");
+  return jsx + " " + attrs;
+}
+function findDroppedActionLabels(sourceCode, contract) {
+  const actionSpec = contract?.actionSpec;
+  if (actionSpec === void 0) return [];
+  if (/\.label\b/.test(sourceCode)) return [];
+  const vis = visibleText(sourceCode);
+  const normVis = normText(vis);
+  const alnumVis = alnumText(vis);
+  const out = [];
+  for (const [name, entry] of Object.entries(actionSpec)) {
+    const label = entry.label;
+    if (typeof label !== "string" || label.length === 0 || label === name) continue;
+    if (!LABEL_SPECIAL_CHAR.test(label)) continue;
+    if (alnumText(label).length < 3) continue;
+    if (normVis.includes(normText(label))) continue;
+    if (alnumVis.includes(alnumText(label))) out.push({ name, label });
+  }
+  return out;
+}
+function runActionLabelDropped(input) {
+  if (input.compiledCode === null) return [];
+  return findDroppedActionLabels(input.sourceCode, input.contract).map(
+    ({ name, label }) => mkIssue(
+      "universal.action_label_dropped",
+      `The action "${name}" declares label "${label}", but the rendered control appears to drop its "${label.replace(/[a-z0-9\s]/gi, "").trim()}": the label's words are in the generated source, the full label is not \u2014 a transcription drop (ggui#1190).`,
+      `Render the label EXACTLY as the contract states it \u2014 button text should be the verbatim \`actionSpec.${name}.label\`, or render it from data (\`{x.label}\`), never a re-typed copy that drops "&", "/", "+", etc.`,
+      "warn"
+    )
+  );
+}
 var UNIVERSAL_CHECKS = [
   {
     id: "universal.icon_name_known",
@@ -13398,6 +13464,12 @@ var UNIVERSAL_CHECKS = [
     values: ALL_RENDER_VALUES,
     run: runRootWidthCap
   },
+  {
+    id: "universal.action_label_dropped",
+    axis: "render",
+    values: ALL_RENDER_VALUES,
+    run: runActionLabelDropped
+  },
   {
     id: "universal.terminal_action_unguarded",
     axis: "render",
@@ -17627,8 +17699,6 @@ function editableSurface(el) {
 function parentLink(node) {
   return node;
 }
-
-// src/harness/check/runtime-render/render-check.ts
 async function runRenderCheck(input) {
   const g = hostGlobals();
   if ("window" in g && "document" in g) {
@@ -17807,6 +17877,10 @@ async function runRenderCheckInProcess(input) {
     let actionsChecked = 0;
     let streamsChecked = 0;
     try {
+      try {
+        primeInputs(renderResult.container);
+      } catch {
+      }
       if (input.contract?.actionSpec) {
         const actionSpec = input.contract.actionSpec;
         for (const [name, entry] of Object.entries(actionSpec)) {