npm - @open-mercato/core - Versions diffs - 0.4.6-develop-c2b70de148 → 0.4.6-develop-03a1e82e85 - Mend

@open-mercato/core 0.4.6-develop-c2b70de148 → 0.4.6-develop-03a1e82e85

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (30) hide show

package/dist/modules/feature_toggles/components/overrideFormConfig.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/feature_toggles/components/overrideFormConfig.tsx"],
-  "sourcesContent": ["import { CrudFormGroup, CrudCustomFieldRenderProps, CrudField } from \"@open-mercato/ui/backend/CrudForm\";\nimport { JsonBuilder } from \"@open-mercato/ui/backend/JsonBuilder\";\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\nexport function renderOverrideValueComponent(props: CrudCustomFieldRenderProps) {\n    const t = useT()\n    const toggleType = props.values?.toggleType as string;\n    const isOverride = props.values?.isOverride as boolean;\n\n    if (!isOverride) {\n        return (\n            <div className=\"text-sm text-muted-foreground p-4 text-center bg-muted/20 rounded border border-dashed\">\n                {t('feature_toggles.override.disabled', 'Override is disabled. Values will be inherited from the default configuration.')}\n            </div>\n        );\n    }\n\n    switch (toggleType) {\n        case 'boolean':\n            return (\n                <div>\n                    <label className=\"block text-sm font-medium mb-2\">{t('feature_toggles.override.fields.value.boolean.label', 'Override Value (Boolean)')}</label>\n                    <select\n                        value={props.value as string || 'false'}\n                        onChange={(e) => props.setValue(e.target.value === 'true')}\n                        className=\"w-full h-9 rounded border px-2 text-sm\"\n                        disabled={props.disabled}\n                    >\n                        <option value=\"true\">{t('feature_toggles.values.true', 'True')}</option>\n                        <option value=\"false\">{t('feature_toggles.values.false', 'False')}</option>\n                    </select>\n                </div>\n            );\n\n        case 'string':\n            return (\n                <div>\n                    <label className=\"block text-sm font-medium mb-2\">{t('feature_toggles.override.fields.value.string.label', 'Override Value (String)')}</label>\n                    <input\n                        type=\"text\"\n                        value={props.value as string || ''}\n                        onChange={(e) => props.setValue(e.target.value)}\n                        placeholder={t('feature_toggles.override.fields.value.string.placeholder', 'Enter override string value')}\n                        className=\"w-full h-9 rounded border px-2 text-sm\"\n                        disabled={props.disabled}\n                        autoFocus={props.autoFocus}\n                    />\n                </div>\n            );\n\n        case 'number':\n            return (\n                <div>\n                    <label className=\"block text-sm font-medium mb-2\">{t('feature_toggles.override.fields.value.number.label', 'Override Value (Number)')}</label>\n                    <input\n                        type=\"number\"\n                        value={props.value as number || 0}\n                        onChange={(e) => props.setValue(Number(e.target.value) || 0)}\n                        className=\"w-full h-9 rounded border px-2 text-sm\"\n                        disabled={props.disabled}\n                        autoFocus={props.autoFocus}\n                    />\n                </div>\n            );\n\n        case 'json':\n            return (\n                <div>\n                    <label className=\"block text-sm font-medium mb-2\">{t('feature_toggles.override.fields.value.json.label', 'Override Value (JSON)')}</label>\n                    <JsonBuilder\n                        value={props.value}\n                        onChange={props.setValue}\n                        disabled={props.disabled}\n                    />\n                </div>\n            );\n\n        default:\n            return (\n                <div className=\"text-sm text-muted-foreground p-4 text-center bg-muted/20 rounded border border-dashed\">\n                    {t('feature_toggles.override.unknownType', 'Unknown toggle type. Cannot configure override value.')}\n                </div>\n            );\n    }\n}\n\nexport function createOverrideFieldDefinitions(\n    t: (key: string) => string,\n): CrudField[] {\n    return [\n        {\n            id: 'isOverride',\n            label: t('feature_toggles.override.fields.isOverride.label'),\n            type: 'checkbox',\n            required: false,\n            description: t('feature_toggles.override.fields.isOverride.description'),\n        },\n        {\n            id: 'overrideValue',\n            label: '',\n            type: 'custom',\n            component: renderOverrideValueComponent,\n            description: t('feature_toggles.override.fields.overrideValue.description'),\n        },\n    ]\n}\n\nexport function createOverrideFormGroups(\n    t: (key: string) => string,\n): CrudFormGroup[] {\n    return [\n        {\n            id: 'overrideMode',\n            title: t('feature_toggles.override.groups.mode'),\n            column: 1,\n            fields: ['isOverride'],\n        },\n        {\n            id: 'overrideValue',\n            title: t('feature_toggles.override.groups.value'),\n            column: 1,\n            fields: ['overrideValue'],\n        },\n    ]\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\nimport { CrudFormGroup, CrudCustomFieldRenderProps, CrudField } from \"@open-mercato/ui/backend/CrudForm\";\nimport { JsonBuilder } from \"@open-mercato/ui/backend/JsonBuilder\";\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\nexport function renderOverrideValueComponent(props: CrudCustomFieldRenderProps) {\n    const t = useT()\n    const toggleType = props.values?.toggleType as string;\n    const isOverride = props.values?.isOverride as boolean;\n\n    if (!isOverride) {\n        return (\n            <div className=\"text-sm text-muted-foreground p-4 text-center bg-muted/20 rounded border border-dashed\">\n                {t('feature_toggles.override.disabled', 'Override is disabled. Values will be inherited from the default configuration.')}\n            </div>\n        );\n    }\n\n    switch (toggleType) {\n        case 'boolean':\n            return (\n                <div>\n                    <label className=\"block text-sm font-medium mb-2\">{t('feature_toggles.override.fields.value.boolean.label', 'Override Value (Boolean)')}</label>\n                    <select\n                        value={props.value as string || 'false'}\n                        onChange={(e) => props.setValue(e.target.value === 'true')}\n                        className=\"w-full h-9 rounded border px-2 text-sm\"\n                        disabled={props.disabled}\n                    >\n                        <option value=\"true\">{t('feature_toggles.values.true', 'True')}</option>\n                        <option value=\"false\">{t('feature_toggles.values.false', 'False')}</option>\n                    </select>\n                </div>\n            );\n\n        case 'string':\n            return (\n                <div>\n                    <label className=\"block text-sm font-medium mb-2\">{t('feature_toggles.override.fields.value.string.label', 'Override Value (String)')}</label>\n                    <input\n                        type=\"text\"\n                        value={props.value as string || ''}\n                        onChange={(e) => props.setValue(e.target.value)}\n                        placeholder={t('feature_toggles.override.fields.value.string.placeholder', 'Enter override string value')}\n                        className=\"w-full h-9 rounded border px-2 text-sm\"\n                        disabled={props.disabled}\n                        autoFocus={props.autoFocus}\n                    />\n                </div>\n            );\n\n        case 'number':\n            return (\n                <div>\n                    <label className=\"block text-sm font-medium mb-2\">{t('feature_toggles.override.fields.value.number.label', 'Override Value (Number)')}</label>\n                    <input\n                        type=\"number\"\n                        value={props.value as number || 0}\n                        onChange={(e) => props.setValue(Number(e.target.value) || 0)}\n                        className=\"w-full h-9 rounded border px-2 text-sm\"\n                        disabled={props.disabled}\n                        autoFocus={props.autoFocus}\n                    />\n                </div>\n            );\n\n        case 'json':\n            return (\n                <div>\n                    <label className=\"block text-sm font-medium mb-2\">{t('feature_toggles.override.fields.value.json.label', 'Override Value (JSON)')}</label>\n                    <JsonBuilder\n                        value={props.value}\n                        onChange={props.setValue}\n                        disabled={props.disabled}\n                    />\n                </div>\n            );\n\n        default:\n            return (\n                <div className=\"text-sm text-muted-foreground p-4 text-center bg-muted/20 rounded border border-dashed\">\n                    {t('feature_toggles.override.unknownType', 'Unknown toggle type. Cannot configure override value.')}\n                </div>\n            );\n    }\n}\n\nexport function createOverrideFieldDefinitions(\n    t: (key: string) => string,\n): CrudField[] {\n    return [\n        {\n            id: 'isOverride',\n            label: t('feature_toggles.override.fields.isOverride.label'),\n            type: 'checkbox',\n            required: false,\n            description: t('feature_toggles.override.fields.isOverride.description'),\n        },\n        {\n            id: 'overrideValue',\n            label: '',\n            type: 'custom',\n            component: renderOverrideValueComponent,\n            description: t('feature_toggles.override.fields.overrideValue.description'),\n        },\n    ]\n}\n\nexport function createOverrideFormGroups(\n    t: (key: string) => string,\n): CrudFormGroup[] {\n    return [\n        {\n            id: 'overrideMode',\n            title: t('feature_toggles.override.groups.mode'),\n            column: 1,\n            fields: ['isOverride'],\n        },\n        {\n            id: 'overrideValue',\n            title: t('feature_toggles.override.groups.value'),\n            column: 1,\n            fields: ['overrideValue'],\n        },\n    ]\n}\n"],
+  "mappings": ";AAYY,cAWQ,YAXR;AAVZ,SAAS,mBAAmB;AAC5B,SAAS,YAAY;AAEd,SAAS,6BAA6B,OAAmC;AAC5E,QAAM,IAAI,KAAK;AACf,QAAM,aAAa,MAAM,QAAQ;AACjC,QAAM,aAAa,MAAM,QAAQ;AAEjC,MAAI,CAAC,YAAY;AACb,WACI,oBAAC,SAAI,WAAU,0FACV,YAAE,qCAAqC,gFAAgF,GAC5H;AAAA,EAER;AAEA,UAAQ,YAAY;AAAA,IAChB,KAAK;AACD,aACI,qBAAC,SACG;AAAA,4BAAC,WAAM,WAAU,kCAAkC,YAAE,uDAAuD,0BAA0B,GAAE;AAAA,QACxI;AAAA,UAAC;AAAA;AAAA,YACG,OAAO,MAAM,SAAmB;AAAA,YAChC,UAAU,CAAC,MAAM,MAAM,SAAS,EAAE,OAAO,UAAU,MAAM;AAAA,YACzD,WAAU;AAAA,YACV,UAAU,MAAM;AAAA,YAEhB;AAAA,kCAAC,YAAO,OAAM,QAAQ,YAAE,+BAA+B,MAAM,GAAE;AAAA,cAC/D,oBAAC,YAAO,OAAM,SAAS,YAAE,gCAAgC,OAAO,GAAE;AAAA;AAAA;AAAA,QACtE;AAAA,SACJ;AAAA,IAGR,KAAK;AACD,aACI,qBAAC,SACG;AAAA,4BAAC,WAAM,WAAU,kCAAkC,YAAE,sDAAsD,yBAAyB,GAAE;AAAA,QACtI;AAAA,UAAC;AAAA;AAAA,YACG,MAAK;AAAA,YACL,OAAO,MAAM,SAAmB;AAAA,YAChC,UAAU,CAAC,MAAM,MAAM,SAAS,EAAE,OAAO,KAAK;AAAA,YAC9C,aAAa,EAAE,4DAA4D,6BAA6B;AAAA,YACxG,WAAU;AAAA,YACV,UAAU,MAAM;AAAA,YAChB,WAAW,MAAM;AAAA;AAAA,QACrB;AAAA,SACJ;AAAA,IAGR,KAAK;AACD,aACI,qBAAC,SACG;AAAA,4BAAC,WAAM,WAAU,kCAAkC,YAAE,sDAAsD,yBAAyB,GAAE;AAAA,QACtI;AAAA,UAAC;AAAA;AAAA,YACG,MAAK;AAAA,YACL,OAAO,MAAM,SAAmB;AAAA,YAChC,UAAU,CAAC,MAAM,MAAM,SAAS,OAAO,EAAE,OAAO,KAAK,KAAK,CAAC;AAAA,YAC3D,WAAU;AAAA,YACV,UAAU,MAAM;AAAA,YAChB,WAAW,MAAM;AAAA;AAAA,QACrB;AAAA,SACJ;AAAA,IAGR,KAAK;AACD,aACI,qBAAC,SACG;AAAA,4BAAC,WAAM,WAAU,kCAAkC,YAAE,oDAAoD,uBAAuB,GAAE;AAAA,QAClI;AAAA,UAAC;AAAA;AAAA,YACG,OAAO,MAAM;AAAA,YACb,UAAU,MAAM;AAAA,YAChB,UAAU,MAAM;AAAA;AAAA,QACpB;AAAA,SACJ;AAAA,IAGR;AACI,aACI,oBAAC,SAAI,WAAU,0FACV,YAAE,wCAAwC,uDAAuD,GACtG;AAAA,EAEZ;AACJ;AAEO,SAAS,+BACZ,GACW;AACX,SAAO;AAAA,IACH;AAAA,MACI,IAAI;AAAA,MACJ,OAAO,EAAE,kDAAkD;AAAA,MAC3D,MAAM;AAAA,MACN,UAAU;AAAA,MACV,aAAa,EAAE,wDAAwD;AAAA,IAC3E;AAAA,IACA;AAAA,MACI,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,MAAM;AAAA,MACN,WAAW;AAAA,MACX,aAAa,EAAE,2DAA2D;AAAA,IAC9E;AAAA,EACJ;AACJ;AAEO,SAAS,yBACZ,GACe;AACf,SAAO;AAAA,IACH;AAAA,MACI,IAAI;AAAA,MACJ,OAAO,EAAE,sCAAsC;AAAA,MAC/C,QAAQ;AAAA,MACR,QAAQ,CAAC,YAAY;AAAA,IACzB;AAAA,IACA;AAAA,MACI,IAAI;AAAA,MACJ,OAAO,EAAE,uCAAuC;AAAA,MAChD,QAAQ;AAAA,MACR,QAAQ,CAAC,eAAe;AAAA,IAC5B;AAAA,EACJ;AACJ;",
   "names": []
 }

