@agent-native/core 0.130.0 → 0.130.2

package/corpus/templates/clips/desktop/src/styles.css

@@ -5652,7 +5652,8 @@ body[data-clips-route="recording-pill"] #root {
   opacity: 0.6;
 }
 
-.pill-expand-btn {
+.pill-expand-btn,
+.pill-close-btn {
   margin-left: 4px;
   display: inline-flex;
   height: 28px;
@@ -5667,7 +5668,8 @@ body[data-clips-route="recording-pill"] #root {
   transition: background 120ms;
 }
 
-.pill-expand-btn:hover {
+.pill-expand-btn:hover,
+.pill-close-btn:hover {
   background: rgba(255, 255, 255, 0.1);
 }
 
@@ -5862,6 +5864,44 @@ body[data-clips-route="recording-pill"] #root {
   background: rgba(255, 255, 255, 0.1);
 }
 
+.pill-finished-banner {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex-shrink: 0;
+  margin: 8px 12px 2px;
+  padding: 8px 10px;
+  border: 1px solid rgba(34, 197, 94, 0.45);
+  border-radius: 8px;
+  background: rgba(34, 197, 94, 0.16);
+}
+
+.pill-finished-text {
+  min-width: 0;
+  flex: 1;
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 1.35;
+  color: #86efac;
+}
+
+.pill-finished-open {
+  flex-shrink: 0;
+  padding: 5px 9px;
+  border: none;
+  border-radius: 6px;
+  background: #22c55e;
+  color: #052e16;
+  font-size: 11px;
+  font-weight: 700;
+  cursor: pointer;
+  transition: background 120ms;
+}
+
+.pill-finished-open:hover {
+  background: #4ade80;
+}
+
 .pill-transcript-area {
   min-height: 0;
   flex: 1;

package/corpus/templates/clips/server/db/index.ts

@@ -5,6 +5,7 @@ import { eq } from "drizzle-orm";
 
 import {
   absoluteUrl,
+  recordingShareEmailExtras,
   recordingShareHeroHtml,
 } from "../lib/share-email-hero.js";
 import * as schema from "./schema.js";
@@ -58,6 +59,11 @@ registerShareableResource({
     replyTo: ctx.sender.email,
   }),
   getHeroHtml: (recording, ctx) => recordingShareHeroHtml(recording, ctx),
+  getShareEmailExtras: (_recording, ctx) =>
+    recordingShareEmailExtras({
+      href: ctx.href,
+      senderEmail: ctx.sender.email,
+    }),
   getDb,
   ownerAccessIgnoresOrg: true,
 });

package/corpus/templates/clips/server/lib/share-email-hero.ts

@@ -1,7 +1,9 @@
 import {
+  emailLink,
   getAppProductionUrl,
   withConfiguredAppBasePath,
 } from "@agent-native/core/server";
