@smartcat/sanity-plugin 1.3.0 → 1.4.0

package/dist/index.js

@@ -1,9 +1,9 @@
 import { defineType, defineField, defineArrayMember, useClient, prepareForPreview, useSchema, usePerspective, useRelativeTime, useValuePreview, useWorkspace, useFormValue, definePlugin } from "sanity";
-import { TranslateIcon, CogIcon, AddIcon, LaunchIcon, CheckmarkIcon, CopyIcon, SyncIcon, ArrowLeftIcon, TrashIcon, PublishIcon, DownloadIcon, CloseIcon, RemoveCircleIcon, ChevronDownIcon, JsonIcon } from "@sanity/icons";
+import { TranslateIcon, CogIcon, AddIcon, LaunchIcon, ChevronDownIcon, JsonIcon, DownloadIcon, SearchIcon, CheckmarkIcon, CopyIcon, SyncIcon, ArrowLeftIcon, TrashIcon, PublishIcon, CloseIcon, RemoveCircleIcon } from "@sanity/icons";
 import { TRANSLATION_PROJECT_TYPE, SETTINGS_TYPE, API_VERSION, SETTINGS_DOC_ID, requireSourceLanguage } from "./_chunks-es/constants.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { useState, useRef, useEffect, useCallback, useMemo, useLayoutEffect, Fragment as Fragment$1 } from "react";
-import { Select, useToast, Flex, Spinner, Stack, Label, TextInput, Card, Text, Badge, Switch, Button, Heading, Dialog, Box, Inline, useTheme_v2, useTheme, Checkbox, MenuButton, Menu, MenuItem, Container } from "@sanity/ui";
+import { useState, useRef, useEffect, useCallback, useMemo, Fragment as Fragment$1, useLayoutEffect } from "react";
+import { Select, useToast, Flex, Spinner, Stack, Label, TextInput, Card, Text, Badge, Switch, Button, Heading, Dialog, Box, Inline, useTheme_v2, MenuButton, Menu, MenuItem, Checkbox, useTheme, Container } from "@sanity/ui";
 import { uuid } from "@sanity/uuid";
 import { TEMPLATE_PREFIX, STANDARD_WORKFLOW_OPTIONS, isWorkflowValid } from "./_chunks-es/workflow.js";
 import { ITEM_ID, ITEM_ID_FROM_SUBQUERY, itemDocDeref, summarizeCompletion, buildLanguageMappings, findDuplicateSmartcatLanguages, itemDocDerefRespectingDraft, toSmartcatLanguage, targetPercent } from "./_chunks-es/index.js";
@@ -873,9 +873,12 @@ const ITEMS_QUERY = `*[_id == $id][0]{
     sendExistingTranslations,
     "doc": ${itemDocDerefRespectingDraft()}
   }
-}`, SIBLINGS_QUERY = `*[_type == "translation.metadata" && references($ids)]{
-  "variants": translations[]{ "language": _key, "doc": value-> }
 }`;
