@agent-native/core 0.83.0 → 0.84.0

package/docs/content/locales/zh-CN/template-chat.mdx

@@ -13,7 +13,7 @@ description: "一个最小的聊天优先代理本机应用程序：持久的聊
   <Screen
     surface="desktop"
     html={
-      "<div style='min-height:560px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:56px 40px'><div style='display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;width:min(700px,92%);min-height:430px'><div style='height:34px'></div><div style='text-align:center'><h1 style='margin:0'>我能帮什么？</h1><p class='wf-muted' style='margin:10px 0 0'>聊任何事情。添加 actions、组件、页面、任务或你自己的后端。</p></div><div class='wf-card' style='width:100%;min-height:150px;display:flex;flex-direction:column;gap:18px'><span class='wf-muted'>给代理发消息...</span><div style='flex:1'></div><div style='display:flex;align-items:center;gap:10px'><span data-icon='plus' aria-label='Attach'></span><div style='flex:1'></div><span class='wf-pill'>Sonnet 4.6 · Auto</span><span class='wf-pill'>Act</span><button class='primary'>↑</button></div></div><div style='height:34px'></div></div></div>"
+      "<div style='min-height:560px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:56px 40px'><div style='display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;width:min(700px,92%);min-height:430px'><div style='height:34px'></div><div style='text-align:center'><h1 style='margin:0'>我能帮什么？</h1><p class='wf-muted' style='margin:10px 0 0'>聊任何事情。添加 actions、组件、页面、任务或你自己的后端。</p></div><div class='wf-card' style='width:100%;min-height:150px;display:flex;flex-direction:column;gap:18px'><span class='wf-muted'>给代理发消息...</span><div style='flex:1'></div><div style='display:flex;align-items:center;gap:10px'><span data-icon='plus' aria-label='Attach'></span><div style='flex:1'></div><span class='wf-pill'>Sonnet 5 · 自动</span><span class='wf-pill'>Act</span><button class='primary'>↑</button></div></div><div style='height:34px'></div></div></div>"
     }
   />
 </WireframeBlock>

package/docs/content/locales/zh-TW/cloneable-saas.mdx

@@ -30,9 +30,9 @@ description: "分叉一個可用的 SaaS 產品並使其成為您的產品 - 包
 | [**Plan**](/docs/template-plan)           | 帶有圖表、線框圖和註解的視覺計畫和 PR 概述。                                                    |
 | [**Dispatch**](/docs/template-dispatch)   | 工作區控制平面：共用秘密、可重用整合、Slack/Telegram、計畫作業。                                |
 
-不需要域範本？當您想要一個使用者可以立即交談的基本應用程式時，請使用 [Chat](/docs/template-chat)，或者使用 [Pure-Agent Apps](/docs/pure-agent-apps) 首先開始操作。
+不需要域應用程式？當您想要一個使用者可以立即交談的基本應用程式時，請使用 [Chat](/docs/template-chat)，或者從 [Pure-Agent Apps](/docs/pure-agent-apps) 中的一個操作開始。
 
-檢視 [Templates](/templates) 下的完整目錄，或直接跳到其中一個 - 例如，如果您想要一款工作區風格的應用，[Dispatch](/docs/template-dispatch) 是一個很好的起點。
+檢視 [Apps](/apps) 下的完整目錄，或直接跳到其中一個 - 例如，如果您想要一款工作區風格的應用，[Dispatch](/docs/template-dispatch) 是一個很好的起點。
 
 ## 開箱即用的東西 {#what-you-get}
 

package/docs/content/locales/zh-TW/faq.mdx

@@ -114,7 +114,7 @@ Anthropic Claude、OpenAI（GPT-5 系列）、Google Gemini 以及使用 OpenAI
 
 ### 我可以將現有應用遷移到 Agent-Native 嗎？ {#can-i-use-existing-code}
 
-可以，但是從頭開始建置原生代理效果最好。架構——共用資料庫、輪詢同步、actions、應用程式狀態——需要始終整合。從範本開始並自訂它是推薦的路徑。可以把它想象成從桌面優先到行動優先的轉變：你*可以*改造，但建置原生更好。
+可以，但是從頭開始建置原生代理效果最好。架構——共用資料庫、輪詢同步、actions、應用程式狀態——需要始終整合。從應用程式開始並自訂它是推薦的路徑。可以把它想象成從桌面優先到行動優先的轉變：你*可以*改造，但建置原生更好。
 
 ## 範本以及您可以建置的內容 {#templates}
 

package/docs/content/locales/zh-TW/template-chat.mdx

