From e929258df69eb968f0e0ba9937bdbb298b091c86 Mon Sep 17 00:00:00 2001
From: jocky <jocky@teable.ai>
Date: Tue, 4 Aug 2026 15:36:56 +0800
Subject: [PATCH] changelog: add App Builder visual editing

---
 en/changelog.mdx | 31 ++++++++++++++++++++++++++++++-
 zh/changelog.mdx | 31 ++++++++++++++++++++++++++++++-
 2 files changed, 60 insertions(+), 2 deletions(-)

diff --git a/en/changelog.mdx b/en/changelog.mdx
index fe1d494..2c8abe2 100644
--- a/en/changelog.mdx
+++ b/en/changelog.mdx
@@ -3,6 +3,35 @@ title: "Changelog 2026"
 rss: true
 ---
 
+<Update label="Aug 4, 2026">
+
+# App Builder Now Supports Visual Editing
+
+> App Builder now lets you refine your app directly in the preview, making small changes faster and helping reduce Credits used during optimization.
+
+## 1. Edit Page Text Directly
+
+Edit supported text directly in the app preview, then save the changes to your app without going back to the source code.
+
+<script type="application/ld+json" dangerouslySetInnerHTML={{ __html: JSON.stringify({
+  "@context": "https://schema.org",
+  "@type": "VideoObject",
+  "name": "Edit Page Text Directly",
+  "description": "Edit supported text directly in the App Builder preview and save the changes without returning to the source code.",
+  "thumbnailUrl": ["https://teable.ai/assets/images/og-image.png"],
+  "uploadDate": "2026-08-04T00:00:00+08:00",
+  "contentUrl": "https://dxshyegpql0u3hra.public.blob.vercel-storage.com/009477ba1168ef6cdebc60d4a12c6695.mp4"
+}) }} />
+<video autoplay loop muted playsinline controls preload="auto" className="w-full aspect-video" src="https://dxshyegpql0u3hra.public.blob.vercel-storage.com/009477ba1168ef6cdebc60d4a12c6695.mp4" />
+
+## 2. Select an Element and Tell AI What to Change
+
+Select an element directly in the app preview, then describe what you want to change. AI can use the selected element as context, so you can make more precise updates without explaining where it is in the app.
+
+<video autoplay loop muted playsinline controls preload="metadata" className="w-full aspect-video" src="https://dxshyegpql0u3hra.public.blob.vercel-storage.com/591032c937ad476867d07adab4b15792.mp4" />
+
+</Update>
+
 <Update label="Jul 31, 2026">
 
 # GPT Price Cuts, Automatically Passed on to Teable Users 🚀
@@ -108,7 +137,7 @@ Connect Claude Code, Codex, Cursor, and other AI agents directly to your Teable
   "uploadDate": "2026-07-28T00:00:00+08:00",
   "contentUrl": "https://dxshyegpql0u3hra.public.blob.vercel-storage.com/737c56b36e9800b18fbcc9ee6d9976b0.mp4"
 }) }} />
-<video autoplay loop muted playsinline controls preload="auto" className="w-full aspect-video" src="https://dxshyegpql0u3hra.public.blob.vercel-storage.com/737c56b36e9800b18fbcc9ee6d9976b0.mp4" />
+<video autoplay loop muted playsinline controls preload="metadata" className="w-full aspect-video" src="https://dxshyegpql0u3hra.public.blob.vercel-storage.com/737c56b36e9800b18fbcc9ee6d9976b0.mp4" />
 
 Just tell it what you need. For example:
 
diff --git a/zh/changelog.mdx b/zh/changelog.mdx
index ef68ba7..2e7fd8f 100644
--- a/zh/changelog.mdx
+++ b/zh/changelog.mdx
@@ -3,6 +3,35 @@ title: "更新日志 2026"
 rss: true
 ---
 
+<Update label="2026-08-04">
+
+# App Builder 支持可视化编辑
+
+> App Builder 现在可以直接在预览页面中优化应用，让小幅修改更快完成，也能减少优化过程中 Credits 的使用。
+
+## 1. 直接编辑页面文字
+
+直接在应用预览中编辑支持修改的页面文字，然后保存到应用中，不需要返回源代码进行修改。
+
+<script type="application/ld+json" dangerouslySetInnerHTML={{ __html: JSON.stringify({
+  "@context": "https://schema.org",
+  "@type": "VideoObject",
+  "name": "直接编辑页面文字",
+  "description": "直接在 App Builder 应用预览中编辑支持修改的页面文字并保存，无需返回源代码。",
+  "thumbnailUrl": ["https://teable.ai/assets/images/og-image.png"],
+  "uploadDate": "2026-08-04T00:00:00+08:00",
+  "contentUrl": "https://dxshyegpql0u3hra.public.blob.vercel-storage.com/009477ba1168ef6cdebc60d4a12c6695.mp4"
+}) }} />
+<video autoplay loop muted playsinline controls preload="auto" className="w-full aspect-video" src="https://dxshyegpql0u3hra.public.blob.vercel-storage.com/009477ba1168ef6cdebc60d4a12c6695.mp4" />
+
+## 2. 选中元素，精准告诉 AI 怎么改
+
+直接在应用预览中选中元素，再描述你想要的修改。AI 会自动获取选中元素作为上下文，让你无需额外说明元素所在位置，就能更精准地修改应用。
+
+<video autoplay loop muted playsinline controls preload="metadata" className="w-full aspect-video" src="https://dxshyegpql0u3hra.public.blob.vercel-storage.com/591032c937ad476867d07adab4b15792.mp4" />
+
+</Update>
+
 <Update label="2026-07-31">
 
 # GPT 价格下调，Teable 用户自动享受更低成本 🚀
@@ -108,7 +137,7 @@ OpenAI 将 GPT-5.6 Luna 的价格下调了 **80%**，Terra 的价格下调了 **
   "uploadDate": "2026-07-28T00:00:00+08:00",
   "contentUrl": "https://dxshyegpql0u3hra.public.blob.vercel-storage.com/737c56b36e9800b18fbcc9ee6d9976b0.mp4"
 }) }} />
-<video autoplay loop muted playsinline controls preload="auto" className="w-full aspect-video" src="https://dxshyegpql0u3hra.public.blob.vercel-storage.com/737c56b36e9800b18fbcc9ee6d9976b0.mp4" />
+<video autoplay loop muted playsinline controls preload="metadata" className="w-full aspect-video" src="https://dxshyegpql0u3hra.public.blob.vercel-storage.com/737c56b36e9800b18fbcc9ee6d9976b0.mp4" />
 
 只需告诉 AI Agent 你需要什么。