strapi-content-embeddings 0.1.7 → 0.1.9

package/dist/_chunks/{App-C5NFY1UT.mjs → App-MjsTrWRS.mjs}

@@ -2,10 +2,10 @@ import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useFetchClient, Layouts, useNotification, Page } from "@strapi/strapi/admin";
 import { Link, useNavigate, NavLink, useParams, Routes, Route } from "react-router-dom";
 import { useRef, useState, useEffect, useCallback, useMemo } from "react";
-import { EmptyStateLayout, Button, Tr, Box, Table, Thead, Th, Typography, VisuallyHidden, Tbody, Td, Flex, IconButton, Modal, TextInput, Link as Link$1, Accordion, Main, Loader, Pagination, PreviousLink, PageLink, NextLink, Field, Textarea, Badge, Grid, Dialog } from "@strapi/design-system";
-import { Plus, ArrowRight, Search, ArrowLeft, Cross, Check, Pencil, Trash } from "@strapi/icons";
+import { EmptyStateLayout, Button, Tr, Box, Table, Thead, Th, Typography, VisuallyHidden, Tbody, Td, Flex, IconButton, Modal, TextInput, Link as Link$1, Accordion, Alert, Loader, Card, SingleSelect, SingleSelectOption, Checkbox, Badge, Divider, Main, Pagination, PreviousLink, PageLink, NextLink, Field, Textarea, Grid, Dialog } from "@strapi/design-system";
+import { Plus, ArrowRight, ArrowClockwise, WarningCircle, Check, Database, Cross, Search, ArrowLeft, Pencil, Trash } from "@strapi/icons";
 import qs from "qs";
-import { P as PLUGIN_ID, R as RobotIcon, M as MarkdownEditor } from "./index-CIpGvEcJ.mjs";
+import { P as PLUGIN_ID, R as RobotIcon, M as MarkdownEditor } from "./index-ifqYByO5.mjs";
 import styled from "styled-components";
 import ReactMarkdown from "react-markdown";
 import { useIntl } from "react-intl";
@@ -462,6 +462,383 @@ function ChatModal() {
     ] }) })
   ] });
 }
