@agent-native/core 0.128.3 → 0.128.4

package/src/client/chat/markdown-renderer.tsx

@@ -32,6 +32,13 @@ import { NEW_CHAT_ACTION_HREF } from "../error-format.js";
 import { HighlightedCodeBlock as SharedHighlightedCodeBlock } from "../HighlightedCodeBlock.js";
 import { IframeEmbed, parseEmbedBody } from "../IframeEmbed.js";
 import { cn } from "../utils.js";
+import {
+  LEGACY_CHART_SHORTHAND_LANG,
+  LegacyChartShorthandChart,
+  LegacyChartShorthandFallback,
+  parseLegacyChartShorthand,
+  wrapLegacyChartShorthandLines,
+} from "./legacy-chart-shorthand.js";
 
 // ─── Lazy markdown loader ────────────────────────────────────────────────────
 // react-markdown + remark-gfm are deferred so they stay off the critical path
@@ -284,6 +291,19 @@ export const markdownComponents = {
           <IframeEmbed {...(parsed as Parameters<typeof IframeEmbed>[0])} />
         );
       }
+      if (
+        new RegExp(`\\blanguage-${LEGACY_CHART_SHORTHAND_LANG}\\b`).test(
+          className,
+        )
+      ) {
+        const body = extractCodeText(childProps.children).replace(/\n$/, "");
+        const parsed = parseLegacyChartShorthand(body);
+        return parsed ? (
+          <LegacyChartShorthandChart parsed={parsed} />
+        ) : (
+          <LegacyChartShorthandFallback text={body} />
+        );
+      }
       const langMatch = className.match(/\blanguage-([\w+-]+)\b/);
       if (langMatch) {
         const code = extractCodeText(childProps.children).replace(/\n$/, "");
@@ -589,7 +609,7 @@ export const MemoizedMarkdownBlock = React.memo(function MemoizedMarkdownBlock({
       components={markdownComponents}
       urlTransform={markdownUrlTransform}
     >
-      {blockText}
+      {wrapLegacyChartShorthandLines(blockText)}
     </ReactMarkdown>
   );
 });
@@ -642,7 +662,7 @@ export function SmoothMarkdownText({
                 components={markdownComponents}
                 urlTransform={markdownUrlTransform}
               >
-                {split.tail}
+                {wrapLegacyChartShorthandLines(split.tail)}
               </ReactMarkdown>
             ) : null}
           </>
@@ -653,7 +673,7 @@ export function SmoothMarkdownText({
             components={markdownComponents}
             urlTransform={markdownUrlTransform}
           >
-            {visibleText}
+            {wrapLegacyChartShorthandLines(visibleText)}
           </ReactMarkdown>
         )
       ) : (

package/src/extensions/actions.ts

@@ -623,7 +623,7 @@ export function createExtensionActionEntries(): Record<string, ActionEntry> {
     "update-extension": {
       tool: {
         description:
-          'Update an existing sandboxed Alpine.js mini-app extension. Pass exactly three fields: `id`, `operation`, and `payloadJson`. `payloadJson` is a JSON object encoded as a string so model gateways cannot fill its optional members with invalid empty placeholders. For operation="edit", pass {"edits":[...]} or {"patches":[...]} and optional format=true. For operation="replace", pass exactly one of content, contentFromAttachment, or contentFromWorkspaceFile; use this operation only for a user-requested broad visual rewrite or complete replacement body. For operation="metadata", pass name, description, or icon. Change sharing through set-resource-visibility instead. If the user is viewing the extension, use the extensionId from <current-screen> or <current-url> directly.',
+          'Update an existing sandboxed Alpine.js mini-app extension. Pass exactly three fields: `id`, `operation`, and `payloadJson`. `payloadJson` is a JSON object encoded as a string so model gateways cannot fill its optional members with invalid empty placeholders. For operation="edit", pass {"edits":[...]} or {"patches":[...]} and optional format=true — prefer several small, targeted edits over one large one; a single edit/replace body over roughly 8KB risks the model truncating its own payloadJson mid-generation, which arrives here as an empty or malformed call that must be retried from scratch. For operation="replace", pass exactly one of content, contentFromAttachment, or contentFromWorkspaceFile; use this operation only for a user-requested broad visual rewrite or complete replacement body. Do not inline large static datasets (full metric histories, big arrays) into the HTML/JS body — store them with extension-data-set and fetch them at runtime via extensionData.list()/get() instead, so edits stay small regardless of dataset size. For operation="metadata", pass name, description, or icon. Change sharing through set-resource-visibility instead. If the user is viewing the extension, use the extensionId from <current-screen> or <current-url> directly.',
         parameters: {
           type: "object",
           properties: {

package/src/templates/chat/README.md

@@ -30,3 +30,5 @@ pnpm dev
 ```
 
 Full docs: [agent-native.com/docs/template-chat](https://agent-native.com/docs/template-chat).
+
+<!-- vendor-branch mirror end-to-end test — safe to remove -->