@agent-native/core 0.196.0-nightly-20260928172902 → 0.196.0

package/corpus/templates/clips/server/routes/api/video/[recordingId].get.ts

@@ -72,7 +72,10 @@ import {
 import { isRecordingExpiredForViewer } from "../../../lib/recording-page-access.js";
 import { getOrganizationRoleForEmail } from "../../../lib/recordings.js";
 import { fetchS3ObjectByUrl } from "../../../lib/s3-upload-provider.js";
-import { verifySharePassword } from "../../../lib/share-password.js";
+import {
+  getRecordingAccessTokenResourceId,
+  verifySharePassword,
+} from "../../../lib/share-password.js";
 
 interface RecordingRow {
   editsJson?: string | null;
@@ -80,6 +83,8 @@ interface RecordingRow {
   organizationId?: string | null;
   ownerEmail?: string | null;
   password?: string | null;
+  sharePasswordVersion?: string | null;
+  updatedAt?: string | null;
   sourceAppName?: string | null;
   sourceWindowTitle?: string | null;
   videoUrl?: string | null;
@@ -130,9 +135,15 @@ function isHttpsRequest(event: H3Event): boolean {
 function setProtectedMediaAccessCookie(
   event: H3Event,
   recordingId: string,
+  password: string | null | undefined,
+  sharePasswordVersion: string | null | undefined,
 ): void {
   const token = signShortLivedToken({
-    resourceId: recordingId,
+    resourceId: getRecordingAccessTokenResourceId(
+      recordingId,
+      password,
+      sharePasswordVersion,
+    ),
     ttlSeconds: PROTECTED_MEDIA_ACCESS_TTL_SECONDS,
   });
   const secure = isHttpsRequest(event);
@@ -389,12 +400,17 @@ export default defineEventHandler(async (event: H3Event) => {
         const supplied = typeof q.password === "string" ? q.password : "";
 
         let allowed = false;
+        const scopedRecordingId = getRecordingAccessTokenResourceId(
+          recordingId,
+          rec.password,
+          rec.sharePasswordVersion,
+        );
         if (token) {
-          const result = verifyShortLivedToken(token, recordingId);
+          const result = verifyShortLivedToken(token, scopedRecordingId);
           if (result.ok) allowed = true;
         }
         if (!allowed && cookieToken) {
-          const result = verifyShortLivedToken(cookieToken, recordingId);
+          const result = verifyShortLivedToken(cookieToken, scopedRecordingId);
           if (result.ok) allowed = true;
         }
         if (
@@ -408,7 +424,12 @@ export default defineEventHandler(async (event: H3Event) => {
           setResponseStatus(event, 401);
           return { error: "Password required", passwordRequired: true };
         }
-        setProtectedMediaAccessCookie(event, recordingId);
+        setProtectedMediaAccessCookie(
+          event,
+          recordingId,
+          rec.password,
+          rec.sharePasswordVersion,
+        );
       }
 
       if (isLoomEmbedBackedRecording(rec)) {

package/corpus/templates/content/CHANGELOG.md

@@ -13,6 +13,7 @@ time from the command menu (Cmd+K → "What's new").
 
 ### Added
 
+- Ask the agent to turn comment, reply, and mention emails on or off.
 - Chat messages can be reverted to their autosaved version, including a shortcut to restore the start of a chat.
 
 ### Improved

package/corpus/templates/crm/CHANGELOG.md

@@ -1,5 +1,17 @@
 # CRM changelog
 
+## 2026-09-28
+
+### Improved
+
+- Ask CRM now starts with a focused title.
+
+## 2026-09-27
+
+### Fixed
+
+- Custom CRM field labels and settings stay unchanged when records update
+
 ## 2026-08-11
 
 ### Improved

package/corpus/templates/design/.generated/bridge/editor-chrome.generated.ts

@@ -945,6 +945,7 @@ export const editorChromeBridgeScript: string = `"use strict";
     var repairingEditorChromeHost = false;
     var userFocusedElement = null;
     var trustedFocusIntent = null;
+    var rovingGroupSelector = '[role="grid"], [role="listbox"], [role="menu"], [role="menubar"], [role="radiogroup"], [role="tablist"], [role="toolbar"], [role="tree"], [role="treegrid"]';
     var focusTargetSelector = 'a[href], area[href], button, input:not([type="hidden"]), select, textarea, summary, iframe, audio[controls], video[controls], [tabindex], [contenteditable]:not([contenteditable="false"]), [role="button"], [role="link"], [role="switch"], [role="checkbox"], [role="radio"], [role="slider"], [role="spinbutton"], [role="menuitem"], [role="textbox"], [role="combobox"], [role="searchbox"]';
     function isCanvasFocusTarget(target) {
       return !!(target && (isEditorTypingTarget(target) || target.matches(focusTargetSelector)));
@@ -963,17 +964,275 @@ export const editorChromeBridgeScript: string = `"use strict";
       }
       return null;
     }
-    function armTrustedFocusIntent(target, kind) {
+    function armTrustedFocusIntent(target, kind, key) {
+      var rovingGroup = kind === "navigation" && target ? target.closest(rovingGroupSelector) : null;
       trustedFocusIntent = {
         target,
         kind,
+        ...key ? { key } : {},
+        ...rovingGroup ? {
+          rovingGroup,
+          activeDescendantBefore: rovingGroup.getAttribute(
+            "aria-activedescendant"
+          ),
+          tabIndexesBefore: Array.from(
+            rovingGroup.querySelectorAll("[tabindex]")
+          ).map(function(element) {
+            return {
+              element,
+              value: element.getAttribute("tabindex")
+            };
+          })
+        } : {},
         expiresAt: Date.now() + 1e3
       };
     }
+    function clearNavigationFocusIntentAfterAppTasks() {
+      var navigationIntent = trustedFocusIntent;
+      window.setTimeout(function() {
+        window.setTimeout(function() {
+          if (trustedFocusIntent === navigationIntent) {
+            trustedFocusIntent = null;
+          }
+        }, 0);
+      }, 0);
+    }
+    function isRovingFocusSibling(current, next, key, intent) {
+      if (!current) return false;
+      function isNativeRadio(element) {
+        return element.tagName === "INPUT" && element.type === "radio";
+      }
+      if (isNativeRadio(current) && isNativeRadio(next)) {
+        var radioName = current.name;
+        var radioForm = current.form || current.closest("form");
+        var radios = Array.from(
+          current.getRootNode().querySelectorAll(
+            'input[type="radio"]'
+          )
+        ).filter(function(candidate) {
+          var radio = candidate;
+          return radioName !== "" && radio.name === radioName && (radio.form || radio.closest("form")) === radioForm;
+        });
+        var currentRadioIndex = radios.indexOf(current);
+        var nextRadioIndex = radios.indexOf(next);
+        var delta = key === "ArrowRight" || key === "ArrowDown" ? 1 : key === "ArrowLeft" || key === "ArrowUp" ? -1 : 0;
+        if (key === "ArrowLeft" || key === "ArrowRight") {
+          if (window.getComputedStyle(current).direction === "rtl") {
+            delta *= -1;
+          }
+        }
+        if (radios.length > 1 && currentRadioIndex !== -1 && nextRadioIndex !== -1 && delta !== 0) {
+          return nextRadioIndex === (currentRadioIndex + delta + radios.length) % radios.length;
+        }
+      }
+      var currentGroup = current.closest(rovingGroupSelector);
+      if (!currentGroup || currentGroup !== next.closest(rovingGroupSelector) || intent.rovingGroup !== currentGroup) {
+        return false;
+      }
+      var role = currentGroup.getAttribute("role");
+      var itemSelector = null;
+      switch (role) {
+        case "grid":
+        case "treegrid":
+          itemSelector = '[role="row"], [role="gridcell"], [role="columnheader"], [role="rowheader"], tr, td, th';
+          break;
+        case "listbox":
+          itemSelector = '[role="option"]';
+          break;
+        case "menu":
+        case "menubar":
+          itemSelector = '[role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"]';
+          break;
+        case "radiogroup":
+          itemSelector = '[role="radio"], input[type="radio"]';
+          break;
+        case "tablist":
+          itemSelector = '[role="tab"]';
+          break;
+        case "toolbar":
+          itemSelector = 'button, a[href], [role="button"], [role="link"]';
+          break;
+        case "tree":
+          itemSelector = '[role="treeitem"]';
+          break;
+      }
+      if (!itemSelector) return false;
+      var currentItem = current.closest(itemSelector);
+      var nextItem = next.closest(itemSelector);
+      if (!currentItem || !nextItem || currentItem === nextItem) return false;
+      function belongsToGroup(item) {
+        if (item.closest(rovingGroupSelector) !== currentGroup) return false;
+        if (item.getAttribute("role")) return true;
+        if (item.tagName !== "TR" && item.tagName !== "TD" && item.tagName !== "TH") {
+          return true;
+        }
+        return item.closest('table[role="grid"], table[role="treegrid"]') === currentGroup;
+      }
+      function isGridRow(item) {
+        return item.getAttribute("role") === "row" || item.tagName === "TR" && belongsToGroup(item);
+      }
+      function gridRows() {
+        return Array.from(
+          currentGroup.querySelectorAll('[role="row"], tr')
+        ).filter(function(row) {
+          return belongsToGroup(row) && isGridRow(row);
+        });
+      }
+      function gridCells(row) {
+        return Array.from(
+          row.querySelectorAll(
+            '[role="gridcell"], [role="columnheader"], [role="rowheader"], td, th'
+          )
+        ).filter(function(cell) {
+          if (!belongsToGroup(cell)) return false;
+          if (cell.getAttribute("role")) {
+            return cell.closest('[role="row"]') === row;
+          }
+          if (cell.tagName === "TD" || cell.tagName === "TH") {
+            return cell.closest("tr") === row && cell.closest('table[role="grid"], table[role="treegrid"]') === currentGroup;
+          }
+          return cell.closest('[role="row"]') === row;
+        });
+      }
+      function ariaIndex(element, name, fallback) {
+        var value = Number(element.getAttribute(name));
+        return Number.isInteger(value) && value > 0 ? value - 1 : fallback;
+      }
+      function hasRovingFocusTransition(currentRovingItem2, nextRovingItem2) {
+        var activeDescendant = currentGroup.getAttribute("aria-activedescendant");
+        var previousActiveDescendant = intent.activeDescendantBefore || null;
+        if (activeDescendant && activeDescendant !== previousActiveDescendant && (activeDescendant === nextRovingItem2.id || activeDescendant === next.id)) {
+          return true;
+        }
+        var previousTabIndex = intent.tabIndexesBefore?.find(function(entry) {
+          return entry.element === currentRovingItem2;
+        });
+        var nextTabIndex = intent.tabIndexesBefore?.find(function(entry) {
+          return entry.element === nextRovingItem2;
+        });
+        if (previousTabIndex?.value === "0" && currentRovingItem2.getAttribute("tabindex") !== "0" && nextTabIndex !== void 0 && nextTabIndex.value !== "0" && nextRovingItem2.getAttribute("tabindex") === "0") {
+          return true;
+        }
+        function isGridCell(item) {
+          return item.getAttribute("role") === "gridcell" || item.getAttribute("role") === "columnheader" || item.getAttribute("role") === "rowheader" || item.tagName === "TD" || item.tagName === "TH";
+        }
+        return (role === "grid" || role === "treegrid") && isGridCell(currentRovingItem2) && isGridCell(nextRovingItem2) && current !== currentRovingItem2 && next !== nextRovingItem2 && current.matches(focusTargetSelector) && next.matches(focusTargetSelector);
+      }
+      if (role === "grid" || role === "treegrid") {
+        var currentRow = currentItem.closest('[role="row"], tr');
+        var nextRow = nextItem.closest('[role="row"], tr');
+        if (!currentRow || !nextRow || !belongsToGroup(currentRow) || !belongsToGroup(nextRow)) {
+          return false;
+        }
+        var rows = gridRows();
+        var currentRowIndex = ariaIndex(
+          currentRow,
+          "aria-rowindex",
+          rows.indexOf(currentRow)
+        );
+        var nextRowIndex = ariaIndex(
+          nextRow,
+          "aria-rowindex",
+          rows.indexOf(nextRow)
+        );
+        var verticalDelta = key === "ArrowDown" ? 1 : key === "ArrowUp" ? -1 : 0;
+        if (isGridRow(currentItem) && isGridRow(nextItem)) {
+          return verticalDelta !== 0 && nextRowIndex === currentRowIndex + verticalDelta && hasRovingFocusTransition(currentItem, nextItem);
+        }
+        if (isGridRow(currentItem) || isGridRow(nextItem)) {
+          if (role !== "treegrid" || currentRow !== nextRow) return false;
+          var currentIsRow = isGridRow(currentItem);
+          var cells = gridCells(currentRow);
+          if (currentIsRow && key === "ArrowRight") {
+            return cells[0] === nextItem && hasRovingFocusTransition(currentItem, nextItem);
+          }
+          if (!currentIsRow && key === "ArrowLeft") {
+            return cells[0] === currentItem && hasRovingFocusTransition(currentItem, nextItem);
+          }
+          return false;
+        }
+        var currentColumnIndex = ariaIndex(
+          currentItem,
+          "aria-colindex",
+          gridCells(currentRow).indexOf(currentItem)
+        );
+        var nextColumnIndex = ariaIndex(
+          nextItem,
+          "aria-colindex",
+          gridCells(nextRow).indexOf(nextItem)
+        );
+        if (key === "ArrowLeft" || key === "ArrowRight") {
+          var columnDelta = key === "ArrowRight" ? 1 : -1;
+          if (window.getComputedStyle(currentGroup).direction === "rtl") {
+            columnDelta *= -1;
+          }
+          return currentRow === nextRow && nextColumnIndex === currentColumnIndex + columnDelta && hasRovingFocusTransition(currentItem, nextItem);
+        }
+        return verticalDelta !== 0 && nextRowIndex === currentRowIndex + verticalDelta && nextColumnIndex === currentColumnIndex && hasRovingFocusTransition(currentItem, nextItem);
+      }
+      function itemFor(target) {
+        if (role === "tree") return target.closest('[role="treeitem"]');
+        return target.closest(itemSelector);
+      }
+      function isNavigableTreeItem(item) {
+        var currentItem2 = item;
+        while (currentItem2 && currentItem2 !== currentGroup) {
+          if (currentItem2.getAttribute("hidden") !== null || currentItem2.getAttribute("inert") !== null || currentItem2.getAttribute("aria-hidden") === "true") {
+            return false;
+          }
+          if (currentItem2 !== item && currentItem2.getAttribute("role") === "treeitem" && currentItem2.getAttribute("aria-expanded") === "false") {
+            return false;
+          }
+          currentItem2 = currentItem2.parentElement;
+        }
+        return true;
+      }
+      var currentRovingItem = itemFor(current);
+      var nextRovingItem = itemFor(next);
+      if (!currentRovingItem || !nextRovingItem || !belongsToGroup(currentRovingItem) || !belongsToGroup(nextRovingItem)) {
+        return false;
+      }
+      var isRtl = window.getComputedStyle(currentGroup).direction === "rtl";
+      var childKey = isRtl ? "ArrowLeft" : "ArrowRight";
+      var parentKey = isRtl ? "ArrowRight" : "ArrowLeft";
+      if (role === "tree" && key === childKey) {
+        return isNavigableTreeItem(currentRovingItem) && isNavigableTreeItem(nextRovingItem) && nextRovingItem.parentElement?.closest('[role="treeitem"]') === currentRovingItem && hasRovingFocusTransition(currentRovingItem, nextRovingItem);
+      }
+      if (role === "tree" && key === parentKey) {
+        return isNavigableTreeItem(currentRovingItem) && isNavigableTreeItem(nextRovingItem) && currentRovingItem.parentElement?.closest('[role="treeitem"]') === nextRovingItem && hasRovingFocusTransition(currentRovingItem, nextRovingItem);
+      }
+      var items = Array.from(currentGroup.querySelectorAll(itemSelector)).filter(
+        function(item) {
+          return belongsToGroup(item) && itemFor(item) === item && (role !== "tree" || isNavigableTreeItem(item));
+        }
+      );
+      var currentIndex = items.indexOf(currentRovingItem);
+      var nextIndex = items.indexOf(nextRovingItem);
+      if (currentIndex === -1 || nextIndex === -1) return false;
+      var orientation = currentGroup.getAttribute("aria-orientation");
+      if (!orientation) {
+        orientation = role === "toolbar" || role === "menubar" || role === "tablist" || role === "radiogroup" ? "horizontal" : "vertical";
+      }
+      var delta = key === "ArrowRight" ? 1 : key === "ArrowLeft" ? -1 : key === "ArrowDown" ? 1 : key === "ArrowUp" ? -1 : 0;
+      if (!delta) return false;
+      if (orientation === "horizontal") {
+        if (key !== "ArrowLeft" && key !== "ArrowRight") return false;
+        if (window.getComputedStyle(currentGroup).direction === "rtl")
+          delta *= -1;
+      } else if (key !== "ArrowUp" && key !== "ArrowDown") {
+        return false;
+      }
+      var expectedIndex = currentIndex + delta;
+      if (role === "radiogroup" || role === "tablist" || role === "menu" || role === "menubar" || role === "toolbar") {
+        expectedIndex = (expectedIndex + items.length) % items.length;
+      }
+      return nextIndex === expectedIndex && hasRovingFocusTransition(currentRovingItem, nextRovingItem);
+    }
     function rememberUserFocusedElement(event) {
       var intent = trustedFocusIntent;
       var target = getCanvasFocusTarget(event);
-      if (!intent || Date.now() > intent.expiresAt || !target || intent.kind === "pointer" && (intent.target === null || intent.target !== target && !event.composedPath().includes(intent.target) && !intent.target.contains(target) && !target.contains(intent.target))) {
+      var navigationTargetMatches = intent?.kind !== "navigation" || target === intent.target || target !== null && isRovingFocusSibling(intent.target, target, intent.key, intent);
+      if (!intent || Date.now() > intent.expiresAt || !target || !navigationTargetMatches || intent.kind !== "tab" && intent.kind !== "navigation" && (intent.target === null || intent.target !== target && !event.composedPath().includes(intent.target) && !intent.target.contains(target) && !target.contains(intent.target))) {
         trustedFocusIntent = null;
         userFocusedElement = null;
         return;
@@ -1024,7 +1283,10 @@ export const editorChromeBridgeScript: string = `"use strict";
         var active = document.activeElement;
         if (active instanceof Element && isCanvasFocusTarget(active)) {
           userFocusedElement = active;
-          if (keyEvent.key === "Enter" || keyEvent.key === " " || keyEvent.key === "Escape" || keyEvent.key.startsWith("Arrow")) {
+          if (keyEvent.key.startsWith("Arrow")) {
+            armTrustedFocusIntent(active, "navigation", keyEvent.key);
+            clearNavigationFocusIntentAfterAppTasks();
+          } else if (keyEvent.key === "Enter" || keyEvent.key === " " || keyEvent.key === "Escape") {
             armTrustedFocusIntent(active, "activation");
           }
         }

package/corpus/templates/design/CHANGELOG.md

@@ -3,15 +3,33 @@
 All notable user-facing changes to Design are documented here. Open it any time
 from the command menu (Cmd+K → "What's new") or from Settings.
 
+## 2026-09-28
+
+### Improved
+
+- Starter prompts now sit below the chat composer
+- The design list search and import controls stay legible on narrow screens.
+
+### Fixed
+
+- Canvas navigation and undo keep working when connected apps focus controls automatically
+- The model picker shows available models when AI is configured.
+- Template menus stay available when you hover over a card.
+
 ## 2026-09-27
 
 ### Improved
 
+- Chrome local editing guidance uses sharper permission screenshots and a neutral backdrop
+- Local access setup shows Chrome permission screenshots and confirms before closing
 - The Connect AI setup card now has even spacing above and below the composer.
 - Chrome local access guidance clarifies how to approve live editing
 
 ### Fixed
 
+- Auto-focused app fields no longer interrupt canvas shortcuts while editing live screens
+- Fix deeply nested drag-and-drop placement on Design canvases
+- Personalized home suggestions work when responses include extra text
 - Canvas shortcuts keep working when a connected app focuses an input.
 - Drops into plain frames now stack above existing content, while auto-layout keeps the chosen insertion position.
 - Layers dragged out of a frame now stay above the frame.
@@ -37,6 +55,7 @@ from the command menu (Cmd+K → "What's new") or from Settings.
 
 ### Fixed
 
+- Opening a shared visual editor now completes its initial setup and hands visual edits back to your coding agent.
 - Live previews keep canvas keyboard shortcuts available when app fields autofocus
 - API key settings recover when loading stalls.
 - Cmd+D copies avoid existing screens while reserving simultaneous duplicates.
@@ -66,6 +85,8 @@ from the command menu (Cmd+K → "What's new") or from Settings.
 
 ### Improved
 
+- In the new Settings, Agent Observability is a page in the Design group for owners and admins, and the MCP server page says what a connected app can do in Design.
+- Settings now opens from your name at the bottom of the sidebar, or with ⌘,.
 - Design shows how to connect file storage before uploading media or fonts
 - Attach Figma frames and websites from focused dialogs while keeping prompt drafts and uploaded design.md files intact.
 - Recent designs now use the same consistent library card layout as templates.