package/dist/modules/integrations/backend/integrations/filters.js ADDED Viewed

@@ -0,0 +1,40 @@
+const INTEGRATION_MARKETPLACE_CATEGORIES = [
+  "all",
+  "payment",
+  "shipping",
+  "data_sync",
+  "communication",
+  "notification",
+  "storage",
+  "webhook"
+];
+function buildIntegrationMarketplaceFilterDefs(t) {
+  return [
+    {
+      id: "category",
+      label: t("integrations.marketplace.filters.category", "Category"),
+      type: "select",
+      options: INTEGRATION_MARKETPLACE_CATEGORIES.map((category) => ({
+        value: category,
+        label: t(`integrations.marketplace.categories.${category}`)
+      })),
+      formatValue: (value) => t(`integrations.marketplace.categories.${value}`, value)
+    }
+  ];
+}
+function normalizeIntegrationMarketplaceFilterValues(values) {
+  const category = typeof values.category === "string" ? values.category : "";
+  if (!category || category === "all") return {};
+  return { category };
+}
+function getIntegrationMarketplaceCategory(values) {
+  const category = typeof values.category === "string" ? values.category : "";
+  return category || "all";
+}
+export {
+  INTEGRATION_MARKETPLACE_CATEGORIES,
+  buildIntegrationMarketplaceFilterDefs,
+  getIntegrationMarketplaceCategory,
+  normalizeIntegrationMarketplaceFilterValues
+};
+//# sourceMappingURL=filters.js.map

