@open-mercato/core 0.6.6-develop.6543.1.49fadb4c31 → 0.6.6-develop.6551.1.1511bfa890

package/dist/modules/customers/components/detail/PersonDetailTabs.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { cn } from "@open-mercato/shared/lib/utils";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
 import { Button } from "@open-mercato/ui/primitives/button";
+import { Tabs, TabsList, TabsTrigger } from "@open-mercato/ui/primitives/tabs";
 import {
   SquareCheckBig,
   Mail,
@@ -20,12 +20,9 @@ function resolveLegacyTab(tab) {
   if (!tab) return "activities";
   return SUPPORTED_TAB_IDS.has(tab) ? tab : "activities";
 }
-function CountBadge({ count }) {
-  if (count <= 0) return null;
-  return /* @__PURE__ */ jsx("span", { className: "ml-1 rounded-full bg-muted px-1.5 py-0.5 text-xs font-medium leading-none text-muted-foreground", children: count > 999 ? "999+" : count });
-}
-function NewBadge() {
-  return /* @__PURE__ */ jsx("span", { className: "ml-1.5 rounded bg-foreground px-1.5 py-0.5 text-overline font-semibold leading-none text-background", children: "NEW" });
+function formatTabCount(count) {
+  if (count <= 0) return void 0;
+  return count > 999 ? "999+" : count;
 }
 function PersonDetailTabs({
   activeTab,
@@ -47,7 +44,7 @@ function PersonDetailTabs({
         id: "activities",
         label: t("customers.people.detail.tabs.activities", "Activities"),
         icon: /* @__PURE__ */ jsx(SquareCheckBig, { className: "size-4" }),
-        badge: /* @__PURE__ */ jsx(CountBadge, { count: activitiesCount })
+        count: formatTabCount(activitiesCount)
       },
       {
         id: "emails",
@@ -58,37 +55,37 @@ function PersonDetailTabs({
         id: "deals",
         label: t("customers.people.detail.tabs.deals", "Deals"),
         icon: /* @__PURE__ */ jsx(Briefcase, { className: "size-4" }),
-        badge: /* @__PURE__ */ jsx(CountBadge, { count: dealsCount })
+        count: formatTabCount(dealsCount)
       },
       {
         id: "companies",
         label: t("customers.people.detail.tabs.companies", "Companies"),
         icon: /* @__PURE__ */ jsx(Building2, { className: "size-4" }),
-        badge: /* @__PURE__ */ jsx(CountBadge, { count: companiesCount })
+        count: formatTabCount(companiesCount)
       },
       {
         id: "addresses",
         label: t("customers.people.detail.tabs.addresses", "Addresses"),
         icon: /* @__PURE__ */ jsx(MapPin, { className: "size-4" }),
-        badge: /* @__PURE__ */ jsx(CountBadge, { count: addressesCount })
+        count: formatTabCount(addressesCount)
       },
       {
         id: "tasks",
         label: t("customers.people.detail.tabs.tasks", "Tasks"),
         icon: /* @__PURE__ */ jsx(Check, { className: "size-4" }),
-        badge: /* @__PURE__ */ jsx(CountBadge, { count: tasksCount })
+        count: formatTabCount(tasksCount)
       },
       {
         id: "changelog",
         label: t("customers.people.detail.tabs.changelog", "Change log"),
         icon: /* @__PURE__ */ jsx(History, { className: "size-4" }),
-        badge: /* @__PURE__ */ jsx(NewBadge, {})
+        count: "NEW"
       },
       {
         id: "files",
         label: t("customers.people.detail.tabs.files", "Files"),
         icon: /* @__PURE__ */ jsx(Paperclip, { className: "size-4" }),
-        badge: /* @__PURE__ */ jsx(CountBadge, { count: filesCount })
+        count: formatTabCount(filesCount)
       }
     ],
     [t, activitiesCount, dealsCount, companiesCount, addressesCount, tasksCount, filesCount]
@@ -104,31 +101,24 @@ function PersonDetailTabs({
     [builtInTabs, injectedTabs]
   );
   return /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-end justify-between gap-2 border-b", role: "tablist", "aria-label": t("customers.people.detail.tabs.label", "Person detail sections"), children: [
-      /* @__PURE__ */ jsx("nav", { className: "-mb-px flex flex-1 gap-1 overflow-x-auto px-1", children: allTabs.map((tab) => {
-        const isActive = activeTab === tab.id;
-        return /* @__PURE__ */ jsxs(
-          Button,
-          {
-            type: "button",
-            variant: "ghost",
-            size: "sm",
-            role: "tab",
-            "aria-selected": isActive,
-            onClick: () => onTabChange(tab.id),
-            className: cn(
-              "h-auto shrink-0 rounded-none border-b-2 px-3 py-2.5 hover:bg-transparent",
-              isActive ? "border-foreground text-foreground font-semibold" : "border-transparent text-muted-foreground hover:text-foreground"
-            ),
-            children: [
-              tab.icon && /* @__PURE__ */ jsx("span", { className: "mr-1.5", children: tab.icon }),
-              tab.label,
-              tab.badge
-            ]
-          },
-          tab.id
-        );
-      }) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-end justify-between gap-2 border-b", children: [
+      /* @__PURE__ */ jsx(
+        Tabs,
+        {
+          value: activeTab,
+          onValueChange: (value) => onTabChange(value),
+          variant: "underline",
+          className: "min-w-0 flex-1",
+          children: /* @__PURE__ */ jsx(
+            TabsList,
+            {
+              "aria-label": t("customers.people.detail.tabs.label", "Person detail sections"),
+              className: "-mb-px w-full overflow-x-auto border-b-0 px-1",
+              children: allTabs.map((tab) => /* @__PURE__ */ jsx(TabsTrigger, { value: tab.id, leading: tab.icon, count: tab.count, children: tab.label }, tab.id))
+            }
+          )
+        }
+      ),
       sectionAction ? /* @__PURE__ */ jsxs(
         Button,
         {

package/dist/modules/customers/components/detail/PersonDetailTabs.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/customers/components/detail/PersonDetailTabs.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport {\n  SquareCheckBig,\n  Mail,\n  Briefcase,\n  Building2,\n  Check,\n  History,\n  Paperclip,\n  Plus,\n  MapPin,\n} from 'lucide-react'\nimport type { SectionAction } from '@open-mercato/ui/backend/detail'\n\nexport type PersonTabId =\n  | 'activities'\n  | 'emails'\n  | 'deals'\n  | 'companies'\n  | 'addresses'\n  | 'tasks'\n  | 'changelog'\n  | 'files'\n  | string\n\ntype TabDef = {\n  id: PersonTabId\n  label: string\n  icon?: React.ReactNode\n  badge?: React.ReactNode\n}\n\ntype PersonDetailTabsProps = {\n  activeTab: PersonTabId\n  onTabChange: (tab: PersonTabId) => void\n  injectedTabs?: Array<{ id: string; label: string }>\n  activitiesCount?: number\n  dealsCount?: number\n  companiesCount?: number\n  addressesCount?: number\n  tasksCount?: number\n  filesCount?: number\n  sectionAction?: SectionAction | null\n  children: React.ReactNode\n}\n\nconst SUPPORTED_TAB_IDS = new Set<PersonTabId>(['activities', 'emails', 'deals', 'companies', 'addresses', 'tasks', 'changelog', 'files'])\n\nexport function resolveLegacyTab(tab: string | null | undefined): PersonTabId {\n  if (!tab) return 'activities'\n  return SUPPORTED_TAB_IDS.has(tab as PersonTabId) ? (tab as PersonTabId) : 'activities'\n}\n\nfunction CountBadge({ count }: { count: number }) {\n  if (count <= 0) return null\n  return (\n    <span className=\"ml-1 rounded-full bg-muted px-1.5 py-0.5 text-xs font-medium leading-none text-muted-foreground\">\n      {count > 999 ? '999+' : count}\n    </span>\n  )\n}\n\nfunction NewBadge() {\n  return (\n    <span className=\"ml-1.5 rounded bg-foreground px-1.5 py-0.5 text-overline font-semibold leading-none text-background\">\n      NEW\n    </span>\n  )\n}\n\nexport function PersonDetailTabs({\n  activeTab,\n  onTabChange,\n  injectedTabs = [],\n  activitiesCount = 0,\n  dealsCount = 0,\n  companiesCount = 0,\n  addressesCount = 0,\n  tasksCount = 0,\n  filesCount = 0,\n  sectionAction = null,\n  children,\n}: PersonDetailTabsProps) {\n  const t = useT()\n\n  const builtInTabs: TabDef[] = React.useMemo(\n    () => [\n      {\n        id: 'activities',\n        label: t('customers.people.detail.tabs.activities', 'Activities'),\n        icon: <SquareCheckBig className=\"size-4\" />,\n        badge: <CountBadge count={activitiesCount} />,\n      },\n      {\n        id: 'emails',\n        label: t('customers.people.detail.tabs.emails', 'Emails'),\n        icon: <Mail className=\"size-4\" />,\n      },\n      {\n        id: 'deals',\n        label: t('customers.people.detail.tabs.deals', 'Deals'),\n        icon: <Briefcase className=\"size-4\" />,\n        badge: <CountBadge count={dealsCount} />,\n      },\n      {\n        id: 'companies',\n        label: t('customers.people.detail.tabs.companies', 'Companies'),\n        icon: <Building2 className=\"size-4\" />,\n        badge: <CountBadge count={companiesCount} />,\n      },\n      {\n        id: 'addresses',\n        label: t('customers.people.detail.tabs.addresses', 'Addresses'),\n        icon: <MapPin className=\"size-4\" />,\n        badge: <CountBadge count={addressesCount} />,\n      },\n      {\n        id: 'tasks',\n        label: t('customers.people.detail.tabs.tasks', 'Tasks'),\n        icon: <Check className=\"size-4\" />,\n        badge: <CountBadge count={tasksCount} />,\n      },\n      {\n        id: 'changelog',\n        label: t('customers.people.detail.tabs.changelog', 'Change log'),\n        icon: <History className=\"size-4\" />,\n        badge: <NewBadge />,\n      },\n      {\n        id: 'files',\n        label: t('customers.people.detail.tabs.files', 'Files'),\n        icon: <Paperclip className=\"size-4\" />,\n        badge: <CountBadge count={filesCount} />,\n      },\n    ],\n    [t, activitiesCount, dealsCount, companiesCount, addressesCount, tasksCount, filesCount],\n  )\n\n  const allTabs: TabDef[] = React.useMemo(\n    () => [\n      ...builtInTabs,\n      ...injectedTabs.map((tab) => ({\n        id: tab.id as PersonTabId,\n        label: tab.label,\n      })),\n    ],\n    [builtInTabs, injectedTabs],\n  )\n\n  return (\n    <div>\n      {/* Tab navigation \u2014 full width above both zones */}\n      <div className=\"flex items-end justify-between gap-2 border-b\" role=\"tablist\" aria-label={t('customers.people.detail.tabs.label', 'Person detail sections')}>\n        <nav className=\"-mb-px flex flex-1 gap-1 overflow-x-auto px-1\">\n          {allTabs.map((tab) => {\n            const isActive = activeTab === tab.id\n            return (\n              <Button\n                key={tab.id}\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"sm\"\n                role=\"tab\"\n                aria-selected={isActive}\n                onClick={() => onTabChange(tab.id)}\n                className={cn(\n                  'h-auto shrink-0 rounded-none border-b-2 px-3 py-2.5 hover:bg-transparent',\n                  isActive\n                    ? 'border-foreground text-foreground font-semibold'\n                    : 'border-transparent text-muted-foreground hover:text-foreground',\n                )}\n              >\n                {tab.icon && <span className=\"mr-1.5\">{tab.icon}</span>}\n                {tab.label}\n                {tab.badge}\n              </Button>\n            )\n          })}\n        </nav>\n        {sectionAction ? (\n          <Button\n            type=\"button\"\n            size=\"sm\"\n            onClick={sectionAction.onClick}\n            disabled={sectionAction.disabled}\n            className=\"mb-1.5 mr-1 shrink-0\"\n          >\n            <Plus className=\"mr-1.5 h-4 w-4\" />\n            {sectionAction.label}\n          </Button>\n        ) : null}\n      </div>\n\n      {/* Two-column content below tabs */}\n      <div className=\"pt-6\">\n        {children}\n      </div>\n    </div>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Tabs, TabsList, TabsTrigger } from '@open-mercato/ui/primitives/tabs'\nimport {\n  SquareCheckBig,\n  Mail,\n  Briefcase,\n  Building2,\n  Check,\n  History,\n  Paperclip,\n  Plus,\n  MapPin,\n} from 'lucide-react'\nimport type { SectionAction } from '@open-mercato/ui/backend/detail'\n\nexport type PersonTabId =\n  | 'activities'\n  | 'emails'\n  | 'deals'\n  | 'companies'\n  | 'addresses'\n  | 'tasks'\n  | 'changelog'\n  | 'files'\n  | string\n\ntype TabDef = {\n  id: PersonTabId\n  label: string\n  icon?: React.ReactNode\n  count?: React.ReactNode\n}\n\ntype PersonDetailTabsProps = {\n  activeTab: PersonTabId\n  onTabChange: (tab: PersonTabId) => void\n  injectedTabs?: Array<{ id: string; label: string }>\n  activitiesCount?: number\n  dealsCount?: number\n  companiesCount?: number\n  addressesCount?: number\n  tasksCount?: number\n  filesCount?: number\n  sectionAction?: SectionAction | null\n  children: React.ReactNode\n}\n\nconst SUPPORTED_TAB_IDS = new Set<PersonTabId>(['activities', 'emails', 'deals', 'companies', 'addresses', 'tasks', 'changelog', 'files'])\n\nexport function resolveLegacyTab(tab: string | null | undefined): PersonTabId {\n  if (!tab) return 'activities'\n  return SUPPORTED_TAB_IDS.has(tab as PersonTabId) ? (tab as PersonTabId) : 'activities'\n}\n\nfunction formatTabCount(count: number): string | number | undefined {\n  if (count <= 0) return undefined\n  return count > 999 ? '999+' : count\n}\n\nexport function PersonDetailTabs({\n  activeTab,\n  onTabChange,\n  injectedTabs = [],\n  activitiesCount = 0,\n  dealsCount = 0,\n  companiesCount = 0,\n  addressesCount = 0,\n  tasksCount = 0,\n  filesCount = 0,\n  sectionAction = null,\n  children,\n}: PersonDetailTabsProps) {\n  const t = useT()\n\n  const builtInTabs: TabDef[] = React.useMemo(\n    () => [\n      {\n        id: 'activities',\n        label: t('customers.people.detail.tabs.activities', 'Activities'),\n        icon: <SquareCheckBig className=\"size-4\" />,\n        count: formatTabCount(activitiesCount),\n      },\n      {\n        id: 'emails',\n        label: t('customers.people.detail.tabs.emails', 'Emails'),\n        icon: <Mail className=\"size-4\" />,\n      },\n      {\n        id: 'deals',\n        label: t('customers.people.detail.tabs.deals', 'Deals'),\n        icon: <Briefcase className=\"size-4\" />,\n        count: formatTabCount(dealsCount),\n      },\n      {\n        id: 'companies',\n        label: t('customers.people.detail.tabs.companies', 'Companies'),\n        icon: <Building2 className=\"size-4\" />,\n        count: formatTabCount(companiesCount),\n      },\n      {\n        id: 'addresses',\n        label: t('customers.people.detail.tabs.addresses', 'Addresses'),\n        icon: <MapPin className=\"size-4\" />,\n        count: formatTabCount(addressesCount),\n      },\n      {\n        id: 'tasks',\n        label: t('customers.people.detail.tabs.tasks', 'Tasks'),\n        icon: <Check className=\"size-4\" />,\n        count: formatTabCount(tasksCount),\n      },\n      {\n        id: 'changelog',\n        label: t('customers.people.detail.tabs.changelog', 'Change log'),\n        icon: <History className=\"size-4\" />,\n        count: 'NEW',\n      },\n      {\n        id: 'files',\n        label: t('customers.people.detail.tabs.files', 'Files'),\n        icon: <Paperclip className=\"size-4\" />,\n        count: formatTabCount(filesCount),\n      },\n    ],\n    [t, activitiesCount, dealsCount, companiesCount, addressesCount, tasksCount, filesCount],\n  )\n\n  const allTabs: TabDef[] = React.useMemo(\n    () => [\n      ...builtInTabs,\n      ...injectedTabs.map((tab) => ({\n        id: tab.id as PersonTabId,\n        label: tab.label,\n      })),\n    ],\n    [builtInTabs, injectedTabs],\n  )\n\n  return (\n    <div>\n      {/* Tab navigation \u2014 full width above both zones */}\n      <div className=\"flex items-end justify-between gap-2 border-b\">\n        <Tabs\n          value={activeTab}\n          onValueChange={(value) => onTabChange(value as PersonTabId)}\n          variant=\"underline\"\n          className=\"min-w-0 flex-1\"\n        >\n          <TabsList\n            aria-label={t('customers.people.detail.tabs.label', 'Person detail sections')}\n            className=\"-mb-px w-full overflow-x-auto border-b-0 px-1\"\n          >\n            {allTabs.map((tab) => (\n              <TabsTrigger key={tab.id} value={tab.id} leading={tab.icon} count={tab.count}>\n                {tab.label}\n              </TabsTrigger>\n            ))}\n          </TabsList>\n        </Tabs>\n        {sectionAction ? (\n          <Button\n            type=\"button\"\n            size=\"sm\"\n            onClick={sectionAction.onClick}\n            disabled={sectionAction.disabled}\n            className=\"mb-1.5 mr-1 shrink-0\"\n          >\n            <Plus className=\"mr-1.5 h-4 w-4\" />\n            {sectionAction.label}\n          </Button>\n        ) : null}\n      </div>\n\n      {/* Two-column content below tabs */}\n      <div className=\"pt-6\">\n        {children}\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/feature_toggles/api/check/boolean/route.js

@@ -12,20 +12,6 @@ async function GET(req) {
   if (!identifier) {
     return NextResponse.json({ error: "Missing required parameter: identifier" }, { status: 400 });
   }
-  if (auth.isSuperAdmin === true) {
-    return NextResponse.json({
-      ok: true,
-      value: true,
-      resolution: {
-        valueType: "boolean",
-        value: true,
-        source: "override",
-        toggleId: "superadmin",
-        identifier,
-        tenantId: "superadmin"
-      }
-    });
-  }
   const container = await createRequestContainer();
   const { scope } = await resolveFeatureCheckContext({
     container,

package/dist/modules/feature_toggles/api/check/boolean/route.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/modules/feature_toggles/api/check/boolean/route.ts"],
-  "sourcesContent": ["import { getAuthFromRequest } from \"@open-mercato/shared/lib/auth/server\"\nimport { createRequestContainer } from \"@open-mercato/shared/lib/di/container\"\nimport { NextResponse } from \"next/server\"\nimport { resolveFeatureCheckContext } from \"@open-mercato/core/modules/directory/utils/organizationScope\"\nimport { FeatureTogglesService } from \"../../../lib/feature-flag-check\"\nimport { featureTogglesTag, checkResponseSchema, featureToggleErrorSchema } from \"../../openapi\"\nimport type { OpenApiRouteDoc } from '@open-mercato/shared/lib/openapi'\nimport { z } from 'zod'\n\nexport async function GET(req: Request) {\n    const auth = await getAuthFromRequest(req)\n    if (!auth) return NextResponse.json({ error: 'Unauthorized' }, { status: 401 })\n\n    const url = new URL(req.url)\n    const identifier = url.searchParams.get('identifier')\n\n    if (!identifier) {\n        return NextResponse.json({ error: 'Missing required parameter: identifier' }, { status: 400 })\n    }\n\n    if (auth.isSuperAdmin === true) {\n        return NextResponse.json({\n            ok: true,\n            value: true,\n            resolution: {\n                valueType: \"boolean\",\n                value: true,\n                source: \"override\",\n                toggleId: \"superadmin\",\n                identifier,\n                tenantId: \"superadmin\"\n            }\n        })\n    }\n\n    const container = await createRequestContainer()\n    const { scope } = await resolveFeatureCheckContext({\n        container,\n        auth,\n        request: req\n    })\n\n    if (!scope.tenantId) {\n        return NextResponse.json({ error: 'Tenant context required. Please select a tenant.' }, { status: 400 })\n    }\n\n    const featureTogglesService = container.resolve('featureTogglesService') as FeatureTogglesService\n    const result = await featureTogglesService.getBoolConfig(identifier, scope.tenantId)\n\n    if (!result.ok) {\n        return NextResponse.json(result, { status: result.error.code === \"MISSING_TOGGLE\" ? 404 : 400 })\n    }\n\n    return NextResponse.json(result)\n}\n\nconst routeMetadata = {\n    GET: { requireAuth: true },\n}\n\nexport const metadata = routeMetadata\n\nexport const openApi: OpenApiRouteDoc = {\n    tag: featureTogglesTag,\n    summary: 'Check feature toggle status',\n    methods: {\n        GET: {\n            summary: 'Check if feature is enabled',\n            description: 'Checks if a feature toggle is enabled for the current context.',\n            query: z.object({\n                identifier: z.string().describe('Feature toggle identifier'),\n            }),\n            responses: [\n                { status: 200, description: 'Feature status', schema: checkResponseSchema },\n            ],\n            errors: [\n                { status: 400, description: 'Bad Request', schema: featureToggleErrorSchema },\n                { status: 401, description: 'Unauthorized', schema: featureToggleErrorSchema },\n                { status: 404, description: 'Tenant not found', schema: featureToggleErrorSchema },\n            ],\n        },\n    },\n}\n"],
-  "mappings": "AAAA,SAAS,0BAA0B;AACnC,SAAS,8BAA8B;AACvC,SAAS,oBAAoB;AAC7B,SAAS,kCAAkC;AAE3C,SAAS,mBAAmB,qBAAqB,gCAAgC;AAEjF,SAAS,SAAS;AAElB,eAAsB,IAAI,KAAc;AACpC,QAAM,OAAO,MAAM,mBAAmB,GAAG;AACzC,MAAI,CAAC,KAAM,QAAO,aAAa,KAAK,EAAE,OAAO,eAAe,GAAG,EAAE,QAAQ,IAAI,CAAC;AAE9E,QAAM,MAAM,IAAI,IAAI,IAAI,GAAG;AAC3B,QAAM,aAAa,IAAI,aAAa,IAAI,YAAY;AAEpD,MAAI,CAAC,YAAY;AACb,WAAO,aAAa,KAAK,EAAE,OAAO,yCAAyC,GAAG,EAAE,QAAQ,IAAI,CAAC;AAAA,EACjG;AAEA,MAAI,KAAK,iBAAiB,MAAM;AAC5B,WAAO,aAAa,KAAK;AAAA,MACrB,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,YAAY;AAAA,QACR,WAAW;AAAA,QACX,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,UAAU;AAAA,QACV;AAAA,QACA,UAAU;AAAA,MACd;AAAA,IACJ,CAAC;AAAA,EACL;AAEA,QAAM,YAAY,MAAM,uBAAuB;AAC/C,QAAM,EAAE,MAAM,IAAI,MAAM,2BAA2B;AAAA,IAC/C;AAAA,IACA;AAAA,IACA,SAAS;AAAA,EACb,CAAC;AAED,MAAI,CAAC,MAAM,UAAU;AACjB,WAAO,aAAa,KAAK,EAAE,OAAO,mDAAmD,GAAG,EAAE,QAAQ,IAAI,CAAC;AAAA,EAC3G;AAEA,QAAM,wBAAwB,UAAU,QAAQ,uBAAuB;AACvE,QAAM,SAAS,MAAM,sBAAsB,cAAc,YAAY,MAAM,QAAQ;AAEnF,MAAI,CAAC,OAAO,IAAI;AACZ,WAAO,aAAa,KAAK,QAAQ,EAAE,QAAQ,OAAO,MAAM,SAAS,mBAAmB,MAAM,IAAI,CAAC;AAAA,EACnG;AAEA,SAAO,aAAa,KAAK,MAAM;AACnC;AAEA,MAAM,gBAAgB;AAAA,EAClB,KAAK,EAAE,aAAa,KAAK;AAC7B;AAEO,MAAM,WAAW;AAEjB,MAAM,UAA2B;AAAA,EACpC,KAAK;AAAA,EACL,SAAS;AAAA,EACT,SAAS;AAAA,IACL,KAAK;AAAA,MACD,SAAS;AAAA,MACT,aAAa;AAAA,MACb,OAAO,EAAE,OAAO;AAAA,QACZ,YAAY,EAAE,OAAO,EAAE,SAAS,2BAA2B;AAAA,MAC/D,CAAC;AAAA,MACD,WAAW;AAAA,QACP,EAAE,QAAQ,KAAK,aAAa,kBAAkB,QAAQ,oBAAoB;AAAA,MAC9E;AAAA,MACA,QAAQ;AAAA,QACJ,EAAE,QAAQ,KAAK,aAAa,eAAe,QAAQ,yBAAyB;AAAA,QAC5E,EAAE,QAAQ,KAAK,aAAa,gBAAgB,QAAQ,yBAAyB;AAAA,QAC7E,EAAE,QAAQ,KAAK,aAAa,oBAAoB,QAAQ,yBAAyB;AAAA,MACrF;AAAA,IACJ;AAAA,EACJ;AACJ;",
+  "sourcesContent": ["import { getAuthFromRequest } from \"@open-mercato/shared/lib/auth/server\"\nimport { createRequestContainer } from \"@open-mercato/shared/lib/di/container\"\nimport { NextResponse } from \"next/server\"\nimport { resolveFeatureCheckContext } from \"@open-mercato/core/modules/directory/utils/organizationScope\"\nimport { FeatureTogglesService } from \"../../../lib/feature-flag-check\"\nimport { featureTogglesTag, checkResponseSchema, featureToggleErrorSchema } from \"../../openapi\"\nimport type { OpenApiRouteDoc } from '@open-mercato/shared/lib/openapi'\nimport { z } from 'zod'\n\nexport async function GET(req: Request) {\n    const auth = await getAuthFromRequest(req)\n    if (!auth) return NextResponse.json({ error: 'Unauthorized' }, { status: 401 })\n\n    const url = new URL(req.url)\n    const identifier = url.searchParams.get('identifier')\n\n    if (!identifier) {\n        return NextResponse.json({ error: 'Missing required parameter: identifier' }, { status: 400 })\n    }\n\n    const container = await createRequestContainer()\n    const { scope } = await resolveFeatureCheckContext({\n        container,\n        auth,\n        request: req\n    })\n\n    if (!scope.tenantId) {\n        return NextResponse.json({ error: 'Tenant context required. Please select a tenant.' }, { status: 400 })\n    }\n\n    const featureTogglesService = container.resolve('featureTogglesService') as FeatureTogglesService\n    const result = await featureTogglesService.getBoolConfig(identifier, scope.tenantId)\n\n    if (!result.ok) {\n        return NextResponse.json(result, { status: result.error.code === \"MISSING_TOGGLE\" ? 404 : 400 })\n    }\n\n    return NextResponse.json(result)\n}\n\nconst routeMetadata = {\n    GET: { requireAuth: true },\n}\n\nexport const metadata = routeMetadata\n\nexport const openApi: OpenApiRouteDoc = {\n    tag: featureTogglesTag,\n    summary: 'Check feature toggle status',\n    methods: {\n        GET: {\n            summary: 'Check if feature is enabled',\n            description: 'Checks if a feature toggle is enabled for the current context.',\n            query: z.object({\n                identifier: z.string().describe('Feature toggle identifier'),\n            }),\n            responses: [\n                { status: 200, description: 'Feature status', schema: checkResponseSchema },\n            ],\n            errors: [\n                { status: 400, description: 'Bad Request', schema: featureToggleErrorSchema },\n                { status: 401, description: 'Unauthorized', schema: featureToggleErrorSchema },\n                { status: 404, description: 'Tenant not found', schema: featureToggleErrorSchema },\n            ],\n        },\n    },\n}\n"],
+  "mappings": "AAAA,SAAS,0BAA0B;AACnC,SAAS,8BAA8B;AACvC,SAAS,oBAAoB;AAC7B,SAAS,kCAAkC;AAE3C,SAAS,mBAAmB,qBAAqB,gCAAgC;AAEjF,SAAS,SAAS;AAElB,eAAsB,IAAI,KAAc;AACpC,QAAM,OAAO,MAAM,mBAAmB,GAAG;AACzC,MAAI,CAAC,KAAM,QAAO,aAAa,KAAK,EAAE,OAAO,eAAe,GAAG,EAAE,QAAQ,IAAI,CAAC;AAE9E,QAAM,MAAM,IAAI,IAAI,IAAI,GAAG;AAC3B,QAAM,aAAa,IAAI,aAAa,IAAI,YAAY;AAEpD,MAAI,CAAC,YAAY;AACb,WAAO,aAAa,KAAK,EAAE,OAAO,yCAAyC,GAAG,EAAE,QAAQ,IAAI,CAAC;AAAA,EACjG;AAEA,QAAM,YAAY,MAAM,uBAAuB;AAC/C,QAAM,EAAE,MAAM,IAAI,MAAM,2BAA2B;AAAA,IAC/C;AAAA,IACA;AAAA,IACA,SAAS;AAAA,EACb,CAAC;AAED,MAAI,CAAC,MAAM,UAAU;AACjB,WAAO,aAAa,KAAK,EAAE,OAAO,mDAAmD,GAAG,EAAE,QAAQ,IAAI,CAAC;AAAA,EAC3G;AAEA,QAAM,wBAAwB,UAAU,QAAQ,uBAAuB;AACvE,QAAM,SAAS,MAAM,sBAAsB,cAAc,YAAY,MAAM,QAAQ;AAEnF,MAAI,CAAC,OAAO,IAAI;AACZ,WAAO,aAAa,KAAK,QAAQ,EAAE,QAAQ,OAAO,MAAM,SAAS,mBAAmB,MAAM,IAAI,CAAC;AAAA,EACnG;AAEA,SAAO,aAAa,KAAK,MAAM;AACnC;AAEA,MAAM,gBAAgB;AAAA,EAClB,KAAK,EAAE,aAAa,KAAK;AAC7B;AAEO,MAAM,WAAW;AAEjB,MAAM,UAA2B;AAAA,EACpC,KAAK;AAAA,EACL,SAAS;AAAA,EACT,SAAS;AAAA,IACL,KAAK;AAAA,MACD,SAAS;AAAA,MACT,aAAa;AAAA,MACb,OAAO,EAAE,OAAO;AAAA,QACZ,YAAY,EAAE,OAAO,EAAE,SAAS,2BAA2B;AAAA,MAC/D,CAAC;AAAA,MACD,WAAW;AAAA,QACP,EAAE,QAAQ,KAAK,aAAa,kBAAkB,QAAQ,oBAAoB;AAAA,MAC9E;AAAA,MACA,QAAQ;AAAA,QACJ,EAAE,QAAQ,KAAK,aAAa,eAAe,QAAQ,yBAAyB;AAAA,QAC5E,EAAE,QAAQ,KAAK,aAAa,gBAAgB,QAAQ,yBAAyB;AAAA,QAC7E,EAAE,QAAQ,KAAK,aAAa,oBAAoB,QAAQ,yBAAyB;AAAA,MACrF;AAAA,IACJ;AAAA,EACJ;AACJ;",
   "names": []
 }

package/dist/modules/feature_toggles/defaults.json

@@ -16,6 +16,14 @@
       "type": "string",
       "defaultValue": "Free shipping on orders over $50"
     },
+    {
+      "identifier": "sales_channels_enabled",
+      "name": "Sales Channels",
+      "description": "Show sales channel pickers, filters, and management UI. Disable for tenants that do not use sales channels.",
+      "category": "sales",
+      "type": "boolean",
+      "defaultValue": true
+    },
     {
       "identifier": "order_review_threshold",
       "name": "Order Review Threshold",

package/dist/modules/integrations/backend/integrations/[id]/page.js

@@ -922,86 +922,15 @@ function IntegrationDetailPage({ params }) {
       },
       widget.widgetId
     )) }) : null,
-    /* @__PURE__ */ jsxs(Tabs, { value: activeTab, onValueChange: handleTabChange, className: "space-y-5", children: [
-      /* @__PURE__ */ jsxs(TabsList, { className: "h-auto w-full justify-start overflow-x-auto rounded-none border-b border-border bg-transparent p-0", children: [
-        showCredentialsTab ? /* @__PURE__ */ jsx(
-          TabsTrigger,
-          {
-            value: "credentials",
-            className: "mr-8 h-auto rounded-none border-b-2 border-transparent bg-transparent px-0 py-2.5 text-sm font-medium text-muted-foreground shadow-none transition-colors hover:bg-transparent hover:text-foreground aria-selected:border-accent-indigo aria-selected:bg-transparent aria-selected:text-foreground aria-selected:shadow-none last:mr-0",
-            children: /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx(Key, { className: "h-4 w-4" }),
-              /* @__PURE__ */ jsx("span", { children: t("integrations.detail.tabs.credentials") })
-            ] })
-          }
-        ) : null,
-        leadingInjectedTab ? /* @__PURE__ */ jsx(
-          TabsTrigger,
-          {
-            value: leadingInjectedTab.id,
-            className: "mr-8 h-auto rounded-none border-b-2 border-transparent bg-transparent px-0 py-2.5 text-sm font-medium text-muted-foreground shadow-none transition-colors hover:bg-transparent hover:text-foreground aria-selected:border-accent-indigo aria-selected:bg-transparent aria-selected:text-foreground aria-selected:shadow-none last:mr-0",
-            children: /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx(Settings, { className: "h-4 w-4" }),
-              /* @__PURE__ */ jsx("span", { children: leadingInjectedTab.label })
-            ] })
-          }
-        ) : null,
-        showVersionTab ? /* @__PURE__ */ jsx(
-          TabsTrigger,
-          {
-            value: "version",
-            className: "mr-8 h-auto rounded-none border-b-2 border-transparent bg-transparent px-0 py-2.5 text-sm font-medium text-muted-foreground shadow-none transition-colors hover:bg-transparent hover:text-foreground aria-selected:border-accent-indigo aria-selected:bg-transparent aria-selected:text-foreground aria-selected:shadow-none last:mr-0",
-            children: /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx(RefreshCw, { className: "h-4 w-4" }),
-              /* @__PURE__ */ jsx("span", { children: t("integrations.detail.tabs.version") })
-            ] })
-          }
-        ) : null,
-        showDataSyncScheduleTab ? /* @__PURE__ */ jsx(
-          TabsTrigger,
-          {
-            value: "data-sync-schedule",
-            className: "mr-8 h-auto rounded-none border-b-2 border-transparent bg-transparent px-0 py-2.5 text-sm font-medium text-muted-foreground shadow-none transition-colors hover:bg-transparent hover:text-foreground aria-selected:border-accent-indigo aria-selected:bg-transparent aria-selected:text-foreground aria-selected:shadow-none last:mr-0",
-            children: /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx(Calendar, { className: "h-4 w-4" }),
-              /* @__PURE__ */ jsx("span", { children: t("data_sync.integrationTab.title", "Sync schedules") })
-            ] })
-          }
-        ) : null,
-        showHealthTab ? /* @__PURE__ */ jsx(
-          TabsTrigger,
-          {
-            value: "health",
-            className: "mr-8 h-auto rounded-none border-b-2 border-transparent bg-transparent px-0 py-2.5 text-sm font-medium text-muted-foreground shadow-none transition-colors hover:bg-transparent hover:text-foreground aria-selected:border-accent-indigo aria-selected:bg-transparent aria-selected:text-foreground aria-selected:shadow-none last:mr-0",
-            children: /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx(Activity, { className: "h-4 w-4" }),
-              /* @__PURE__ */ jsx("span", { children: t("integrations.detail.tabs.health") })
-            ] })
-          }
-        ) : null,
-        showLogsTab ? /* @__PURE__ */ jsx(
-          TabsTrigger,
-          {
-            value: "logs",
-            className: "mr-8 h-auto rounded-none border-b-2 border-transparent bg-transparent px-0 py-2.5 text-sm font-medium text-muted-foreground shadow-none transition-colors hover:bg-transparent hover:text-foreground aria-selected:border-accent-indigo aria-selected:bg-transparent aria-selected:text-foreground aria-selected:shadow-none last:mr-0",
-            children: /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx(FileText, { className: "h-4 w-4" }),
-              /* @__PURE__ */ jsx("span", { children: t("integrations.detail.tabs.logs") })
-            ] })
-          }
-        ) : null,
-        trailingInjectedTabs.map((tab) => /* @__PURE__ */ jsx(
-          TabsTrigger,
-          {
-            value: tab.id,
-            className: "mr-8 h-auto rounded-none border-b-2 border-transparent bg-transparent px-0 py-2.5 text-sm font-medium text-muted-foreground shadow-none transition-colors hover:bg-transparent hover:text-foreground aria-selected:border-accent-indigo aria-selected:bg-transparent aria-selected:text-foreground aria-selected:shadow-none last:mr-0",
-            children: /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx(Settings, { className: "h-4 w-4" }),
-              /* @__PURE__ */ jsx("span", { children: tab.label })
-            ] })
-          },
-          tab.id
-        ))
+    /* @__PURE__ */ jsxs(Tabs, { value: activeTab, onValueChange: handleTabChange, variant: "underline", className: "space-y-5", children: [
+      /* @__PURE__ */ jsxs(TabsList, { className: "w-full overflow-x-auto", children: [
+        showCredentialsTab ? /* @__PURE__ */ jsx(TabsTrigger, { value: "credentials", leading: /* @__PURE__ */ jsx(Key, { className: "h-4 w-4" }), children: t("integrations.detail.tabs.credentials") }) : null,
+        leadingInjectedTab ? /* @__PURE__ */ jsx(TabsTrigger, { value: leadingInjectedTab.id, leading: /* @__PURE__ */ jsx(Settings, { className: "h-4 w-4" }), children: leadingInjectedTab.label }) : null,
+        showVersionTab ? /* @__PURE__ */ jsx(TabsTrigger, { value: "version", leading: /* @__PURE__ */ jsx(RefreshCw, { className: "h-4 w-4" }), children: t("integrations.detail.tabs.version") }) : null,
+        showDataSyncScheduleTab ? /* @__PURE__ */ jsx(TabsTrigger, { value: "data-sync-schedule", leading: /* @__PURE__ */ jsx(Calendar, { className: "h-4 w-4" }), children: t("data_sync.integrationTab.title", "Sync schedules") }) : null,
+        showHealthTab ? /* @__PURE__ */ jsx(TabsTrigger, { value: "health", leading: /* @__PURE__ */ jsx(Activity, { className: "h-4 w-4" }), children: t("integrations.detail.tabs.health") }) : null,
+        showLogsTab ? /* @__PURE__ */ jsx(TabsTrigger, { value: "logs", leading: /* @__PURE__ */ jsx(FileText, { className: "h-4 w-4" }), children: t("integrations.detail.tabs.logs") }) : null,
+        trailingInjectedTabs.map((tab) => /* @__PURE__ */ jsx(TabsTrigger, { value: tab.id, leading: /* @__PURE__ */ jsx(Settings, { className: "h-4 w-4" }), children: tab.label }, tab.id))
       ] }),
       showCredentialsTab ? /* @__PURE__ */ jsx(TabsContent, { value: "credentials", className: "mt-0", children: /* @__PURE__ */ jsxs("section", { className: "space-y-4 rounded-lg border bg-card p-6", children: [
         detail.bundle ? /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-status-info-border bg-status-info-bg p-3 text-sm text-status-info-text", children: t("integrations.detail.credentials.bundleShared", { bundle: detail.bundle.title }) }) : null,