@agent-native/core-corpus 0.217.0 → 0.219.0

package/corpus/templates/design/shared/motion-text-runtime-v1.fixture.txt

@@ -0,0 +1,221 @@
+(function (source) {
+  var animations = source.animations;
+  var playbackMode = source.playbackMode;
+  if (typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-reduced-motion: reduce)").matches) return;
+  if (!document || typeof document.querySelectorAll !== "function") throw new Error("Motion text runtime requires a document.");
+  var previewBridge = typeof window !== "undefined" && window.__designMotionPreviewBridge === true;
+  var previewAnimations = [];
+  var allTargets = Array.prototype.slice.call(document.querySelectorAll("[data-agent-native-node-id]"));
+  var paragraphTags = { blockquote: true, h1: true, h2: true, h3: true, h4: true, h5: true, h6: true, li: true, p: true };
+  function textTokens(value, kind) {
+    var Segmenter = typeof Intl !== "undefined" ? Intl.Segmenter : null;
+    if (kind === "character") {
+      var characters = Segmenter ? Array.from(new Segmenter(undefined, { granularity: "grapheme" }).segment(value), function (part) { return part.segment; }) : Array.from(value);
+      return characters.map(function (part) { return { value: part, animated: !/^\s+$/u.test(part) }; });
+    }
+    var chunks;
+    if (Segmenter) {
+      chunks = Array.from(new Segmenter(undefined, { granularity: "word" }).segment(value), function (part) { return { value: part.segment, word: !!part.isWordLike }; });
+    } else {
+      chunks = (value.match(/\s+|[^\s]+/gu) || []).map(function (part) { return { value: part, word: !/^\s+$/u.test(part) }; });
+    }
+    var tokens = [];
+    for (var index = 0; index < chunks.length; index += 1) {
+      var chunk = chunks[index];
+      if (/^\s+$/u.test(chunk.value)) {
+        tokens.push({ value: chunk.value, animated: false });
+      } else if (chunk.word) {
+        tokens.push({ value: chunk.value, animated: true });
+      } else if (tokens.length && tokens[tokens.length - 1].animated) {
+        tokens[tokens.length - 1].value += chunk.value;
+      } else {
+        var nextWord = chunks.slice(index + 1).findIndex(function (candidate) { return candidate.word; });
+        if (nextWord >= 0) {
+          var punctuation = chunk.value;
+          while (index + 1 < chunks.length && !chunks[index + 1].word && !/^\s+$/u.test(chunks[index + 1].value)) punctuation += chunks[++index].value;
+          tokens.push({ value: punctuation, animated: true });
+        } else {
+          tokens.push({ value: chunk.value, animated: false });
+        }
+      }
+    }
+    return tokens;
+  }
+  function descendantTextNodes(target) {
+    var nodes = [];
+    function visit(node) {
+      if (node.nodeName === "#text") { nodes.push(node); return; }
+      Array.prototype.slice.call(node.childNodes || []).forEach(visit);
+    }
+    visit(target);
+    return nodes;
+  }
+  function nodeText(node) {
+    return typeof node.nodeValue === "string" ? node.nodeValue : (node.value || "");
+  }
+  function splitTextTarget(target, kind) {
+    var leaves = descendantTextNodes(target);
+    var value = leaves.map(nodeText).join("");
+    var tokens = textTokens(value, kind === "line" ? "word" : kind);
+    var units = [];
+    var sourceOffset = 0;
+    tokens.forEach(function (token) {
+      var start = sourceOffset;
+      var end = start + token.value.length;
+      sourceOffset = end;
+      if (token.animated) units.push({ start: start, end: end, index: units.length, fragments: [] });
+    });
+    if (units.length === 0) throw new Error("Motion text target has no animatable text units.");
+    if (units.length > 512) throw new Error("Motion text target exceeds the 512-unit runtime limit.");
+
+    var leafOffset = 0;
+    leaves.forEach(function (leaf) {
+      var text = nodeText(leaf);
+      var leafStart = leafOffset;
+      var leafEnd = leafStart + text.length;
+      leafOffset = leafEnd;
+      if (!text.length) return;
+
+      var fragment = document.createDocumentFragment();
+      var cursor = 0;
+      tokens.forEach(function (token) {
+        var tokenStart = cursor;
+        var tokenEnd = tokenStart + token.value.length;
+        cursor = tokenEnd;
+        var start = Math.max(leafStart, tokenStart);
+        var end = Math.min(leafEnd, tokenEnd);
+        if (start >= end) return;
+        var part = text.slice(start - leafStart, end - leafStart);
+        if (!token.animated) {
+          fragment.appendChild(document.createTextNode(part));
+          return;
+        }
+        var unitIndex = units.findIndex(function (unit) { return unit.start === tokenStart; });
+        var unit = units[unitIndex];
+        var span = document.createElement("span");
+        span.setAttribute("data-agent-native-motion-text-unit", String(unit.index));
+        span.style.display = "inline-block";
+        span.appendChild(document.createTextNode(part));
+        fragment.appendChild(span);
+        unit.fragments.push(span);
+      });
+      if (leaf.parentNode) leaf.parentNode.replaceChild(fragment, leaf);
+    });
+    return units;
+  }
+  function paragraphUnits(target) {
+    var tag = String(target.tagName || "").toLowerCase();
+    if (paragraphTags[tag]) return [target];
+    var children = Array.prototype.slice.call(target.children || []);
+    if (children.length && children.every(function (child) { return paragraphTags[String(child.tagName || "").toLowerCase()]; })) return children;
+    if (children.length) throw new Error("Paragraph Text animation found unsupported nested elements.");
+    return [target];
+  }
+  function lineGroups(units) {
+    var tops = [];
+    return units.map(function (unit, index) {
+      var top = unit.getBoundingClientRect().top;
+      var found = tops.findIndex(function (existing) { return Math.abs(existing - top) < 0.5; });
+      if (found < 0) { tops.push(top); found = tops.length - 1; }
+      return { unit: unit, index: found };
+    });
+  }
+  function springSample(bounce, settle, x) {
+    if (x <= 0) return 0;
+    var u = x / settle;
+    if (u >= 1) return 1;
+    var zeta = Math.min(1, Math.max(0.02, 1 - bounce));
+    var omega = Math.log(1 / 0.001) / zeta;
+    if (zeta >= 1) return 1 - Math.exp(-omega * u) * (1 + omega * u);
+    var omegaD = omega * Math.sqrt(1 - zeta * zeta);
+    var decay = Math.exp(-zeta * omega * u);
+    return 1 - decay * (Math.cos(omegaD * u) + ((zeta * omega) / omegaD) * Math.sin(omegaD * u));
+  }
+  function springToLinear(bounce, settle) {
+    var sampleCount = 16 + Math.round(bounce * 34);
+    var stops = [];
+    for (var index = 0; index <= sampleCount; index += 1) {
+      var value = index === sampleCount ? 1 : springSample(bounce, settle, index / sampleCount);
+      stops.push((Math.round(value * 10000) / 10000).toString());
+    }
+    return "linear(" + stops.join(", ") + ")";
+  }
+  function motionEaseForWebAnimations(ease, element) {
+    var resolved = ease;
+    var reference = /^var\(--an-motion-ease-([a-z0-9][a-z0-9-]{0,63})\)$/.exec(String(ease));
+    if (reference) {
+      var property = "--an-motion-ease-" + reference[1];
+      resolved = window.getComputedStyle(element).getPropertyValue(property).trim();
+      if (!resolved || /^var\(/i.test(resolved)) throw new Error("Motion easing variable " + property + " is not defined or does not resolve to a concrete easing.");
+    }
+    var normalized = String(resolved).trim();
+    if (normalized.toLowerCase() === "spring") return springToLinear(0.25, 1);
+    var spring = /^spring\(\s*([+-]?(?:\d+\.?\d*|\.\d+))\s*(?:,\s*([+-]?(?:\d+\.?\d*|\.\d+))\s*)?\)$/i.exec(normalized);
+    if (/^spring/i.test(normalized) && !spring) throw new Error("Motion text easing is not supported: " + normalized);
+    if (spring) return springToLinear(Number(spring[1]), Number(spring[2] || 1));
+    return resolved;
+  }
+  var targetGroups = [];
+  animations.forEach(function (animation) {
+    var group = targetGroups.find(function (candidate) { return candidate.targetNodeId === animation.targetNodeId; });
+    if (!group) { group = { targetNodeId: animation.targetNodeId, animations: [] }; targetGroups.push(group); }
+    group.animations.push(animation);
+  });
+  targetGroups.forEach(function (targetGroup) {
+    var animation = targetGroup.animations[0];
+    var matches = allTargets.filter(function (candidate) { return candidate.getAttribute("data-agent-native-node-id") === targetGroup.targetNodeId; });
+    if (matches.length !== 1) throw new Error("Motion text target " + targetGroup.targetNodeId + " resolved to " + matches.length + " elements.");
+    var target = matches[0];
+    var entries;
+    if (animation.unit === "paragraph") {
+      entries = paragraphUnits(target).map(function (unit, index) { return { unit: unit, index: index }; });
+    } else {
+      var units = splitTextTarget(target, animation.unit);
+      var fragments = units.reduce(function (all, unit) { return all.concat(unit.fragments); }, []);
+      entries = animation.unit === "line"
+        ? lineGroups(fragments)
+        : fragments.map(function (unit) { return { unit: unit, index: Number(unit.getAttribute("data-agent-native-motion-text-unit")) }; });
+    }
+    var groupCount = entries.reduce(function (count, entry) { return Math.max(count, entry.index + 1); }, 0);
+    if ((groupCount - 1) * animation.staggerMs > 120000) throw new Error("Motion text stagger exceeds the 120000ms runtime limit.");
+    targetGroup.animations.forEach(function (track) {
+      entries.forEach(function (entry) {
+        if (typeof entry.unit.animate !== "function") throw new Error("Motion text requires the Web Animations API.");
+        var delayIndex = track.direction === "reverse" ? groupCount - 1 - entry.index : entry.index;
+        var keyframes = track.keyframes.map(function (keyframe) {
+          var frame = { offset: keyframe.t, easing: motionEaseForWebAnimations(keyframe.ease || "ease", entry.unit) };
+          frame[track.property] = keyframe.value;
+          return frame;
+        });
+        var delay = track.delayMs + delayIndex * track.staggerMs;
+        var options = { duration: track.durationMs, delay: delay, fill: "both" };
+        if (!previewBridge && playbackMode !== "once") {
+          options.iterations = Infinity;
+          if (playbackMode === "ping-pong") options.direction = "alternate";
+        }
+        var runningAnimation = entry.unit.animate(keyframes, options);
+        if (previewBridge) {
+          runningAnimation.pause();
+          runningAnimation.currentTime = 0;
+          previewAnimations.push({ animation: runningAnimation, delay: delay, duration: track.durationMs });
+        }
+      });
+    });
+  });
+  if (previewBridge && typeof window.addEventListener === "function") {
+    window.addEventListener("message", function (event) {
+      if (event.source !== window.parent || !event.data || typeof event.data.type !== "string") return;
+      if (event.data.type === "motion-preview") {
+        var t = Number(event.data.t);
+        var timelineDuration = Number(event.data.durationMs);
+        if (!Number.isFinite(t) || !Number.isFinite(timelineDuration) || timelineDuration <= 0) return;
+        var timelineTime = Math.max(0, Math.min(1, t)) * timelineDuration;
+        previewAnimations.forEach(function (entry) {
+          entry.animation.currentTime = Math.max(0, Math.min(entry.duration, timelineTime - entry.delay));
+        });
+      } else if (event.data.type === "motion-preview-clear") {
+        previewAnimations.forEach(function (entry) { entry.animation.currentTime = 0; });
+      }
+    });
+  }
+})(__MOTION_TEXT_SOURCE__);

package/corpus/templates/dispatch/CHANGELOG.md

@@ -5,6 +5,10 @@ time from the command menu (Cmd+K → "What's new").
 
 ## 2026-10-21
 
+### Added
+
+- Owned and shared chats appear in separate history sections, with each shared chat's owner shown as an avatar and a Copy link action on every chat.
+
 ### Improved
 
 - Customer AI credit questions route to account health instead of workspace spend metrics.

package/corpus/templates/dispatch/app/i18n-data.ts

@@ -312,6 +312,10 @@ const enUS = {
     },
   },
   dispatch: {
+    sidebar: {
+      showLocalChats: "Show local chats",
+      showAllChats: "Show all chats",
+    },
     nav: {
       admin: "Admin",
       automations: "Automations",
@@ -324,6 +328,9 @@ const enUS = {
       agent: "Agent",
     },
     pages: {
+      chatFirstCopySessionId: "Copy session ID",
+      chatFirstSessionIdCopied: "Session ID copied",
+      chatFirstWatchSession: "Watch",
       adminDescription: "Workspace controls and operations",
       simpleAgentsDescription:
         "Create reusable agents in minutes, or import a setup you already made in Claude or another agent tool.",
@@ -595,6 +602,7 @@ type PartialMessages = {
       } & Record<string, unknown>
     : K extends "dispatch"
       ? {
+          sidebar?: Partial<Messages["dispatch"]["sidebar"]>;
           nav?: Partial<Messages["dispatch"]["nav"]> & Record<string, unknown>;
           pages?: Partial<Messages["dispatch"]["pages"]> &
             Record<string, unknown>;
@@ -1251,6 +1259,10 @@ function mergeMessages(
     dispatch: {
       ...enUS.dispatch,
       ...overrides.dispatch,
+      sidebar: {
+        ...enUS.dispatch.sidebar,
+        ...overrides.dispatch?.sidebar,
+      },
       nav: {
         ...enUS.dispatch.nav,
         ...(overrides.dispatch as { nav?: Record<string, string> } | undefined)
@@ -1537,6 +1549,10 @@ export const messagesByLocale = {
       },
 
       dispatch: {
+        sidebar: {
+          showLocalChats: "显示本地聊天",
+          showAllChats: "显示所有聊天",
+        },
         nav: {
           admin: "管理",
           automations: "自动化",
@@ -1549,6 +1565,9 @@ export const messagesByLocale = {
           agent: "代理",
         },
         pages: {
+          chatFirstCopySessionId: "复制会话 ID",
+          chatFirstSessionIdCopied: "会话 ID 已复制",
+          chatFirstWatchSession: "观看",
           ...chatFirstPageTranslations["zh-CN"],
           adminDescription: "工作区控制与运营",
           connectApps: "连接应用",
@@ -1989,6 +2008,10 @@ export const messagesByLocale = {
       },
 
       dispatch: {
+        sidebar: {
+          showLocalChats: "Mostrar chats locales",
+          showAllChats: "Mostrar todos los chats",
+        },
         nav: {
           admin: "Administración",
           automations: "Automatizaciones",
@@ -2001,6 +2024,9 @@ export const messagesByLocale = {
           agent: "Agente",
         },
         pages: {
+          chatFirstCopySessionId: "Copiar ID de sesión",
+          chatFirstSessionIdCopied: "ID de sesión copiado",
+          chatFirstWatchSession: "Observar",
           ...chatFirstPageTranslations["es-ES"],
           adminDescription: "Controles y operaciones del espacio de trabajo",
           connectApps: "Conectar apps",
@@ -2455,6 +2481,10 @@ export const messagesByLocale = {
       },
 
       dispatch: {
+        sidebar: {
+          showLocalChats: "Afficher les conversations locales",
+          showAllChats: "Afficher toutes les conversations",
+        },
         nav: {
           admin: "Administration",
           automations: "Automatisations",
@@ -2467,6 +2497,9 @@ export const messagesByLocale = {
           agent: "Agent",
         },
         pages: {
+          chatFirstCopySessionId: "Copier l’identifiant de session",
+          chatFirstSessionIdCopied: "Identifiant de session copié",
+          chatFirstWatchSession: "Observer",
           ...chatFirstPageTranslations["fr-FR"],
           adminDescription: "Contrôles et opérations de l’espace de travail",
           connectApps: "Connecter des apps",
@@ -2912,6 +2945,10 @@ export const messagesByLocale = {
       },
 
       dispatch: {
+        sidebar: {
+          showLocalChats: "Lokale Chats anzeigen",
+          showAllChats: "Alle Chats anzeigen",
+        },
         nav: {
           admin: "Administration",
           automations: "Automatisierungen",
@@ -2924,6 +2961,9 @@ export const messagesByLocale = {
           agent: "Agent",
         },
         pages: {
+          chatFirstCopySessionId: "Sitzungs-ID kopieren",
+          chatFirstSessionIdCopied: "Sitzungs-ID kopiert",
+          chatFirstWatchSession: "Beobachten",
           ...chatFirstPageTranslations["de-DE"],
           adminDescription: "Arbeitsbereichssteuerung und -betrieb",
           connectApps: "Apps verbinden",
@@ -3363,6 +3403,10 @@ export const messagesByLocale = {
       },
 
       dispatch: {
+        sidebar: {
+          showLocalChats: "ローカルのチャットを表示",
+          showAllChats: "すべてのチャットを表示",
+        },
         nav: {
           admin: "管理",
           automations: "自動化",
@@ -3375,6 +3419,9 @@ export const messagesByLocale = {
           agent: "エージェント",
         },
         pages: {
+          chatFirstCopySessionId: "セッション ID をコピー",
+          chatFirstSessionIdCopied: "セッション ID をコピーしました",
+          chatFirstWatchSession: "ウォッチ",
           ...chatFirstPageTranslations["ja-JP"],
           adminDescription: "ワークスペースの管理と運用",
           connectApps: "アプリを接続",
@@ -3808,6 +3855,10 @@ export const messagesByLocale = {
       },
 
       dispatch: {
+        sidebar: {
+          showLocalChats: "로컬 채팅 표시",
+          showAllChats: "모든 채팅 표시",
+        },
         nav: {
           admin: "관리",
           automations: "자동화",
@@ -3820,6 +3871,9 @@ export const messagesByLocale = {
           agent: "에이전트",
         },
         pages: {
+          chatFirstCopySessionId: "세션 ID 복사",
+          chatFirstSessionIdCopied: "세션 ID가 복사되었습니다",
+          chatFirstWatchSession: "지켜보기",
           ...chatFirstPageTranslations["ko-KR"],
           adminDescription: "워크스페이스 제어 및 운영",
           connectApps: "앱 연결",
@@ -4261,6 +4315,10 @@ export const messagesByLocale = {
       },
 
       dispatch: {
+        sidebar: {
+          showLocalChats: "Mostrar conversas locais",
+          showAllChats: "Mostrar todas as conversas",
+        },
         nav: {
           admin: "Administração",
           automations: "Automações",
@@ -4273,6 +4331,9 @@ export const messagesByLocale = {
           agent: "Agente",
         },
         pages: {
+          chatFirstCopySessionId: "Copiar ID da sessão",
+          chatFirstSessionIdCopied: "ID da sessão copiado",
+          chatFirstWatchSession: "Observar",
           ...chatFirstPageTranslations["pt-BR"],
           adminDescription: "Controles e operações do espaço de trabalho",
           connectApps: "Conectar apps",
@@ -4707,6 +4768,10 @@ export const messagesByLocale = {
       },
 
       dispatch: {
+        sidebar: {
+          showLocalChats: "स्थानीय चैट दिखाएँ",
+          showAllChats: "सभी चैट दिखाएँ",
+        },
         nav: {
           admin: "व्यवस्थापक",
           automations: "ऑटोमेशन",
@@ -4719,6 +4784,9 @@ export const messagesByLocale = {
           agent: "एजेंट",
         },
         pages: {
+          chatFirstCopySessionId: "सत्र ID कॉपी करें",
+          chatFirstSessionIdCopied: "सत्र ID कॉपी किया गया",
+          chatFirstWatchSession: "देखें",
           ...chatFirstPageTranslations["hi-IN"],
           adminDescription: "वर्कस्पेस नियंत्रण और संचालन",
           connectApps: "ऐप कनेक्ट करें",
@@ -5181,6 +5249,10 @@ export const messagesByLocale = {
       },
 
       dispatch: {
+        sidebar: {
+          showLocalChats: "إظهار المحادثات المحلية",
+          showAllChats: "إظهار جميع المحادثات",
+        },
         nav: {
           admin: "الإدارة",
           automations: "الأتمتة",
@@ -5193,6 +5265,9 @@ export const messagesByLocale = {
           agent: "الوكيل",
         },
         pages: {
+          chatFirstCopySessionId: "نسخ معرّف الجلسة",
+          chatFirstSessionIdCopied: "تم نسخ معرّف الجلسة",
+          chatFirstWatchSession: "مشاهدة",
           ...chatFirstPageTranslations["ar-SA"],
           adminDescription: "عناصر التحكم في مساحة العمل وعملياتها",
           connectApps: "توصيل التطبيقات",

package/corpus/templates/dispatch/changelog/2026-10-21-owned-and-shared-chats-appear-in-separate-history-sections.md

@@ -0,0 +1,6 @@
+---
+type: added
+date: 2026-10-21
+---
+
+Owned and shared chats appear in separate history sections, with each shared chat's owner shown as an avatar and a Copy link action on every chat.

package/corpus/templates/factory/app/components/layout/Sidebar.tsx

@@ -1,9 +1,14 @@
 import {
   navigateWithAgentChatViewTransition,
   useChatThreads,
-  type ChatThreadSummary,
 } from "@agent-native/core/client/agent-chat";
+import { appPath } from "@agent-native/core/client/api-path";
 import { useT } from "@agent-native/core/client/i18n";
+import {
+  OwnershipChatHistoryRail,
+  useOwnershipChatHistory,
+  ownDraftRows,
+} from "@agent-native/toolkit/app/chat/ownership-history";
 import { FeedbackButton } from "@agent-native/toolkit/app/feedback";
 import { OrgSwitcher } from "@agent-native/toolkit/app/org";
 import { openCommandMenu } from "@agent-native/toolkit/app/shared";
@@ -11,17 +16,12 @@ import {
   AppSidebar,
   AppSidebarNavItem,
 } from "@agent-native/toolkit/app/shared";
-import {
-  ChatHistoryRail,
-  type ChatHistoryItem,
-} from "@agent-native/toolkit/chat-history";
 import {
   IconGitPullRequest,
   IconHierarchy2,
   IconMessageCircle,
   IconSearch,
 } from "@tabler/icons-react";
-import { useEffect, useMemo } from "react";
 import { useLocation, useNavigate } from "react-router";
 import { toast } from "sonner";
 
@@ -42,40 +42,6 @@ interface SidebarProps {
   onCollapsedChange?: (collapsed: boolean) => void;
 }
 
-function formatThreadAge(updatedAt: number) {
-  const diffMs = Math.max(0, Date.now() - updatedAt);
-  const minutes = Math.floor(diffMs / 60_000);
-  if (minutes < 1) return "now";
-  if (minutes < 60) return `${minutes}m`;
-  const hours = Math.floor(minutes / 60);
-  if (hours < 24) return `${hours}h`;
-  const days = Math.floor(hours / 24);
-  if (days < 7) return `${days}d`;
-  return new Date(updatedAt).toLocaleDateString([], {
-    month: "short",
-    day: "numeric",
-  });
-}
-
-function threadTitle(thread: ChatThreadSummary) {
-  return thread.title || thread.preview || "Untitled chat";
-}
-
-function threadUpdatedAt(thread: ChatThreadSummary) {
-  return Number.isFinite(thread.updatedAt)
-    ? thread.updatedAt
-    : Number.isFinite(thread.createdAt)
-      ? thread.createdAt
-      : 0;
-}
-
-function compareThreads(a: ChatThreadSummary, b: ChatThreadSummary) {
-  const aPinned = a.pinnedAt ?? 0;
-  const bPinned = b.pinnedAt ?? 0;
-  if (aPinned || bPinned) return bPinned - aPinned;
-  return threadUpdatedAt(b) - threadUpdatedAt(a);
-}
-
 function persistedActiveThreadId() {
   try {
     return localStorage.getItem(CHAT_ACTIVE_THREAD_KEY);
@@ -120,56 +86,37 @@ function ChatThreadsSection({ open }: { open: boolean }) {
     pinThread,
     archiveThread,
     renameThread,
-    refreshThreads,
+    isNewThread,
   } = useChatThreads(undefined, CHAT_STORAGE_KEY, undefined, {
+    ownership: "mine",
     autoCreate: false,
     restoreActiveThread: false,
   });
 
-  const visibleThreads = useMemo(
-    () =>
-      threads
-        .filter((thread) => thread.messageCount > 0 && !thread.archivedAt)
-        .sort(compareThreads)
-        .slice(0, 15),
-    [threads],
-  );
   const displayedActiveThreadId =
     threadIdFromPath(location.pathname) ??
     (location.pathname === "/chat" ? null : activeThreadId);
-  const chatItems = useMemo<ChatHistoryItem[]>(
-    () =>
-      visibleThreads.map((thread) => ({
-        id: thread.id,
-        title: threadTitle(thread),
-        titleText: threadTitle(thread),
-        timestamp:
-          thread.id === displayedActiveThreadId
-            ? undefined
-            : formatThreadAge(threadUpdatedAt(thread)),
-        pinned: Boolean(thread.pinnedAt),
-      })),
-    [displayedActiveThreadId, visibleThreads],
-  );
-
-  useEffect(() => {
-    const refresh = () => refreshThreads();
-    const handleRunning = (event: Event) => {
-      const detail = (event as CustomEvent).detail as
-        | { isRunning?: unknown }
-        | undefined;
-      if (typeof detail?.isRunning === "boolean") refreshThreads();
-    };
-
-    window.addEventListener("agent-chat:threads-updated", refresh);
-    window.addEventListener("agentNative.chatRunning", handleRunning);
-    window.addEventListener("focus", refresh);
-    return () => {
-      window.removeEventListener("agent-chat:threads-updated", refresh);
-      window.removeEventListener("agentNative.chatRunning", handleRunning);
-      window.removeEventListener("focus", refresh);
-    };
-  }, [refreshThreads]);
+  const history = useOwnershipChatHistory({
+    getThreadUrl: (threadId) => appPath(chatThreadPath(threadId)),
+    activeId: displayedActiveThreadId,
+    localMineRows: ownDraftRows({ threads, isNewThread }),
+    mutations: {
+      pin: pinThread,
+      rename: renameThread,
+      archive: archiveThread,
+    },
+    onMutationFailed: (kind) => {
+      toast.error(
+        t(
+          kind === "archive"
+            ? "chat.archiveFailed"
+            : kind === "rename"
+              ? "chat.renameFailed"
+              : "agentChat.common.saveFailed",
+        ),
+      );
+    },
+  });
 
   function openThread(threadId: string, options?: { isNew?: boolean }) {
     switchThread(threadId);
@@ -195,20 +142,12 @@ function ChatThreadsSection({ open }: { open: boolean }) {
   async function handleArchiveThread(threadId: string) {
     const wasActive =
       threadId === activeThreadId || threadId === persistedActiveThreadId();
-    const archived = await archiveThread(threadId);
-    if (!archived) {
-      toast.error(t("chat.archiveFailed"));
-      return;
-    }
+    const archived = await history.listProps.onDelete!(threadId);
+    if (!archived) return false;
     if (wasActive) {
       await handleNewChat();
     }
-  }
-
-  function handleRenameThread(threadId: string, title: string) {
-    void renameThread(threadId, title).then((renamed) => {
-      if (!renamed) toast.error(t("chat.renameFailed"));
-    });
+    return true;
   }
 
   return (
@@ -218,8 +157,8 @@ function ChatThreadsSection({ open }: { open: boolean }) {
       aria-hidden={!open}
     >
       <div className="ms-4">
-        <ChatHistoryRail
-          items={chatItems}
+        <OwnershipChatHistoryRail
+          {...history}
           activeId={displayedActiveThreadId}
           onSelect={(threadId) => openThread(threadId)}
           onNewChat={() => void handleNewChat()}
@@ -229,11 +168,6 @@ function ChatThreadsSection({ open }: { open: boolean }) {
             showLess: t("chat.chats"),
           }}
           renameMaxLength={160}
-          onTogglePin={(threadId) => {
-            const thread = visibleThreads.find((item) => item.id === threadId);
-            if (thread) void pinThread(threadId, !thread.pinnedAt);
-          }}
-          onRename={handleRenameThread}
           onDelete={(threadId) => void handleArchiveThread(threadId)}
           labels={{
             options: (item) =>

package/corpus/templates/forms/app/pages/FormsListPage.tsx

@@ -5,7 +5,7 @@ import {
   useSetHeaderActions,
   useSetPageTitle,
 } from "@agent-native/toolkit/app-shell";
-import { VisibilityBadge } from "@agent-native/toolkit/sharing";
+import { VisibilityBadge } from "@agent-native/toolkit/app/sharing/VisibilityBadge";
 import {
   IconPlus,
   IconLoader2,