@agent-native/core 0.90.1 → 0.90.3

package/corpus/templates/content/app/components/editor/database-sources/BuilderSourceReviewDialog.tsx

@@ -198,6 +198,8 @@ export function builderReviewPublicationTransitionsMap(
 const ATTENTION_TAG_EFFECTS: ReadonlySet<BuilderCmsWriteEffect> = new Set([
   "unpublish",
 ]);
+const REVIEW_DIALOG_INITIAL_ROW_LIMIT = 100;
+const REVIEW_DIALOG_ROW_INCREMENT = 100;
 
 function rowEffectTagClass(effect: BuilderCmsWriteEffect) {
   return ATTENTION_TAG_EFFECTS.has(effect)
@@ -246,6 +248,17 @@ export function BuilderSourceReviewDialog({
     writeMode === "publish_updates" &&
     source?.metadata.allowPublicationTransitions === true;
   const reviewRows = useMemo(() => review?.rows ?? [], [review]);
+  const reviewTotalRowCount = review?.totalRowCount ?? reviewRows.length;
+  const [visibleRowLimit, setVisibleRowLimit] = useState(
+    REVIEW_DIALOG_INITIAL_ROW_LIMIT,
+  );
+  useEffect(() => {
+    if (open) setVisibleRowLimit(REVIEW_DIALOG_INITIAL_ROW_LIMIT);
+  }, [open, review]);
+  const visibleReviewRows = reviewRows.slice(0, visibleRowLimit);
+  const hasMoreRenderedRows = visibleReviewRows.length < reviewRows.length;
+  const isServerCapped =
+    reviewTotalRowCount > reviewRows.length && !hasMoreRenderedRows;
   const reviewRowIds = useMemo(
     () => reviewRows.map((row) => row.changeSetId),
     [reviewRows],
@@ -443,7 +456,15 @@ export function BuilderSourceReviewDialog({
                   {t("database.whatChanged")}
                 </div>
                 <div className="grid gap-2">
-                  {reviewRows.map((row) => {
+                  {reviewTotalRowCount > visibleReviewRows.length ? (
+                    <div className="rounded-md border border-border bg-muted/20 p-2 text-xs text-muted-foreground">
+                      {t("database.builderReviewShowingRows", {
+                        shown: visibleReviewRows.length,
+                        total: reviewTotalRowCount,
+                      })}
+                    </div>
+                  ) : null}
+                  {visibleReviewRows.map((row) => {
                     const selection = transitionSelections[row.changeSetId];
                     const effect = builderReviewEffectiveRowEffect(
                       row.effect,
@@ -607,6 +628,25 @@ export function BuilderSourceReviewDialog({
                       </div>
                     );
                   })}
+                  {hasMoreRenderedRows ? (
+                    <Button
+                      type="button"
+                      variant="outline"
+                      size="sm"
+                      className="justify-self-start"
+                      onClick={() =>
+                        setVisibleRowLimit(
+                          (current) => current + REVIEW_DIALOG_ROW_INCREMENT,
+                        )
+                      }
+                    >
+                      {t("database.builderReviewShowMore")}
+                    </Button>
+                  ) : isServerCapped ? (
+                    <div className="rounded-md border border-border bg-muted/20 p-2 text-xs text-muted-foreground">
+                      {t("database.builderReviewRemainingBatches")}
+                    </div>
+                  ) : null}
                 </div>
               </section>
 

package/corpus/templates/content/app/components/editor/extensions/ImageBlock.tsx

@@ -513,6 +513,7 @@ export function ImageBlock({
   const [lightboxZoomed, setLightboxZoomed] = useState(false);
   const [moreMenuOpen, setMoreMenuOpen] = useState(false);
   const [isGeneratingAlt, setIsGeneratingAlt] = useState(false);
+  const [imageLoadFailed, setImageLoadFailed] = useState(false);
   const fileInputRef = useRef<HTMLInputElement>(null);
   const altInputRef = useRef<HTMLInputElement>(null);
   const emptyBlockRef = useRef<HTMLDivElement>(null);
@@ -528,6 +529,10 @@ export function ImageBlock({
   const controlsVisible = isEditable && (isHovered || selected);
   const options = extension.options as ContentImageOptions;
 
+  useEffect(() => {
+    setImageLoadFailed(false);
+  }, [src]);
+
   useEffect(() => {
     if (!sourcePanelOpen && !selected) return;
 
@@ -979,17 +984,37 @@ export function ImageBlock({
         }}
         style={activeWidth ? { width: `${activeWidth}px` } : undefined}
       >
-        <img
-          src={src}
-          alt={alt || ""}
-          className="media-block__content"
-          draggable={false}
-          onDoubleClick={(event) => {
-            event.preventDefault();
-            event.stopPropagation();
-            openLightbox();
-          }}
-        />
+        {imageLoadFailed ? (
+          <div
+            className="media-block__broken"
+            role="img"
+            aria-label={alt || t("editor.media.imageBroken")}
+          >
+            <IconPhoto className="media-block__broken-icon" aria-hidden />
+            <div className="media-block__broken-copy">
+              <span className="media-block__broken-title">
+                {t("editor.media.imageBroken")}
+              </span>
+              {alt.trim() ? (
+                <span className="media-block__broken-alt">{alt}</span>
+              ) : null}
+            </div>
+          </div>
+        ) : (
+          <img
+            src={src}
+            alt={alt || ""}
+            className="media-block__content"
+            draggable={false}
+            onLoad={() => setImageLoadFailed(false)}
+            onError={() => setImageLoadFailed(true)}
+            onDoubleClick={(event) => {
+              event.preventDefault();
+              event.stopPropagation();
+              openLightbox();
+            }}
+          />
+        )}
 
         <input
           ref={fileInputRef}

package/corpus/templates/content/app/components/editor/previewDocumentSaveController.ts

@@ -57,6 +57,16 @@
 export interface PreviewDocumentPayload {
   title: string;
   content: string;
+  loadedUpdatedAt?: string;
+  loadedContentWasEmpty?: boolean;
+}
+
+export interface PreviewDocumentSaveSkipped {
+  skipped: true;
+}
+
+export function skippedPreviewDocumentSave(): PreviewDocumentSaveSkipped {
+  return { skipped: true };
 }
 
 export interface PreviewDocumentSaveController {
@@ -152,7 +162,17 @@ export function createPreviewDocumentSaveController(args: {
 
     const attempted = { ...pending };
     const promise = Promise.resolve(args.save(documentId, attempted))
-      .then(() => {
+      .then((result) => {
+        if (
+          result &&
+          typeof result === "object" &&
+          "skipped" in result &&
+          result.skipped === true
+        ) {
+          pending = { ...lastSaved };
+          inFlight = null;
+          return;
+        }
         lastSaved = attempted;
         hasSavedLocally = true;
         inFlight = null;

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

@@ -75,6 +75,7 @@ import {
 } from "@/components/ui/tooltip";
 import {
   useCreateContentDatabase,
+  useDeleteContentDatabase,
   useRestoreContentDatabase,
   useTrashedContentDatabases,
 } from "@/hooks/use-content-database";
@@ -201,6 +202,7 @@ export function DocumentSidebar({
   const { data: documents = [], isLoading } = useDocuments();
   const createDocument = useCreateDocument();
   const createDatabase = useCreateContentDatabase(null);
+  const deleteContentDatabase = useDeleteContentDatabase();
   const deleteDocument = useDeleteDocument();
   const moveDocument = useMoveDocument();
   const restoreContentDatabase = useRestoreContentDatabase();
@@ -462,6 +464,7 @@ export function DocumentSidebar({
 
   const handleDelete = useCallback(
     async (id: string) => {
+      const deletedDocument = documents.find((doc) => doc.id === id) ?? null;
       const deletedIds = collectDocumentSubtreeIds(documents, id);
       const activeDeleted = activeDocumentId
         ? deletedIds.has(activeDocumentId)
@@ -500,7 +503,13 @@ export function DocumentSidebar({
       }
 
       try {
-        await deleteDocument.mutateAsync({ id });
+        if (deletedDocument?.database) {
+          await deleteContentDatabase.mutateAsync({
+            databaseId: deletedDocument.database.id,
+          });
+        } else {
+          await deleteDocument.mutateAsync({ id });
+        }
         queryClient.invalidateQueries({
           queryKey: ["action", "list-documents"],
         });
@@ -522,6 +531,7 @@ export function DocumentSidebar({
     },
     [
       activeDocumentId,
+      deleteContentDatabase,
       deleteDocument,
       documents,
       localFileMode,

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

@@ -116,9 +116,7 @@ export function DocumentTreeItem({
   const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);
   const indent = depth * 12 + 12;
   const rowWidth =
-    sidebarWidth === undefined
-      ? undefined
-      : Math.max(224, sidebarWidth - 8 + depth * 12);
+    sidebarWidth === undefined ? undefined : Math.max(0, sidebarWidth - 8);
   const {
     attributes,
     listeners,
@@ -145,12 +143,12 @@ export function DocumentTreeItem({
         {...(isLocalFileNode ? {} : listeners)}
         aria-label={node.title || "Untitled"}
         className={cn(
-          "group relative flex min-w-56 items-center gap-1.5 rounded-md py-[5px] pe-2 text-sm cursor-pointer select-none",
+          "group relative flex min-w-0 items-center gap-1.5 rounded-md border-l-2 py-[5px] pe-2 text-sm cursor-pointer select-none",
           canEdit && !isLocalFileNode && "cursor-grab active:cursor-grabbing",
           isDragging && "bg-accent/70 text-accent-foreground shadow-sm",
           isActive
-            ? "bg-accent text-accent-foreground"
-            : "text-muted-foreground hover:bg-accent hover:text-foreground",
+            ? "border-primary bg-accent text-accent-foreground font-medium"
+            : "border-transparent text-muted-foreground hover:bg-accent hover:text-foreground",
         )}
         style={{
           paddingInlineStart: `${indent}px`,
@@ -205,13 +203,18 @@ export function DocumentTreeItem({
           )}
         </span>
 
-        <span className="min-w-0 flex-1 truncate">
+        <span
+          className={cn(
+            "min-w-0 flex-1 truncate",
+            (hasMenuActions || canCreateChild) && "pr-12",
+          )}
+        >
           {node.title || "Untitled"}
         </span>
 
         <div
           className={cn(
-            "pointer-events-none absolute right-1 top-1/2 flex flex-shrink-0 -translate-y-1/2 items-center gap-0.5 rounded-md pl-1 opacity-0 group-hover:pointer-events-auto group-hover:opacity-100 group-focus-within:pointer-events-auto group-focus-within:opacity-100",
+            "pointer-events-none absolute right-1 top-1/2 flex flex-shrink-0 -translate-y-1/2 items-center gap-0.5 rounded-md bg-accent px-0.5 opacity-0 group-hover:pointer-events-auto group-hover:opacity-100 group-focus-within:pointer-events-auto group-focus-within:opacity-100",
             "bg-accent text-foreground",
             isActive && "text-accent-foreground",
           )}

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

@@ -1343,6 +1343,47 @@ div[data-notion-column] > :last-child {
   user-select: none;
 }
 
+.media-block__broken {
+  display: flex;
+  align-items: center;
+  width: min(100%, 42rem);
+  min-width: min(18rem, calc(100vw - 3rem));
+  min-height: 10rem;
+  gap: 0.9rem;
+  border: 1px dashed hsl(var(--border));
+  border-radius: 8px;
+  background: hsl(var(--muted) / 0.45);
+  color: hsl(var(--muted-foreground));
+  padding: 1.25rem;
+  line-height: 1.4;
+}
+
+.media-block__broken-icon {
+  width: 1.75rem;
+  height: 1.75rem;
+  flex: 0 0 auto;
+  color: hsl(var(--muted-foreground));
+}
+
+.media-block__broken-copy {
+  min-width: 0;
+}
+
+.media-block__broken-title {
+  display: block;
+  color: hsl(var(--foreground));
+  font-size: 0.92rem;
+  font-weight: 600;
+}
+
+.media-block__broken-alt {
+  display: block;
+  max-width: 34rem;
+  margin-top: 0.25rem;
+  overflow-wrap: anywhere;
+  font-size: 0.86rem;
+}
+
 .media-block[data-resized="true"] .media-block__content {
   width: 100%;
 }