@agent-native/core 0.90.4 → 0.90.7

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

@@ -1523,11 +1523,13 @@ function PropertyOptionSettingsRow({
 export function PropertyValuePopover({
   property,
   documentId,
+  databaseDocumentId = documentId,
   children,
   portalled = true,
 }: {
   property: DocumentProperty;
   documentId: string;
+  databaseDocumentId?: string;
   children: React.ReactNode;
   portalled?: boolean;
 }) {
@@ -1551,6 +1553,7 @@ export function PropertyValuePopover({
         <PropertyValueEditor
           property={property}
           documentId={documentId}
+          databaseDocumentId={databaseDocumentId}
           onDone={() => setOpen(false)}
         />
       </PopoverContent>
@@ -1561,10 +1564,12 @@ export function PropertyValuePopover({
 function PropertyValueEditor({
   property,
   documentId,
+  databaseDocumentId,
   onDone,
 }: {
   property: DocumentProperty;
   documentId: string;
+  databaseDocumentId: string;
   onDone: () => void;
 }) {
   const type = property.definition.type;
@@ -1573,6 +1578,7 @@ function PropertyValueEditor({
       <OptionValueEditor
         property={property}
         documentId={documentId}
+        databaseDocumentId={databaseDocumentId}
         onDone={onDone}
       />
     );
@@ -1583,6 +1589,7 @@ function PropertyValueEditor({
       <CheckboxValueEditor
         property={property}
         documentId={documentId}
+        databaseDocumentId={databaseDocumentId}
         onDone={onDone}
       />
     );
@@ -1593,6 +1600,7 @@ function PropertyValueEditor({
       <DateValueEditor
         property={property}
         documentId={documentId}
+        databaseDocumentId={databaseDocumentId}
         onDone={onDone}
       />
     );
@@ -1603,6 +1611,7 @@ function PropertyValueEditor({
       <PersonValueEditor
         property={property}
         documentId={documentId}
+        databaseDocumentId={databaseDocumentId}
         onDone={onDone}
       />
     );
@@ -1613,6 +1622,7 @@ function PropertyValueEditor({
       <FilesMediaValueEditor
         property={property}
         documentId={documentId}
+        databaseDocumentId={databaseDocumentId}
         onDone={onDone}
       />
     );
@@ -1622,6 +1632,7 @@ function PropertyValueEditor({
     <ScalarValueEditor
       property={property}
       documentId={documentId}
+      databaseDocumentId={databaseDocumentId}
       onDone={onDone}
     />
   );
@@ -1630,14 +1641,16 @@ function PropertyValueEditor({
 function PersonValueEditor({
   property,
   documentId,
+  databaseDocumentId,
   onDone,
 }: {
   property: DocumentProperty;
   documentId: string;
+  databaseDocumentId: string;
   onDone: () => void;
 }) {
   const t = useT();
-  const mutation = useSetDocumentProperty(documentId);
+  const mutation = useSetDocumentProperty(documentId, databaseDocumentId);
   const { session } = useSession();
   const [people, setPeople] = useState(() => personItems(property.value));
   const [query, setQuery] = useState("");
@@ -1829,14 +1842,16 @@ function PersonValueEditor({
 function FilesMediaValueEditor({
   property,
   documentId,
+  databaseDocumentId,
   onDone,
 }: {
   property: DocumentProperty;
   documentId: string;
+  databaseDocumentId: string;
   onDone: () => void;
 }) {
   const t = useT();
-  const mutation = useSetDocumentProperty(documentId);
+  const mutation = useSetDocumentProperty(documentId, databaseDocumentId);
   const [items, setItems] = useState(() => filesMediaItems(property.value));
   const [linkValue, setLinkValue] = useState("");
   const [uploading, setUploading] = useState(false);
@@ -2036,14 +2051,16 @@ function FilesMediaValueEditor({
 function DateValueEditor({
   property,
   documentId,
+  databaseDocumentId,
   onDone,
 }: {
   property: DocumentProperty;
   documentId: string;
+  databaseDocumentId: string;
   onDone: () => void;
 }) {
   const t = useT();
-  const mutation = useSetDocumentProperty(documentId);
+  const mutation = useSetDocumentProperty(documentId, databaseDocumentId);
   const [includeTime, setIncludeTime] = useState(
     documentPropertyDateIncludesTime(property.value),
   );
@@ -2249,14 +2266,16 @@ function DateValueEditor({
 function ScalarValueEditor({
   property,
   documentId,
+  databaseDocumentId,
   onDone,
 }: {
   property: DocumentProperty;
   documentId: string;
+  databaseDocumentId: string;
   onDone: () => void;
 }) {
   const t = useT();
-  const mutation = useSetDocumentProperty(documentId);
+  const mutation = useSetDocumentProperty(documentId, databaseDocumentId);
   const type = property.definition.type;
   const inputType =
     type === "number"
@@ -2357,14 +2376,16 @@ function ScalarValueEditor({
 function CheckboxValueEditor({
   property,
   documentId,
+  databaseDocumentId,
   onDone,
 }: {
   property: DocumentProperty;
   documentId: string;
+  databaseDocumentId: string;
   onDone: () => void;
 }) {
   const t = useT();
-  const mutation = useSetDocumentProperty(documentId);
+  const mutation = useSetDocumentProperty(documentId, databaseDocumentId);
   const checked = Boolean(property.value);
 
   return (
@@ -2396,15 +2417,20 @@ function CheckboxValueEditor({
 function OptionValueEditor({
   property,
   documentId,
+  databaseDocumentId,
   onDone,
 }: {
   property: DocumentProperty;
   documentId: string;
+  databaseDocumentId: string;
   onDone: () => void;
 }) {
   const t = useT();
-  const setValue = useSetDocumentProperty(documentId);
-  const configure = useConfigureDocumentProperty(documentId);
+  const setValue = useSetDocumentProperty(documentId, databaseDocumentId);
+  const configure = useConfigureDocumentProperty(
+    documentId,
+    databaseDocumentId,
+  );
   const options = property.definition.options.options ?? [];
   const [optionQuery, setOptionQuery] = useState("");
   const filteredOptions = filterPropertyOptions(options, optionQuery);

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

@@ -1223,9 +1223,15 @@ function DatabaseTable({
   ) {
     setBuilderReviewResult(null);
     setBuilderReviewCheckedAt(null);
+    const scopedChangeSetIds =
+      activeBuilderReview && activeBuilderReview.rows.length > 0
+        ? activeBuilderReview.rows.map((row) => row.changeSetId)
+        : undefined;
     try {
       const prepared = await prepareBuilderReview.mutateAsync({
         documentId: document.id,
+        sourceId: source?.id,
+        changeSetIds: scopedChangeSetIds,
         pushModeConfirmation: "autosave",
       });
       let nextReview = prepared.review;
@@ -2243,6 +2249,25 @@ export function databaseBulkEditableProperties(properties: DocumentProperty[]) {
   );
 }
 
+export function databaseBuilderBulkUpdateSource(
+  sources: ContentDatabaseSource[],
+  primarySource: ContentDatabaseSource | null,
+  selectedItems: ContentDatabaseItem[],
+) {
+  if (selectedItems.length === 0) return null;
+  const candidates =
+    sources.length > 0 ? sources : primarySource ? [primarySource] : [];
+  return (
+    candidates.find(
+      (candidate) =>
+        candidate.sourceType === "builder-cms" &&
+        selectedItems.every((item) =>
+          candidate.rows.some((row) => row.documentId === item.document.id),
+        ),
+    ) ?? null
+  );
+}
+
 export function databaseBulkScalarInputState(
   type: DocumentPropertyType,
   input: string,
@@ -6068,6 +6093,30 @@ function BuilderSpaceModelsView({
   const [query, setQuery] = useState("");
 
   if (modelsQuery.isLoading) {
+    if (attachedModelName) {
+      return (
+        <div className="grid min-w-0 gap-2">
+          <div className="grid min-w-0 gap-1.5">
+            <div className="px-2 text-[11px] font-medium uppercase tracking-wide text-muted-foreground">
+              {dbText("alreadyAttached")}
+            </div>
+            <div className="flex min-w-0 items-center justify-between gap-2 rounded-md px-2 py-1.5 text-left text-sm">
+              <span className="flex min-w-0 items-center gap-2">
+                <IconLayoutGrid className="size-4 shrink-0 text-muted-foreground" />
+                <span className="min-w-0 truncate">{attachedModelName}</span>
+              </span>
+              <span className="shrink-0 rounded border border-border px-1.5 py-0.5 text-[10px] uppercase tracking-wide text-muted-foreground">
+                attached
+              </span>
+            </div>
+          </div>
+          <div className="flex min-w-0 items-center gap-2 px-2 text-xs text-muted-foreground">
+            <Spinner className="size-3.5" />
+            {dbText("loadingBuilderModels")}
+          </div>
+        </div>
+      );
+    }
     return (
       <div className="flex min-w-0 items-center gap-2 text-xs text-muted-foreground">
         <Spinner className="size-3.5" />
@@ -12096,7 +12145,7 @@ function DatabaseBulkEditPopover({
           disabled={disabled}
         >
           <IconPencil className="size-3.5" />
-          Set
+          Edit
         </Button>
       </PopoverTrigger>
       <PopoverContent align="start" className="w-[28rem] p-2">
@@ -12308,7 +12357,7 @@ function DatabaseBulkScalarValueEditor({
         autoFocus
         value={value}
         type={inputType}
-        aria-label={`Set ${property.definition.name} for selected rows`}
+        aria-label={`Edit ${property.definition.name} for selected rows`}
         placeholder="Value"
         onChange={(event) => setValue(event.target.value)}
         onKeyDown={(event) => {
@@ -12370,7 +12419,7 @@ function DatabaseBulkFilesValueEditor({
     >
       <textarea
         autoFocus
-        aria-label="Set files for selected rows"
+        aria-label={dbText("editFilesForSelectedRows")}
         value={value}
         placeholder={dbText("oneFileOrMediaLinkPerLine")}
         rows={4}
@@ -14508,7 +14557,6 @@ function DatabaseTableRow({
           item.properties.find(
             (candidate) => candidate.definition.id === property.definition.id,
           ) ?? property;
-
         const value = (
           <div
             className={cn(
@@ -14555,6 +14603,7 @@ function DatabaseTableRow({
               <PropertyValuePopover
                 property={itemProperty}
                 documentId={item.document.id}
+                databaseDocumentId={databaseDocumentId}
               >
                 {value}
               </PropertyValuePopover>

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

@@ -2108,6 +2108,30 @@ function BuilderSpaceModelsView({
   const [query, setQuery] = useState("");
 
   if (modelsQuery.isLoading) {
+    if (attachedModelName) {
+      return (
+        <div className="grid min-w-0 gap-2">
+          <div className="grid min-w-0 gap-1.5">
+            <div className="px-2 text-[11px] font-medium uppercase tracking-wide text-muted-foreground">
+              {dbText("alreadyAttached")}
+            </div>
+            <div className="flex min-w-0 items-center justify-between gap-2 rounded-md px-2 py-1.5 text-left text-sm">
+              <span className="flex min-w-0 items-center gap-2">
+                <IconLayoutGrid className="size-4 shrink-0 text-muted-foreground" />
+                <span className="min-w-0 truncate">{attachedModelName}</span>
+              </span>
+              <span className="shrink-0 rounded border border-border px-1.5 py-0.5 text-[10px] uppercase tracking-wide text-muted-foreground">
+                attached
+              </span>
+            </div>
+          </div>
+          <div className="flex min-w-0 items-center gap-2 px-2 text-xs text-muted-foreground">
+            <Spinner className="size-3.5" />
+            {dbText("loadingBuilderModels")}
+          </div>
+        </div>
+      );
+    }
     return (
       <div className="flex min-w-0 items-center gap-2 text-xs text-muted-foreground">
         <Spinner className="size-3.5" />

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

@@ -30,6 +30,8 @@ import type {
   RefreshContentDatabaseSourceRequest,
   ReviewContentDatabaseSourceChangeSetRequest,
   SetContentDatabaseSourceWriteModeRequest,
+  StageBuilderSourceBulkUpdateRequest,
+  StageBuilderSourceBulkUpdateResponse,
   StageBuilderRevisionRequest,
   SuggestSourceJoinKeyResponse,
   UpdateContentDatabaseViewRequest,
@@ -58,7 +60,7 @@ function isContentDatabaseQueryForDocument(
   return params.documentId === documentId;
 }
 
-function contentDatabaseQueryFilter(documentId: string) {
+export function contentDatabaseQueryFilter(documentId: string) {
   return {
     queryKey: ["action", "get-content-database"],
     predicate: (query: Query) =>
@@ -81,6 +83,52 @@ export function writeContentDatabaseResponseToCache(
   );
 }
 
+export function applyDocumentPropertyValueToDatabaseResponse(
+  current: ContentDatabaseResponse | undefined,
+  patch: {
+    documentId: string;
+    propertyId: string;
+    value: ContentDatabaseResponse["properties"][number]["value"];
+  },
+): ContentDatabaseResponse | undefined {
+  if (!current) return current;
+  const databaseProperty = current.properties.find(
+    (property) => property.definition.id === patch.propertyId,
+  );
+  if (!databaseProperty) return current;
+
+  let changed = false;
+  const items = current.items.map((item) => {
+    if (item.document.id !== patch.documentId) return item;
+
+    const existingIndex = item.properties.findIndex(
+      (property) => property.definition.id === patch.propertyId,
+    );
+    if (existingIndex >= 0) {
+      const properties = item.properties.map((property, index) =>
+        index === existingIndex
+          ? { ...property, value: patch.value }
+          : property,
+      );
+      changed = true;
+      return { ...item, properties };
+    }
+
+    changed = true;
+    return {
+      ...item,
+      properties: [
+        ...item.properties,
+        { ...databaseProperty, value: patch.value },
+      ]
+        .slice()
+        .sort((a, b) => a.definition.position - b.definition.position),
+    };
+  });
+
+  return changed ? { ...current, items } : current;
+}
+
 // `get-content-database` returns a union at runtime: the full response, or an
 // unavailable payload (`{ available: false, reason: "deleted" | "not_found" }`)
 // with no `database` field. Consumers typed against ContentDatabaseResponse
@@ -668,6 +716,10 @@ export function useBuilderCmsModels(enabled: boolean) {
     {
       enabled,
       retry: false,
+      placeholderData: (previous) => previous,
+      staleTime: 5 * 60 * 1000,
+      gcTime: 30 * 60 * 1000,
+      refetchOnWindowFocus: false,
     },
   );
 }
@@ -923,3 +975,20 @@ export function usePrepareBuilderSourceReview(documentId: string) {
     },
   });
 }
+
+export function useStageBuilderSourceBulkUpdate(documentId: string) {
+  const queryClient = useQueryClient();
+  return useActionMutation<
+    StageBuilderSourceBulkUpdateResponse,
+    StageBuilderSourceBulkUpdateRequest
+  >("stage-builder-source-bulk-update", {
+    onSuccess: () => {
+      queryClient.invalidateQueries({
+        queryKey: contentDatabaseQueryKey(documentId),
+      });
+      queryClient.invalidateQueries({
+        queryKey: ["action", "get-content-database-source", { documentId }],
+      });
+    },
+  });
+}

package/corpus/templates/content/app/hooks/use-document-properties.ts

@@ -1,15 +1,21 @@
 import { useActionMutation, useActionQuery } from "@agent-native/core/client";
 import type {
   ConfigureDocumentPropertyRequest,
+  ContentDatabaseResponse,
   DeleteDocumentPropertyRequest,
   DocumentPropertiesResponse,
+  DocumentPropertyValue,
   DuplicateDocumentPropertyRequest,
   ReorderDocumentPropertyRequest,
   SetDocumentPropertyRequest,
 } from "@shared/api";
 import { useQueryClient } from "@tanstack/react-query";
 
-import { contentDatabaseQueryKey } from "./use-content-database";
+import {
+  applyDocumentPropertyValueToDatabaseResponse,
+  contentDatabaseQueryFilter,
+  contentDatabaseQueryKey,
+} from "./use-content-database";
 
 export function useDocumentProperties(documentId: string | null) {
   return useActionQuery<DocumentPropertiesResponse>(
@@ -54,15 +60,67 @@ export function useSetDocumentProperty(
     DocumentPropertiesResponse,
     SetDocumentPropertyRequest
   >("set-document-property", {
-    onSuccess: () => {
+    onMutate: async (variables) => {
+      await queryClient.cancelQueries(
+        contentDatabaseQueryFilter(databaseDocumentId),
+      );
+      const previous = queryClient.getQueriesData<ContentDatabaseResponse>(
+        contentDatabaseQueryFilter(databaseDocumentId),
+      );
+      queryClient.setQueriesData<ContentDatabaseResponse>(
+        contentDatabaseQueryFilter(databaseDocumentId),
+        (current) =>
+          applyDocumentPropertyValueToDatabaseResponse(current, {
+            documentId: variables.documentId,
+            propertyId: variables.propertyId,
+            value: variables.value,
+          }),
+      );
+      return { previous };
+    },
+    onError: (_error, _variables, context) => {
+      const rollback = context as
+        | {
+            previous?: Array<[readonly unknown[], unknown]>;
+          }
+        | undefined;
+      for (const [queryKey, data] of rollback?.previous ?? []) {
+        queryClient.setQueryData(queryKey, data);
+      }
+    },
+    onSuccess: (data, variables) => {
+      const savedValue =
+        data.properties.find(
+          (property) => property.definition.id === variables.propertyId,
+        )?.value ?? variables.value;
+      queryClient.setQueriesData<ContentDatabaseResponse>(
+        contentDatabaseQueryFilter(databaseDocumentId),
+        (current) =>
+          applyDocumentPropertyValueToDatabaseResponse(current, {
+            documentId: variables.documentId,
+            propertyId: variables.propertyId,
+            value: savedValue as DocumentPropertyValue,
+          }),
+      );
       queryClient.invalidateQueries({
-        queryKey: ["action", "list-document-properties", { documentId }],
+        queryKey: [
+          "action",
+          "list-document-properties",
+          { documentId: variables.documentId },
+        ],
       });
       queryClient.invalidateQueries({
-        queryKey: ["action", "get-document", { id: documentId }],
+        queryKey: ["action", "get-document", { id: variables.documentId }],
       });
       queryClient.invalidateQueries({
-        queryKey: contentDatabaseQueryKey(databaseDocumentId),
+        ...contentDatabaseQueryFilter(databaseDocumentId),
+      });
+      queryClient.invalidateQueries({
+        queryKey: [
+          "action",
+          "get-content-database-source",
+          { documentId: databaseDocumentId },
+        ],
       });
     },
   });

package/corpus/templates/content/app/i18n/zh-TW.ts

@@ -607,6 +607,8 @@ const messages = {
     addProperty: "新增屬性",
     back: "返回",
     builderSpace: "Builder 空間",
+    builderBulkUpdateNotStaged: "Builder 批次更新未暫存",
+    builderBulkUpdateStaged: "Builder 批次更新已暫存",
     builderUpdateFailed: "Builder 更新失敗",
     builderWriteModeWasNotChanged: "Builder 寫入模式未更改",
     builderBodiesReadyLocally: "Builder 文章正文已在本機準備好。",
@@ -687,6 +689,7 @@ const messages = {
     nextMonth: "下個月",
     nextTimelineRange: "下一個時間線範圍",
     noRowsMatchThisView: "沒有行匹配此檢視",
+    editFilesForSelectedRows: "編輯所選行的檔案",
     oneFileOrMediaLinkPerLine: "每行一個檔案或媒體連結",
     previewPageTitle: "預覽頁面標題",
     previousDatabasePage: "上一頁面資料庫頁面",