@agent-native/core 0.85.6 → 0.86.0

package/corpus/templates/slides/app/i18n/zh-CN.ts

@@ -326,6 +326,52 @@ const messages = {
     clickToAddComment: "点击添加评论",
     selectSlideToAdd: "选择幻灯片以添加评论",
   },
+  styleInspector: {
+    title: "Style",
+    close: "关闭样式检查器",
+    deckStyle: "演示样式",
+    designSystemTweaks: "设计系统微调",
+    closeTweaks: "关闭微调",
+    controls: "Controls",
+    noDeckStyleControls: "暂无演示样式控件。",
+    type: "Type",
+    color: "Color",
+    size: "Size",
+    line: "Line",
+    regular: "Reg",
+    medium: "Med",
+    semi: "Semi",
+    bold: "Bold",
+    left: "Left",
+    center: "Center",
+    right: "Right",
+    justify: "Justify",
+    fill: "Fill",
+    tint: "Tint",
+    transparent: "Transparent",
+    alpha: "Alpha",
+    stroke: "Stroke",
+    radius: "Rad",
+    strokeColor: "描边颜色",
+    spacing: "Spacing",
+    x: "X",
+    y: "Y",
+    primary: "Primary",
+    secondary: "Secondary",
+    accent: "Accent",
+    surface: "Surface",
+    background: "Background",
+    text: "Text",
+    muted: "Muted",
+    white: "White",
+    black: "Black",
+    slate: "Slate",
+    blue: "Blue",
+    cyan: "Cyan",
+    emerald: "Emerald",
+    amber: "Amber",
+    rose: "Rose",
+  },
   animations: {
     appear: "出现",
     fade: "淡入",

package/corpus/templates/slides/app/i18n/zh-TW.ts

@@ -321,6 +321,52 @@ const messages = {
     clickToAddComment: "點選新增評論",
     selectSlideToAdd: "選取幻燈片以新增評論",
   },
+  styleInspector: {
+    title: "Style",
+    close: "關閉樣式檢查器",
+    deckStyle: "簡報樣式",
+    designSystemTweaks: "設計系統微調",
+    closeTweaks: "關閉微調",
+    controls: "Controls",
+    noDeckStyleControls: "尚無簡報樣式控制項。",
+    type: "Type",
+    color: "Color",
+    size: "Size",
+    line: "Line",
+    regular: "Reg",
+    medium: "Med",
+    semi: "Semi",
+    bold: "Bold",
+    left: "Left",
+    center: "Center",
+    right: "Right",
+    justify: "Justify",
+    fill: "Fill",
+    tint: "Tint",
+    transparent: "Transparent",
+    alpha: "Alpha",
+    stroke: "Stroke",
+    radius: "Rad",
+    strokeColor: "描邊色彩",
+    spacing: "Spacing",
+    x: "X",
+    y: "Y",
+    primary: "Primary",
+    secondary: "Secondary",
+    accent: "Accent",
+    surface: "Surface",
+    background: "Background",
+    text: "Text",
+    muted: "Muted",
+    white: "White",
+    black: "Black",
+    slate: "Slate",
+    blue: "Blue",
+    cyan: "Cyan",
+    emerald: "Emerald",
+    amber: "Amber",
+    rose: "Rose",
+  },
   animations: {
     appear: "出現",
     fade: "淡入",

package/corpus/templates/slides/app/pages/DeckEditor.tsx

@@ -174,7 +174,6 @@ export default function DeckEditor() {
   // Track new-deck-creation intent: set once on mount if ?generating=1.
   // The editor reveals partial slides as soon as the first one lands.
   const wasNewDeckCreation = useRef(searchParams.get("generating") === "1");
-  const [activeTab, setActiveTab] = useState<"visual" | "code">("visual");
   const [sidebarOpen, setSidebarOpen] = useState(
     () => typeof window !== "undefined" && window.innerWidth >= 768,
   );
@@ -681,30 +680,46 @@ export default function DeckEditor() {
       }
     : undefined;
 
-  // Slide-level collab: one Yjs doc per slide.
+  // Slide-level collab: one Yjs doc per slide. This tracks HUMAN collaborators
+  // editing the active slide's content (slideActiveUsers) and any agent edits
+  // that flow through the slide-content Yjs doc.
   // Uses activeSlideId (state) so it's stable before deck loads.
   // useCollaborativeDoc handles null docId gracefully (returns empty state).
   const slideDocId =
     id && activeSlideId ? `deck-${id}-slide-${activeSlideId}` : null;
   const {
-    ydoc,
-    awareness,
     activeUsers: slideActiveUsers,
-    agentActive,
-    agentPresent,
+    agentActive: slideAgentActive,
+    agentPresent: slideAgentPresent,
   } = useCollaborativeDoc({
     docId: slideDocId,
     requestSource: TAB_ID,
     user: currentUser,
   });
 
-  // Deck-level presence: tracks which slide each user is viewing
-  const { slidePresence } = useDeckPresence({
+  // Deck-level presence: which slide each participant (human OR agent) is on.
+  // The slide-editing actions write agent presence + lingering "AI edited"
+  // highlights to THIS doc (`deck-<id>`) via agentTouchDocument, so the agent's
+  // per-slide presence and recent edits come from here.
+  const {
+    slidePresence,
+    agentPresent: deckAgentPresent,
+    agentActive: deckAgentActive,
+    agentSlideId,
+    recentEdits: deckRecentEdits,
+    awareness: deckPresenceAwareness,
+  } = useDeckPresence({
     deckId: id ?? null,
     activeSlideId: activeSlideId,
     user: currentUser,
   });
 
+  // The agent is "present"/"active" if EITHER the deck presence doc (action
+  // edits) or the slide-content doc (Yjs edits) says so — a single unified
+  // signal for the toolbar/slide chips.
+  const agentPresent = deckAgentPresent || slideAgentPresent;
+  const agentActive = deckAgentActive || slideAgentActive;
+
   // Comments for the current slide (for badge count)
   const currentSlideCommentsQuery = useSlideComments(id ?? null, activeSlideId);
   const currentSlideThreads: CommentThread[] =
@@ -771,8 +786,6 @@ export default function DeckEditor() {
         deckTitle={deck.title}
         canEdit={canEdit}
         onTitleChange={(title) => updateDeck(id, { title })}
-        activeTab={activeTab}
-        onTabChange={setActiveTab}
         slideCount={deck.slides.length}
         currentSlideIndex={currentIndex >= 0 ? currentIndex : 0}
         sidebarOpen={sidebarOpen}
@@ -907,6 +920,7 @@ export default function DeckEditor() {
                     if (nextSlide) setActiveSlideId(nextSlide.id);
                   }}
                   slidePresence={slidePresence}
+                  recentEdits={deckRecentEdits}
                   aspectRatio={deck.aspectRatio}
                 />
               </DndContext>
@@ -951,7 +965,6 @@ export default function DeckEditor() {
                 updateSlide(id, slideIdOverride ?? currentSlide.id, updates)
               }
               onInlineEditStart={() => markDeckDirty(id)}
-              activeTab={activeTab}
               onGenerateImage={() => setImageGenOpen(true)}
               onOpenAssetLibrary={(src) => {
                 setReplaceImageSrc(src);
@@ -975,14 +988,13 @@ export default function DeckEditor() {
               slideCount={deck.slides.length}
               designSystem={designSystem}
               aspectRatio={deck.aspectRatio}
-              ydoc={ydoc}
-              awareness={awareness}
               collabUser={
                 currentUser
                   ? { name: currentUser.name, color: currentUser.color }
                   : undefined
               }
               agentActive={agentActive}
+              recentEdits={deckRecentEdits}
               onComment={(quotedText) => {
                 setPendingComment({ quotedText });
                 setCommentsOpen(true);

package/corpus/templates/slides/changelog/2026-07-03-figma-style-slide-editing.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-03
+---
+
+Slide editing is cleaner and more Figma-like, with direct style controls for selected elements.

package/corpus/templates/slides/changelog/2026-07-03-see-the-ai-working-with-you-when-the-agent-edits-a-slide-it-.md

@@ -0,0 +1,6 @@
+---
+type: added
+date: 2026-07-03
+---
+
+See the AI working with you: when the agent edits a slide it now shows up as a live collaborator with a presence avatar, an editing indicator, and a highlight on what it just changed

package/corpus/templates/slides/changelog/2026-07-03-undo-redo-is-now-precise-and-safe-with-collaborators-it-only.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-03
+---
+
+Undo/redo is now precise and safe with collaborators: it only reverts your own changes, never a teammate's or the AI's, and unsaved edits flush when you close the tab

package/corpus/templates/slides/package.json

@@ -88,8 +88,8 @@
     "@radix-ui/react-toggle": "^1.1.9",
     "@radix-ui/react-toggle-group": "^1.1.10",
     "@radix-ui/react-tooltip": "^1.2.7",
-    "@react-router/dev": "^8.0.1",
-    "@react-router/fs-routes": "^8.0.1",
+    "@react-router/dev": "^8.1.0",
+    "@react-router/fs-routes": "^8.1.0",
     "@react-three/drei": "^10.7.7",
     "@react-three/fiber": "^9.6.0",
     "@swc/core": "^1.13.3",
@@ -121,7 +121,7 @@
     "react-dom": "catalog:",
     "react-hook-form": "^7.71.2",
     "react-resizable-panels": "^4.10.0",
-    "react-router": "^8.0.1",
+    "react-router": "^8.1.0",
     "recharts": "^3.8.1",
     "sonner": "^2.0.7",
     "tailwind-merge": "^3.5.0",

package/corpus/templates/slides/server/handlers/decks.ts

@@ -43,18 +43,46 @@ if (!globalRef[GLOBAL_KEY]) {
 }
 const sseClients: Set<SSEPush> = globalRef[GLOBAL_KEY]!;
 
+/**
+ * Options for a deck-change broadcast. All fields are optional and additive so
+ * existing consumers that only read `{ type, deckId }` keep working.
+ */
+export interface NotifyClientsOptions {
+  /** SSE event type — defaults to "deck-changed". */
+  type?: string;
+  /** The specific slide that changed, when known (agent slide edits). */
+  slideId?: string;
+  /** Who made the change: "agent" for AI writes, "human" otherwise. */
+  actor?: "agent" | "human";
+}
+
 /**
  * Broadcast a deck change to all connected UI clients. Exported so agent
  * actions (add-slide, update-slide, create-deck) can notify the frontend
  * after a direct DB write — otherwise the UI has no way to know the deck
  * was modified until the next 3-second poll, and won't notice content
  * changes to slides inside an existing deck at all.
+ *
+ * The second argument accepts either a legacy `type` string (backwards compat
+ * with callers like `notifyClients(id, "deck-deleted")`) or an options object
+ * carrying `slideId` / `actor` so the client can attribute agent edits to a
+ * specific slide. The wire payload always includes `type` and `deckId`; extra
+ * fields are only present when supplied.
  */
-export function notifyClients(deckId: string, type = "deck-changed") {
-  const message = JSON.stringify({ type, deckId });
+export function notifyClients(
+  deckId: string,
+  typeOrOptions: string | NotifyClientsOptions = "deck-changed",
+) {
+  const options: NotifyClientsOptions =
+    typeof typeOrOptions === "string" ? { type: typeOrOptions } : typeOrOptions;
+  const type = options.type ?? "deck-changed";
+  const payload: Record<string, unknown> = { type, deckId };
+  if (options.slideId) payload.slideId = options.slideId;
+  if (options.actor) payload.actor = options.actor;
+  const message = JSON.stringify(payload);
   if (process.env.DEBUG_SLIDES_SSE) {
     console.log(
-      `[slides-sse] notifyClients deck=${deckId} type=${type} clients=${sseClients.size}`,
+      `[slides-sse] notifyClients deck=${deckId} type=${type} slide=${options.slideId ?? "-"} actor=${options.actor ?? "-"} clients=${sseClients.size}`,
     );
   }
   for (const push of sseClients) {

package/corpus/templates/slides/server/plugins/db.ts

@@ -1,6 +1,37 @@
-import { runMigrations } from "@agent-native/core/db";
+import {
+  ensureAdditiveColumns,
+  getDbExec,
+  runMigrations,
+} from "@agent-native/core/db";
 
-export default runMigrations(
+// Side-effect import: ensures registerShareableResource runs on server
+// startup so the deck / design-system share actions know where to dispatch.
+import "../db/index.js";
+import * as schema from "../db/schema.js";
+
+/**
+ * Every Drizzle table exported from schema.ts. Filters out type-only and
+ * helper exports the same way db.spec.ts's `isDrizzleTable` regression guard
+ * does: a real table carries a Symbol-keyed drizzle metadata bag, plain
+ * exports don't.
+ */
+function isDrizzleTable(value: unknown): value is object {
+  return (
+    !!value &&
+    typeof value === "object" &&
+    Object.getOwnPropertySymbols(value).some((s) =>
+      s.toString().includes("drizzle"),
+    )
+  );
+}
+
+const schemaTables = Object.values(schema).filter(isDrizzleTable);
+
+// Convention: every new migration below MUST set a unique `name:` slug (see
+// packages/core/src/db/migrations.ts for the full rationale). Version numbers
+// alone are not a safe identity across parallel branches that each extend
+// this list independently.
+const runSlidesMigrations = runMigrations(
   [
     {
       version: 1,
@@ -180,3 +211,35 @@ export default runMigrations(
   ],
   { table: "slides_migrations" },
 );
+
+/**
+ * The migration list above is the authoritative source for tables, indexes,
+ * and data transforms. `ensureAdditiveColumns` runs after it as a
+ * belt-and-braces safety net for the failure mode where a column is added to
+ * schema.ts without a matching hand-written ALTER migration, which silently
+ * 500s every query touching a pre-existing production table. It only ever
+ * adds missing columns — never drops, renames, or retypes anything — and any
+ * failure here is logged and swallowed so it can never fail boot.
+ */
+export default async (nitroApp: any): Promise<void> => {
+  await runSlidesMigrations(nitroApp);
+  try {
+    const summary = await ensureAdditiveColumns({
+      db: getDbExec(),
+      tables: schemaTables,
+    });
+    if (summary.errors.length > 0) {
+      console.warn(
+        "[db] ensureAdditiveColumns completed with errors:",
+        summary.errors,
+      );
+    }
+  } catch (err) {
+    // Never fail boot over the safety net itself — the authoritative
+    // migrations above already ran.
+    console.warn(
+      "[db] ensureAdditiveColumns failed (non-fatal):",
+      err instanceof Error ? err.message : err,
+    );
+  }
+};

package/corpus/templates/videos/netlify.toml

@@ -1,17 +1,6 @@
 [build]
-ignore = "node ./scripts/netlify-ignore-build.mjs videos"
-command = "export DATABASE_URL=${NETLIFY_DATABASE_URL:-$DATABASE_URL} && pnpm install && NITRO_PRESET=netlify pnpm --filter videos build"
+command = "pnpm install && pnpm exec tsx scripts/build-retired-netlify-site.ts videos"
 publish = "templates/videos/dist"
-functions = "templates/videos/.netlify/functions-internal"
 
 [build.environment]
-GA_MEASUREMENT_ID = "G-ESF7FYXGN9"
-NITRO_PRESET = "netlify"
 NPM_CONFIG_PRODUCTION = "false"
-
-# A2A delegation calls run a full agent loop (LLM + tool calls + DB queries).
-# The framework does not impose a default agent-run timeout; if a template sets
-# AGENT_RUN_SOFT_TIMEOUT_MS, keep it below this function timeout so the hidden
-# auto-continuation path can hand off before Netlify kills the function.
-[functions."*"]
-timeout = 75

package/dist/agent/run-store.js

@@ -381,7 +381,7 @@ export async function insertRun(id, threadId, turnId, options) {
     const client = getDbExec();
     const now = Date.now();
     await client.execute({
-        sql: `INSERT INTO agent_runs (id, thread_id, status, started_at, heartbeat_at, last_progress_at, turn_id, dispatch_mode, dispatch_payload) VALUES (?, ?, 'running', ?, ?, ?, ?, ?, ?)`,
+        sql: `INSERT INTO agent_runs (id, thread_id, status, started_at, heartbeat_at, last_progress_at, turn_id, dispatch_mode, dispatch_payload) VALUES (?, ?, 'running', ?, ?, ?, ?, ?, ?) ON CONFLICT (id) DO NOTHING`,
         args: [
             id,
             threadId,