package/dist/modules/integrations/backend/integrations/filters.js.map ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/integrations/backend/integrations/filters.ts"],
+  "sourcesContent": ["import type { FilterDef, FilterValues } from '@open-mercato/ui/backend/FilterBar'\nimport type { TranslateFn } from '@open-mercato/shared/lib/i18n/context'\n\nexport const INTEGRATION_MARKETPLACE_CATEGORIES = [\n  'all',\n  'payment',\n  'shipping',\n  'data_sync',\n  'communication',\n  'notification',\n  'storage',\n  'webhook',\n] as const\n\nexport function buildIntegrationMarketplaceFilterDefs(t: TranslateFn): FilterDef[] {\n  return [\n    {\n      id: 'category',\n      label: t('integrations.marketplace.filters.category', 'Category'),\n      type: 'select',\n      options: INTEGRATION_MARKETPLACE_CATEGORIES.map((category) => ({\n        value: category,\n        label: t(`integrations.marketplace.categories.${category}`),\n      })),\n      formatValue: (value) => t(`integrations.marketplace.categories.${value}`, value),\n    },\n  ]\n}\n\nexport function normalizeIntegrationMarketplaceFilterValues(values: FilterValues): FilterValues {\n  const category = typeof values.category === 'string' ? values.category : ''\n  if (!category || category === 'all') return {}\n  return { category }\n}\n\nexport function getIntegrationMarketplaceCategory(values: FilterValues): string {\n  const category = typeof values.category === 'string' ? values.category : ''\n  return category || 'all'\n}\n"],
+  "mappings": "AAGO,MAAM,qCAAqC;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,SAAS,sCAAsC,GAA6B;AACjF,SAAO;AAAA,IACL;AAAA,MACE,IAAI;AAAA,MACJ,OAAO,EAAE,6CAA6C,UAAU;AAAA,MAChE,MAAM;AAAA,MACN,SAAS,mCAAmC,IAAI,CAAC,cAAc;AAAA,QAC7D,OAAO;AAAA,QACP,OAAO,EAAE,uCAAuC,QAAQ,EAAE;AAAA,MAC5D,EAAE;AAAA,MACF,aAAa,CAAC,UAAU,EAAE,uCAAuC,KAAK,IAAI,KAAK;AAAA,IACjF;AAAA,EACF;AACF;AAEO,SAAS,4CAA4C,QAAoC;AAC9F,QAAM,WAAW,OAAO,OAAO,aAAa,WAAW,OAAO,WAAW;AACzE,MAAI,CAAC,YAAY,aAAa,MAAO,QAAO,CAAC;AAC7C,SAAO,EAAE,SAAS;AACpB;AAEO,SAAS,kCAAkC,QAA8B;AAC9E,QAAM,WAAW,OAAO,OAAO,aAAa,WAAW,OAAO,WAAW;AACzE,SAAO,YAAY;AACrB;",
+  "names": []
+}

package/dist/modules/integrations/backend/integrations/page.js CHANGED Viewed

@@ -13,16 +13,14 @@ import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
 import { flash } from "@open-mercato/ui/backend/FlashMessages";
 import { useOrganizationScopeVersion } from "@open-mercato/shared/lib/frontend/useOrganizationScope";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { FilterBar } from "@open-mercato/ui/backend/FilterBar";