+import type { ShareEmailExtras } from "@agent-native/core/sharing";
 
 /**
  * Origin plus the configured mount path. Deployments served under
@@ -52,6 +54,37 @@ function isHttpUrl(value: string): boolean {
   }
 }
 
+/**
+ * Clips-specific body for the share-notification email: the AI companion CTA,
+ * the copyable agent link, and the closing note that routes replies to the
+ * person who shared the clip.
+ */
+export function recordingShareEmailExtras(ctx: {
+  href: string;
+  senderEmail: string;
+}): ShareEmailExtras {
+  const summarizeUrl = new URL(ctx.href);
+  summarizeUrl.searchParams.set("panel", "agent");
+  return {
+    // The heading already says who shared what, so the clip thumbnail follows
+    // it directly.
+    paragraphs: [],
+    secondaryCta: { label: "Summarize with AI", url: summarizeUrl.toString() },
+    linkBlock: {
+      intro: "Copy and paste this link for your own AI agent to summarize:",
+      url: ctx.href,
+      placement: "after-cta",
+    },
+    closingParagraphs: [
+      "Clips is a 100% free, open-source, Agent-Native app for sharing screengrabs with friends and colleagues. No download required.",
+      `Just reply to this email if you want to get back to ${emailLink(
+        ctx.senderEmail,
+        `mailto:${ctx.senderEmail}`,
+      )} directly.`,
+    ],
+  };
+}
+
 export type ShareHeroRecording = {
   thumbnailUrl?: string | null;
   animatedThumbnailUrl?: string | null;

package/corpus/templates/clips/shared/clips-ai-prefs.ts

@@ -28,7 +28,6 @@ export type ClipsAiPrefs = {
 export type ClipsUserPrefs = ClipsAiPrefs & {
   defaultPlaybackSpeed?: string;
   emailNotifications?: boolean;
-  displayName?: string;
   transcriptCleanupEnabled?: boolean;
 };
 

package/corpus/templates/dispatch/changelog/2026-07-26-slack-replies-recover-after-connected-app-updates.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-26
+---
+
+Slack replies now recover after a connected app finishes an update, without repeating the update or losing the delivered reply from future thread context.

package/corpus/templates/slides/.agents/skills/design-systems/SKILL.md

@@ -40,6 +40,21 @@ Do not call `create-design-system` locally from `.fig` uploads. Do not call
 `import-document` for `.fig` files; it only handles metadata and will miss the
 Builder indexing flow.
 
+## Deleting a Design System
+
+`delete-design-system` requires admin access or higher (owner or admin share
+role) and removes the system, its shares, and the `designSystemId` link on
+every linked deck the caller can edit — decks the caller can't edit keep a
+dangling reference instead of being silently mutated, reported back as
+`decksSkippedForAccess` (clear it later with `patch-deck`'s
+`patch-deck-fields`, `designSystemId: null`). Those decks keep the tokens
+already baked into their slides — deletion never rewrites deck content — so a
+deck can look on-brand while no longer being linked to a system. If the
+deleted system was the caller's default, another of their design systems is
+promoted to default so future deck creation doesn't silently drop to "no
+design system". Deletion does not remove an upstream Builder-indexed design
+system.
+
 ## Applying to Slides
 
 Before creating or extending a system, read the `creative-context` skill and

package/corpus/templates/slides/actions/delete-design-system.ts

@@ -0,0 +1,145 @@
+import { defineAction } from "@agent-native/core";
+import {
+  assertAccess,
+  resolveAccess,
+  type ShareRole,
+} from "@agent-native/core/sharing";
+import { desc, eq } from "drizzle-orm";
+import { z } from "zod";
+
+import { getDb, schema } from "../server/db/index.js";
+import { withDeckLock } from "./patch-deck.js";
+
+function canEditDeckRole(role: "owner" | ShareRole) {
+  return role === "owner" || role === "admin" || role === "editor";
+}
+
+type UnlinkResult =
+  | { deckId: string; status: "unlinked" }
+  | { deckId: string; status: "skipped-no-access" };
+
+// Runs under the same per-deck lock patch-deck/save-deck/update-slide use for
+// all deck writes, re-reading the row inside the lock so a concurrent slide
+// edit can't be clobbered by this read-modify-write. Decks the caller can't
+// edit are left pointing at the deleted id rather than silently mutated —
+// admin access on a shared design system does not imply edit access on every
+// deck that happens to reference it.
+function unlinkDeck(
+  deckId: string,
+  designSystemId: string,
+): Promise<UnlinkResult> {
+  return withDeckLock(deckId, async () => {
+    const access = await resolveAccess("deck", deckId);
+    if (!access || !canEditDeckRole(access.role)) {
+      return { deckId, status: "skipped-no-access" };
+    }
+
+    const db = getDb();
+    const [deck] = await db
+      .select({
+        designSystemId: schema.decks.designSystemId,
+        data: schema.decks.data,
+      })
+      .from(schema.decks)
+      .where(eq(schema.decks.id, deckId));
+    if (!deck || deck.designSystemId !== designSystemId) {
+      return { deckId, status: "unlinked" };
+    }
+
+    const data = JSON.parse(deck.data);
+    if ("designSystemId" in data) delete data.designSystemId;
+    await db
+      .update(schema.decks)
+      .set({
+        designSystemId: null,
+        data: JSON.stringify(data),
+        updatedAt: new Date().toISOString(),
+      })
+      .where(eq(schema.decks.id, deckId));
+    return { deckId, status: "unlinked" };
+  });
+}
+
+export default defineAction({
+  description:
+    "Delete a design system. Requires admin access or higher. Decks linked to it that " +
+    "the caller can edit are unlinked; others keep a dangling reference (clear it with " +
+    "patch-deck's patch-deck-fields, designSystemId: null). If the deleted system was the " +
+    "caller's default, another of their design systems is promoted to default.",
+  schema: z.object({
+    id: z.string().min(1).describe("Design system ID to delete"),
+  }),
+  run: async ({ id }) => {
+    const access = await assertAccess("design-system", id, "admin");
+
+    const db = getDb();
+
+    const linkedDeckIds = (
+      await db
+        .select({ id: schema.decks.id })
+        .from(schema.decks)
+        .where(eq(schema.decks.designSystemId, id))
+    ).map((row) => row.id);
+
+    // Delete the design system (and its shares) before touching linked decks.
+    // Once the row is gone, apply-design-system/create-deck's
+    // assertAccess("design-system", ...) check fails for anyone trying to
+    // attach a fresh link, shrinking the window for a deck to end up pointing
+    // at a design system we're about to remove. If this was the owner's
+    // default, promote another of their design systems in the same
+    // transaction so deck creation never silently drops to "no design
+    // system" just because the default happened to be deleted.
+    await db.transaction(async (tx) => {
+      await tx
+        .delete(schema.designSystemShares)
+        .where(eq(schema.designSystemShares.resourceId, id));
+
+      await tx
+        .delete(schema.designSystems)
+        .where(eq(schema.designSystems.id, id));
+
+      if (access.resource.isDefault) {
+        const [next] = await tx
+          .select({ id: schema.designSystems.id })
+          .from(schema.designSystems)
+          .where(
+            eq(schema.designSystems.ownerEmail, access.resource.ownerEmail),
+          )
+          .orderBy(desc(schema.designSystems.updatedAt))
+          .limit(1);
+        if (next) {
+          await tx
+            .update(schema.designSystems)
+            .set({ isDefault: true, updatedAt: new Date().toISOString() })
+            .where(eq(schema.designSystems.id, next.id));
+        }
+      }
+    });
+
+    // Best-effort cleanup: the design system is already gone, so a deck we
+    // can't touch (missing access) or fail to update (write error) is left
+    // dangling rather than retried here. Both cases are reported back instead
+    // of swallowed, so the caller can decide whether to intervene.
+    const settled = await Promise.allSettled(
+      linkedDeckIds.map((deckId) => unlinkDeck(deckId, id)),
+    );
+
+    const decksSkippedForAccess: string[] = [];
+    const decksFailedToUnlink: string[] = [];
+    settled.forEach((result, index) => {
+      const deckId = linkedDeckIds[index];
+      if (result.status === "rejected") {
+        decksFailedToUnlink.push(deckId);
+      } else if (result.value.status === "skipped-no-access") {
+        decksSkippedForAccess.push(deckId);
+      }
+    });
+
+    return {
+      id,
+      deleted: true,
+      ...(decksSkippedForAccess.length > 0 ? { decksSkippedForAccess } : {}),
+      ...(decksFailedToUnlink.length > 0 ? { decksFailedToUnlink } : {}),
+    };
+  },
+});

package/corpus/templates/slides/actions/list-design-systems.ts

@@ -1,10 +1,38 @@
 import { defineAction } from "@agent-native/core";
-import { accessFilter } from "@agent-native/core/sharing";
-import { desc } from "drizzle-orm";
+import {
+  getRequestOrgId,
+  getRequestUserEmail,
+} from "@agent-native/core/server/request-context";
+import {
+  accessFilter,
+  ROLE_RANK,
+  type ShareRole,
+} from "@agent-native/core/sharing";
+import { and, desc, eq, inArray, or, sql } from "drizzle-orm";
 import { z } from "zod";
 
 import { getDb, schema } from "../server/db/index.js";
 
+type EffectiveRole = "owner" | ShareRole;
+
+function canManageRole(role: EffectiveRole) {
+  return role === "owner" || role === "admin";
+}
+
+// Mirrors the core access model (assertAccess/resolveAccess), which compares
+// emails with `lower(column) = lowercased-input` so a share or ownership
+// grant survives casing differences between the stored principal and the
+// caller's session email.
+function normalizeEmail(email: string | undefined): string | null {
+  const normalized = email?.trim().toLowerCase();
+  return normalized || null;
+}
+
+function strongerRole(current: ShareRole | null, next: ShareRole): ShareRole {
+  if (!current || ROLE_RANK[next] > ROLE_RANK[current]) return next;
+  return current;
+}
+
 export default defineAction({
   description:
     "List all design systems accessible to the current user. " +
@@ -19,6 +47,8 @@ export default defineAction({
   http: { method: "GET" },
   run: async (args) => {
     const db = getDb();
+    const userEmail = normalizeEmail(getRequestUserEmail());
+    const orgId = getRequestOrgId();
     // Project only the columns this list returns. The default path returns
     // `data`, but neither path returns the heavy `assets` blob — a bare
     // `.select()` would load it off every row for nothing.
@@ -30,6 +60,8 @@ export default defineAction({
         data: schema.designSystems.data,
         isDefault: schema.designSystems.isDefault,
         visibility: schema.designSystems.visibility,
+        ownerEmail: schema.designSystems.ownerEmail,
+        orgId: schema.designSystems.orgId,
         createdAt: schema.designSystems.createdAt,
         updatedAt: schema.designSystems.updatedAt,
       })
@@ -41,12 +73,70 @@ export default defineAction({
       return { count: 0, designSystems: [] };
     }
 
+    // Resolve every row's role from a single batched shares query instead of
+    // calling resolveAccess() per row, which would re-load each resource and
+    // its shares (N+1) and fan out an unbounded Promise.all as the list grows.
+    const principalClauses: NonNullable<ReturnType<typeof and>>[] = [];
+    if (userEmail) {
+      principalClauses.push(
+        and(
+          eq(schema.designSystemShares.principalType, "user"),
+          sql`lower(${schema.designSystemShares.principalId}) = ${userEmail}`,
+        )!,
+      );
+    }
+    if (orgId) {
+      principalClauses.push(
+        and(
+          eq(schema.designSystemShares.principalType, "org"),
+          eq(schema.designSystemShares.principalId, orgId),
+        )!,
+      );
+    }
+
+    const shareRoleById = new Map<string, ShareRole>();
+    if (principalClauses.length > 0) {
+      const shareRows = await db
+        .select({
+          resourceId: schema.designSystemShares.resourceId,
+          role: schema.designSystemShares.role,
+        })
+        .from(schema.designSystemShares)
+        .where(
+          and(
+            inArray(
+              schema.designSystemShares.resourceId,
+              rows.map((row) => row.id),
+            ),
+            or(...principalClauses),
+          ),
+        );
+      for (const share of shareRows) {
+        shareRoleById.set(
+          share.resourceId,
+          strongerRole(shareRoleById.get(share.resourceId) ?? null, share.role),
+        );
+      }
+    }
+
     const items = rows.map((row) => {
+      let role: EffectiveRole = shareRoleById.get(row.id) ?? "viewer";
+      if (
+        userEmail &&
+        normalizeEmail(row.ownerEmail) === userEmail &&
+        (!row.orgId || row.orgId === orgId)
+      ) {
+        role = "owner";
+      }
+      const canManage = canManageRole(role);
+
       if (args.compact === "true") {
         return {
           id: row.id,
           title: row.title,
           isDefault: row.isDefault,
+          accessRole: role,
+          canManage,
         };
       }
       return {
@@ -56,6 +146,8 @@ export default defineAction({
         data: row.data,
         isDefault: row.isDefault,
         visibility: row.visibility,
+        accessRole: role,
+        canManage,
         createdAt: row.createdAt,
         updatedAt: row.updatedAt,
       };

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

@@ -1,7 +1,21 @@
+import { useT } from "@agent-native/core/client/i18n";
 import { ShareButton } from "@agent-native/core/client/sharing";
 import { VisibilityBadge } from "@agent-native/toolkit/sharing";
-import { IconPalette, IconStar, IconStarFilled } from "@tabler/icons-react";
+import {
+  IconDots,
+  IconPalette,
+  IconStar,
+  IconStarFilled,
+  IconTrash,
+} from "@tabler/icons-react";
 
+import { Button } from "@/components/ui/button";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
 import {
   Tooltip,
   TooltipContent,
@@ -16,8 +30,10 @@ interface DesignSystemCardProps {
   data: DesignSystemData;
   isDefault: boolean;
   visibility?: "private" | "org" | "public" | null;
+  canManage?: boolean;
   onClick: () => void;
   onSetDefault: () => void;
+  onDelete: () => void;
 }
 
 function firstFontName(stack: string): string {
@@ -30,9 +46,12 @@ export function DesignSystemCard({
   data,
   isDefault,
   visibility,
+  canManage,
   onClick,
   onSetDefault,
+  onDelete,
 }: DesignSystemCardProps) {
+  const t = useT();
   const swatchColors = [
     { label: "Primary", color: data.colors.primary },
     { label: "Secondary", color: data.colors.secondary },
@@ -93,6 +112,29 @@ export function DesignSystemCard({
             resourceId={id}
             resourceTitle={title}
           />
+          {canManage && (
+            <DropdownMenu modal={false}>
+              <DropdownMenuTrigger asChild>
+                <Button
+                  variant="ghost"
+                  size="icon"
+                  aria-label={t("designSystems.moreActions")}
+                  className="h-9 w-9 rounded-md bg-background/80 backdrop-blur-sm border border-border/40 hover:bg-background cursor-pointer"
+                >
+                  <IconDots className="w-4 h-4 text-muted-foreground" />
+                </Button>
+              </DropdownMenuTrigger>
+              <DropdownMenuContent align="end">
+                <DropdownMenuItem
+                  onClick={onDelete}
+                  className="text-red-400 focus:text-red-400"
+                >
+                  <IconTrash className="w-3.5 h-3.5 me-2" />
+                  {t("designSystems.delete")}
+                </DropdownMenuItem>
+              </DropdownMenuContent>
+            </DropdownMenu>
+          )}
         </div>
 
         {/* Typography preview */}

package/corpus/templates/slides/app/hooks/use-design-systems.ts

@@ -7,6 +7,8 @@ type DesignSystemSummary = {
   data: string;
   isDefault: boolean;
   visibility?: "private" | "org" | "public" | null;
+  accessRole?: "owner" | "admin" | "editor" | "viewer";
+  canManage?: boolean;
   createdAt: string;
 };
 

package/corpus/templates/slides/app/i18n/en-US.ts

@@ -162,6 +162,13 @@ const messages = {
   designSystems: {
     new: "New Design System",
     setupBrand: "Set up your brand",
+    delete: "Delete",
+    cancel: "Cancel",
+    moreActions: "More actions",
+    deleteDialogTitle: "Delete design system?",
+    deleteDialogDescription:
+      "This permanently deletes the design system. Decks using it keep their current look but are no longer linked to it.",
+    deleteError: "Failed to delete design system",
     emptyTitle: "Set up your brand identity",
     emptyDescription:
       "Create a design system with your brand colors, typography, and logos. Every new deck will follow your visual identity.",

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

@@ -1,4 +1,4 @@
-import { callAction } from "@agent-native/core/client/hooks";
+import { callAction, useActionMutation } from "@agent-native/core/client/hooks";
 import { useT } from "@agent-native/core/client/i18n";
 import {
   useSetHeaderActions,
@@ -11,9 +11,20 @@ import {
   IconRefresh,
 } from "@tabler/icons-react";
 import { useMemo, useState } from "react";
+import { toast } from "sonner";
 
 import { DesignSystemCard } from "@/components/design-system/DesignSystemCard";
 import { DesignSystemSetup } from "@/components/design-system/DesignSystemSetup";
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+} from "@/components/ui/alert-dialog";
 import { Button } from "@/components/ui/button";
 import { useDesignSystems } from "@/hooks/use-design-systems";
 
@@ -25,6 +36,8 @@ export default function DesignSystems() {
   const { designSystems, isLoading, error, refetch } = useDesignSystems();
   const [showSetup, setShowSetup] = useState(false);
   const [editingId, setEditingId] = useState<string | null>(null);
+  const [deleteId, setDeleteId] = useState<string | null>(null);
+  const deleteMutation = useActionMutation("delete-design-system");
 
   const handleCardClick = (id: string) => {
     setEditingId(id);
@@ -51,6 +64,21 @@ export default function DesignSystems() {
     setEditingId(null);
   };
 
+  const handleConfirmDelete = () => {
+    if (deleteId === null) return;
+    const id = deleteId;
+    setDeleteId(null);
+    deleteMutation.mutate({ id } as never, {
+      onSuccess: () => refetch(),
+      onError: (err: unknown) => {
+        void refetch();
+        toast.error(t("designSystems.deleteError"), {
+          description: err instanceof Error ? err.message : undefined,
+        });
+      },
+    });
+  };
+
   const parseDesignData = (dataStr: string): DesignSystemData | null => {
     try {
       const parsed = JSON.parse(dataStr) as DesignSystemData;
@@ -172,8 +200,10 @@ export default function DesignSystems() {
                     data={parsed}
                     isDefault={ds.isDefault}
                     visibility={ds.visibility}
+                    canManage={ds.canManage}
                     onClick={() => handleCardClick(ds.id)}
                     onSetDefault={() => handleSetDefault(ds.id)}
+                    onDelete={() => setDeleteId(ds.id)}
                   />
                 );
               })}
@@ -182,6 +212,31 @@ export default function DesignSystems() {
         )}
       </main>
 
+      <AlertDialog
+        open={deleteId !== null}
+        onOpenChange={(open) => !open && setDeleteId(null)}
+      >
+        <AlertDialogContent>
+          <AlertDialogHeader>
+            <AlertDialogTitle>
+              {t("designSystems.deleteDialogTitle")}
+            </AlertDialogTitle>
+            <AlertDialogDescription>
+              {t("designSystems.deleteDialogDescription")}
+            </AlertDialogDescription>
+          </AlertDialogHeader>
+          <AlertDialogFooter>
+            <AlertDialogCancel>{t("designSystems.cancel")}</AlertDialogCancel>
+            <AlertDialogAction
+              onClick={handleConfirmDelete}
+              className="bg-destructive text-destructive-foreground hover:bg-destructive/90"
+            >
+              {t("designSystems.delete")}
+            </AlertDialogAction>
+          </AlertDialogFooter>
+        </AlertDialogContent>
+      </AlertDialog>
+
       {/* Setup/Edit Dialog */}
       <DesignSystemSetup
         open={showSetup}

package/corpus/templates/slides/changelog/2026-07-28-delete-a-design-system-you-own-from-the-design-systems-page-.md

@@ -0,0 +1,6 @@
+---
+type: added
+date: 2026-07-28
+---
+
+Delete a design system you own from the Design Systems page; decks that used it keep their look and are simply unlinked.

package/dist/collab/awareness.d.ts

@@ -62,11 +62,11 @@ export declare const postAwareness: import("h3").EventHandlerWithFetch<import("h
     error: string;
     states?: undefined;
 } | {
+    error?: undefined;
     states: {
         clientId: number;
         state: string;
     }[];
-    error?: undefined;
 }>>;
 /**
  * GET /_agent-native/collab/:docId/users
@@ -77,10 +77,10 @@ export declare const getActiveUsers: import("h3").EventHandlerWithFetch<import("
     error: string;
     users?: undefined;
 } | {
+    error?: undefined;
     users: {
         clientId: number;
         lastSeen: number;
     }[];
-    error?: undefined;
 }>>;
 //# sourceMappingURL=awareness.d.ts.map