@deenruv/merchant-plugin 1.0.17-dev.18 → 1.0.17-dev.20

package/dist/plugin-server/ui/graphql/queries.ts

@@ -2,6 +2,8 @@ import { typedGql } from "../zeus/typedDocumentNode";
 import { scalars } from "./scalars";
 import { merchantPlatformSettingsSelector } from "./mutations";
 import { $ } from "../zeus/index";
+import { gql } from "graphql-tag";
+import type { TypedDocumentNode } from "@graphql-typed-document-node/core";
 
 const query = typedGql("query", { scalars });
 export const getMerchantPlatformSettings = query({
@@ -16,3 +18,100 @@ export const getMerchantPlatformInfo = query({
     { isValidConnection: true, productsCount: true },
   ],
 });
+
+export type GoogleMerchantDiagnostic = {
+  checkedAt?: string;
+  connectionStatus?: string;
+  dataSourceVerified?: boolean;
+  disapprovedProductsCount?: number;
+  isValidConnection: boolean;
+  issues?: Array<{
+    code: string;
+    description: string;
+    offerId: string;
+    severity: string;
+  }>;
+  issuesCount?: number;
+  lastError?: {
+    code: string;
+    message: string;
+    retryable: boolean;
+  };
+  latencyMs?: number;
+  productsCount: number;
+};
+
+export type MerchantSyncRunSummary = {
+  createdAt: string;
+  errorSummary?: string;
+  failed: number;
+  finishedAt?: string;
+  id: string;
+  items: Array<{
+    attempts: number;
+    errorCode?: string;
+    errorMessage?: string;
+    offerId: string;
+    operation: string;
+    status: string;
+  }>;
+  status: string;
+  succeeded: number;
+  total: number;
+  trigger: string;
+};
+
+export const getGoogleMerchantDiagnostic = gql`
+  query GetGoogleMerchantDiagnostic {
+    getMerchantPlatformInfo(platform: "google") {
+      isValidConnection
+      productsCount
+      connectionStatus
+      dataSourceVerified
+      checkedAt
+      latencyMs
+      disapprovedProductsCount
+      issuesCount
+      lastError {
+        code
+        message
+        retryable
+      }
+      issues {
+        offerId
+        code
+        description
+        severity
+      }
+    }
+  }
+` as TypedDocumentNode<{
+  getMerchantPlatformInfo?: GoogleMerchantDiagnostic[];
+}>;
+
+export const getGoogleMerchantSyncHistory = gql`
+  query GetGoogleMerchantSyncHistory($take: Int) {
+    getMerchantSyncHistory(platform: "google", take: $take) {
+      id
+      createdAt
+      trigger
+      status
+      total
+      succeeded
+      failed
+      errorSummary
+      finishedAt
+      items {
+        offerId
+        operation
+        status
+        errorCode
+        errorMessage
+        attempts
+      }
+    }
+  }
+` as TypedDocumentNode<
+  { getMerchantSyncHistory: MerchantSyncRunSummary[] },
+  { take?: number }
+>;

package/dist/plugin-server/ui/pages/GooglePage.tsx

@@ -9,10 +9,14 @@ import { NotificationService } from "@deenruv/admin-ui/core";
 import {
   removeOrphanItems,
   saveMerchantPlatformSettings,
+  sendAllProductsToMerchantPlatform,
 } from "../graphql/mutations";
 import {
-  getMerchantPlatformInfo,
+  getGoogleMerchantDiagnostic,
+  getGoogleMerchantSyncHistory,
   getMerchantPlatformSettings,
+  GoogleMerchantDiagnostic,
+  MerchantSyncRunSummary,
 } from "../graphql/queries";
 
 export const GooglePage = () => {
@@ -20,9 +24,16 @@ export const GooglePage = () => {
   const [fetchMerchantPlatformSettings] = useLazyQuery(
     getMerchantPlatformSettings,
   );
-  const [fetchMerchantPlatformInfo] = useLazyQuery(getMerchantPlatformInfo);
+  const [fetchMerchantPlatformInfo] = useLazyQuery(
+    getGoogleMerchantDiagnostic,
+  );
+  const [fetchSyncHistory] = useLazyQuery(getGoogleMerchantSyncHistory);
   const [mutate] = useMutation(saveMerchantPlatformSettings);
   const [removeOldItems] = useMutation(removeOrphanItems);
+  const [sendAllProducts] = useMutation(sendAllProductsToMerchantPlatform);
+  const [diagnostic, setDiagnostic] =
+    useState<GoogleMerchantDiagnostic | null>(null);
+  const [syncHistory, setSyncHistory] = useState<MerchantSyncRunSummary[]>([]);
   const [serviceInfo, setServiceInfo] = useState({
     productsCount: 0,
     connectionStatus: false,
@@ -55,6 +66,8 @@ export const GooglePage = () => {
     brand: "",
     merchantId: "",
     dataSource: "",
+    contentLanguage: "pl",
+    feedLabel: "PL",
     credentials: "",
     autoUpdate: true,
     firstSync: true,
@@ -63,9 +76,10 @@ export const GooglePage = () => {
   const refetch = async () => {
     try {
       setIsLoading(true);
-      const [settingsData, infoData] = await Promise.all([
+      const [settingsData, infoData, historyData] = await Promise.all([
         fetchMerchantPlatformSettings({ platform: "google" }),
-        fetchMerchantPlatformInfo({ platform: "google" }),
+        fetchMerchantPlatformInfo(),
+        fetchSyncHistory({ take: 10 }),
       ]);
       const settings =
         settingsData?.getMerchantPlatformSettings?.entries?.reduce(
@@ -79,6 +93,12 @@ export const GooglePage = () => {
             if (key === "dataSource") {
               acc.dataSource = value;
             }
+            if (key === "contentLanguage") {
+              acc.contentLanguage = value;
+            }
+            if (key === "feedLabel") {
+              acc.feedLabel = value;
+            }
             if (key === "credentials") {
               acc.credentials = value;
             }
@@ -94,17 +114,20 @@ export const GooglePage = () => {
             brand: string;
             merchantId: string;
             dataSource: string;
+            contentLanguage: string;
+            feedLabel: string;
             credentials: string;
             autoUpdate: boolean;
             firstSync: boolean;
           },
         );
       setSettingsForm((prev) => ({ ...prev, ...settings }));
+      const currentDiagnostic = infoData?.getMerchantPlatformInfo?.[0];
+      setDiagnostic(currentDiagnostic ?? null);
+      setSyncHistory(historyData?.getMerchantSyncHistory ?? []);
       setServiceInfo({
-        productsCount:
-          infoData?.getMerchantPlatformInfo?.[0]?.productsCount || 0,
-        connectionStatus:
-          infoData?.getMerchantPlatformInfo?.[0]?.isValidConnection || false,
+        productsCount: currentDiagnostic?.productsCount || 0,
+        connectionStatus: currentDiagnostic?.isValidConnection || false,
       });
       setIsLoading(false);
     } catch (error) {
@@ -137,7 +160,11 @@ export const GooglePage = () => {
       }
     } catch (error) {
       console.error(error);
-      toast.error("Failed to save settings");
+      toast.error(
+        `Failed to save settings: ${
+          error instanceof Error ? error.message : "Unknown error"
+        }`,
+      );
     }
   };
 
@@ -214,6 +241,34 @@ export const GooglePage = () => {
               }
             />
           </div>
+          <div className="flex justify-between gap-4">
+            <div className="w-full flex flex-col gap-2">
+              <label>Content language</label>
+              <input
+                required
+                value={settingsForm.contentLanguage}
+                onChange={(e) =>
+                  setSettingsForm({
+                    ...settingsForm,
+                    contentLanguage: e.target.value,
+                  })
+                }
+              />
+            </div>
+            <div className="w-full flex flex-col gap-2">
+              <label>Feed label</label>
+              <input
+                required
+                value={settingsForm.feedLabel}
+                onChange={(e) =>
+                  setSettingsForm({
+                    ...settingsForm,
+                    feedLabel: e.target.value,
+                  })
+                }
+              />
+            </div>
+          </div>
           <div className="flex flex-col gap-4">
             <div className="flex flex-col">
               <label>Google Account Credentials</label>
@@ -271,7 +326,67 @@ export const GooglePage = () => {
         </form>
         <div className="flex gap-2">
           <span>Connection status</span>
-          {serviceInfo.connectionStatus ? <div>💚</div> : <div>💔</div>}
+          <strong>
+            {serviceInfo.connectionStatus ? "Connected" : "Disconnected"}
+          </strong>
+        </div>
+        <div className="flex gap-2">
+          <span>Products count</span>
+          <span>{serviceInfo.productsCount}</span>
+        </div>
+        <div className="flex flex-col gap-1">
+          <span>Diagnostic: {diagnostic?.connectionStatus ?? "UNKNOWN"}</span>
+          <span>
+            Data source verified:{" "}
+            {diagnostic?.dataSourceVerified ? "yes" : "no"}
+          </span>
+          <span>Latency: {diagnostic?.latencyMs ?? 0} ms</span>
+          <span>
+            Disapproved products: {diagnostic?.disapprovedProductsCount ?? 0}
+          </span>
+          <span>Product issues: {diagnostic?.issuesCount ?? 0}</span>
+          {diagnostic?.lastError ? (
+            <div className="alert alert-danger">
+              {diagnostic.lastError.code}: {diagnostic.lastError.message}
+            </div>
+          ) : null}
+          {(diagnostic?.issues ?? []).slice(0, 20).map((issue) => (
+            <div
+              className="alert alert-warning"
+              key={`${issue.offerId}-${issue.code}`}
+            >
+              {issue.offerId} · {issue.severity} · {issue.code}:{" "}
+              {issue.description}
+            </div>
+          ))}
+        </div>
+        <div className="mt-4 flex gap-2">
+          <button
+            type="button"
+            className="btn btn-secondary"
+            onClick={async () => {
+              await refetch();
+              toast.success("Connection diagnostic completed");
+            }}
+          >
+            Test connection
+          </button>
+          <button
+            type="button"
+            className="btn btn-primary"
+            onClick={async () => {
+              try {
+                await sendAllProducts({ platform: "google" });
+                toast.success("Full synchronization queued");
+                await refetch();
+              } catch (error) {
+                console.error(error);
+                toast.error("Failed to queue full synchronization");
+              }
+            }}
+          >
+            Synchronize all
+          </button>
         </div>
         {serviceInfo.connectionStatus ? (
           <div style={{ marginTop: "12px" }}>
@@ -280,11 +395,11 @@ export const GooglePage = () => {
               onClick={async () => {
                 try {
                   await removeOldItems({ platform: "google" });
-                  toast.success("Old items removed successfully");
+                  toast.success("Orphan cleanup queued");
                   refetch();
                 } catch (error) {
                   console.error(error);
-                  toast.error("Failed to remove old items");
+                  toast.error("Failed to queue orphan cleanup");
                 }
               }}
             >
@@ -292,10 +407,37 @@ export const GooglePage = () => {
             </button>
           </div>
         ) : null}
-        {/* <div className="flex gap-2">
-          <span>Products count</span>
-          <span>{serviceInfo.productsCount}</span>
-        </div> */}
+        <div className="mt-8 flex flex-col gap-2">
+          <h3>Recent synchronizations</h3>
+          {syncHistory.length === 0 ? (
+            <span>No synchronization history</span>
+          ) : (
+            syncHistory.map((run) => (
+              <div className="border rounded p-2" key={run.id}>
+                <div>
+                  {run.status} · {run.succeeded}/{run.total} successful ·{" "}
+                  {run.failed} failed
+                </div>
+                <div>{new Date(run.createdAt).toLocaleString()}</div>
+                {run.errorSummary ? (
+                  <div className="text-danger">{run.errorSummary}</div>
+                ) : null}
+                {run.items
+                  .filter((item) => item.status === "FAILED")
+                  .slice(0, 20)
+                  .map((item) => (
+                    <div
+                      className="text-danger"
+                      key={`${run.id}-${item.offerId}-${item.operation}`}
+                    >
+                      {item.offerId} · {item.errorCode ?? "ERROR"} · attempts:{" "}
+                      {item.attempts} · {item.errorMessage}
+                    </div>
+                  ))}
+              </div>
+            ))
+          )}
+        </div>
       </div>
     </PageDetailLayout>
   );

package/dist/plugin-ui/graphql/mutations.d.ts

@@ -27,3 +27,8 @@ export declare const removeOrphanItems: import("@graphql-typed-document-node/cor
 }, {} & {
     platform: string;
 }>;
+export declare const sendAllProductsToMerchantPlatform: import("@graphql-typed-document-node/core").TypedDocumentNode<{
+    sendAllProductsToMerchantPlatform?: boolean | undefined;
+}, {} & {
+    platform: string;
+}>;

package/dist/plugin-ui/graphql/mutations.js

@@ -15,3 +15,9 @@ export const saveMerchantPlatformSettings = mutation({
 export const removeOrphanItems = mutation({
     removeOrphanItems: [{ platform: $("platform", "String!") }, true],
 });
+export const sendAllProductsToMerchantPlatform = mutation({
+    sendAllProductsToMerchantPlatform: [
+        { platform: $("platform", "String!") },
+        true,
+    ],
+});

package/dist/plugin-ui/graphql/queries.d.ts

@@ -1,4 +1,5 @@
-export declare const getMerchantPlatformSettings: import("@graphql-typed-document-node/core").TypedDocumentNode<{
+import type { TypedDocumentNode } from "@graphql-typed-document-node/core";
+export declare const getMerchantPlatformSettings: TypedDocumentNode<{
     getMerchantPlatformSettings?: {
         entries?: {
             value: string;
@@ -9,7 +10,7 @@ export declare const getMerchantPlatformSettings: import("@graphql-typed-documen
 }, {} & {
     platform: string;
 }>;
-export declare const getMerchantPlatformInfo: import("@graphql-typed-document-node/core").TypedDocumentNode<{
+export declare const getMerchantPlatformInfo: TypedDocumentNode<{
     getMerchantPlatformInfo?: {
         isValidConnection: boolean;
         productsCount: number;
@@ -17,3 +18,53 @@ export declare const getMerchantPlatformInfo: import("@graphql-typed-document-no
 }, {} & {
     platform: string;
 }>;
+export type GoogleMerchantDiagnostic = {
+    checkedAt?: string;
+    connectionStatus?: string;
+    dataSourceVerified?: boolean;
+    disapprovedProductsCount?: number;
+    isValidConnection: boolean;
+    issues?: Array<{
+        code: string;
+        description: string;
+        offerId: string;
+        severity: string;
+    }>;
+    issuesCount?: number;
+    lastError?: {
+        code: string;
+        message: string;
+        retryable: boolean;
+    };
+    latencyMs?: number;
+    productsCount: number;
+};
+export type MerchantSyncRunSummary = {
+    createdAt: string;
+    errorSummary?: string;
+    failed: number;
+    finishedAt?: string;
+    id: string;
+    items: Array<{
+        attempts: number;
+        errorCode?: string;
+        errorMessage?: string;
+        offerId: string;
+        operation: string;
+        status: string;
+    }>;
+    status: string;
+    succeeded: number;
+    total: number;
+    trigger: string;
+};
+export declare const getGoogleMerchantDiagnostic: TypedDocumentNode<{
+    getMerchantPlatformInfo?: GoogleMerchantDiagnostic[] | undefined;
+}, {
+    [key: string]: any;
+}>;
+export declare const getGoogleMerchantSyncHistory: TypedDocumentNode<{
+    getMerchantSyncHistory: MerchantSyncRunSummary[];
+}, {
+    take?: number | undefined;
+}>;

package/dist/plugin-ui/graphql/queries.js

@@ -2,6 +2,7 @@ import { typedGql } from "../zeus/typedDocumentNode";
 import { scalars } from "./scalars";
 import { merchantPlatformSettingsSelector } from "./mutations";
 import { $ } from "../zeus/index";
+import { gql } from "graphql-tag";
 const query = typedGql("query", { scalars });
 export const getMerchantPlatformSettings = query({
     getMerchantPlatformSettings: [
@@ -15,3 +16,51 @@ export const getMerchantPlatformInfo = query({
         { isValidConnection: true, productsCount: true },
     ],
 });
+export const getGoogleMerchantDiagnostic = gql `
+  query GetGoogleMerchantDiagnostic {
+    getMerchantPlatformInfo(platform: "google") {
+      isValidConnection
+      productsCount
+      connectionStatus
+      dataSourceVerified
+      checkedAt
+      latencyMs
+      disapprovedProductsCount
+      issuesCount
+      lastError {
+        code
+        message
+        retryable
+      }
+      issues {
+        offerId
+        code
+        description
+        severity
+      }
+    }
+  }
+`;
+export const getGoogleMerchantSyncHistory = gql `
+  query GetGoogleMerchantSyncHistory($take: Int) {
+    getMerchantSyncHistory(platform: "google", take: $take) {
+      id
+      createdAt
+      trigger
+      status
+      total
+      succeeded
+      failed
+      errorSummary
+      finishedAt
+      items {
+        offerId
+        operation
+        status
+        errorCode
+        errorMessage
+        attempts
+      }
+    }
+  }
+`;

package/dist/plugin-ui/pages/GooglePage.js

@@ -1,14 +1,18 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { Label, Input, PageBlock, useLazyQuery, useMutation, Checkbox, Button, } from "@deenruv/react-ui-devkit";
-import { getMerchantPlatformInfo, getMerchantPlatformSettings, } from "../graphql/queries";
-import { removeOrphanItems, saveMerchantPlatformSettings, } from "../graphql/mutations";
+import { getGoogleMerchantDiagnostic, getGoogleMerchantSyncHistory, getMerchantPlatformSettings, } from "../graphql/queries";
+import { removeOrphanItems, saveMerchantPlatformSettings, sendAllProductsToMerchantPlatform, } from "../graphql/mutations";
 import { toast } from "sonner";
 export const GooglePage = () => {
     const [fetchMerchantPlatformSettings] = useLazyQuery(getMerchantPlatformSettings);
-    const [fetchMerchantPlatformInfo] = useLazyQuery(getMerchantPlatformInfo);
+    const [fetchMerchantPlatformInfo] = useLazyQuery(getGoogleMerchantDiagnostic);
+    const [fetchSyncHistory] = useLazyQuery(getGoogleMerchantSyncHistory);
     const [mutate] = useMutation(saveMerchantPlatformSettings);
     const [removeOldItems] = useMutation(removeOrphanItems);
+    const [sendAllProducts] = useMutation(sendAllProductsToMerchantPlatform);
+    const [diagnostic, setDiagnostic] = useState(null);
+    const [syncHistory, setSyncHistory] = useState([]);
     const [serviceInfo, setServiceInfo] = useState({
         productsCount: 0,
         connectionStatus: false,
@@ -42,6 +46,8 @@ export const GooglePage = () => {
         brand: "",
         merchantId: "",
         dataSource: "",
+        contentLanguage: "pl",
+        feedLabel: "PL",
         credentials: "",
         autoUpdate: true,
         firstSync: true,
@@ -49,9 +55,10 @@ export const GooglePage = () => {
     const refetch = async () => {
         try {
             setIsLoading(true);
-            const [settingsData, infoData] = await Promise.all([
+            const [settingsData, infoData, historyData] = await Promise.all([
                 fetchMerchantPlatformSettings({ platform: "google" }),
-                fetchMerchantPlatformInfo({ platform: "google" }),
+                fetchMerchantPlatformInfo(),
+                fetchSyncHistory({ take: 10 }),
             ]);
             const settings = settingsData?.getMerchantPlatformSettings?.entries?.reduce((acc, { key, value }) => {
                 if (key === "brand") {
@@ -63,6 +70,12 @@ export const GooglePage = () => {
                 if (key === "dataSource") {
                     acc.dataSource = value;
                 }
+                if (key === "contentLanguage") {
+                    acc.contentLanguage = value;
+                }
+                if (key === "feedLabel") {
+                    acc.feedLabel = value;
+                }
                 if (key === "credentials") {
                     acc.credentials = value;
                 }
@@ -75,9 +88,12 @@ export const GooglePage = () => {
                 return acc;
             }, {});
             setSettingsForm((prev) => ({ ...prev, ...settings }));
+            const currentDiagnostic = infoData?.getMerchantPlatformInfo?.[0];
+            setDiagnostic(currentDiagnostic ?? null);
+            setSyncHistory(historyData?.getMerchantSyncHistory ?? []);
             setServiceInfo({
-                productsCount: infoData?.getMerchantPlatformInfo?.[0]?.productsCount || 0,
-                connectionStatus: infoData?.getMerchantPlatformInfo?.[0]?.isValidConnection || false,
+                productsCount: currentDiagnostic?.productsCount || 0,
+                connectionStatus: currentDiagnostic?.isValidConnection || false,
             });
             setIsLoading(false);
         }
@@ -111,7 +127,7 @@ export const GooglePage = () => {
         }
         catch (error) {
             console.error(error);
-            toast.error("Failed to save settings");
+            toast.error(`Failed to save settings: ${error instanceof Error ? error.message : "Unknown error"}`);
         }
     };
     return (_jsx(PageBlock, { children: _jsxs("div", { style: { position: "relative" }, className: "flex flex-col p-4 relative max-w-[800px] mx-auto", children: [isLoading && (_jsx("div", { style: {
@@ -138,7 +154,13 @@ export const GooglePage = () => {
                                             }) })] })] }), _jsxs("div", { className: "w-full flex flex-col gap-2", children: [_jsx(Label, { children: "Data source" }), _jsx(Input, { className: "w-full", placeholder: "accounts/{merchantId}/dataSources/{id}", required: true, value: settingsForm.dataSource, onChange: (e) => setSettingsForm({
                                         ...settingsForm,
                                         dataSource: e.target.value,
-                                    }) })] }), _jsxs("div", { className: "flex flex-col gap-4", children: [_jsxs("div", { className: "flex flex-col", children: [_jsx(Label, { children: "Google Account Credentials" }), _jsx(Input, { style: {
+                                    }) })] }), _jsxs("div", { className: "flex justify-between gap-4", children: [_jsxs("div", { className: "w-full flex flex-col gap-2", children: [_jsx(Label, { children: "Content language" }), _jsx(Input, { required: true, value: settingsForm.contentLanguage, onChange: (e) => setSettingsForm({
+                                                ...settingsForm,
+                                                contentLanguage: e.target.value,
+                                            }) })] }), _jsxs("div", { className: "w-full flex flex-col gap-2", children: [_jsx(Label, { children: "Feed label" }), _jsx(Input, { required: true, value: settingsForm.feedLabel, onChange: (e) => setSettingsForm({
+                                                ...settingsForm,
+                                                feedLabel: e.target.value,
+                                            }) })] })] }), _jsxs("div", { className: "flex flex-col gap-4", children: [_jsxs("div", { className: "flex flex-col", children: [_jsx(Label, { children: "Google Account Credentials" }), _jsx(Input, { style: {
                                                 border: "none",
                                                 backgroundColor: "transparent",
                                                 background: "none",
@@ -148,15 +170,31 @@ export const GooglePage = () => {
                                             }) }), _jsx(Label, { htmlFor: "google-account-credentials", children: "Auto update on Product's change" })] })] }), _jsx("div", { className: "flex justify-end", children: _jsxs("div", { className: "flex items-center gap-4", children: [_jsxs("div", { className: "flex gap-2", children: [_jsx(Label, { htmlFor: "auto-update-on-products-change", children: "Update ALL products with saving" }), _jsx(Checkbox, { id: "auto-update-on-products-change", checked: settingsForm.firstSync, onCheckedChange: (checked) => setSettingsForm({
                                                     ...settingsForm,
                                                     firstSync: typeof checked === "boolean" ? checked : false,
-                                                }) })] }), _jsx(Button, { children: "Save" })] }) })] }), _jsxs("div", { className: "flex gap-2", children: [_jsx("span", { children: "Connection status" }), serviceInfo.connectionStatus ? _jsx("div", { children: "\uD83D\uDC9A" }) : _jsx("div", { children: "\uD83D\uDC94" })] }), serviceInfo.connectionStatus ? (_jsx("div", { className: "mt-8", children: _jsx(Button, { onClick: async () => {
+                                                }) })] }), _jsx(Button, { children: "Save" })] }) })] }), _jsxs("div", { className: "flex gap-2", children: [_jsx("span", { children: "Connection status" }), _jsx("strong", { children: serviceInfo.connectionStatus ? "Connected" : "Disconnected" })] }), _jsxs("div", { className: "flex gap-2", children: [_jsx("span", { children: "Products count" }), _jsx("span", { children: serviceInfo.productsCount })] }), _jsxs("div", { className: "flex flex-col gap-1 text-sm", children: [_jsxs("span", { children: ["Diagnostic: ", diagnostic?.connectionStatus ?? "UNKNOWN"] }), _jsxs("span", { children: ["Data source verified:", " ", diagnostic?.dataSourceVerified ? "yes" : "no"] }), _jsxs("span", { children: ["Latency: ", diagnostic?.latencyMs ?? 0, " ms"] }), _jsxs("span", { children: ["Disapproved products: ", diagnostic?.disapprovedProductsCount ?? 0] }), _jsxs("span", { children: ["Product issues: ", diagnostic?.issuesCount ?? 0] }), diagnostic?.lastError ? (_jsxs("div", { className: "rounded border border-red-400 p-2 text-red-700", children: [diagnostic.lastError.code, ": ", diagnostic.lastError.message] })) : null, (diagnostic?.issues ?? []).slice(0, 20).map((issue) => (_jsxs("div", { className: "rounded border border-amber-400 p-2", children: [issue.offerId, " \u00B7 ", issue.severity, " \u00B7 ", issue.code, ":", " ", issue.description] }, `${issue.offerId}-${issue.code}`)))] }), _jsxs("div", { className: "mt-4 flex gap-2", children: [_jsx(Button, { type: "button", onClick: async () => {
+                                await refetch();
+                                toast.success("Connection diagnostic completed");
+                            }, children: "Test connection" }), _jsx(Button, { type: "button", onClick: async () => {
+                                try {
+                                    await sendAllProducts({ platform: "google" });
+                                    toast.success("Full synchronization queued");
+                                    await refetch();
+                                }
+                                catch (error) {
+                                    console.error(error);
+                                    toast.error("Failed to queue full synchronization");
+                                }
+                            }, children: "Synchronize all" })] }), serviceInfo.connectionStatus ? (_jsx("div", { className: "mt-8", children: _jsx(Button, { onClick: async () => {
                             try {
                                 await removeOldItems({ platform: "google" });
-                                toast.success("Old items removed successfully");
+                                toast.success("Orphan cleanup queued");
                                 refetch();
                             }
                             catch (error) {
                                 console.error(error);
-                                toast.error("Failed to remove old items");
+                                toast.error("Failed to queue orphan cleanup");
                             }
-                        }, children: "Remove old items" }) })) : null] }) }));
+                        }, children: "Remove old items" }) })) : null, _jsxs("div", { className: "mt-8 flex flex-col gap-2", children: [_jsx("h3", { className: "font-semibold", children: "Recent synchronizations" }), syncHistory.length === 0 ? (_jsx("span", { children: "No synchronization history" })) : (syncHistory.map((run) => (_jsxs("div", { className: "rounded border p-2 text-sm", children: [_jsxs("div", { children: [run.status, " \u00B7 ", run.succeeded, "/", run.total, " successful \u00B7", " ", run.failed, " failed"] }), _jsx("div", { children: new Date(run.createdAt).toLocaleString() }), run.errorSummary ? (_jsx("div", { className: "text-red-700", children: run.errorSummary })) : null, run.items
+                                    .filter((item) => item.status === "FAILED")
+                                    .slice(0, 20)
+                                    .map((item) => (_jsxs("div", { className: "mt-1 text-red-700", children: [item.offerId, " \u00B7 ", item.errorCode ?? "ERROR", " \u00B7 attempts:", " ", item.attempts, " \u00B7 ", item.errorMessage] }, `${run.id}-${item.offerId}-${item.operation}`)))] }, run.id))))] })] }) }));
 };