+import { Bell, CreditCard, HardDrive, LayoutGrid, MessageSquare, RefreshCw, Truck, Webhook } from "lucide-react";
 import {
-  LayoutGrid,
-  CreditCard,
-  Truck,
-  RefreshCw,
-  MessageSquare,
-  Bell,
-  HardDrive,
-  Webhook
-} from "lucide-react";
+  buildIntegrationMarketplaceFilterDefs,
+  getIntegrationMarketplaceCategory,
+  INTEGRATION_MARKETPLACE_CATEGORIES,
+  normalizeIntegrationMarketplaceFilterValues
+} from "./filters.js";
 const CATEGORY_ICONS = {
   all: LayoutGrid,
   payment: CreditCard,
@@ -33,7 +31,6 @@ const CATEGORY_ICONS = {
   storage: HardDrive,
   webhook: Webhook
 };
-const CATEGORIES = ["all", "payment", "shipping", "data_sync", "communication", "notification", "storage", "webhook"];
 function categoryBadgeVariant(category) {
   if (!category) return "outline";
   return "secondary";
@@ -42,10 +39,12 @@ function IntegrationsMarketplacePage() {
   const [data, setData] = React.useState(null);
   const [isLoading, setIsLoading] = React.useState(true);
   const [search, setSearch] = React.useState("");
-  const [category, setCategory] = React.useState("all");
+  const [filterValues, setFilterValues] = React.useState({});
   const [togglingIds, setTogglingIds] = React.useState(/* @__PURE__ */ new Set());
   const scopeVersion = useOrganizationScopeVersion();
   const t = useT();
+  const categoryFilters = React.useMemo(() => buildIntegrationMarketplaceFilterDefs(t), [t]);
+  const selectedCategory = React.useMemo(() => getIntegrationMarketplaceCategory(filterValues), [filterValues]);
   const load = React.useCallback(async () => {
     setIsLoading(true);
     const fallback = { items: [], bundles: [] };
@@ -94,8 +93,8 @@ function IntegrationsMarketplacePage() {
       const q = search.toLowerCase();
       items = items.filter((item) => item.title.toLowerCase().includes(q) || item.description?.toLowerCase().includes(q));
     }
-    if (category !== "all") {
-      items = items.filter((item) => item.category === category);
+    if (selectedCategory !== "all") {
+      items = items.filter((item) => item.category === selectedCategory);
     }
     const bundled = /* @__PURE__ */ new Map();
     const standalone = [];
@@ -110,7 +109,7 @@ function IntegrationsMarketplacePage() {
     }
     const bundles = (data.bundles ?? []).filter((b) => bundled.has(b.id)).map((b) => ({ ...b, integrations: bundled.get(b.id) ?? [] }));
     return { bundles, standalone };
-  }, [data, search, category]);
+  }, [data, search, selectedCategory]);
   if (isLoading) {
     return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-16", children: /* @__PURE__ */ jsx(Spinner, {}) }) }) });
   }
@@ -119,7 +118,20 @@ function IntegrationsMarketplacePage() {
       /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold", children: t("integrations.marketplace.title") }),
       /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("integrations.marketplace.description") })
     ] }) }),
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 sm:flex-row sm:items-center", children: [
+    /* @__PURE__ */ jsx("div", { className: "lg:hidden", children: /* @__PURE__ */ jsx(
+      FilterBar,
+      {
+        searchValue: search,
+        onSearchChange: setSearch,
+        searchPlaceholder: t("integrations.marketplace.search"),
+        searchAlign: "left",
+        filters: categoryFilters,
+        values: filterValues,
+        onApply: (values) => setFilterValues(normalizeIntegrationMarketplaceFilterValues(values)),
+        onClear: () => setFilterValues({})
+      }
+    ) }),
+    /* @__PURE__ */ jsx("div", { className: "hidden lg:flex lg:flex-col gap-4", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 sm:flex-row sm:items-center", children: [
       /* @__PURE__ */ jsx(
         Input,
         {
@@ -129,24 +141,24 @@ function IntegrationsMarketplacePage() {
           className: "max-w-sm"
         }
       ),
-      /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: CATEGORIES.map((cat) => {
-        const Icon = CATEGORY_ICONS[cat];
+      /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: INTEGRATION_MARKETPLACE_CATEGORIES.map((category) => {
+        const Icon = CATEGORY_ICONS[category];
         return /* @__PURE__ */ jsxs(
           Button,
           {
             type: "button",
-            variant: category === cat ? "default" : "outline",
+            variant: selectedCategory === category ? "default" : "outline",
             size: "sm",
-            onClick: () => setCategory(cat),
+            onClick: () => setFilterValues(normalizeIntegrationMarketplaceFilterValues({ category })),
             children: [
               Icon ? /* @__PURE__ */ jsx(Icon, { className: "mr-1.5 h-3.5 w-3.5" }) : null,
-              t(`integrations.marketplace.categories.${cat}`)
+              t(`integrations.marketplace.categories.${category}`)
             ]
           },
-          cat
+          category
         );
       }) })
-    ] }),
+    ] }) }),
     filteredItems.bundles.map((bundle) => /* @__PURE__ */ jsxs(Card, { children: [
       /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
         /* @__PURE__ */ jsxs("div", { children: [

package/dist/modules/integrations/backend/integrations/page.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/integrations/backend/integrations/page.tsx"],
-  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { Card, CardHeader, CardTitle, CardContent } from '@open-mercato/ui/primitives/card'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Switch } from '@open-mercato/ui/primitives/switch'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport {\n  LayoutGrid,\n  CreditCard,\n  Truck,\n  RefreshCw,\n  MessageSquare,\n  Bell,\n  HardDrive,\n  Webhook,\n} from 'lucide-react'\n\ntype IntegrationItem = {\n  id: string\n  title: string\n  description?: string\n  category?: string\n  icon?: string\n  bundleId?: string\n  isEnabled: boolean\n  hasCredentials: boolean\n}\n\ntype BundleItem = {\n  id: string\n  title: string\n  description?: string\n  icon?: string\n  integrationCount: number\n  enabledCount: number\n}\n\ntype ListResponse = {\n  items: IntegrationItem[]\n  bundles: BundleItem[]\n}\n\nconst CATEGORY_ICONS: Record<string, React.ElementType> = {\n  all: LayoutGrid,\n  payment: CreditCard,\n  shipping: Truck,\n  data_sync: RefreshCw,\n  communication: MessageSquare,\n  notification: Bell,\n  storage: HardDrive,\n  webhook: Webhook,\n}\n\nconst CATEGORIES = ['all', 'payment', 'shipping', 'data_sync', 'communication', 'notification', 'storage', 'webhook'] as const\n\nfunction categoryBadgeVariant(category: string | undefined): 'default' | 'secondary' | 'outline' {\n  if (!category) return 'outline'\n  return 'secondary'\n}\n\nexport default function IntegrationsMarketplacePage() {\n  const [data, setData] = React.useState<ListResponse | null>(null)\n  const [isLoading, setIsLoading] = React.useState(true)\n  const [search, setSearch] = React.useState('')\n  const [category, setCategory] = React.useState<string>('all')\n  const [togglingIds, setTogglingIds] = React.useState<Set<string>>(new Set())\n  const scopeVersion = useOrganizationScopeVersion()\n  const t = useT()\n\n  const load = React.useCallback(async () => {\n    setIsLoading(true)\n    const fallback: ListResponse = { items: [], bundles: [] }\n    const call = await apiCall<ListResponse>('/api/integrations', undefined, { fallback })\n    if (!call.ok) {\n      flash(t('integrations.marketplace.loadError'), 'error')\n      setIsLoading(false)\n      return\n    }\n    setData(call.result ?? fallback)\n    setIsLoading(false)\n  }, [t])\n\n  React.useEffect(() => { void load() }, [load, scopeVersion])\n\n  const handleToggle = React.useCallback(async (integrationId: string, enabled: boolean) => {\n    setTogglingIds((prev) => new Set(prev).add(integrationId))\n    const call = await apiCall(`/api/integrations/${encodeURIComponent(integrationId)}/state`, {\n      method: 'PUT',\n      headers: { 'Content-Type': 'application/json' },\n      body: JSON.stringify({ isEnabled: enabled }),\n    }, { fallback: null })\n\n    if (!call.ok) {\n      flash(t('integrations.detail.stateError'), 'error')\n    } else {\n      setData((prev) => {\n        if (!prev) return prev\n        return {\n          ...prev,\n          items: prev.items.map((item) =>\n            item.id === integrationId ? { ...item, isEnabled: enabled } : item,\n          ),\n        }\n      })\n    }\n    setTogglingIds((prev) => { const next = new Set(prev); next.delete(integrationId); return next })\n  }, [t])\n\n  const filteredItems = React.useMemo(() => {\n    if (!data) return { bundles: [], standalone: [] }\n\n    let items = data.items\n    if (search) {\n      const q = search.toLowerCase()\n      items = items.filter((item) => item.title.toLowerCase().includes(q) || item.description?.toLowerCase().includes(q))\n    }\n    if (category !== 'all') {\n      items = items.filter((item) => item.category === category)\n    }\n\n    const bundled = new Map<string, IntegrationItem[]>()\n    const standalone: IntegrationItem[] = []\n    for (const item of items) {\n      if (item.bundleId) {\n        const list = bundled.get(item.bundleId) ?? []\n        list.push(item)\n        bundled.set(item.bundleId, list)\n      } else {\n        standalone.push(item)\n      }\n    }\n\n    const bundles = (data.bundles ?? [])\n      .filter((b) => bundled.has(b.id))\n      .map((b) => ({ ...b, integrations: bundled.get(b.id) ?? [] }))\n\n    return { bundles, standalone }\n  }, [data, search, category])\n\n  if (isLoading) {\n    return (\n      <Page>\n        <PageBody>\n          <div className=\"flex items-center justify-center py-16\">\n            <Spinner />\n          </div>\n        </PageBody>\n      </Page>\n    )\n  }\n\n  return (\n    <Page>\n      <PageBody className=\"space-y-6\">\n        <section className=\"space-y-6 rounded-lg border bg-background p-6\">\n          <header className=\"flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between\">\n            <div className=\"space-y-1\">\n              <h2 className=\"text-lg font-semibold\">{t('integrations.marketplace.title')}</h2>\n              <p className=\"text-sm text-muted-foreground\">\n                {t('integrations.marketplace.description')}\n              </p>\n            </div>\n          </header>\n\n          <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center\">\n            <Input\n              placeholder={t('integrations.marketplace.search')}\n              value={search}\n              onChange={(e) => setSearch(e.target.value)}\n              className=\"max-w-sm\"\n            />\n            <div className=\"flex flex-wrap gap-1.5\">\n              {CATEGORIES.map((cat) => {\n                const Icon = CATEGORY_ICONS[cat]\n                return (\n                  <Button\n                    key={cat}\n                    type=\"button\"\n                    variant={category === cat ? 'default' : 'outline'}\n                    size=\"sm\"\n                    onClick={() => setCategory(cat)}\n                  >\n                    {Icon ? <Icon className=\"mr-1.5 h-3.5 w-3.5\" /> : null}\n                    {t(`integrations.marketplace.categories.${cat}`)}\n                  </Button>\n                )\n              })}\n            </div>\n          </div>\n\n          {filteredItems.bundles.map((bundle) => (\n            <Card key={bundle.id}>\n              <CardHeader>\n                <div className=\"flex items-center justify-between\">\n                  <div>\n                    <CardTitle>{bundle.title}</CardTitle>\n                    {bundle.description && (\n                      <p className=\"text-muted-foreground text-sm mt-1\">{bundle.description}</p>\n                    )}\n                    <p className=\"text-muted-foreground text-xs mt-1\">\n                      {t('integrations.marketplace.integrations', { count: bundle.integrations.length })}\n                    </p>\n                  </div>\n                  <Button asChild variant=\"outline\" size=\"sm\">\n                    <Link href={`/backend/integrations/bundle/${encodeURIComponent(bundle.id)}`}>\n                      {t('integrations.marketplace.configure')}\n                    </Link>\n                  </Button>\n                </div>\n              </CardHeader>\n              <CardContent>\n                <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3\">\n                  {bundle.integrations.map((item) => (\n                    <div\n                      key={item.id}\n                      className=\"flex items-center justify-between rounded-lg border p-3\"\n                    >\n                      <div className=\"min-w-0\">\n                        <Link\n                          href={`/backend/integrations/${encodeURIComponent(item.id)}`}\n                          className=\"text-sm font-medium hover:underline\"\n                        >\n                          {item.title}\n                        </Link>\n                        {item.category && (\n                          <Badge variant={categoryBadgeVariant(item.category)} className=\"ml-2 text-xs\">\n                            {item.category}\n                          </Badge>\n                        )}\n                      </div>\n                      <Switch\n                        checked={item.isEnabled}\n                        disabled={togglingIds.has(item.id)}\n                        onCheckedChange={(checked) => void handleToggle(item.id, checked)}\n                      />\n                    </div>\n                  ))}\n                </div>\n              </CardContent>\n            </Card>\n          ))}\n\n          {filteredItems.standalone.length > 0 && (\n            <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4\">\n              {filteredItems.standalone.map((item) => (\n                <Card key={item.id} className=\"flex flex-col\">\n                  <CardHeader>\n                    <div className=\"flex items-center justify-between\">\n                      <CardTitle className=\"text-base\">{item.title}</CardTitle>\n                      <Switch\n                        checked={item.isEnabled}\n                        disabled={togglingIds.has(item.id)}\n                        onCheckedChange={(checked) => void handleToggle(item.id, checked)}\n                      />\n                    </div>\n                    {item.category && (\n                      <Badge variant={categoryBadgeVariant(item.category)} className=\"w-fit text-xs\">\n                        {item.category}\n                      </Badge>\n                    )}\n                  </CardHeader>\n                  <CardContent className=\"flex-1\">\n                    {item.description && (\n                      <p className=\"text-muted-foreground text-sm\">{item.description}</p>\n                    )}\n                  </CardContent>\n                  <div className=\"px-6 pb-4\">\n                    <Button asChild variant=\"outline\" size=\"sm\" className=\"w-full\">\n                      <Link href={`/backend/integrations/${encodeURIComponent(item.id)}`}>\n                        {t('integrations.marketplace.configure')}\n                      </Link>\n                    </Button>\n                  </div>\n                </Card>\n              ))}\n            </div>\n          )}\n\n          {filteredItems.bundles.length === 0 && filteredItems.standalone.length === 0 && (\n            <div className=\"text-center py-12 text-muted-foreground\">\n              {t('integrations.marketplace.noResults')}\n            </div>\n          )}\n        </section>\n      </PageBody>\n    </Page>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { Card, CardHeader, CardTitle, CardContent } from '@open-mercato/ui/primitives/card'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Switch } from '@open-mercato/ui/primitives/switch'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { FilterBar, type FilterValues } from '@open-mercato/ui/backend/FilterBar'\nimport { Bell, CreditCard, HardDrive, LayoutGrid, MessageSquare, RefreshCw, Truck, Webhook } from 'lucide-react'\nimport {\n  buildIntegrationMarketplaceFilterDefs,\n  getIntegrationMarketplaceCategory,\n  INTEGRATION_MARKETPLACE_CATEGORIES,\n  normalizeIntegrationMarketplaceFilterValues,\n} from './filters'\n\ntype IntegrationItem = {\n  id: string\n  title: string\n  description?: string\n  category?: string\n  icon?: string\n  bundleId?: string\n  isEnabled: boolean\n  hasCredentials: boolean\n}\n\ntype BundleItem = {\n  id: string\n  title: string\n  description?: string\n  icon?: string\n  integrationCount: number\n  enabledCount: number\n}\n\ntype ListResponse = {\n  items: IntegrationItem[]\n  bundles: BundleItem[]\n}\n\nconst CATEGORY_ICONS: Record<string, React.ElementType> = {\n  all: LayoutGrid,\n  payment: CreditCard,\n  shipping: Truck,\n  data_sync: RefreshCw,\n  communication: MessageSquare,\n  notification: Bell,\n  storage: HardDrive,\n  webhook: Webhook,\n}\n\nfunction categoryBadgeVariant(category: string | undefined): 'default' | 'secondary' | 'outline' {\n  if (!category) return 'outline'\n  return 'secondary'\n}\n\nexport default function IntegrationsMarketplacePage() {\n  const [data, setData] = React.useState<ListResponse | null>(null)\n  const [isLoading, setIsLoading] = React.useState(true)\n  const [search, setSearch] = React.useState('')\n  const [filterValues, setFilterValues] = React.useState<FilterValues>({})\n  const [togglingIds, setTogglingIds] = React.useState<Set<string>>(new Set())\n  const scopeVersion = useOrganizationScopeVersion()\n  const t = useT()\n\n  const categoryFilters = React.useMemo(() => buildIntegrationMarketplaceFilterDefs(t), [t])\n  const selectedCategory = React.useMemo(() => getIntegrationMarketplaceCategory(filterValues), [filterValues])\n\n  const load = React.useCallback(async () => {\n    setIsLoading(true)\n    const fallback: ListResponse = { items: [], bundles: [] }\n    const call = await apiCall<ListResponse>('/api/integrations', undefined, { fallback })\n    if (!call.ok) {\n      flash(t('integrations.marketplace.loadError'), 'error')\n      setIsLoading(false)\n      return\n    }\n    setData(call.result ?? fallback)\n    setIsLoading(false)\n  }, [t])\n\n  React.useEffect(() => { void load() }, [load, scopeVersion])\n\n  const handleToggle = React.useCallback(async (integrationId: string, enabled: boolean) => {\n    setTogglingIds((prev) => new Set(prev).add(integrationId))\n    const call = await apiCall(`/api/integrations/${encodeURIComponent(integrationId)}/state`, {\n      method: 'PUT',\n      headers: { 'Content-Type': 'application/json' },\n      body: JSON.stringify({ isEnabled: enabled }),\n    }, { fallback: null })\n\n    if (!call.ok) {\n      flash(t('integrations.detail.stateError'), 'error')\n    } else {\n      setData((prev) => {\n        if (!prev) return prev\n        return {\n          ...prev,\n          items: prev.items.map((item) =>\n            item.id === integrationId ? { ...item, isEnabled: enabled } : item,\n          ),\n        }\n      })\n    }\n    setTogglingIds((prev) => { const next = new Set(prev); next.delete(integrationId); return next })\n  }, [t])\n\n  const filteredItems = React.useMemo(() => {\n    if (!data) return { bundles: [], standalone: [] }\n\n    let items = data.items\n    if (search) {\n      const q = search.toLowerCase()\n      items = items.filter((item) => item.title.toLowerCase().includes(q) || item.description?.toLowerCase().includes(q))\n    }\n    if (selectedCategory !== 'all') {\n      items = items.filter((item) => item.category === selectedCategory)\n    }\n\n    const bundled = new Map<string, IntegrationItem[]>()\n    const standalone: IntegrationItem[] = []\n    for (const item of items) {\n      if (item.bundleId) {\n        const list = bundled.get(item.bundleId) ?? []\n        list.push(item)\n        bundled.set(item.bundleId, list)\n      } else {\n        standalone.push(item)\n      }\n    }\n\n    const bundles = (data.bundles ?? [])\n      .filter((b) => bundled.has(b.id))\n      .map((b) => ({ ...b, integrations: bundled.get(b.id) ?? [] }))\n\n    return { bundles, standalone }\n  }, [data, search, selectedCategory])\n\n  if (isLoading) {\n    return (\n      <Page>\n        <PageBody>\n          <div className=\"flex items-center justify-center py-16\">\n            <Spinner />\n          </div>\n        </PageBody>\n      </Page>\n    )\n  }\n\n  return (\n    <Page>\n      <PageBody className=\"space-y-6\">\n        <section className=\"space-y-6 rounded-lg border bg-background p-6\">\n          <header className=\"flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between\">\n            <div className=\"space-y-1\">\n              <h2 className=\"text-lg font-semibold\">{t('integrations.marketplace.title')}</h2>\n              <p className=\"text-sm text-muted-foreground\">\n                {t('integrations.marketplace.description')}\n              </p>\n            </div>\n          </header>\n\n          <div className=\"lg:hidden\">\n            <FilterBar\n              searchValue={search}\n              onSearchChange={setSearch}\n              searchPlaceholder={t('integrations.marketplace.search')}\n              searchAlign=\"left\"\n              filters={categoryFilters}\n              values={filterValues}\n              onApply={(values) => setFilterValues(normalizeIntegrationMarketplaceFilterValues(values))}\n              onClear={() => setFilterValues({})}\n            />\n          </div>\n\n          <div className=\"hidden lg:flex lg:flex-col gap-4\">\n            <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center\">\n              <Input\n                placeholder={t('integrations.marketplace.search')}\n                value={search}\n                onChange={(e) => setSearch(e.target.value)}\n                className=\"max-w-sm\"\n              />\n              <div className=\"flex flex-wrap gap-1.5\">\n                {INTEGRATION_MARKETPLACE_CATEGORIES.map((category) => {\n                  const Icon = CATEGORY_ICONS[category]\n                  return (\n                    <Button\n                      key={category}\n                      type=\"button\"\n                      variant={selectedCategory === category ? 'default' : 'outline'}\n                      size=\"sm\"\n                      onClick={() => setFilterValues(normalizeIntegrationMarketplaceFilterValues({ category }))}\n                    >\n                      {Icon ? <Icon className=\"mr-1.5 h-3.5 w-3.5\" /> : null}\n                      {t(`integrations.marketplace.categories.${category}`)}\n                    </Button>\n                  )\n                })}\n              </div>\n            </div>\n          </div>\n\n          {filteredItems.bundles.map((bundle) => (\n            <Card key={bundle.id}>\n              <CardHeader>\n                <div className=\"flex items-center justify-between\">\n                  <div>\n                    <CardTitle>{bundle.title}</CardTitle>\n                    {bundle.description && (\n                      <p className=\"text-muted-foreground text-sm mt-1\">{bundle.description}</p>\n                    )}\n                    <p className=\"text-muted-foreground text-xs mt-1\">\n                      {t('integrations.marketplace.integrations', { count: bundle.integrations.length })}\n                    </p>\n                  </div>\n                  <Button asChild variant=\"outline\" size=\"sm\">\n                    <Link href={`/backend/integrations/bundle/${encodeURIComponent(bundle.id)}`}>\n                      {t('integrations.marketplace.configure')}\n                    </Link>\n                  </Button>\n                </div>\n              </CardHeader>\n              <CardContent>\n                <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3\">\n                  {bundle.integrations.map((item) => (\n                    <div\n                      key={item.id}\n                      className=\"flex items-center justify-between rounded-lg border p-3\"\n                    >\n                      <div className=\"min-w-0\">\n                        <Link\n                          href={`/backend/integrations/${encodeURIComponent(item.id)}`}\n                          className=\"text-sm font-medium hover:underline\"\n                        >\n                          {item.title}\n                        </Link>\n                        {item.category && (\n                          <Badge variant={categoryBadgeVariant(item.category)} className=\"ml-2 text-xs\">\n                            {item.category}\n                          </Badge>\n                        )}\n                      </div>\n                      <Switch\n                        checked={item.isEnabled}\n                        disabled={togglingIds.has(item.id)}\n                        onCheckedChange={(checked) => void handleToggle(item.id, checked)}\n                      />\n                    </div>\n                  ))}\n                </div>\n              </CardContent>\n            </Card>\n          ))}\n\n          {filteredItems.standalone.length > 0 && (\n            <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4\">\n              {filteredItems.standalone.map((item) => (\n                <Card key={item.id} className=\"flex flex-col\">\n                  <CardHeader>\n                    <div className=\"flex items-center justify-between\">\n                      <CardTitle className=\"text-base\">{item.title}</CardTitle>\n                      <Switch\n                        checked={item.isEnabled}\n                        disabled={togglingIds.has(item.id)}\n                        onCheckedChange={(checked) => void handleToggle(item.id, checked)}\n                      />\n                    </div>\n                    {item.category && (\n                      <Badge variant={categoryBadgeVariant(item.category)} className=\"w-fit text-xs\">\n                        {item.category}\n                      </Badge>\n                    )}\n                  </CardHeader>\n                  <CardContent className=\"flex-1\">\n                    {item.description && (\n                      <p className=\"text-muted-foreground text-sm\">{item.description}</p>\n                    )}\n                  </CardContent>\n                  <div className=\"px-6 pb-4\">\n                    <Button asChild variant=\"outline\" size=\"sm\" className=\"w-full\">\n                      <Link href={`/backend/integrations/${encodeURIComponent(item.id)}`}>\n                        {t('integrations.marketplace.configure')}\n                      </Link>\n                    </Button>\n                  </div>\n                </Card>\n              ))}\n            </div>\n          )}\n\n          {filteredItems.bundles.length === 0 && filteredItems.standalone.length === 0 && (\n            <div className=\"text-center py-12 text-muted-foreground\">\n              {t('integrations.marketplace.noResults')}\n            </div>\n          )}\n        </section>\n      </PageBody>\n    </Page>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@open-mercato/core",
-  "version": "0.4.6-develop-c2b70de148",
+  "version": "0.4.6-develop-03a1e82e85",
   "type": "module",
   "main": "./dist/index.js",
   "scripts": {
@@ -207,7 +207,7 @@
     }
   },
   "dependencies": {
-    "@open-mercato/shared": "0.4.6-develop-c2b70de148",
+    "@open-mercato/shared": "0.4.6-develop-03a1e82e85",
     "@types/html-to-text": "^9.0.4",
     "@types/semver": "^7.5.8",
     "@xyflow/react": "^12.6.0",

package/src/modules/auth/frontend/login-injection.ts CHANGED Viewed

@@ -40,6 +40,8 @@ export type LoginFormWidgetContext = {
   searchParams: URLSearchParams
   /** Set or clear an alternative auth provider for the current email */
   setAuthOverride: (override: AuthOverride | null) => void
+  /** Mark whether auth override detection is still resolving */
+  setAuthOverridePending?: (pending: boolean) => void
   /** Display an error message in the login form's error area */
   setError: (error: string | null) => void
 }

package/src/modules/auth/frontend/login.tsx CHANGED Viewed

@@ -89,6 +89,8 @@ export default function LoginPage() {
   const [error, setError] = useState<string | null>(null)
   const [submitting, setSubmitting] = useState(false)
   const [authOverride, setAuthOverride] = useState<AuthOverride | null>(null)
+  const [authOverridePending, setAuthOverridePending] = useState(false)
+  const [clientReady, setClientReady] = useState(false)
   const [email, setEmail] = useState('')
   const [tenantId, setTenantId] = useState<string | null>(null)
   const [tenantName, setTenantName] = useState<string | null>(null)
@@ -96,6 +98,10 @@ export default function LoginPage() {
   const [tenantInvalid, setTenantInvalid] = useState<string | null>(null)
   const showTenantInvalid = tenantId != null && tenantInvalid === tenantId
+  useEffect(() => {
+    setClientReady(true)
+  }, [])
   useEffect(() => {
     const tenantParam = (searchParams.get('tenant') || '').trim()
     if (tenantParam) {
@@ -167,6 +173,9 @@ export default function LoginPage() {
   async function onSubmit(e: React.FormEvent<HTMLFormElement>) {
     e.preventDefault()
+    if (!clientReady || authOverridePending) {
+      return
+    }
     setError(null)
     if (authOverride) {
       authOverride.onSubmit()
@@ -248,9 +257,12 @@ export default function LoginPage() {
     tenantId,
     searchParams,
     setAuthOverride,
+    setAuthOverridePending,
     setError,
   }), [email, tenantId, searchParams])
+  const formReady = clientReady && !authOverridePending
   return (
     <div className="min-h-svh flex items-center justify-center p-4">
       <Card className="w-full max-w-sm">
@@ -260,7 +272,7 @@ export default function LoginPage() {
           <CardDescription>{translate('auth.login.subtitle', 'Access your workspace')}</CardDescription>
         </CardHeader>
         <CardContent>
-          <form className="grid gap-3" onSubmit={onSubmit} noValidate>
+          <form className="grid gap-3" onSubmit={onSubmit} noValidate data-auth-ready={formReady ? '1' : '0'}>
             {tenantId ? (
               <input type="hidden" name="tenantId" value={tenantId} />
             ) : null}
@@ -318,6 +330,7 @@ export default function LoginPage() {
                 type="email"
                 required
                 aria-invalid={!!error}
+                onChange={(e) => setEmail(e.target.value)}
                 onBlur={(e) => setEmail(e.target.value)}
               />
             </div>
@@ -337,7 +350,7 @@ export default function LoginPage() {
                 <span>{translate('auth.login.rememberMe', 'Remember me')}</span>
               </label>
             )}
-            <Button type="submit" disabled={submitting} className="h-10 mt-2">
+            <Button type="submit" disabled={submitting || !formReady} className="h-10 mt-2">
               {submitting
                 ? translate('auth.login.loading', 'Loading...')
                 : authOverride

package/src/modules/catalog/components/products/ProductCategorizeSection.tsx CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client"
 import * as React from 'react'
 import { TagsInput } from '@open-mercato/ui/backend/inputs/TagsInput'
 import { Label } from '@open-mercato/ui/primitives/label'

package/src/modules/data_sync/lib/sync-engine.ts CHANGED Viewed

@@ -171,7 +171,10 @@ export function createSyncEngine(deps: EngineDeps) {
   return {
     async runImport(runId: string, batchSize: number, scope: SyncScope): Promise<void> {
       const run = await syncRunService.getRun(runId, scope)
-      if (!run) throw new Error(`Sync run ${runId} not found`)
+      if (!run) {
+        console.warn(`[data-sync] Skipping stale import job for missing run ${runId}`)
+        return
+      }
       const providerKey = resolveProviderKey(run.integrationId)
       const adapter = getDataSyncAdapter(providerKey)
@@ -271,7 +274,10 @@ export function createSyncEngine(deps: EngineDeps) {
     async runExport(runId: string, batchSize: number, scope: SyncScope): Promise<void> {
       const run = await syncRunService.getRun(runId, scope)
-      if (!run) throw new Error(`Sync run ${runId} not found`)
+      if (!run) {
+        console.warn(`[data-sync] Skipping stale export job for missing run ${runId}`)
+        return
+      }
       const providerKey = resolveProviderKey(run.integrationId)
       const adapter = getDataSyncAdapter(providerKey)

package/src/modules/dictionaries/components/DictionaryEntrySelect.tsx CHANGED Viewed

@@ -222,7 +222,7 @@ export function DictionaryEntrySelect({
       <div className="flex items-center gap-2">
         <select
           className={[
-            'h-9 w-full rounded border px-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary disabled:cursor-not-allowed disabled:opacity-70',
+            'h-9 w-full rounded border pl-3 pr-8 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary disabled:cursor-not-allowed disabled:opacity-70',
             selectClassName,
           ]
             .filter(Boolean)

package/src/modules/feature_toggles/components/formConfig.tsx CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client"
 import { CrudFormGroup, CrudCustomFieldRenderProps, CrudField } from "@open-mercato/ui/backend/CrudForm";
 import { JsonBuilder } from "@open-mercato/ui/backend/JsonBuilder";
 import { useT } from '@open-mercato/shared/lib/i18n/context'

package/src/modules/feature_toggles/components/overrideFormConfig.tsx CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client"
 import { CrudFormGroup, CrudCustomFieldRenderProps, CrudField } from "@open-mercato/ui/backend/CrudForm";
 import { JsonBuilder } from "@open-mercato/ui/backend/JsonBuilder";
 import { useT } from '@open-mercato/shared/lib/i18n/context'

package/src/modules/integrations/backend/integrations/filters.ts ADDED Viewed

@@ -0,0 +1,39 @@
+import type { FilterDef, FilterValues } from '@open-mercato/ui/backend/FilterBar'
+import type { TranslateFn } from '@open-mercato/shared/lib/i18n/context'
+export const INTEGRATION_MARKETPLACE_CATEGORIES = [
+  'all',
+  'payment',
+  'shipping',
+  'data_sync',
+  'communication',
+  'notification',
+  'storage',
+  'webhook',
+] as const
+export function buildIntegrationMarketplaceFilterDefs(t: TranslateFn): FilterDef[] {
+  return [
+    {
+      id: 'category',
+      label: t('integrations.marketplace.filters.category', 'Category'),
+      type: 'select',
+      options: INTEGRATION_MARKETPLACE_CATEGORIES.map((category) => ({
+        value: category,
+        label: t(`integrations.marketplace.categories.${category}`),
+      })),
+      formatValue: (value) => t(`integrations.marketplace.categories.${value}`, value),
+    },
+  ]
+}
+export function normalizeIntegrationMarketplaceFilterValues(values: FilterValues): FilterValues {
+  const category = typeof values.category === 'string' ? values.category : ''
+  if (!category || category === 'all') return {}
+  return { category }
+}
+export function getIntegrationMarketplaceCategory(values: FilterValues): string {
+  const category = typeof values.category === 'string' ? values.category : ''
+  return category || 'all'
+}