@agent-native/core-corpus 0.216.0 → 0.218.0

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

@@ -2,7 +2,6 @@ import {
   navigateWithAgentChatViewTransition,
   sendToAgentChat,
   useChatThreads,
-  type ChatThreadSummary,
 } from "@agent-native/core/client/agent-chat";
 import { useCodeMode } from "@agent-native/core/client/agent-chat";
 import { appPath } from "@agent-native/core/client/api-path";
@@ -10,6 +9,11 @@ import { useSession } from "@agent-native/core/client/hooks";
 import { useT } from "@agent-native/core/client/i18n";
 import { buildSignInReturnHref } from "@agent-native/core/client/sign-in-return";
 import { useSendToAgentChat } from "@agent-native/toolkit/app/chat/composer";
+import {
+  OwnershipChatHistoryRail,
+  useOwnershipChatHistory,
+  ownDraftRows,
+} from "@agent-native/toolkit/app/chat/ownership-history";
 import { DevDatabaseLink } from "@agent-native/toolkit/app/db-admin";
 import { FeedbackButton } from "@agent-native/toolkit/app/feedback";
 import { OrgSwitcher } from "@agent-native/toolkit/app/org";
@@ -21,10 +25,6 @@ import {
 } from "@agent-native/toolkit/app/shared";
 import { LazyChunkErrorBoundary } from "@agent-native/toolkit/app/shared";
 import { LazyChunkRetryFallback } from "@agent-native/toolkit/app/shared";
-import {
-  ChatHistoryRail,
-  type ChatHistoryItem,
-} from "@agent-native/toolkit/chat-history";
 import { planPathForKind } from "@shared/plan-routes";
 import {
   IconClipboardCheck,
@@ -34,14 +34,7 @@ import {
   IconRefresh,
   IconNews,
 } from "@tabler/icons-react";
-import {
-  lazy,
-  Suspense,
-  useEffect,
-  useMemo,
-  useState,
-  type MouseEvent,
-} from "react";
+import { lazy, Suspense, useMemo, useState, type MouseEvent } from "react";
 import { Link, useLocation, useNavigate } from "react-router";
 import { toast } from "sonner";
 
@@ -121,40 +114,6 @@ function formatPlanAge(value: string) {
   });
 }
 