@@ -13,7 +13,7 @@ description: "一個最小的聊天優先 Agent-Native 應用程式：持久的
   <Screen
     surface="desktop"
     html={
-      "<div style='min-height:560px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:56px 40px'><div style='display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;width:min(700px,92%);min-height:430px'><div style='height:34px'></div><div style='text-align:center'><h1 style='margin:0'>我能幫什麼？</h1><p class='wf-muted' style='margin:10px 0 0'>聊任何事情。新增 actions、元件、頁面、工作或你自己的後端。</p></div><div class='wf-card' style='width:100%;min-height:150px;display:flex;flex-direction:column;gap:18px'><span class='wf-muted'>給代理發訊息...</span><div style='flex:1'></div><div style='display:flex;align-items:center;gap:10px'><span data-icon='plus' aria-label='Attach'></span><div style='flex:1'></div><span class='wf-pill'>Sonnet 4.6 · Auto</span><span class='wf-pill'>Act</span><button class='primary'>↑</button></div></div><div style='height:34px'></div></div></div>"
+      "<div style='min-height:560px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:56px 40px'><div style='display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;width:min(700px,92%);min-height:430px'><div style='height:34px'></div><div style='text-align:center'><h1 style='margin:0'>我能幫什麼？</h1><p class='wf-muted' style='margin:10px 0 0'>聊任何事情。新增 actions、元件、頁面、工作或你自己的後端。</p></div><div class='wf-card' style='width:100%;min-height:150px;display:flex;flex-direction:column;gap:18px'><span class='wf-muted'>給代理發訊息...</span><div style='flex:1'></div><div style='display:flex;align-items:center;gap:10px'><span data-icon='plus' aria-label='Attach'></span><div style='flex:1'></div><span class='wf-pill'>Sonnet 5 · 自動</span><span class='wf-pill'>Act</span><button class='primary'>↑</button></div></div><div style='height:34px'></div></div></div>"
     }
   />
 </WireframeBlock>

package/docs/content/template-chat.mdx

