@agent-native/core 0.83.0 → 0.84.1

package/corpus/templates/content/app/components/editor/DocumentToolbar.tsx

@@ -533,7 +533,7 @@ export function DocumentToolbar({
     async (pageId: string) => {
       setLinkingPageId(pageId);
       try {
-        await linkDocument.mutateAsync({ pageIdOrUrl: pageId });
+        await linkDocument.mutateAsync({ documentId, pageIdOrUrl: pageId });
         toast.success(t("editor.toolbar.linkedToNotionPage"));
         setSearchQuery("");
       } catch (error) {
@@ -546,34 +546,34 @@ export function DocumentToolbar({
         setLinkingPageId(null);
       }
     },
-    [linkDocument, t],
+    [documentId, linkDocument, t],
   );
 
   const handlePull = useCallback(async () => {
     try {
-      await pullDocument.mutateAsync();
+      await pullDocument.mutateAsync({ documentId });
       toast.success(t("editor.toolbar.pulledFromNotion"));
     } catch (error) {
       toast.error(
         error instanceof Error ? error.message : t("editor.toolbar.pullFailed"),
       );
     }
-  }, [pullDocument, t]);
+  }, [documentId, pullDocument, t]);
 
   const handlePush = useCallback(async () => {
     try {
-      await pushDocument.mutateAsync();
+      await pushDocument.mutateAsync({ documentId });
       toast.success(t("editor.toolbar.pushedToNotion"));
     } catch (error) {
       toast.error(
         error instanceof Error ? error.message : t("editor.toolbar.pushFailed"),
       );
     }
-  }, [pushDocument, t]);
+  }, [documentId, pushDocument, t]);
 
   const handleUnlink = useCallback(async () => {
     try {
-      await unlinkDocument.mutateAsync();
+      await unlinkDocument.mutateAsync({ documentId });
       toast.success(t("editor.toolbar.unlinkedFromNotion"));
     } catch (error) {
       toast.error(
@@ -582,13 +582,13 @@ export function DocumentToolbar({
           : t("editor.toolbar.unlinkFailed"),
       );
     }
-  }, [unlinkDocument, t]);
+  }, [documentId, unlinkDocument, t]);
 
   const handleCreateAndLink = useCallback(
     (parentPageIdOrUrl?: string) => {
       if (parentPageIdOrUrl) setCreatingParentPageId(parentPageIdOrUrl);
       createAndLink.mutate(
-        parentPageIdOrUrl ? { parentPageIdOrUrl } : undefined,
+        { documentId, ...(parentPageIdOrUrl ? { parentPageIdOrUrl } : {}) },
         {
           onSuccess: () => {
             toast.success(t("editor.toolbar.createdAndLinkedToNotionPage"));
@@ -605,7 +605,7 @@ export function DocumentToolbar({
         },
       );
     },
-    [createAndLink, t],
+    [createAndLink, documentId, t],
   );
 
   const handleSetup = () => {

package/corpus/templates/content/app/components/editor/NotionConflictBanner.tsx

@@ -34,7 +34,7 @@ export function NotionConflictBanner({
   const handleResolve = async (dir: "pull" | "push") => {
     setDirection(dir);
     try {
-      await resolveConflict.mutateAsync({ direction: dir });
+      await resolveConflict.mutateAsync({ documentId, direction: dir });
       toast.success(
         dir === "pull"
           ? t("editor.notionConflictResolvedPulled")

package/corpus/templates/content/app/components/editor/NotionSyncBar.tsx

@@ -19,6 +19,7 @@ import {
   useDocumentSyncStatus,
   useLinkDocumentToNotion,
   useNotionConnection,
+  openNotionOAuthUrl,
   usePullDocumentFromNotion,
   usePushDocumentToNotion,
   useResolveDocumentSyncConflict,
@@ -63,12 +64,20 @@ export function NotionSyncBar({ documentId }: NotionSyncBarProps) {
     resolveConflict.isPending ||
     disconnectNotion.isPending;
 
-  const handleConnect = () => {
-    if (!connection?.authUrl) {
+  const handleConnect = async () => {
+    if (connection?.error === "missing_credentials") {
       toast.error(t("editor.toolbar.setUpNotionFirst"));
       return;
     }
-    window.location.href = connection.authUrl;
+    try {
+      window.location.href = await openNotionOAuthUrl();
+    } catch (error) {
+      toast.error(
+        error instanceof Error
+          ? error.message
+          : t("editor.toolbar.setUpNotionFirst"),
+      );
+    }
   };
 
   const handleLink = async () => {
@@ -77,7 +86,7 @@ export function NotionSyncBar({ documentId }: NotionSyncBarProps) {
       return;
     }
     try {
-      await linkDocument.mutateAsync({ pageIdOrUrl });
+      await linkDocument.mutateAsync({ documentId, pageIdOrUrl });
       setPageIdOrUrl("");
       toast.success(t("editor.toolbar.linkedToNotion"));
     } catch (error) {
@@ -91,7 +100,7 @@ export function NotionSyncBar({ documentId }: NotionSyncBarProps) {
 
   const handlePull = async () => {
     try {
-      await pullDocument.mutateAsync();
+      await pullDocument.mutateAsync({ documentId });
       toast.success(t("editor.toolbar.pulledFromNotion"));
     } catch (error) {
       toast.error(
@@ -102,7 +111,7 @@ export function NotionSyncBar({ documentId }: NotionSyncBarProps) {
 
   const handlePush = async () => {
     try {
-      await pushDocument.mutateAsync();
+      await pushDocument.mutateAsync({ documentId });
       toast.success(t("editor.toolbar.pushedToNotion"));
     } catch (error) {
       toast.error(
@@ -113,7 +122,7 @@ export function NotionSyncBar({ documentId }: NotionSyncBarProps) {
 
   const handleResolve = async (direction: "pull" | "push") => {
     try {
-      await resolveConflict.mutateAsync({ direction });
+      await resolveConflict.mutateAsync({ documentId, direction });
       toast.success(
         direction === "pull"
           ? t("editor.toolbar.conflictResolvedFromNotion")
@@ -130,7 +139,7 @@ export function NotionSyncBar({ documentId }: NotionSyncBarProps) {
 
   const handleUnlink = async () => {
     try {
-      await unlinkDocument.mutateAsync();
+      await unlinkDocument.mutateAsync({ documentId });
       toast.success(t("editor.toolbar.unlinkedFromNotion"));
     } catch (error) {
       toast.error(
@@ -143,7 +152,7 @@ export function NotionSyncBar({ documentId }: NotionSyncBarProps) {
 
   const handleDisconnect = async () => {
     try {
-      await disconnectNotion.mutateAsync();
+      await disconnectNotion.mutateAsync({});
       toast.success(t("editor.toolbar.disconnectedNotionWorkspace"));
     } catch (error) {
       toast.error(

package/corpus/templates/content/app/components/editor/database/DatabaseView.tsx

@@ -146,8 +146,10 @@ import {
   useContentDatabase,
   useContentDatabases,
   contentDatabaseQueryKey,
+  useDeleteDatabaseItems,
   useDisconnectContentDatabaseSource,
   useDuplicateDatabaseItem,
+  useDuplicateDatabaseItems,
   useExecuteBuilderSourceExecution,
   useMoveDatabaseItem,
   usePrepareBuilderSourceReview,
@@ -2766,9 +2768,9 @@ function DatabaseTableView({
 }) {
   const queryClient = useQueryClient();
   const moveItem = useMoveDatabaseItem(databaseDocumentId);
-  const duplicateItem = useDuplicateDatabaseItem(databaseDocumentId);
+  const duplicateItems = useDuplicateDatabaseItems(databaseDocumentId);
   const setProperty = useSetDocumentProperty(databaseDocumentId);
-  const deleteDocument = useDeleteDocument();
+  const deleteItems = useDeleteDatabaseItems(databaseDocumentId);
   const [draggedItemId, setDraggedItemId] = useState<string | null>(null);
   const [dropTargetItemId, setDropTargetItemId] = useState<string | null>(null);
   const [draggedPropertyId, setDraggedPropertyId] = useState<string | null>(
@@ -3012,14 +3014,15 @@ function DatabaseTableView({
   async function deleteSelectedRows() {
     if (selectedItems.length === 0) return;
     const selectedSnapshot = selectedItems;
-    onClearSelection();
     setConfirmDeleteSelectedOpen(false);
 
     try {
+      await deleteItems.mutateAsync({
+        documentId: databaseDocumentId,
+        itemIds: selectedSnapshot.map((item) => item.id),
+      });
+      onClearSelection();
       onDeletedPreviewItems(selectedSnapshot);
-      for (const item of selectedSnapshot) {
-        await deleteDocument.mutateAsync({ id: item.document.id });
-      }
       await queryClient.invalidateQueries({
         queryKey: [
           "action",
@@ -3043,22 +3046,11 @@ function DatabaseTableView({
     const selectedSnapshot = selectedItems;
     setIsDuplicatingSelected(true);
 
-    let duplicatedPreviewItem: ContentDatabaseItem | null = null;
-    let duplicatedCount = 0;
-    let failedCount = 0;
-
     try {
-      for (const item of selectedSnapshot) {
-        try {
-          const response = await duplicateItem.mutateAsync({ itemId: item.id });
-          duplicatedCount += 1;
-          duplicatedPreviewItem =
-            databaseDuplicatedItemFromResponse(response) ??
-            duplicatedPreviewItem;
-        } catch {
-          failedCount += 1;
-        }
-      }
+      const response = await duplicateItems.mutateAsync({
+        documentId: databaseDocumentId,
+        itemIds: selectedSnapshot.map((item) => item.id),
+      });
 
       await queryClient.invalidateQueries({
         queryKey: [
@@ -3071,16 +3063,15 @@ function DatabaseTableView({
         queryKey: ["action", "list-documents"],
       });
 
+      const duplicatedPreviewItem =
+        databaseDuplicatedItemFromResponse(response);
       if (duplicatedPreviewItem) onPreview(duplicatedPreviewItem);
-      if (duplicatedCount > 0) onClearSelection();
-      if (failedCount > 0) {
-        toast.error(dbText("failedToDuplicateEverySelectedRow"), {
-          description:
-            duplicatedCount > 0
-              ? `${duplicatedCount} duplicated, ${failedCount} failed.`
-              : "No rows were duplicated.",
-        });
-      }
+      onClearSelection();
+    } catch (err) {
+      toast.error(dbText("failedToDuplicateEverySelectedRow"), {
+        description:
+          err instanceof Error ? err.message : dbText("somethingWentWrong"),
+      });
     } finally {
       setIsDuplicatingSelected(false);
     }
@@ -3139,9 +3130,11 @@ function DatabaseTableView({
             canEdit={canEdit}
             properties={bulkEditableProperties}
             duplicateDisabled={
-              isDuplicatingSelected || deleteDocument.isPending
+              isDuplicatingSelected ||
+              duplicateItems.isPending ||
+              deleteItems.isPending
             }
-            deleteDisabled={deleteDocument.isPending}
+            deleteDisabled={deleteItems.isPending}
             updateDisabled={setProperty.isPending}
             onClearSelection={onClearSelection}
             onSetPropertyValue={setSelectedPropertyValue}
@@ -3360,10 +3353,10 @@ function DatabaseTableView({
             <AlertDialogCancel>Cancel</AlertDialogCancel>
             <AlertDialogAction
               className="bg-destructive text-destructive-foreground hover:bg-destructive/90"
-              disabled={deleteDocument.isPending}
+              disabled={deleteItems.isPending}
               onClick={() => void deleteSelectedRows()}
             >
-              {deleteDocument.isPending ? "Deleting..." : "Delete"}
+              {deleteItems.isPending ? "Deleting..." : "Delete"}
             </AlertDialogAction>
           </AlertDialogFooter>
         </AlertDialogContent>

package/corpus/templates/content/app/components/editor/database/navigation-state.ts

@@ -250,11 +250,17 @@ export function databaseBulkScalarInputState(
 
 export function databaseDuplicatedItemFromResponse(
   response: Pick<ContentDatabaseResponse, "items"> &
-    Pick<Partial<ContentDatabaseResponse>, "duplicatedItemId">,
+    Pick<
+      Partial<ContentDatabaseResponse>,
+      "duplicatedItemId" | "duplicatedItemIds"
+    >,
 ) {
-  return (
-    response.items.find((item) => item.id === response.duplicatedItemId) ?? null
-  );
+  const duplicatedItemIds = response.duplicatedItemIds ?? [];
+  const duplicatedItemId =
+    duplicatedItemIds.length > 0
+      ? duplicatedItemIds[duplicatedItemIds.length - 1]
+      : response.duplicatedItemId;
+  return response.items.find((item) => item.id === duplicatedItemId) ?? null;
 }
 
 export function toggleDatabaseRowSelection(

package/corpus/templates/content/app/components/sidebar/NotionButton.tsx

@@ -22,7 +22,11 @@ import {
   TooltipContent,
   TooltipTrigger,
 } from "@/components/ui/tooltip";
-import { useNotionConnection, useDisconnectNotion } from "@/hooks/use-notion";
+import {
+  openNotionOAuthUrl,
+  useDisconnectNotion,
+  useNotionConnection,
+} from "@/hooks/use-notion";
 import { cn } from "@/lib/utils";
 
 // ─── Notion SVG icon ────────────────────────────────────────────────────────
@@ -125,8 +129,8 @@ export function NotionButton() {
     };
   }, []);
 
-  function handleConnect() {
-    if (!connection?.authUrl) {
+  async function handleConnect() {
+    if (connection?.error === "missing_credentials") {
       if (needsCredentials) {
         setShowWizard(true);
         return;
@@ -134,7 +138,24 @@ export function NotionButton() {
       toast.error(t("sidebar.notionOAuthNotConfigured"));
       return;
     }
-    window.open(connection.authUrl, "_blank");
+    const popup = window.open("about:blank", "_blank");
+    if (!popup) {
+      toast.error(t("sidebar.notionOAuthNotConfigured"));
+      return;
+    }
+    popup.opener = null;
+
+    try {
+      popup.location.href = await openNotionOAuthUrl();
+    } catch (error) {
+      popup.close();
+      toast.error(
+        error instanceof Error
+          ? error.message
+          : t("sidebar.notionOAuthNotConfigured"),
+      );
+      return;
+    }
 
     // Clear any existing poll before starting a new one
     if (pollRef.current) clearInterval(pollRef.current);
@@ -142,18 +163,12 @@ export function NotionButton() {
 
     // Poll for connection
     pollRef.current = setInterval(async () => {
-      const res = await fetch(appApiPath("/api/notion/status")).catch(
-        () => null,
-      );
-      if (res?.ok) {
-        const data = await res.json();
-        if (data.connected) {
-          clearInterval(pollRef.current);
-          pollRef.current = undefined;
-          setShowWizard(false);
-          setOpen(false);
-          refetch();
-        }
+      const result = await refetch();
+      if (result.data?.connected) {
+        clearInterval(pollRef.current);
+        pollRef.current = undefined;
+        setShowWizard(false);
+        setOpen(false);
       }
     }, 2000);
 
@@ -166,7 +181,7 @@ export function NotionButton() {
 
   async function handleDisconnect() {
     try {
-      await disconnectNotion.mutateAsync();
+      await disconnectNotion.mutateAsync({});
       toast.success(t("sidebar.notionDisconnectedWorkspace"));
     } catch (err) {
       toast.error(

package/corpus/templates/content/app/global.css

@@ -1537,10 +1537,10 @@ audio.media-block__content {
   flex-direction: column;
   gap: 0.18rem;
   max-width: 22rem;
-  border: 0;
+  border: 1px solid hsl(var(--border));
   border-radius: 8px;
-  background: hsl(0 0% 15%);
-  color: white;
+  background: hsl(var(--popover));
+  color: hsl(var(--popover-foreground));
   padding: 0.6rem 0.75rem;
   box-shadow: 0 10px 24px hsl(0 0% 0% / 0.22);
 }
@@ -2218,12 +2218,13 @@ audio.media-block__content {
 .bubble-toolbar {
   display: flex;
   align-items: center;
-  background: hsl(0 0% 15%);
+  background: hsl(var(--popover));
+  color: hsl(var(--popover-foreground));
   border-radius: 8px;
   padding: 4px;
   box-shadow:
     0 4px 20px rgb(0 0 0 / 0.25),
-    0 0 0 1px rgb(255 255 255 / 0.06);
+    0 0 0 1px hsl(var(--border));
 }
 
 /* ===== Inline comment highlights ===== */

package/corpus/templates/content/app/hooks/use-content-database.ts

@@ -13,6 +13,7 @@ import type {
   ContentDatabaseSourceFieldPropertyResponse,
   ContentDatabaseSourceStatusResponse,
   CreateDatabaseRequest,
+  DatabaseItemsBatchRequest,
   DisconnectContentDatabaseSourceRequest,
   ExecuteBuilderSourceBatchRequest,
   ExecuteBuilderSourceBatchResponse,
@@ -258,6 +259,40 @@ export function useDuplicateDatabaseItem(documentId: string) {
   });
 }
 
+export function useDuplicateDatabaseItems(documentId: string) {
+  const queryClient = useQueryClient();
+  return useActionMutation<ContentDatabaseResponse, DatabaseItemsBatchRequest>(
+    "duplicate-database-items",
+    {
+      onSuccess: () => {
+        queryClient.invalidateQueries({
+          queryKey: contentDatabaseQueryKey(documentId),
+        });
+        queryClient.invalidateQueries({
+          queryKey: ["action", "list-documents"],
+        });
+      },
+    },
+  );
+}
+
+export function useDeleteDatabaseItems(documentId: string) {
+  const queryClient = useQueryClient();
+  return useActionMutation<ContentDatabaseResponse, DatabaseItemsBatchRequest>(
+    "delete-database-items",
+    {
+      onSuccess: () => {
+        queryClient.invalidateQueries({
+          queryKey: contentDatabaseQueryKey(documentId),
+        });
+        queryClient.invalidateQueries({
+          queryKey: ["action", "list-documents"],
+        });
+      },
+    },
+  );
+}
+
 export function useMoveDatabaseItem(documentId: string) {
   const queryClient = useQueryClient();
   return useActionMutation<ContentDatabaseResponse, MoveDatabaseItemRequest>(