-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(
@@ -182,53 +141,34 @@ function PlanChatsSection({
     pinThread,
     archiveThread,
     renameThread,
-    refreshThreads,
+    isNewThread,
   } = useChatThreads(undefined, PLAN_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 chatItems = useMemo<ChatHistoryItem[]>(
-    () =>
-      visibleThreads.map((thread) => ({
-        id: thread.id,
-        title: threadTitle(thread),
-        titleText: threadTitle(thread),
-        timestamp:
-          thread.id === activeThreadId
-            ? undefined
-            : formatThreadAge(threadUpdatedAt(thread)),
-        pinned: Boolean(thread.pinnedAt),
-      })),
-    [activeThreadId, 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(planChatThreadPath(threadId)),
+    activeId: activeThreadId,
+    localMineRows: ownDraftRows({ threads, isNewThread }),
+    mutations: {
+      pin: pinThread,
+      rename: renameThread,
+      archive: archiveThread,
+    },
+    onMutationFailed: (kind) => {
+      toast.error(
+        t(
+          kind === "archive"
+            ? "raw.sidebar.archiveChatFailed"
+            : kind === "rename"
+              ? "raw.sidebar.renameChatFailed"
+              : "agentChat.common.saveFailed",
+        ),
+      );
+    },
+  });
 
   if (collapsed) return null;
 
@@ -252,20 +192,12 @@ function PlanChatsSection({
   async function handleArchiveThread(threadId: string) {
     const wasActive =
       threadId === activeThreadId || threadId === persistedActiveThreadId();
-    const archived = await archiveThread(threadId);
-    if (!archived) {
-      toast.error(t("raw.sidebar.archiveChatFailed"));
-      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("raw.sidebar.renameChatFailed"));
-    });
+    return true;
   }
 
   return (
@@ -275,22 +207,15 @@ function PlanChatsSection({
       aria-hidden={!open}
     >
       <div className="ms-4">
-        <ChatHistoryRail
-          items={chatItems}
+        <OwnershipChatHistoryRail
+          {...history}
           activeId={activeThreadId}
           onSelect={(threadId) => openThread(threadId)}
           onNewChat={() => void handleNewChat()}
           railLabels={{
             newChat: t("sidebar.newChat"),
-            showMore: t("sidebar.chats"),
-            showLess: t("sidebar.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) => `${t("sidebar.chats")}: ${item.titleText ?? ""}`,

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

@@ -0,0 +1,6 @@
+---
+type: added
+date: 2026-10-16
+---
+
+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/slides/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable user-facing changes to Agent-Native Slides are documented here. Open it any
 time from the command menu (Cmd+K → "What's new").
 
+## 2026-10-21
+
+### Fixed
+
+- Deleting a deck through an agent requires approval for each deletion.
+
 ## 2026-10-20
 
 ### Improved
@@ -41,6 +47,7 @@ time from the command menu (Cmd+K → "What's new").
 
 ### Improved
 
+- Deck lists use the shared ownership filter, and visibility badges use localized labels.
 - Contextual toolbar: the second row now changes with what is selected (text, shape, image, video, multi-select), and every state ends with an Edit with Agent button with quick picks.
 - The top bar shows a deck's privacy next to its name, Share has People and Agents tabs, and Present opens a menu to start in this tab, full screen, or Presenter View.
 

package/corpus/templates/slides/actions/delete-deck.ts

@@ -13,6 +13,13 @@ export default defineAction({
     id: z.string().min(1).describe("Deck ID"),
   }),
   http: { method: "DELETE" },
+  needsApproval: true,
+  allowPersistentApproval: false,
+  mcpAnnotations: {
+    readOnlyHint: false,
+    destructiveHint: true,
+    openWorldHint: false,
+  },
   run: async ({ id }) => {
     try {
       const access = await assertAccess("deck", id, "admin");

package/corpus/templates/slides/app/components/deck/DeckCard.tsx

@@ -3,7 +3,7 @@ import {
   CreativeContextShareSheet,
   useCreativeContextLab,
 } from "@agent-native/creative-context/client";
-import { VisibilityBadge } from "@agent-native/toolkit/sharing";
+import { VisibilityBadge } from "@agent-native/toolkit/app/sharing/VisibilityBadge";
 import {
   IconBuildingCommunity,
   IconDots,

package/corpus/templates/slides/app/components/design-system/DesignSystemCard.tsx

@@ -1,6 +1,6 @@
 import { useT } from "@agent-native/core/client/i18n";
 import { ShareButton } from "@agent-native/toolkit/app/sharing";
-import { VisibilityBadge } from "@agent-native/toolkit/sharing";
+import { VisibilityBadge } from "@agent-native/toolkit/app/sharing/VisibilityBadge";
 import {
   IconBuildingCommunity,
   IconComponents,

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

@@ -30,6 +30,7 @@ import {
   LazyChunkErrorBoundary,
   LazyChunkRetryFallback,
 } from "@agent-native/toolkit/app/shared";
+import { OwnershipFilter } from "@agent-native/toolkit/app/sharing/OwnershipFilter";
 import { appStateKeyForBrowserTab } from "@shared/app-state-tabs";
 import { extractGoogleDocUrls } from "@shared/google-docs";
 import {
@@ -62,7 +63,6 @@ import { toast } from "sonner";
 import { z } from "zod";
 
 import DeckCard from "@/components/deck/DeckCard";
-import { DeckFilterMenu } from "@/components/deck/DeckFilterMenu";
 import { DeckEditorSkeleton } from "@/components/editor/DeckEditorSkeleton";
 import { ImportDeckButton } from "@/components/editor/ImportDeckButton";
 import {
@@ -2928,7 +2928,12 @@ export default function Index({ active = true }: { active?: boolean }) {
             />
           }
           recentActions={
-            <DeckFilterMenu value={deckFilter} onChange={setDeckFilter} />
+            <OwnershipFilter
+              value={deckFilter === "not-mine" ? "shared" : deckFilter}
+              onChange={(value) =>
+                setDeckFilter(value === "shared" ? "not-mine" : value)
+              }
+            />
           }
           templates={<DeckTemplateLibrary enabled={isHome} />}
           recent={

package/corpus/templates/slides/changelog/2026-10-16-deck-lists-use-the-shared-ownership-filter-and-visibility-ba.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-10-16
+---
+
+Deck lists use the shared ownership filter, and visibility badges use localized labels.

package/corpus/templates/slides/changelog/2026-10-21-connected-deck-deletion-requires-approval.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-10-21
+---
+
+Deleting a deck through an agent requires approval for each deletion.

package/corpus/templates/slides/scripts/edit-fidelity/client-action.ts

@@ -0,0 +1,61 @@
+import {
+  ActionHttpError,
+  ActionRequestTimeoutError,
+  ActionTransportError,
+  isPlaywrightTargetTransportFailure,
+} from "./run-outcomes.ts";
+
+interface BrowserActionArgs {
+  body: Record<string, unknown>;
+  compatibilityVersion: string;
+  source: string;
+  timeoutMs: number;
+}
+
+interface ActionPage {
+  evaluate<A, R>(run: (args: A) => Promise<R>, args: A): Promise<R>;
+}
+
+export async function deleteScratchDeck<T>(
+  page: ActionPage,
+  args: BrowserActionArgs,
+): Promise<T> {
+  const result = await page
+    .evaluate(async ({ body, compatibilityVersion, source, timeoutMs }) => {
+      try {
+        const { callAction } = await import(source);
+        const value: T = await callAction("delete-deck", body, {
+          method: "DELETE",
+          uiOnly: true,
+          timeoutMs,
+          // Cleanup can run before Vite's client bootstrap sets define globals.
+          headers: {
+            "X-Agent-Native-Client-Compatibility": compatibilityVersion,
+          },
+        });
+        return { kind: "success" as const, value };
+      } catch (error) {
+        const fault = error as { status?: unknown; timedOut?: unknown } | null;
+        // Playwright does not preserve custom Error properties across evaluate.
+        return {
+          kind: "failure" as const,
+          message: String(error),
+          status: typeof fault?.status === "number" ? fault.status : null,
+          timedOut: fault?.timedOut === true,
+        };
+      }
+    }, args)
+    .catch((error: unknown) => {
+      if (isPlaywrightTargetTransportFailure(error)) {
+        throw new ActionTransportError(
+          `delete-deck action evaluation failed: ${String(error)}`,
+        );
+      }
+      throw error;
+    });
+  if (result.kind === "success") return result.value;
+  if (result.timedOut) throw new ActionRequestTimeoutError(result.message);
+  if (result.status !== null)
+    throw new ActionHttpError("delete-deck", result.status);
+  throw new ActionTransportError(result.message);
+}

package/corpus/templates/slides/scripts/edit-fidelity/run.ts

@@ -16,6 +16,7 @@ import { fileURLToPath } from "node:url";
 import { parse, type DefaultTreeAdapterTypes as P5 } from "parse5";
 
 import { IN_PLACE_TEXT_UNDO_LIMIT } from "../../app/components/editor/in-place-text-session.ts";
+import { CLIENT_COMPATIBILITY_VERSION } from "../../shared/client-compatibility.ts";
 import {
   pick,
   resolvePnpmEntry,
@@ -53,6 +54,7 @@ import {
   shouldRetainCleanupRecoveryClaimEvidence,
   type AuthoringFuzzPersistence,
 } from "./authoring-fuzz.ts";
+import { deleteScratchDeck } from "./client-action.ts";
 import { devServerListeningUrl } from "./dev-server-url.ts";
 import {
   CHROME_SELECTOR,
@@ -742,6 +744,14 @@ async function action<T = any>(
   method: "DELETE" | "GET" | "POST" = "POST",
   timeoutMs = 30_000,
 ): Promise<T> {
+  if (name === "delete-deck") {
+    return deleteScratchDeck<T>(page, {
+      body,
+      compatibilityVersion: CLIENT_COMPATIBILITY_VERSION,
+      source: `/@fs/${WORKTREE_ROOT.replace(/\\/g, "/")}/packages/core/src/client/use-action.ts`,
+      timeoutMs,
+    });
+  }
   const evaluation = page.evaluate(
     async ({ name, body, method, timeoutMs }: any) => {
       const url =

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agent-native/core-corpus",
-  "version": "0.216.0",
+  "version": "0.218.0",
   "description": "Opt-in source corpus for Agent-Native Core source-search.",
   "homepage": "https://github.com/BuilderIO/agent-native#readme",
   "bugs": {

package/corpus/templates/chat/app/lib/sidebar-thread-state.ts

@@ -1,29 +0,0 @@
-import type { ChatThreadSummary } from "@agent-native/toolkit/app/chat/agentkit-chat/index";
-
-export function visibleChatThreads(
-  threads: ChatThreadSummary[],
-  observedThreadStarts: ReadonlyMap<string, number>,
-): ChatThreadSummary[] {
-  const knownIds = new Set(threads.map((thread) => thread.id));
-  const optimistic: ChatThreadSummary[] = [...observedThreadStarts].flatMap(
-    ([id, startedAt]) =>
-      knownIds.has(id)
-        ? []
-        : [
-            {
-              id,
-              title: "",
-              preview: "",
-              messageCount: 0,
-              createdAt: startedAt,
-              updatedAt: startedAt,
-              scope: null,
-            },
-          ],
-  );
-  return [...threads, ...optimistic].filter(
-    (thread) =>
-      !thread.archivedAt &&
-      (thread.messageCount > 0 || observedThreadStarts.has(thread.id)),
-  );
-}

package/corpus/templates/slides/app/components/deck/DeckFilterMenu.tsx

@@ -1,83 +0,0 @@
-import { useT } from "@agent-native/core/client/i18n";
-import { IconChevronDown } from "@tabler/icons-react";
-
-import { Button } from "@/components/ui/button";
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuRadioGroup,
-  DropdownMenuRadioItem,
-  DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
-import type { DeckFilter } from "@/lib/deck-filter";
-
-export function DeckFilterMenu({
-  value,
-  onChange,
-}: {
-  value: DeckFilter;
-  onChange: (value: DeckFilter) => void;
-}) {
-  const t = useT();
-  const optionLabels: Record<DeckFilter, string> = {
-    all: t("home.ownedByAnyone"),
-    mine: t("home.ownedByMe"),
-    "not-mine": t("home.sharedWithMe"),
-  };
-  const label = optionLabels[value];
-  return (
-    <DropdownMenu>
-      <DropdownMenuTrigger asChild>
-        <Button
-          type="button"
-          variant="outline"
-          size="sm"
-          aria-label={label}
-          className="h-9 shrink-0 gap-2"
-        >
-          <span className="grid">
-            {Object.entries(optionLabels).map(([filter, option]) => (
-              <span
-                key={filter}
-                aria-hidden="true"
-                className="invisible col-start-1 row-start-1 whitespace-nowrap"
-              >
-                {option}
-              </span>
-            ))}
-            <span className="col-start-1 row-start-1 whitespace-nowrap">
-              {label}
-            </span>
-          </span>
-          <IconChevronDown className="size-4" aria-hidden="true" />
-        </Button>
-      </DropdownMenuTrigger>
-      <DropdownMenuContent align="start">
-        <DropdownMenuRadioGroup
-          value={value}
-          onValueChange={(nextValue) => {
-            if (
-              nextValue === "mine" ||
-              nextValue === "all" ||
-              nextValue === "not-mine"
-            ) {
-              onChange(nextValue);
-            }
-          }}
-        >
-          <DropdownMenuRadioItem value="all" indicator="check">
-            {t("home.ownedByAnyone")}
-          </DropdownMenuRadioItem>
-          <DropdownMenuRadioItem value="mine" indicator="check">
-            {t("home.ownedByMe")}
-          </DropdownMenuRadioItem>
-          <DropdownMenuRadioItem value="not-mine" indicator="check">
-            {t("home.sharedWithMe")}
-          </DropdownMenuRadioItem>
-        </DropdownMenuRadioGroup>
-      </DropdownMenuContent>
-    </DropdownMenu>
-  );
-}
-
-export default DeckFilterMenu;