+function siblingsQuery$1(fieldLanguageKey) {
+  return `*[_type == "translation.metadata" && references($ids)]{
+  "variants": translations[]{ "language": coalesce(${fieldLanguageKey}, _key), "doc": value-> }
+}`;
+}
 async function prepareExport({
   client,
   schema,
@@ -904,7 +907,7 @@ async function prepareExport({
   ).map((item) => publishedId(item.doc._id));
   if (flaggedDocLevelIds.length > 0) {
     const groups = await client.fetch(
-      SIBLINGS_QUERY,
+      siblingsQuery$1(fieldLanguageKey),
       { ids: flaggedDocLevelIds }
     );
     for (const group of groups ?? []) {
@@ -1259,6 +1262,14 @@ function sameValue(a, b) {
 function stableString(value) {
   return Array.isArray(value) ? `[${value.map(stableString).join(",")}]` : value && typeof value == "object" ? `{${Object.entries(value).filter(([k]) => k !== "_key").sort(([a], [b]) => a < b ? -1 : a > b ? 1 : 0).map(([k, v]) => `${JSON.stringify(k)}:${stableString(v)}`).join(",")}}` : JSON.stringify(value) ?? "undefined";
 }
+function DocTitle({ doc }) {
+  const schema = useSchema(), schemaType = doc ? schema.get(doc._type) : void 0, preview = useValuePreview({
+    enabled: !!(doc && schemaType),
+    schemaType,
+    value: doc ? { _id: doc._id, _type: doc._type } : void 0
+  }), title = typeof preview.value?.title == "string" ? preview.value.title : void 0;
+  return /* @__PURE__ */ jsx(Fragment, { children: title ?? (preview.isLoading ? "\u2026" : UNTITLED) });
+}
 function languageTitle(languages, id) {
   return languages.find((l) => l.id === id)?.title || id;
 }
@@ -1360,6 +1371,347 @@ function ItemProgress({
     target._key
   )) });
 }
+function OpenInStudioButton({ id, type }) {
+  const { onClick, href } = useIntentLink({ intent: "edit", params: { id, type } });
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      as: "a",
+      href,
+      onClick,
+      mode: "bleed",
+      icon: LaunchIcon,
+      text: "Open in Studio",
+      fontSize: 0,
+      padding: 2
+    }
+  );
+}
+const CodeArea = styled.textarea`
+  width: 100%;
+  height: 70vh;
+  resize: none;
+  border: none;
+  outline: none;
+  padding: 0;
+  background: transparent;
+  color: inherit;
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+  font-size: 12px;
+  line-height: 1.5;
+  white-space: pre;
+  tab-size: 2;
+`;
+function siblingsQuery(fieldLanguageKey) {
+  return `*[_type == "translation.metadata" && references($id)][0].translations[]{"language": coalesce(${fieldLanguageKey}, _key), "doc": value->}`;
+}
+function ViewLocjsonButton(props) {
+  const { docId, type, sourceIsPublished, client, schema, sourceLanguage, documentI18nLanguageField, fieldI18nLanguageField, targetLanguages, languages } = props, [open, setOpen] = useState(!1), [content, setContent] = useState(null), [filename, setFilename] = useState(null), [title, setTitle] = useState("Source only"), [error, setError] = useState(null), build = useCallback(
+    async (targetLanguage) => {
+      setOpen(!0), setContent(null), setFilename(null), setError(null), setTitle(targetLanguage ? `Source + ${languageTitle(languages, targetLanguage)}` : "Source only");
+      try {
+        const raw = await client.fetch(
+          sourceIsPublished ? "*[_id == $id][0]" : 'coalesce(*[_id == "drafts." + $id][0], *[_id == $id][0])',
+          { id: docId }
+        );
+        if (!raw) throw new Error(`Document not found: ${docId}`);
+        const isDraft = typeof raw._id == "string" && raw._id.startsWith("drafts."), doc = isDraft ? { ...raw, _id: docId } : raw, fields = getTranslatableFields(schema.get(type), { exclude: [documentI18nLanguageField] });
+        let target;
+        if (targetLanguage)
+          if (localizationMode(schema.get(type)) === "document") {
+            const sibling = (await client.fetch(siblingsQuery(fieldI18nLanguageField), { id: docId }) ?? []).find((v) => v.language === targetLanguage)?.doc ?? void 0;
+            target = { language: targetLanguage, doc: sibling };
+          } else
+            target = { language: targetLanguage };
+        const locjson = serializeToLocjson(doc, fields, {
+          sourceLanguage,
+          fieldLanguageKey: fieldI18nLanguageField,
+          target
+        }), smartcatCode = targetLanguage ? languages.find((l) => l.id === targetLanguage)?.smartcatLanguage || targetLanguage : void 0, smartcatName = buildLocjsonFilename(type, docId, resolveDocumentTitle(schema, doc), {
+          draft: isDraft,
+          language: smartcatCode
+        });
+        setFilename(smartcatName.split("/").pop() || smartcatName), setContent(JSON.stringify(locjson, null, 2));
+      } catch (err) {
+        setError(err instanceof Error ? err.message : String(err));
+      }
+    },
+    [client, schema, docId, type, sourceIsPublished, sourceLanguage, documentI18nLanguageField, fieldI18nLanguageField, languages]
+  ), download = useCallback(() => {
+    if (content == null || !filename) return;
+    const url = URL.createObjectURL(new Blob([content], { type: "application/json" })), anchor = document.createElement("a");
+    anchor.href = url, anchor.download = filename, anchor.click(), URL.revokeObjectURL(url);
+  }, [content, filename]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      MenuButton,
+      {
+        id: `locjson-menu-${docId}`,
+        button: /* @__PURE__ */ jsx(Button, { mode: "bleed", icon: JsonIcon, iconRight: ChevronDownIcon, title: "View LocJSON", fontSize: 0, padding: 2 }),
+        menu: /* @__PURE__ */ jsxs(Menu, { children: [
+          /* @__PURE__ */ jsx(MenuItem, { text: "Source only", onClick: () => build() }),
+          targetLanguages.map((lang) => /* @__PURE__ */ jsx(MenuItem, { text: `Source + ${languageTitle(languages, lang)}`, onClick: () => build(lang) }, lang))
+        ] }),
+        popover: { portal: !0 }
+      }
+    ),
+    open && /* @__PURE__ */ jsx(
+      Dialog,
+      {
+        id: `locjson-${docId}`,
+        header: /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 3, children: [
+          /* @__PURE__ */ jsxs(Text, { weight: "semibold", children: [
+            "LocJSON \xB7 ",
+            type,
+            " \xB7 ",
+            title
+          ] }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              icon: DownloadIcon,
+              text: "Download",
+              mode: "ghost",
+              fontSize: 1,
+              padding: 2,
+              disabled: content == null,
+              onClick: download
+            }
+          )
+        ] }),
+        onClose: () => setOpen(!1),
+        width: 3,
+        children: /* @__PURE__ */ jsx(Box, { padding: 4, children: error ? /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, children: error }) : content === null ? /* @__PURE__ */ jsx(Flex, { align: "center", justify: "center", padding: 5, children: /* @__PURE__ */ jsx(Spinner, { muted: !0 }) }) : /* @__PURE__ */ jsx(
+          CodeArea,
+          {
+            readOnly: !0,
+            spellCheck: !1,
+            value: content,
+            onFocus: (e) => e.currentTarget.select()
+          }
+        ) })
+      }
+    )
+  ] });
+}
+const QUERY_LIMIT = 50, DISPLAY_LIMIT = 25, MAX_TOKENS = 6, MIN_QUERY_LENGTH = 2, TITLE_FIELDS = "[title, name, heading, label, question, slug.current, _type, _id]", SCORE_FIELDS = "[title, name, heading, label, question, slug.current]", EXCLUDED_TYPES = ["smartcat.translationProject", "smartcat.settings", "translation.metadata"];
+function buildSearch(rawQuery, searchContent, translatableTypes) {
+  if (rawQuery.trim().length < MIN_QUERY_LENGTH) return null;
+  const tokens = rawQuery.trim().split(/\s+/).map((t) => t.replace(/["*]/g, "").replace(/^-+/, "").trim()).filter(Boolean).slice(0, MAX_TOKENS);
+  if (tokens.length === 0) return null;
+  const target = searchContent ? "@" : TITLE_FIELDS, params = {}, tokenClauses = [], scoreClauses = [];
+  tokens.forEach((tok, i) => {
+    params[`t${i}`] = `${tok}*`, tokenClauses.push(`${target} match text::query($t${i})`), scoreClauses.push(`boost(${SCORE_FIELDS} match text::query($t${i}), 2)`);
+  });
+  let typeFilter;
+  return translatableTypes ? (params.types = translatableTypes, typeFilter = "_type in $types") : (params.excluded = EXCLUDED_TYPES, typeFilter = '!(_type in $excluded) && !(_type match "sanity.*")'), { query: `*[${[typeFilter, ...tokenClauses].join(" && ")}] | score(${scoreClauses.join(", ")}) | order(_score desc)[0...${QUERY_LIMIT}]{_id, _type, "hasDraft": _id in path("drafts.**") || count(*[_id == "drafts." + ^._id]) > 0}`, params };
+}
+function dedupeHits(rows) {
+  const byDoc = /* @__PURE__ */ new Map();
+  for (const row of rows) {
+    const docId = row._id.replace(/^drafts\./, ""), existing = byDoc.get(docId);
+    existing ? existing.hasDraft = existing.hasDraft || row.hasDraft : byDoc.set(docId, { docId, _type: row._type, hasDraft: row.hasDraft });
+  }
+  return [...byDoc.values()].slice(0, DISPLAY_LIMIT);
+}
+const MEMBERSHIP_QUERY = `*[_type == "${TRANSLATION_PROJECT_TYPE}" && count(items[${ITEM_ID} in $ids]) > 0] | order(name asc){
+  _id,
+  name,
+  "docIds": items[${ITEM_ID} in $ids]{"id": ${ITEM_ID}}
+}`;
+function ProjectChip({ project, current }) {
+  const router = useRouter(), onClick = useCallback(
+    (e) => {
+      e.preventDefault(), router.navigate({ projectId: project._id });
+    },
+    [router, project._id]
+  );
+  return /* @__PURE__ */ jsxs("a", { href: "#", onClick, children: [
+    project.name || "Untitled project",
+    current ? " (this project)" : ""
+  ] });
+}
+function AddItemsSearch({
+  projectId,
+  translatableTypes,
+  existingDocIds,
+  sourceLanguage,
+  languages,
+  targetLanguages,
+  documentI18nLanguageField,
+  fieldI18nLanguageField
+}) {
+  const client = useClient({ apiVersion: API_VERSION }), schema = useSchema(), toast = useToast(), [query, setQuery] = useState(""), [searchContent, setSearchContent] = useState(!1), [results, setResults] = useState(null), [loading, setLoading] = useState(!1), [addingId, setAddingId] = useState(null), [addedIds, setAddedIds] = useState(/* @__PURE__ */ new Set()), [projectsByDoc, setProjectsByDoc] = useState(/* @__PURE__ */ new Map());
+  useEffect(() => {
+    const built = buildSearch(query, searchContent, translatableTypes);
+    if (!built) {
+      setResults(null), setLoading(!1);
+      return;
+    }
+    setLoading(!0);
+    let cancelled = !1;
+    const handle = setTimeout(() => {
+      client.fetch(built.query, built.params).then((res) => {
+        cancelled || setResults(dedupeHits(res));
+      }).catch((err) => {
+        cancelled || (setResults([]), toast.push({ status: "error", title: "Search failed", description: String(err) }));
+      }).finally(() => {
+        cancelled || setLoading(!1);
+      });
+    }, 250);
+    return () => {
+      cancelled = !0, clearTimeout(handle);
+    };
+  }, [query, searchContent, translatableTypes, client, toast]);
+  const docIdsKey = (results ?? []).map((r) => r.docId).join(",");
+  useEffect(() => {
+    const ids = docIdsKey ? docIdsKey.split(",") : [];
+    if (ids.length === 0) {
+      setProjectsByDoc(/* @__PURE__ */ new Map());
+      return;
+    }
+    let cancelled = !1;
+    const load = () => client.fetch(MEMBERSHIP_QUERY, { ids }).then((rows) => {
+      if (cancelled) return;
+      const map = /* @__PURE__ */ new Map();
+      for (const row of rows)
+        for (const { id } of row.docIds ?? []) {
+          const list = map.get(id) ?? [];
+          list.push({ _id: row._id, name: row.name }), map.set(id, list);
+        }
+      setProjectsByDoc(map);
+    }).catch(() => !cancelled && setProjectsByDoc(/* @__PURE__ */ new Map()));
+    load();
+    const sub = client.listen(MEMBERSHIP_QUERY, { ids }, { visibility: "query" }).subscribe({ next: load, error: () => {
+    } });
+    return () => {
+      cancelled = !0, sub.unsubscribe();
+    };
+  }, [docIdsKey, client]);
+  const existingKey = [...existingDocIds].sort().join(",");
+  useEffect(() => {
+    setAddedIds((prev) => {
+      if (prev.size === 0) return prev;
+      const next = new Set([...prev].filter((id) => !existingDocIds.has(id)));
+      return next.size === prev.size ? prev : next;
+    });
+  }, [existingKey]);
+  const addItem = async (hit, sendExistingTranslations) => {
+    setAddingId(hit.docId);
+    try {
+      const item = {
+        _type: "smartcat.projectItem",
+        _key: uuid(),
+        docId: hit.docId,
+        docType: hit._type,
+        // Prefer the draft as source when one exists (the plugin translates the
+        // draft version); the caller chose whether to also upload existing
+        // translations — matching a fresh "Add to translation project".
+        sourceIsPublished: !hit.hasDraft,
+        sendExistingTranslations
+      };
+      await client.patch(projectId).setIfMissing({ items: [] }).insert("after", "items[-1]", [item]).commit(), setAddedIds((prev) => new Set(prev).add(hit.docId)), toast.push({ status: "success", title: "Added to project" });
+    } catch (err) {
+      toast.push({ status: "error", title: "Failed to add item", description: String(err) });
+    } finally {
+      setAddingId(null);
+    }
+  };
+  return /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
+    /* @__PURE__ */ jsx(Card, { padding: 4, radius: 2, border: !0, children: /* @__PURE__ */ jsxs(Stack, { space: 4, children: [
+      /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
+        /* @__PURE__ */ jsx(
+          TextInput,
+          {
+            icon: SearchIcon,
+            placeholder: "Search documents to add \u2014 by title, or schema type\u2026",
+            value: query,
+            onChange: (e) => setQuery(e.currentTarget.value),
+            clearButton: query.length > 0,
+            onClear: () => setQuery("")
+          }
+        ),
+        /* @__PURE__ */ jsxs(Flex, { as: "label", align: "center", gap: 2, style: { cursor: "pointer" }, children: [
+          /* @__PURE__ */ jsx(Checkbox, { checked: searchContent, onChange: (e) => setSearchContent(e.currentTarget.checked) }),
+          /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, children: "Also search in content (slower; matches body text, not just titles)" })
+        ] })
+      ] }),
+      loading ? /* @__PURE__ */ jsx(Flex, { align: "center", justify: "center", padding: 4, children: /* @__PURE__ */ jsx(Spinner, { muted: !0 }) }) : results === null ? null : results.length === 0 ? /* @__PURE__ */ jsxs(Text, { muted: !0, align: "center", size: 1, children: [
+        "No documents match \u201C",
+        query.trim(),
+        "\u201D."
+      ] }) : /* @__PURE__ */ jsx(Stack, { space: 2, children: results.map((hit) => {
+        const inThisProject = addedIds.has(hit.docId) || existingDocIds.has(hit.docId), memberships = projectsByDoc.get(hit.docId) ?? [], previewId = hit.hasDraft ? `drafts.${hit.docId}` : hit.docId;
+        return /* @__PURE__ */ jsx(Card, { padding: 2, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 3, children: [
+          /* @__PURE__ */ jsx(Box, { flex: 1, children: /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
+            /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 2, children: [
+              /* @__PURE__ */ jsx(
+                Badge,
+                {
+                  tone: hit.hasDraft ? "caution" : "positive",
+                  paddingX: 2,
+                  title: hit.hasDraft ? "The draft version will be the translation source" : "The published version will be the translation source",
+                  children: hit.hasDraft ? "Draft" : "Published"
+                }
+              ),
+              /* @__PURE__ */ jsx(Text, { weight: "medium", textOverflow: "ellipsis", children: /* @__PURE__ */ jsx(DocTitle, { doc: { _id: previewId, _type: hit._type } }) }),
+              /* @__PURE__ */ jsx(Badge, { tone: "primary", paddingX: 2, children: hit._type })
+            ] }),
+            memberships.length > 0 && /* @__PURE__ */ jsxs(Text, { size: 0, muted: !0, children: [
+              "In:",
+              " ",
+              memberships.map((p, i) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
+                i > 0 && ", ",
+                /* @__PURE__ */ jsx(ProjectChip, { project: p, current: p._id === projectId })
+              ] }, p._id))
+            ] })
+          ] }) }),
+          /* @__PURE__ */ jsx(OpenInStudioButton, { id: hit.docId, type: hit._type }),
+          /* @__PURE__ */ jsx(
+            ViewLocjsonButton,
+            {
+              docId: hit.docId,
+              type: hit._type,
+              sourceIsPublished: !hit.hasDraft,
+              client,
+              schema,
+              sourceLanguage,
+              documentI18nLanguageField,
+              fieldI18nLanguageField,
+              targetLanguages,
+              languages
+            }
+          ),
+          inThisProject ? /* @__PURE__ */ jsx(Button, { mode: "bleed", icon: CheckmarkIcon, text: "Added", fontSize: 1, padding: 2, disabled: !0 }) : /* @__PURE__ */ jsx(
+            MenuButton,
+            {
+              id: `add-${hit.docId}`,
+              button: /* @__PURE__ */ jsx(
+                Button,
+                {
+                  mode: "ghost",
+                  icon: AddIcon,
+                  iconRight: ChevronDownIcon,
+                  text: "Add",
+                  fontSize: 1,
+                  padding: 2,
+                  loading: addingId === hit.docId,
+                  disabled: addingId !== null
+                }
+              ),
+              menu: /* @__PURE__ */ jsxs(Menu, { children: [
+                /* @__PURE__ */ jsx(MenuItem, { text: "Add source", onClick: () => addItem(hit, !1) }),
+                /* @__PURE__ */ jsx(MenuItem, { text: "Add source + translations", onClick: () => addItem(hit, !0) })
+              ] }),
+              popover: { portal: !0 }
+            }
+          )
+        ] }) }, hit.docId);
+      }) })
+    ] }) }),
+    /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, children: "You can also add content from a document\u2019s \u201C\u22EF \u2192 Add to translation project\u201D menu." })
+  ] });
+}
 function logsToText(logs) {
   return logs.map((l) => {
     const prefix = l.indent ? "  " : "", detail = [
@@ -1502,14 +1854,6 @@ function languageMappingLabel(language) {
   const code = language.smartcatLanguage || language.id;
   return code === language.id ? language.id : `${language.id} \u2192 ${code}`;
 }
-function DocTitle({ doc }) {
-  const schema = useSchema(), schemaType = doc ? schema.get(doc._type) : void 0, preview = useValuePreview({
-    enabled: !!(doc && schemaType),
-    schemaType,
-    value: doc ? { _id: doc._id, _type: doc._type } : void 0
-  }), title = typeof preview.value?.title == "string" ? preview.value.title : void 0;
-  return /* @__PURE__ */ jsx(Fragment, { children: title ?? (preview.isLoading ? "\u2026" : UNTITLED) });
-}
 const IN_FLIGHT = ["queued", "importing", "downloaded"], CAN_IMPORT = ["sent", "translating", "completed"], rotate = keyframes`
   to { transform: rotate(360deg); }
 `, SpinningSyncIcon = styled(SyncIcon)`
@@ -1524,126 +1868,6 @@ function LastUpdate({ date }) {
     relative
   ] });
 }
-function OpenInStudioButton({ id, type }) {
-  const { onClick, href } = useIntentLink({ intent: "edit", params: { id, type } });
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      as: "a",
-      href,
-      onClick,
-      mode: "bleed",
-      icon: LaunchIcon,
-      text: "Open in Studio",
-      fontSize: 0,
-      padding: 2
-    }
-  );
-}
-const CodeArea = styled.textarea`
-  width: 100%;
-  height: 70vh;
-  resize: none;
-  border: none;
-  outline: none;
-  padding: 0;
-  background: transparent;
-  color: inherit;
-  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
-  font-size: 12px;
-  line-height: 1.5;
-  white-space: pre;
-  tab-size: 2;
-`, VIEW_SIBLINGS_QUERY = '*[_type == "translation.metadata" && references($id)][0].translations[]{"language": _key, "doc": value->}';
-function ViewLocjsonButton(props) {
-  const { docId, type, sourceIsPublished, client, schema, sourceLanguage, documentI18nLanguageField, fieldI18nLanguageField, targetLanguages, languages } = props, [open, setOpen] = useState(!1), [content, setContent] = useState(null), [filename, setFilename] = useState(null), [title, setTitle] = useState("Source only"), [error, setError] = useState(null), build = useCallback(
-    async (targetLanguage) => {
-      setOpen(!0), setContent(null), setFilename(null), setError(null), setTitle(targetLanguage ? `Source + ${languageTitle(languages, targetLanguage)}` : "Source only");
-      try {
-        const raw = await client.fetch(
-          sourceIsPublished ? "*[_id == $id][0]" : 'coalesce(*[_id == "drafts." + $id][0], *[_id == $id][0])',
-          { id: docId }
-        );
-        if (!raw) throw new Error(`Document not found: ${docId}`);
-        const isDraft = typeof raw._id == "string" && raw._id.startsWith("drafts."), doc = isDraft ? { ...raw, _id: docId } : raw, fields = getTranslatableFields(schema.get(type), { exclude: [documentI18nLanguageField] });
-        let target;
-        if (targetLanguage)
-          if (localizationMode(schema.get(type)) === "document") {
-            const sibling = (await client.fetch(VIEW_SIBLINGS_QUERY, { id: docId }) ?? []).find((v) => v.language === targetLanguage)?.doc ?? void 0;
-            target = { language: targetLanguage, doc: sibling };
-          } else
-            target = { language: targetLanguage };
-        const locjson = serializeToLocjson(doc, fields, {
-          sourceLanguage,
-          fieldLanguageKey: fieldI18nLanguageField,
-          target
-        }), smartcatCode = targetLanguage ? languages.find((l) => l.id === targetLanguage)?.smartcatLanguage || targetLanguage : void 0, smartcatName = buildLocjsonFilename(type, docId, resolveDocumentTitle(schema, doc), {
-          draft: isDraft,
-          language: smartcatCode
-        });
-        setFilename(smartcatName.split("/").pop() || smartcatName), setContent(JSON.stringify(locjson, null, 2));
-      } catch (err) {
-        setError(err instanceof Error ? err.message : String(err));
-      }
-    },
-    [client, schema, docId, type, sourceIsPublished, sourceLanguage, documentI18nLanguageField, fieldI18nLanguageField, languages]
-  ), download = useCallback(() => {
-    if (content == null || !filename) return;
-    const url = URL.createObjectURL(new Blob([content], { type: "application/json" })), anchor = document.createElement("a");
-    anchor.href = url, anchor.download = filename, anchor.click(), URL.revokeObjectURL(url);
-  }, [content, filename]);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      MenuButton,
-      {
-        id: `locjson-menu-${docId}`,
-        button: /* @__PURE__ */ jsx(Button, { mode: "bleed", icon: JsonIcon, iconRight: ChevronDownIcon, title: "View LocJSON", fontSize: 0, padding: 2 }),
-        menu: /* @__PURE__ */ jsxs(Menu, { children: [
-          /* @__PURE__ */ jsx(MenuItem, { text: "Source only", onClick: () => build() }),
-          targetLanguages.map((lang) => /* @__PURE__ */ jsx(MenuItem, { text: `Source + ${languageTitle(languages, lang)}`, onClick: () => build(lang) }, lang))
-        ] }),
-        popover: { portal: !0 }
-      }
-    ),
-    open && /* @__PURE__ */ jsx(
-      Dialog,
-      {
-        id: `locjson-${docId}`,
-        header: /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 3, children: [
-          /* @__PURE__ */ jsxs(Text, { weight: "semibold", children: [
-            "LocJSON \xB7 ",
-            type,
-            " \xB7 ",
-            title
-          ] }),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              icon: DownloadIcon,
-              text: "Download",
-              mode: "ghost",
-              fontSize: 1,
-              padding: 2,
-              disabled: content == null,
-              onClick: download
-            }
-          )
-        ] }),
-        onClose: () => setOpen(!1),
-        width: 3,
-        children: /* @__PURE__ */ jsx(Box, { padding: 4, children: error ? /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, children: error }) : content === null ? /* @__PURE__ */ jsx(Flex, { align: "center", justify: "center", padding: 5, children: /* @__PURE__ */ jsx(Spinner, { muted: !0 }) }) : /* @__PURE__ */ jsx(
-          CodeArea,
-          {
-            readOnly: !0,
-            spellCheck: !1,
-            value: content,
-            onFocus: (e) => e.currentTarget.select()
-          }
-        ) })
-      }
-    )
-  ] });
-}
 function ProjectView({
   projectId,
   onBack,
@@ -2096,7 +2320,19 @@ Smartcat language code: '${l.smartcatLanguage || l.id}'`,
           item._key
         );
       }) }),
-      /* @__PURE__ */ jsx(Card, { padding: 4, radius: 2, tone: "transparent", border: !0, children: /* @__PURE__ */ jsx(Text, { muted: !0, align: "center", size: 1, children: "Add content from a document\u2019s \u201C\u22EF \u2192 Add to translation project\u201D menu." }) })
+      /* @__PURE__ */ jsx(
+        AddItemsSearch,
+        {
+          projectId,
+          translatableTypes,
+          existingDocIds: new Set(items.map((i) => i.docId)),
+          sourceLanguage,
+          languages,
+          targetLanguages: targets,
+          documentI18nLanguageField,
+          fieldI18nLanguageField
+        }
+      )
     ] }),
     confirmDelete && /* @__PURE__ */ jsx(
       Dialog,