@agent-native/core 0.88.0 → 0.90.2

package/corpus/templates/content/app/blocks/SourceComponentBlock.tsx

@@ -5,6 +5,7 @@ import {
   type SourceComponentData,
 } from "@shared/source-component-block";
 import {
+  IconAlertTriangle,
   IconBox,
   IconDatabase,
   IconExternalLink,
@@ -18,6 +19,19 @@ function providerLabel(provider: string) {
   return provider.trim() || "Source";
 }
 
+function sourceEditStateLabel(
+  state: SourceComponentData["sourceEditState"] | undefined,
+  t: ReturnType<typeof useT>,
+) {
+  if (state === "needs-review") {
+    return t("editor.sourceComponent.needsAttention");
+  }
+  if (state === "safe-to-edit") {
+    return t("editor.sourceComponent.previewAvailable");
+  }
+  return t("editor.properties.readOnly");
+}
+
 function safeHttpUrl(value: string | undefined) {
   if (!value) return null;
   try {
@@ -226,6 +240,9 @@ export function SourceComponentRead({
       : status === "warning"
         ? t("editor.sourceComponent.needsAttention")
         : t("editor.sourceComponent.previewUnavailable");
+  const sourceStateLabel = sourceEditStateLabel(data.sourceEditState, t);
+  const needsReview =
+    data.sourceEditState === "needs-review" || data.mappingStatus === "unknown";
 
   return (
     <section
@@ -252,15 +269,26 @@ export function SourceComponentRead({
             </div>
           </div>
         </div>
-        <span className="shrink-0 rounded-full border bg-background px-2 py-0.5 text-[11px] text-muted-foreground">
-          {statusLabel}
-        </span>
+        <div className="flex shrink-0 flex-col items-end gap-1">
+          <span className="rounded-full border bg-background px-2 py-0.5 text-[11px] text-muted-foreground">
+            {sourceStateLabel}
+          </span>
+          <span className="inline-flex items-center gap-1 rounded-full border bg-background px-2 py-0.5 text-[11px] text-muted-foreground">
+            {needsReview ? <IconAlertTriangle className="size-3" /> : null}
+            {statusLabel}
+          </span>
+        </div>
       </div>
       {data.summary ? (
         <div className="mt-2 text-sm leading-6 text-muted-foreground">
           {data.summary}
         </div>
       ) : null}
+      {data.mappingReason ? (
+        <div className="mt-2 text-xs leading-5 text-muted-foreground">
+          {data.mappingReason}
+        </div>
+      ) : null}
       <SourceComponentPreview data={data} />
       <div className="mt-2 flex min-w-0 items-center gap-1 truncate text-[11px] text-muted-foreground">
         <IconExternalLink className="size-3.5 shrink-0" />

package/corpus/templates/content/app/blocks/contentBlockRegistry.tsx

@@ -10,14 +10,14 @@ import {
   type NestedBlock,
 } from "@agent-native/core/blocks";
 import { sendToAgentChat } from "@agent-native/core/client";
+import { useEffect, useRef, useState } from "react";
+
+import { uploadImageFile } from "@/components/editor/image-upload";
 import {
   Popover,
   PopoverContent,
   PopoverTrigger,
-} from "@agent-native/toolkit/ui/popover";
-import { useEffect, useRef, useState } from "react";
-
-import { uploadImageFile } from "@/components/editor/image-upload";
+} from "@/components/ui/popover";
 import { cn } from "@/lib/utils";
 
 import { builderDocsBlocks } from "./BuilderDocsBlocks";

package/corpus/templates/content/app/components/EmptyState.tsx

@@ -1,11 +1,11 @@
 import { useT } from "@agent-native/core/client";
-import { Button } from "@agent-native/toolkit/ui/button";
 import type { Document } from "@shared/api";
 import { IconFileText, IconPlus } from "@tabler/icons-react";
 import { useQueryClient } from "@tanstack/react-query";
 import { useNavigate } from "react-router";
 import { toast } from "sonner";
 
+import { Button } from "@/components/ui/button";
 import { useCreateDocument } from "@/hooks/use-documents";
 
 function nanoid(size = 12): string {

package/corpus/templates/content/app/components/ThemeToggle.tsx

@@ -1,14 +1,14 @@
 import { useT } from "@agent-native/core/client";
-import { Button } from "@agent-native/toolkit/ui/button";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@agent-native/toolkit/ui/tooltip";
 import { IconDeviceDesktop, IconMoon, IconSun } from "@tabler/icons-react";
 import { useTheme } from "next-themes";
 import { useState, useEffect } from "react";
 
+import { Button } from "@/components/ui/button";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@/components/ui/tooltip";
 import { cn } from "@/lib/utils";
 
 const themeOptions = [

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

@@ -1,9 +1,4 @@
 import { useT } from "@agent-native/core/client";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@agent-native/toolkit/ui/tooltip";
 import {
   IconBold,
   IconItalic,
@@ -27,6 +22,11 @@ import type { Editor } from "@tiptap/react";
 import { BubbleMenu } from "@tiptap/react/menus";
 import { useEffect, useState } from "react";
 
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@/components/ui/tooltip";
 import { cn } from "@/lib/utils";
 
 import { captureAnchor, type CommentTextAnchor } from "./comment-anchors";

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

@@ -0,0 +1,21 @@
+import { IconLoader2 } from "@tabler/icons-react";
+
+export function BuilderBodySyncingNotice({
+  title,
+  description,
+}: {
+  title: string;
+  description: string;
+}) {
+  return (
+    <div className="rounded-lg border border-dashed border-border bg-muted/35 px-4 py-5 text-sm">
+      <div className="flex items-center gap-2 font-medium text-foreground">
+        <IconLoader2 className="size-4 animate-spin text-muted-foreground" />
+        {title}
+      </div>
+      <p className="mt-2 max-w-2xl leading-6 text-muted-foreground">
+        {description}
+      </p>
+    </div>
+  );
+}

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

@@ -1,9 +1,4 @@
 import { sendToAgentChat, emailToName, useT } from "@agent-native/core/client";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@agent-native/toolkit/ui/tooltip";
 import {
   IconCheck,
   IconMessageCircle,
@@ -20,6 +15,11 @@ import {
   type RefObject,
 } from "react";
 
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@/components/ui/tooltip";
 import {
   useCreateComment,
   useResolveComment,

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

@@ -1,9 +1,9 @@
 import { useT } from "@agent-native/core/client";
-import { Button } from "@agent-native/toolkit/ui/button";
 import { IconExternalLink, IconFileText } from "@tabler/icons-react";
 import { lazy, Suspense, useMemo } from "react";
 import { useNavigate } from "react-router";
 
+import { Button } from "@/components/ui/button";
 import { useDocument, useDocuments } from "@/hooks/use-documents";
 import { cn } from "@/lib/utils";