+const SYNC_BASE = `/${PLUGIN_ID}`;
+const syncApi = {
+  getStatus: async (fetchClient) => {
+    const response = await fetchClient.get(`${SYNC_BASE}/sync/status`);
+    return response.data;
+  },
+  syncFromNeon: async (fetchClient, options) => {
+    const queryString = options ? `?${qs.stringify(options)}` : "";
+    const response = await fetchClient.post(`${SYNC_BASE}/sync${queryString}`);
+    return response.data;
+  },
+  recreateAll: async (fetchClient) => {
+    const response = await fetchClient.post(`${SYNC_BASE}/recreate`);
+    return response.data;
+  }
+};
+function StatCard({ label, value, subtitle, variant = "default" }) {
+  const bgColors = {
+    default: "neutral100",
+    success: "success100",
+    warning: "warning100",
+    danger: "danger100"
+  };
+  const textColors = {
+    default: "neutral800",
+    success: "success700",
+    warning: "warning700",
+    danger: "danger700"
+  };
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      padding: 4,
+      background: bgColors[variant],
+      hasRadius: true,
+      borderColor: "neutral200",
+      style: { textAlign: "center", minWidth: "120px" },
+      children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", style: { textTransform: "uppercase", fontSize: "11px" }, children: label }),
+        /* @__PURE__ */ jsx(Box, { paddingTop: 1, children: /* @__PURE__ */ jsx(Typography, { variant: "alpha", textColor: textColors[variant], fontWeight: "bold", children: value }) }),
+        subtitle && /* @__PURE__ */ jsx(Box, { paddingTop: 1, children: /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral500", children: subtitle }) })
+      ]
+    }
+  );
+}
+function SyncModal({ isOpen, onClose, onSyncComplete }) {
+  const fetchClient = useFetchClient();
+  const [operation, setOperation] = useState("status");
+  const [removeOrphans, setRemoveOrphans] = useState(false);
+  const [dryRun, setDryRun] = useState(true);
+  const [isLoading, setIsLoading] = useState(false);
+  const [status, setStatus] = useState(null);
+  const [syncResult, setSyncResult] = useState(null);
+  const [recreateResult, setRecreateResult] = useState(null);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    if (isOpen) {
+      fetchStatus();
+    }
+  }, [isOpen]);
+  useEffect(() => {
+    if (!isOpen) {
+      setSyncResult(null);
+      setRecreateResult(null);
+      setError(null);
+      setOperation("status");
+      setDryRun(true);
+      setRemoveOrphans(false);
+    }
+  }, [isOpen]);
+  const fetchStatus = async () => {
+    setIsLoading(true);
+    setError(null);
+    try {
+      const result = await syncApi.getStatus(fetchClient);
+      setStatus(result);
+    } catch (err) {
+      setError(err.message || "Failed to fetch sync status");
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  const handleExecute = async () => {
+    setIsLoading(true);
+    setError(null);
+    setSyncResult(null);
+    setRecreateResult(null);
+    try {
+      if (operation === "status") {
+        await fetchStatus();
+      } else if (operation === "sync") {
+        const result = await syncApi.syncFromNeon(fetchClient, { removeOrphans, dryRun });
+        setSyncResult(result);
+        if (!dryRun && onSyncComplete) {
+          onSyncComplete();
+        }
+      } else if (operation === "recreate") {
+        const result = await syncApi.recreateAll(fetchClient);
+        setRecreateResult(result);
+        if (onSyncComplete) {
+          onSyncComplete();
+        }
+      }
+    } catch (err) {
+      setError(err.message || "Operation failed");
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  const renderStatus = () => {
+    if (!status) return null;
+    return /* @__PURE__ */ jsx(Card, { padding: 5, background: "neutral0", shadow: "tableShadow", children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 4, children: [
+      /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", children: [
+        /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", children: [
+          /* @__PURE__ */ jsx(Database, {}),
+          /* @__PURE__ */ jsx(Typography, { variant: "delta", fontWeight: "bold", children: "Sync Status" })
+        ] }),
+        /* @__PURE__ */ jsx(Badge, { active: status.inSync, size: "S", children: status.inSync ? "In Sync" : "Out of Sync" })
+      ] }),
+      /* @__PURE__ */ jsx(Divider, {}),
+      /* @__PURE__ */ jsxs(Flex, { gap: 4, justifyContent: "center", wrap: "wrap", children: [
+        /* @__PURE__ */ jsx(
+          StatCard,
+          {
+            label: "Neon DB",
+            value: status.neonCount,
+            subtitle: "embeddings"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          StatCard,
+          {
+            label: "Strapi DB",
+            value: status.strapiCount,
+            subtitle: "embeddings"
+          }
+        )
+      ] }),
+      !status.inSync && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Divider, {}),
+        /* @__PURE__ */ jsx(Box, { padding: 3, background: "warning100", hasRadius: true, children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 2, children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "warning700", children: "Differences Found" }),
+          status.missingInStrapi > 0 && /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "warning700", children: [
+            "• ",
+            status.missingInStrapi,
+            " embeddings missing in Strapi (will be created)"
+          ] }),
+          status.missingInNeon > 0 && /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "danger600", children: [
+            "• ",
+            status.missingInNeon,
+            " orphaned entries in Strapi (not in Neon)"
+          ] }),
+          status.contentDifferences > 0 && /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "warning700", children: [
+            "• ",
+            status.contentDifferences,
+            " entries with content differences"
+          ] })
+        ] }) })
+      ] })
+    ] }) });
+  };
+  const renderSyncResult = () => {
+    if (!syncResult) return null;
+    return /* @__PURE__ */ jsx(Card, { padding: 5, background: syncResult.success ? "success100" : "danger100", shadow: "tableShadow", children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 4, children: [
+      /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "delta", fontWeight: "bold", children: syncResult.dryRun ? "Preview Results" : "Sync Results" }),
+        /* @__PURE__ */ jsx(Badge, { active: syncResult.success, children: syncResult.success ? /* @__PURE__ */ jsxs(Flex, { gap: 1, alignItems: "center", children: [
+          /* @__PURE__ */ jsx(Check, { width: 12, height: 12 }),
+          "Success"
+        ] }) : /* @__PURE__ */ jsxs(Flex, { gap: 1, alignItems: "center", children: [
+          /* @__PURE__ */ jsx(Cross, { width: 12, height: 12 }),
+          "Failed"
+        ] }) })
+      ] }),
+      /* @__PURE__ */ jsx(Divider, {}),
+      /* @__PURE__ */ jsxs(Flex, { gap: 3, justifyContent: "center", wrap: "wrap", children: [
+        /* @__PURE__ */ jsx(
+          StatCard,
+          {
+            label: "Created",
+            value: syncResult.actions.created,
+            variant: syncResult.actions.created > 0 ? "success" : "default"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          StatCard,
+          {
+            label: "Updated",
+            value: syncResult.actions.updated,
+            variant: syncResult.actions.updated > 0 ? "warning" : "default"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          StatCard,
+          {
+            label: "Removed",
+            value: syncResult.actions.orphansRemoved,
+            variant: syncResult.actions.orphansRemoved > 0 ? "danger" : "default"
+          }
+        )
+      ] }),
+      syncResult.errors.length > 0 && /* @__PURE__ */ jsxs(Box, { padding: 3, background: "danger100", hasRadius: true, children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "danger700", children: "Errors" }),
+        /* @__PURE__ */ jsxs(Box, { paddingTop: 2, children: [
+          syncResult.errors.slice(0, 3).map((err, i) => /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "danger600", children: [
+            "• ",
+            err
+          ] }, i)),
+          syncResult.errors.length > 3 && /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "danger600", fontWeight: "bold", children: [
+            "+ ",
+            syncResult.errors.length - 3,
+            " more errors"
+          ] })
+        ] })
+      ] }),
+      syncResult.dryRun && /* @__PURE__ */ jsx(Box, { paddingTop: 2, children: /* @__PURE__ */ jsx(Alert, { variant: "default", closeLabel: "Close", children: 'This was a preview. No changes were made. Click "Apply Changes" below to execute the sync.' }) })
+    ] }) });
+  };
+  const renderRecreateResult = () => {
+    if (!recreateResult) return null;
+    return /* @__PURE__ */ jsx(Card, { padding: 5, background: recreateResult.success ? "success100" : "danger100", shadow: "tableShadow", children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 4, children: [
+      /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "delta", fontWeight: "bold", children: "Recreate Results" }),
+        /* @__PURE__ */ jsx(Badge, { active: recreateResult.success, children: recreateResult.success ? "Success" : "Failed" })
+      ] }),
+      /* @__PURE__ */ jsx(Divider, {}),
+      /* @__PURE__ */ jsxs(Flex, { gap: 3, justifyContent: "center", wrap: "wrap", children: [
+        /* @__PURE__ */ jsx(
+          StatCard,
+          {
+            label: "Processed",
+            value: recreateResult.totalProcessed
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          StatCard,
+          {
+            label: "Created",
+            value: recreateResult.created,
+            variant: "success"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          StatCard,
+          {
+            label: "Failed",
+            value: recreateResult.failed,
+            variant: recreateResult.failed > 0 ? "danger" : "default"
+          }
+        )
+      ] }),
+      recreateResult.errors.length > 0 && /* @__PURE__ */ jsxs(Box, { padding: 3, background: "danger100", hasRadius: true, children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "danger700", children: "Errors" }),
+        /* @__PURE__ */ jsx(Box, { paddingTop: 2, children: recreateResult.errors.slice(0, 3).map((err, i) => /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "danger600", children: [
+          "• ",
+          err
+        ] }, i)) })
+      ] })
+    ] }) });
+  };
+  const getButtonLabel = () => {
+    if (operation === "status") return "Refresh Status";
+    if (operation === "sync") return dryRun ? "Preview Sync" : "Run Sync";
+    if (operation === "recreate") return "Recreate All";
+    return "Execute";
+  };
+  const handleApplyChanges = async () => {
+    setIsLoading(true);
+    setError(null);
+    setSyncResult(null);
+    try {
+      const result = await syncApi.syncFromNeon(fetchClient, { removeOrphans, dryRun: false });
+      setSyncResult(result);
+      if (onSyncComplete) {
+        onSyncComplete();
+      }
+    } catch (err) {
+      setError(err.message || "Failed to apply changes");
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  const showApplyButton = syncResult?.dryRun && syncResult?.success;
+  return /* @__PURE__ */ jsx(Modal.Root, { open: isOpen, onOpenChange: (open) => !open && onClose(), children: /* @__PURE__ */ jsxs(Modal.Content, { children: [
+    /* @__PURE__ */ jsx(Modal.Header, { children: /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", children: [
+      /* @__PURE__ */ jsx(ArrowClockwise, {}),
+      /* @__PURE__ */ jsx(Modal.Title, { children: "Database Sync" })
+    ] }) }),
+    /* @__PURE__ */ jsx(Modal.Body, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 5, children: [
+      error && /* @__PURE__ */ jsx(Alert, { variant: "danger", closeLabel: "Close", onClose: () => setError(null), children: error }),
+      isLoading && !status ? /* @__PURE__ */ jsx(Flex, { justifyContent: "center", padding: 6, children: /* @__PURE__ */ jsx(Loader, { children: "Loading status..." }) }) : renderStatus(),
+      /* @__PURE__ */ jsx(Card, { padding: 5, background: "neutral0", shadow: "tableShadow", children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 4, children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "delta", fontWeight: "bold", children: "Select Operation" }),
+        /* @__PURE__ */ jsxs(
+          SingleSelect,
+          {
+            value: operation,
+            onChange: (value) => setOperation(value),
+            disabled: isLoading,
+            size: "M",
+            children: [
+              /* @__PURE__ */ jsx(SingleSelectOption, { value: "status", children: "Check Status" }),
+              /* @__PURE__ */ jsx(SingleSelectOption, { value: "sync", children: "Sync from Neon" }),
+              /* @__PURE__ */ jsx(SingleSelectOption, { value: "recreate", children: "Recreate All (Danger)" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "neutral500", children: [
+          operation === "status" && "Compare Neon and Strapi databases without making changes.",
+          operation === "sync" && "Import embeddings from Neon DB to Strapi. Use this to restore missing entries.",
+          operation === "recreate" && "Delete all Neon embeddings and recreate them from Strapi data."
+        ] })
+      ] }) }),
+      operation === "sync" && /* @__PURE__ */ jsx(Card, { padding: 5, background: "neutral0", shadow: "tableShadow", children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 4, children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "delta", fontWeight: "bold", children: "Sync Options" }),
+        /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 3, children: [
+          /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              checked: dryRun,
+              onCheckedChange: (checked) => setDryRun(checked),
+              children: /* @__PURE__ */ jsxs(Flex, { direction: "column", children: [
+                /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "semiBold", children: "Dry Run" }),
+                /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral500", children: "Preview changes without applying them" })
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              checked: removeOrphans,
+              onCheckedChange: (checked) => setRemoveOrphans(checked),
+              children: /* @__PURE__ */ jsxs(Flex, { direction: "column", children: [
+                /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "semiBold", children: "Remove Orphans" }),
+                /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral500", children: "Delete Strapi entries that don't exist in Neon" })
+              ] })
+            }
+          )
+        ] })
+      ] }) }),
+      operation === "recreate" && /* @__PURE__ */ jsx(Alert, { variant: "danger", closeLabel: "Close", children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 2, children: [
+        /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", children: [
+          /* @__PURE__ */ jsx(WarningCircle, {}),
+          /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "bold", children: "Destructive Operation" })
+        ] }),
+        /* @__PURE__ */ jsx(Typography, { variant: "pi", children: "This will delete ALL embeddings in Neon and recreate them from Strapi data. This operation cannot be undone. Only use if embeddings are corrupted." })
+      ] }) }),
+      syncResult && renderSyncResult(),
+      recreateResult && renderRecreateResult()
+    ] }) }),
+    /* @__PURE__ */ jsx(Modal.Footer, { children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", width: "100%", children: [
+      /* @__PURE__ */ jsx(Modal.Close, { children: /* @__PURE__ */ jsx(Button, { variant: "tertiary", children: "Cancel" }) }),
+      /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
+        showApplyButton && /* @__PURE__ */ jsx(
+          Button,
+          {
+            onClick: handleApplyChanges,
+            loading: isLoading,
+            startIcon: /* @__PURE__ */ jsx(Check, {}),
+            variant: "success",
+            children: "Apply Changes"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            onClick: handleExecute,
+            loading: isLoading,
+            startIcon: /* @__PURE__ */ jsx(ArrowClockwise, {}),
+            variant: operation === "recreate" ? "danger" : "secondary",
+            children: getButtonLabel()
+          }
+        )
+      ] })
+    ] }) })
+  ] }) });
+}
 const PAGE_SIZE = 10;
 function debounce(func, wait) {
   let timeout;
@@ -477,6 +854,7 @@ function HomePage() {
   const [search, setSearch] = useState("");
   const [isLoading, setIsLoading] = useState(true);
   const [currentPage, setCurrentPage] = useState(1);
+  const [isSyncModalOpen, setIsSyncModalOpen] = useState(false);
   const totalPages = embeddings ? Math.ceil(embeddings.totalCount / PAGE_SIZE) : 0;
   const buildQuery = (searchTerm, page) => qs.stringify({
     page,
@@ -513,18 +891,55 @@ function HomePage() {
   const handleCreateNew = () => {
     navigate(`/plugins/${PLUGIN_ID}/embeddings`);
   };
+  const handleSyncComplete = () => {
+    fetchData(search, currentPage);
+  };
+  const headerActions = /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
+    /* @__PURE__ */ jsx(Button, { variant: "secondary", startIcon: /* @__PURE__ */ jsx(ArrowClockwise, {}), onClick: () => setIsSyncModalOpen(true), children: "Sync" }),
+    /* @__PURE__ */ jsx(Button, { startIcon: /* @__PURE__ */ jsx(Plus, {}), onClick: handleCreateNew, children: "Create new embedding" })
+  ] });
   if (isLoading && !embeddings) {
     return /* @__PURE__ */ jsxs(Main, { children: [
-      /* @__PURE__ */ jsx(Layouts.Header, { title: "Content Embeddings", subtitle: "Manage your content embeddings" }),
+      /* @__PURE__ */ jsx(
+        Layouts.Header,
+        {
+          title: "Content Embeddings",
+          subtitle: "Manage your content embeddings",
+          primaryAction: headerActions
+        }
+      ),
       /* @__PURE__ */ jsx(Layouts.Content, { children: /* @__PURE__ */ jsx(Flex, { justifyContent: "center", padding: 8, children: /* @__PURE__ */ jsx(Loader, { children: "Loading..." }) }) }),
-      /* @__PURE__ */ jsx(ChatModal, {})
+      /* @__PURE__ */ jsx(ChatModal, {}),
+      /* @__PURE__ */ jsx(
+        SyncModal,
+        {
+          isOpen: isSyncModalOpen,
+          onClose: () => setIsSyncModalOpen(false),
+          onSyncComplete: handleSyncComplete
+        }
+      )
     ] });
   }
   if (embeddings?.totalCount === 0 && !search) {
     return /* @__PURE__ */ jsxs(Main, { children: [
-      /* @__PURE__ */ jsx(Layouts.Header, { title: "Content Embeddings", subtitle: "Manage your content embeddings" }),
+      /* @__PURE__ */ jsx(
+        Layouts.Header,
+        {
+          title: "Content Embeddings",
+          subtitle: "Manage your content embeddings",
+          primaryAction: headerActions
+        }
+      ),
       /* @__PURE__ */ jsx(Layouts.Content, { children: /* @__PURE__ */ jsx(EmptyState, {}) }),
-      /* @__PURE__ */ jsx(ChatModal, {})
+      /* @__PURE__ */ jsx(ChatModal, {}),
+      /* @__PURE__ */ jsx(
+        SyncModal,
+        {
+          isOpen: isSyncModalOpen,
+          onClose: () => setIsSyncModalOpen(false),
+          onSyncComplete: handleSyncComplete
+        }
+      )
     ] });
   }
   const renderEmbeddingsContent = () => {
@@ -606,7 +1021,7 @@ function HomePage() {
       {
         title: "Content Embeddings",
         subtitle: `${embeddings?.totalCount || 0} embeddings total`,
-        primaryAction: /* @__PURE__ */ jsx(Button, { startIcon: /* @__PURE__ */ jsx(Plus, {}), onClick: handleCreateNew, children: "Create new embedding" })
+        primaryAction: headerActions
       }
     ),
     /* @__PURE__ */ jsxs(Layouts.Content, { children: [
@@ -623,7 +1038,15 @@ function HomePage() {
       renderEmbeddingsContent(),
       renderPagination()
     ] }),
-    /* @__PURE__ */ jsx(ChatModal, {})
+    /* @__PURE__ */ jsx(ChatModal, {}),
+    /* @__PURE__ */ jsx(
+      SyncModal,
+      {
+        isOpen: isSyncModalOpen,
+        onClose: () => setIsSyncModalOpen(false),
+        onSyncComplete: handleSyncComplete
+      }
+    )
   ] });
 }
 function CreateEmbeddingsForm({