@@ -13,7 +13,7 @@ If you want the smallest action-only runtime with no browser UI, start with [Pur
   <Screen
     surface="desktop"
     html={
-      "<div style='min-height:560px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:56px 40px'><div style='display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;width:min(700px,92%);min-height:430px'><div style='height:34px'></div><div style='text-align:center'><h1 style='margin:0'>How can I help?</h1><p class='wf-muted' style='margin:10px 0 0'>Chat about anything. Add actions, components, pages, jobs, or your own backend.</p></div><div class='wf-card' style='width:100%;min-height:150px;display:flex;flex-direction:column;gap:18px'><span class='wf-muted'>Message the agent...</span><div style='flex:1'></div><div style='display:flex;align-items:center;gap:10px'><span data-icon='plus' aria-label='Attach'></span><div style='flex:1'></div><span class='wf-pill'>Sonnet 4.6 · Auto</span><span class='wf-pill'>Act</span><button class='primary'>↑</button></div></div><div style='height:34px'></div></div></div>"
+      "<div style='min-height:560px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:56px 40px'><div style='display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;width:min(700px,92%);min-height:430px'><div style='height:34px'></div><div style='text-align:center'><h1 style='margin:0'>How can I help?</h1><p class='wf-muted' style='margin:10px 0 0'>Chat about anything. Add actions, components, pages, jobs, or your own backend.</p></div><div class='wf-card' style='width:100%;min-height:150px;display:flex;flex-direction:column;gap:18px'><span class='wf-muted'>Message the agent...</span><div style='flex:1'></div><div style='display:flex;align-items:center;gap:10px'><span data-icon='plus' aria-label='Attach'></span><div style='flex:1'></div><span class='wf-pill'>Sonnet 5 · Auto</span><span class='wf-pill'>Act</span><button class='primary'>↑</button></div></div><div style='height:34px'></div></div></div>"
     }
   />
 </WireframeBlock>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agent-native/core",
-  "version": "0.83.0",
+  "version": "0.84.0",
   "description": "Framework for agent-native application development — where AI agents and UI share SQL state, actions, and context",
   "homepage": "https://github.com/BuilderIO/agent-native#readme",
   "bugs": {

package/corpus/templates/design/app/components/design/LocalSourceEditBanner.tsx

@@ -1,157 +0,0 @@
-import { useT } from "@agent-native/core/client";
-import {
-  IconInfoCircle,
-  IconMessageBolt,
-  IconClipboard,
-  IconX,
-} from "@tabler/icons-react";
-import { useState } from "react";
-
-import { Alert, AlertDescription } from "@/components/ui/alert";
-import { Button } from "@/components/ui/button";
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-} from "@/components/ui/dialog";
-import { Textarea } from "@/components/ui/textarea";
-import { useAgentEditRequest } from "@/hooks/useAgentEditRequest";
-
-export interface LocalSourceEditBannerProps {
-  /** The design id for agent context. */
-  designId: string;
-  /** The active file id for agent context, if known. */
-  fileId?: string;
-  /** Path to the localhost source file that should receive edits, if known. */
-  routeSourceFile?: string;
-  /** Called when the user dismisses the banner. */
-  onDismiss?: () => void;
-}
-
-/**
- * Dismissible informational banner shown for screens connected to a local
- * source (localhost / React dev server). Explains that edits are routed
- * through the AI agent rather than applied directly, and provides quick
- * "Ask AI to edit" and "Copy prompt" affordances.
- */
-export function LocalSourceEditBanner({
-  designId,
-  fileId,
-  routeSourceFile,
-  onDismiss,
-}: LocalSourceEditBannerProps) {
-  const t = useT();
-  const { sendEdit, copyPrompt } = useAgentEditRequest();
-  const [promptOpen, setPromptOpen] = useState(false);
-  const [request, setRequest] = useState("");
-
-  const baseArgs = { designId, fileId, routeSourceFile };
-  const submitArgs = { ...baseArgs, message: request };
-  const trimmed = request.trim();
-
-  return (
-    <>
-      <Alert className="relative flex items-start gap-2 rounded-none border-x-0 border-t-0 py-2 px-3 text-xs">
-        <IconInfoCircle className="mt-0.5 size-3.5 shrink-0 text-muted-foreground" />
-        <AlertDescription className="flex flex-1 flex-col gap-1.5 text-xs leading-snug">
-          <span>{t("designEditor.localSourceEdit.bannerNotice")}</span>
-          <div className="flex flex-wrap gap-1.5">
-            <Button
-              size="sm"
-              variant="outline"
-              className="h-6 gap-1 px-2 text-[11px]"
-              onClick={() => setPromptOpen(true)}
-            >
-              <IconMessageBolt className="size-3 shrink-0" />
-              {t("designEditor.localSourceEdit.askAiToEdit")}
-            </Button>
-            <Button
-              size="sm"
-              variant="ghost"
-              className="h-6 gap-1 px-2 text-[11px] text-muted-foreground"
-              onClick={() => {
-                void copyPrompt({
-                  ...baseArgs,
-                  message: routeSourceFile
-                    ? `Edit the connected source file "${routeSourceFile}" as requested.`
-                    : "Edit the connected source code as requested.",
-                });
-              }}
-            >
-              <IconClipboard className="size-3 shrink-0" />
-              {t("designEditor.localSourceEdit.copyPrompt")}
-            </Button>
-          </div>
-        </AlertDescription>
-        {onDismiss && (
-          <button
-            type="button"
-            aria-label={t("designEditor.dismiss")}
-            onClick={onDismiss}
-            className="absolute end-2 top-2 rounded p-0.5 text-muted-foreground hover:bg-accent hover:text-foreground transition-colors"
-          >
-            <IconX className="size-3.5" />
-          </button>
-        )}
-      </Alert>
-
-      <Dialog open={promptOpen} onOpenChange={setPromptOpen}>
-        <DialogContent className="max-w-md">
-          <DialogHeader>
-            <DialogTitle>
-              {t("designEditor.localSourceEdit.dialogTitle")}
-            </DialogTitle>
-            <DialogDescription>
-              {routeSourceFile
-                ? t("designEditor.localSourceEdit.dialogDescriptionFile", {
-                    file: routeSourceFile,
-                  })
-                : t("designEditor.localSourceEdit.dialogDescription")}
-            </DialogDescription>
-          </DialogHeader>
-          <Textarea
-            autoFocus
-            value={request}
-            onChange={(e) => setRequest(e.target.value)}
-            placeholder={t("designEditor.localSourceEdit.requestPlaceholder")}
-            className="min-h-[96px] resize-none"
-            onKeyDown={(e) => {
-              if (e.key === "Enter" && (e.metaKey || e.ctrlKey) && trimmed) {
-                e.preventDefault();
-                void sendEdit(submitArgs);
-                setRequest("");
-                setPromptOpen(false);
-              }
-            }}
-          />
-          <DialogFooter className="gap-2">
-            <Button
-              variant="ghost"
-              onClick={() => {
-                void copyPrompt(submitArgs);
-              }}
-              disabled={!trimmed}
-            >
-              <IconClipboard className="size-4" />
-              {t("designEditor.localSourceEdit.copyPrompt")}
-            </Button>
-            <Button
-              onClick={() => {
-                void sendEdit(submitArgs);
-                setRequest("");
-                setPromptOpen(false);
-              }}
-              disabled={!trimmed}
-            >
-              <IconMessageBolt className="size-4" />
-              {t("designEditor.localSourceEdit.askAiToEdit")}
-            </Button>
-          </DialogFooter>
-        </DialogContent>
-      </Dialog>
-    </>
-  );
-}