@open-mercato/core 0.6.6 → 0.6.7-develop.6553.1.2ec7246e04

package/dist/modules/planner/backend/planner/availability-rulesets/[id]/page.js

@@ -3,7 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { useRouter } from "next/navigation";
 import { Page, PageBody } from "@open-mercato/ui/backend/Page";
-import { Button } from "@open-mercato/ui/primitives/button";
+import { Tabs, TabsList, TabsTrigger } from "@open-mercato/ui/primitives/tabs";
 import { ErrorMessage, RecordNotFoundState } from "@open-mercato/ui/backend/detail";
 import { readApiResultOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
 import { updateCrud, deleteCrud } from "@open-mercato/ui/backend/utils/crud";
@@ -136,20 +136,22 @@ function PlannerAvailabilityRuleSetDetailPage({ params }) {
     return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(ErrorMessage, { label: error }) }) });
   }
   return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
-    /* @__PURE__ */ jsx("div", { className: "border-b", children: /* @__PURE__ */ jsx("nav", { className: "flex flex-wrap items-center gap-5 text-sm", "aria-label": translate("planner.availabilityRuleSets.tabs.label", "Schedule sections"), children: tabs.map((tab) => /* @__PURE__ */ jsx(
-      Button,
+    /* @__PURE__ */ jsx(
+      Tabs,
       {
-        type: "button",
-        role: "tab",
-        "aria-selected": activeTab === tab.id,
-        variant: "ghost",
-        size: "sm",
-        className: `relative -mb-px h-auto rounded-none border-b-2 px-0 py-2 font-medium ${activeTab === tab.id ? "border-accent-indigo text-foreground" : "border-transparent text-muted-foreground hover:text-foreground"}`,
-        onClick: () => setActiveTab(tab.id),
-        children: tab.label
-      },
-      tab.id
-    )) }) }),
+        value: activeTab,
+        onValueChange: (value) => setActiveTab(value),
+        variant: "underline",
+        children: /* @__PURE__ */ jsx(
+          TabsList,
+          {
+            className: "w-full flex-wrap",
+            "aria-label": translate("planner.availabilityRuleSets.tabs.label", "Schedule sections"),
+            children: tabs.map((tab) => /* @__PURE__ */ jsx(TabsTrigger, { value: tab.id, children: tab.label }, tab.id))
+          }
+        )
+      }
+    ),
     activeTab === "details" ? /* @__PURE__ */ jsx(
       AvailabilityRuleSetForm,
       {

package/dist/modules/planner/backend/planner/availability-rulesets/[id]/page.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/modules/planner/backend/planner/availability-rulesets/%5Bid%5D/page.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useRouter } from 'next/navigation'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { ErrorMessage, RecordNotFoundState } from '@open-mercato/ui/backend/detail'\nimport { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { updateCrud, deleteCrud } from '@open-mercato/ui/backend/utils/crud'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { AvailabilityRulesEditor, type AvailabilityScheduleItemBuilder } from '@open-mercato/core/modules/planner/components/AvailabilityRulesEditor'\nimport { parseAvailabilityRuleWindow } from '@open-mercato/core/modules/planner/lib/availabilitySchedule'\nimport { extractCustomFieldEntries } from '@open-mercato/shared/lib/crud/custom-fields-client'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { AvailabilityRuleSetForm, buildAvailabilityRuleSetPayload, type AvailabilityRuleSetFormValues } from '@open-mercato/core/modules/planner/components/AvailabilityRuleSetForm'\n\nconst DAY_MS = 24 * 60 * 60 * 1000\n\nfunction toFullDayWindow(value: Date): { start: Date; end: Date } {\n  const start = new Date(value.getFullYear(), value.getMonth(), value.getDate())\n  const end = new Date(start.getTime() + DAY_MS)\n  return { start, end }\n}\n\ntype RuleSetRecord = {\n  id: string\n  name: string\n  description?: string | null\n  timezone: string\n  updatedAt?: string | null\n  updated_at?: string | null\n  name_raw?: string | null\n} & Record<string, unknown>\n\ntype RuleSetResponse = {\n  items?: RuleSetRecord[]\n}\n\nexport default function PlannerAvailabilityRuleSetDetailPage({ params }: { params?: { id?: string } }) {\n  const rulesetId = params?.id\n  const translate = useT()\n  const router = useRouter()\n  // optimistic-lock: AvailabilityRuleSetForm forwards optimisticLockUpdatedAt from initialValues.updatedAt (wrapper auto-derives the header on save + delete).\n  const [initialValues, setInitialValues] = React.useState<AvailabilityRuleSetFormValues | null>(null)\n  const [error, setError] = React.useState<string | null>(null)\n  const [isNotFound, setIsNotFound] = React.useState(false)\n  const [activeTab, setActiveTab] = React.useState<'details' | 'availability'>('details')\n\n  React.useEffect(() => {\n    if (!rulesetId) return\n    const rulesetIdValue = rulesetId\n    let cancelled = false\n    async function loadRuleSet() {\n      if (!cancelled) {\n        setError(null)\n        setIsNotFound(false)\n      }\n      try {\n        const params = new URLSearchParams({ page: '1', pageSize: '1', ids: rulesetIdValue })\n        const payload = await readApiResultOrThrow<RuleSetResponse>(\n          `/api/planner/availability-rule-sets?${params.toString()}`,\n          undefined,\n          { errorMessage: translate('planner.availabilityRuleSets.form.errors.load', 'Failed to load schedule.') },\n        )\n        const record = Array.isArray(payload.items) ? payload.items[0] : null\n        if (!record) {\n          if (!cancelled) setIsNotFound(true)\n          return\n        }\n        const customFields = extractCustomFieldEntries(record)\n        if (!cancelled) {\n          setInitialValues({\n            id: record.id,\n            name: record.name ?? record.name_raw ?? '',\n            description: record.description ?? '',\n            timezone: record.timezone ?? 'UTC',\n            updatedAt: typeof record.updatedAt === 'string'\n              ? record.updatedAt\n              : typeof record.updated_at === 'string'\n                ? record.updated_at\n                : null,\n            ...customFields,\n          })\n        }\n      } catch (err) {\n        if (!cancelled) {\n          if ((err as { status?: number }).status === 404) {\n            setIsNotFound(true)\n          } else {\n            const message = err instanceof Error ? err.message : translate('planner.availabilityRuleSets.form.errors.load', 'Failed to load schedule.')\n            setError(message)\n          }\n        }\n      }\n    }\n    loadRuleSet()\n    return () => { cancelled = true }\n  }, [rulesetId, translate])\n\n  const handleSubmit = React.useCallback(async (values: AvailabilityRuleSetFormValues) => {\n    if (!rulesetId) return\n    const timezone = typeof initialValues?.timezone === 'string' && initialValues.timezone.trim().length\n      ? initialValues.timezone.trim()\n      : 'UTC'\n    const payload = buildAvailabilityRuleSetPayload(values, { id: rulesetId, timezone })\n    await updateCrud('planner/availability-rule-sets', payload, {\n      errorMessage: translate('planner.availabilityRuleSets.form.errors.update', 'Failed to update schedule.'),\n    })\n    flash(translate('planner.availabilityRuleSets.form.flash.updated', 'Schedule updated.'), 'success')\n    router.push('/backend/planner/availability-rulesets')\n  }, [initialValues?.timezone, router, rulesetId, translate])\n\n  const handleDelete = React.useCallback(async () => {\n    if (!rulesetId) return\n    // Let a non-ok DELETE (e.g. the 409 optimistic-lock conflict) propagate so\n    // CrudForm surfaces the unified conflict bar and skips its success toast.\n    // Swallowing the error here made CrudForm treat the delete as successful and\n    // show a false \"Schedule deleted.\" toast even though the record was kept.\n    await deleteCrud('planner/availability-rule-sets', rulesetId, {\n      errorMessage: translate('planner.availabilityRuleSets.form.errors.delete', 'Failed to delete schedule.'),\n    })\n    flash(translate('planner.availabilityRuleSets.form.flash.deleted', 'Schedule deleted.'), 'success')\n    router.push('/backend/planner/availability-rulesets')\n  }, [router, rulesetId, translate])\n\n  const buildScheduleItems: AvailabilityScheduleItemBuilder = React.useCallback(({ availabilityRules, bookedEvents, translate: translateLabel }) => {\n    const overrideExdates = Array.from(new Set(\n      availabilityRules\n        .map((rule) => parseAvailabilityRuleWindow(rule))\n        .filter((window) => window.repeat === 'once')\n        .map((window) => toFullDayWindow(window.startAt).start.toISOString()),\n    ))\n    const availabilityItems = availabilityRules.map((rule) => {\n      const window = parseAvailabilityRuleWindow(rule)\n      const isUnavailable = rule.kind === 'unavailability'\n      const titleKey = isUnavailable\n        ? 'planner.availabilityRuleSets.availability.title.unavailable'\n        : `planner.availabilityRuleSets.availability.title.${window.repeat}`\n      const fallback = isUnavailable\n        ? 'Unavailable'\n        : window.repeat === 'weekly'\n          ? 'Weekly availability'\n          : window.repeat === 'daily'\n            ? 'Daily availability'\n            : 'Availability'\n      const baseTitle = translateLabel(titleKey, fallback)\n      const title = rule.note ? `${baseTitle}: ${rule.note}` : baseTitle\n      const windowTime = window.repeat === 'once' ? toFullDayWindow(window.startAt) : { start: window.startAt, end: window.endAt }\n      const exdates = window.repeat === 'once'\n        ? rule.exdates ?? []\n        : [...(rule.exdates ?? []), ...overrideExdates]\n      return {\n        id: rule.id,\n        kind: isUnavailable ? 'exception' as const : 'availability' as const,\n        title,\n        startsAt: windowTime.start,\n        endsAt: windowTime.end,\n        metadata: { rule: { ...rule, exdates } },\n      }\n    })\n    return availabilityItems\n  }, [])\n\n  const tabs = React.useMemo(() => ([\n    { id: 'details', label: translate('planner.availabilityRuleSets.tabs.details', 'Details') },\n    { id: 'availability', label: translate('planner.availabilityRuleSets.tabs.availability', 'Availability') },\n  ]), [translate])\n\n  const resolvedInitialValues = initialValues ?? {}\n\n  if (isNotFound) {\n    return (\n      <Page>\n        <PageBody>\n          <RecordNotFoundState\n            label={translate('planner.availabilityRuleSets.form.errors.notFound', 'Schedule not found.')}\n            backHref=\"/backend/planner/availability-rulesets\"\n            backLabel={translate('planner.availabilityRuleSets.actions.backToList', 'Back to schedules')}\n          />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  if (error && !initialValues) {\n    return (\n      <Page>\n        <PageBody>\n          <ErrorMessage label={error} />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  return (\n    <Page>\n      <PageBody>\n        <div className=\"space-y-6\">\n          <div className=\"border-b\">\n            <nav className=\"flex flex-wrap items-center gap-5 text-sm\" aria-label={translate('planner.availabilityRuleSets.tabs.label', 'Schedule sections')}>\n              {tabs.map((tab) => (\n                <Button\n                  key={tab.id}\n                  type=\"button\"\n                  role=\"tab\"\n                  aria-selected={activeTab === tab.id}\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  className={`relative -mb-px h-auto rounded-none border-b-2 px-0 py-2 font-medium ${\n                    activeTab === tab.id\n                      ? 'border-accent-indigo text-foreground'\n                      : 'border-transparent text-muted-foreground hover:text-foreground'\n                  }`}\n                  onClick={() => setActiveTab(tab.id as 'details' | 'availability')}\n                >\n                  {tab.label}\n                </Button>\n              ))}\n            </nav>\n          </div>\n\n          {activeTab === 'details' ? (\n            <AvailabilityRuleSetForm\n              title={translate('planner.availabilityRuleSets.form.editTitle', 'Edit schedule')}\n              backHref=\"/backend/planner/availability-rulesets\"\n              cancelHref=\"/backend/planner/availability-rulesets\"\n              initialValues={resolvedInitialValues}\n              onSubmit={handleSubmit}\n              onDelete={handleDelete}\n              isLoading={!initialValues}\n              loadingMessage={translate('planner.availabilityRuleSets.form.loading', 'Loading schedule...')}\n            />\n          ) : (\n            <AvailabilityRulesEditor\n              subjectType=\"ruleset\"\n              subjectId={rulesetId ?? ''}\n              initialTimezone={typeof initialValues?.timezone === 'string' ? initialValues.timezone : undefined}\n              labelPrefix=\"planner.availabilityRuleSets\"\n              mode=\"availability\"\n              buildScheduleItems={buildScheduleItems}\n            />\n          )}\n        </div>\n      </PageBody>\n    </Page>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useRouter } from 'next/navigation'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { Tabs, TabsList, TabsTrigger } from '@open-mercato/ui/primitives/tabs'\nimport { ErrorMessage, RecordNotFoundState } from '@open-mercato/ui/backend/detail'\nimport { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { updateCrud, deleteCrud } from '@open-mercato/ui/backend/utils/crud'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { AvailabilityRulesEditor, type AvailabilityScheduleItemBuilder } from '@open-mercato/core/modules/planner/components/AvailabilityRulesEditor'\nimport { parseAvailabilityRuleWindow } from '@open-mercato/core/modules/planner/lib/availabilitySchedule'\nimport { extractCustomFieldEntries } from '@open-mercato/shared/lib/crud/custom-fields-client'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { AvailabilityRuleSetForm, buildAvailabilityRuleSetPayload, type AvailabilityRuleSetFormValues } from '@open-mercato/core/modules/planner/components/AvailabilityRuleSetForm'\n\nconst DAY_MS = 24 * 60 * 60 * 1000\n\nfunction toFullDayWindow(value: Date): { start: Date; end: Date } {\n  const start = new Date(value.getFullYear(), value.getMonth(), value.getDate())\n  const end = new Date(start.getTime() + DAY_MS)\n  return { start, end }\n}\n\ntype RuleSetRecord = {\n  id: string\n  name: string\n  description?: string | null\n  timezone: string\n  updatedAt?: string | null\n  updated_at?: string | null\n  name_raw?: string | null\n} & Record<string, unknown>\n\ntype RuleSetResponse = {\n  items?: RuleSetRecord[]\n}\n\nexport default function PlannerAvailabilityRuleSetDetailPage({ params }: { params?: { id?: string } }) {\n  const rulesetId = params?.id\n  const translate = useT()\n  const router = useRouter()\n  // optimistic-lock: AvailabilityRuleSetForm forwards optimisticLockUpdatedAt from initialValues.updatedAt (wrapper auto-derives the header on save + delete).\n  const [initialValues, setInitialValues] = React.useState<AvailabilityRuleSetFormValues | null>(null)\n  const [error, setError] = React.useState<string | null>(null)\n  const [isNotFound, setIsNotFound] = React.useState(false)\n  const [activeTab, setActiveTab] = React.useState<'details' | 'availability'>('details')\n\n  React.useEffect(() => {\n    if (!rulesetId) return\n    const rulesetIdValue = rulesetId\n    let cancelled = false\n    async function loadRuleSet() {\n      if (!cancelled) {\n        setError(null)\n        setIsNotFound(false)\n      }\n      try {\n        const params = new URLSearchParams({ page: '1', pageSize: '1', ids: rulesetIdValue })\n        const payload = await readApiResultOrThrow<RuleSetResponse>(\n          `/api/planner/availability-rule-sets?${params.toString()}`,\n          undefined,\n          { errorMessage: translate('planner.availabilityRuleSets.form.errors.load', 'Failed to load schedule.') },\n        )\n        const record = Array.isArray(payload.items) ? payload.items[0] : null\n        if (!record) {\n          if (!cancelled) setIsNotFound(true)\n          return\n        }\n        const customFields = extractCustomFieldEntries(record)\n        if (!cancelled) {\n          setInitialValues({\n            id: record.id,\n            name: record.name ?? record.name_raw ?? '',\n            description: record.description ?? '',\n            timezone: record.timezone ?? 'UTC',\n            updatedAt: typeof record.updatedAt === 'string'\n              ? record.updatedAt\n              : typeof record.updated_at === 'string'\n                ? record.updated_at\n                : null,\n            ...customFields,\n          })\n        }\n      } catch (err) {\n        if (!cancelled) {\n          if ((err as { status?: number }).status === 404) {\n            setIsNotFound(true)\n          } else {\n            const message = err instanceof Error ? err.message : translate('planner.availabilityRuleSets.form.errors.load', 'Failed to load schedule.')\n            setError(message)\n          }\n        }\n      }\n    }\n    loadRuleSet()\n    return () => { cancelled = true }\n  }, [rulesetId, translate])\n\n  const handleSubmit = React.useCallback(async (values: AvailabilityRuleSetFormValues) => {\n    if (!rulesetId) return\n    const timezone = typeof initialValues?.timezone === 'string' && initialValues.timezone.trim().length\n      ? initialValues.timezone.trim()\n      : 'UTC'\n    const payload = buildAvailabilityRuleSetPayload(values, { id: rulesetId, timezone })\n    await updateCrud('planner/availability-rule-sets', payload, {\n      errorMessage: translate('planner.availabilityRuleSets.form.errors.update', 'Failed to update schedule.'),\n    })\n    flash(translate('planner.availabilityRuleSets.form.flash.updated', 'Schedule updated.'), 'success')\n    router.push('/backend/planner/availability-rulesets')\n  }, [initialValues?.timezone, router, rulesetId, translate])\n\n  const handleDelete = React.useCallback(async () => {\n    if (!rulesetId) return\n    // Let a non-ok DELETE (e.g. the 409 optimistic-lock conflict) propagate so\n    // CrudForm surfaces the unified conflict bar and skips its success toast.\n    // Swallowing the error here made CrudForm treat the delete as successful and\n    // show a false \"Schedule deleted.\" toast even though the record was kept.\n    await deleteCrud('planner/availability-rule-sets', rulesetId, {\n      errorMessage: translate('planner.availabilityRuleSets.form.errors.delete', 'Failed to delete schedule.'),\n    })\n    flash(translate('planner.availabilityRuleSets.form.flash.deleted', 'Schedule deleted.'), 'success')\n    router.push('/backend/planner/availability-rulesets')\n  }, [router, rulesetId, translate])\n\n  const buildScheduleItems: AvailabilityScheduleItemBuilder = React.useCallback(({ availabilityRules, bookedEvents, translate: translateLabel }) => {\n    const overrideExdates = Array.from(new Set(\n      availabilityRules\n        .map((rule) => parseAvailabilityRuleWindow(rule))\n        .filter((window) => window.repeat === 'once')\n        .map((window) => toFullDayWindow(window.startAt).start.toISOString()),\n    ))\n    const availabilityItems = availabilityRules.map((rule) => {\n      const window = parseAvailabilityRuleWindow(rule)\n      const isUnavailable = rule.kind === 'unavailability'\n      const titleKey = isUnavailable\n        ? 'planner.availabilityRuleSets.availability.title.unavailable'\n        : `planner.availabilityRuleSets.availability.title.${window.repeat}`\n      const fallback = isUnavailable\n        ? 'Unavailable'\n        : window.repeat === 'weekly'\n          ? 'Weekly availability'\n          : window.repeat === 'daily'\n            ? 'Daily availability'\n            : 'Availability'\n      const baseTitle = translateLabel(titleKey, fallback)\n      const title = rule.note ? `${baseTitle}: ${rule.note}` : baseTitle\n      const windowTime = window.repeat === 'once' ? toFullDayWindow(window.startAt) : { start: window.startAt, end: window.endAt }\n      const exdates = window.repeat === 'once'\n        ? rule.exdates ?? []\n        : [...(rule.exdates ?? []), ...overrideExdates]\n      return {\n        id: rule.id,\n        kind: isUnavailable ? 'exception' as const : 'availability' as const,\n        title,\n        startsAt: windowTime.start,\n        endsAt: windowTime.end,\n        metadata: { rule: { ...rule, exdates } },\n      }\n    })\n    return availabilityItems\n  }, [])\n\n  const tabs = React.useMemo(() => ([\n    { id: 'details', label: translate('planner.availabilityRuleSets.tabs.details', 'Details') },\n    { id: 'availability', label: translate('planner.availabilityRuleSets.tabs.availability', 'Availability') },\n  ]), [translate])\n\n  const resolvedInitialValues = initialValues ?? {}\n\n  if (isNotFound) {\n    return (\n      <Page>\n        <PageBody>\n          <RecordNotFoundState\n            label={translate('planner.availabilityRuleSets.form.errors.notFound', 'Schedule not found.')}\n            backHref=\"/backend/planner/availability-rulesets\"\n            backLabel={translate('planner.availabilityRuleSets.actions.backToList', 'Back to schedules')}\n          />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  if (error && !initialValues) {\n    return (\n      <Page>\n        <PageBody>\n          <ErrorMessage label={error} />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  return (\n    <Page>\n      <PageBody>\n        <div className=\"space-y-6\">\n          <Tabs\n            value={activeTab}\n            onValueChange={(value) => setActiveTab(value as 'details' | 'availability')}\n            variant=\"underline\"\n          >\n            <TabsList\n              className=\"w-full flex-wrap\"\n              aria-label={translate('planner.availabilityRuleSets.tabs.label', 'Schedule sections')}\n            >\n              {tabs.map((tab) => (\n                <TabsTrigger key={tab.id} value={tab.id}>\n                  {tab.label}\n                </TabsTrigger>\n              ))}\n            </TabsList>\n          </Tabs>\n\n          {activeTab === 'details' ? (\n            <AvailabilityRuleSetForm\n              title={translate('planner.availabilityRuleSets.form.editTitle', 'Edit schedule')}\n              backHref=\"/backend/planner/availability-rulesets\"\n              cancelHref=\"/backend/planner/availability-rulesets\"\n              initialValues={resolvedInitialValues}\n              onSubmit={handleSubmit}\n              onDelete={handleDelete}\n              isLoading={!initialValues}\n              loadingMessage={translate('planner.availabilityRuleSets.form.loading', 'Loading schedule...')}\n            />\n          ) : (\n            <AvailabilityRulesEditor\n              subjectType=\"ruleset\"\n              subjectId={rulesetId ?? ''}\n              initialTimezone={typeof initialValues?.timezone === 'string' ? initialValues.timezone : undefined}\n              labelPrefix=\"planner.availabilityRuleSets\"\n              mode=\"availability\"\n              buildScheduleItems={buildScheduleItems}\n            />\n          )}\n        </div>\n      </PageBody>\n    </Page>\n  )\n}\n"],
+  "mappings": "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",
   "names": ["params"]
 }

package/dist/modules/planner/components/AvailabilityRulesEditor.js

@@ -21,6 +21,7 @@ import { buildOptimisticLockHeader } from "@open-mercato/ui/backend/utils/optimi
 import { flash } from "@open-mercato/ui/backend/FlashMessages";
 import { surfaceRecordConflict } from "@open-mercato/ui/backend/conflicts";
 import { Spinner } from "@open-mercato/ui/primitives/spinner";
+import { Tabs, TabsList, TabsTrigger } from "@open-mercato/ui/primitives/tabs";
 import { ComboboxInput, TimePicker } from "@open-mercato/ui/backend/inputs";
 import { DictionaryEntrySelect } from "@open-mercato/core/modules/dictionaries/components/DictionaryEntrySelect";
 import {
@@ -1611,40 +1612,27 @@ function AvailabilityRulesEditor({
                       label: listLabels.applyScopeLabel,
                       type: "custom",
                       component: () => /* @__PURE__ */ jsx("div", { className: "rounded-lg border bg-muted/30 p-4", children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-                        /* @__PURE__ */ jsx("div", { className: "space-y-2", children: /* @__PURE__ */ jsxs("div", { role: "tablist", "aria-label": listLabels.applyScopeLabel, className: "inline-flex rounded-lg border bg-muted p-1 text-xs", children: [
-                          /* @__PURE__ */ jsx(
-                            Button,
-                            {
-                              type: "button",
-                              role: "tab",
-                              "aria-selected": editorScope === "date",
-                              variant: "ghost",
-                              size: "sm",
-                              className: `h-auto rounded-md px-3 py-1.5 font-medium ${editorScope === "date" ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"}`,
-                              onClick: () => setEditorScope("date"),
-                              children: listLabels.applyScopeDate
-                            }
-                          ),
-                          /* @__PURE__ */ jsx(
-                            Button,
-                            {
-                              type: "button",
-                              role: "tab",
-                              "aria-selected": editorScope === "weekday",
-                              variant: "ghost",
-                              size: "sm",
-                              className: `h-auto rounded-md px-3 py-1.5 font-medium ${editorScope === "weekday" ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"}`,
-                              onClick: () => {
-                                setEditorScope("weekday");
+                        /* @__PURE__ */ jsx("div", { className: "space-y-2", children: /* @__PURE__ */ jsx(
+                          Tabs,
+                          {
+                            value: editorScope,
+                            onValueChange: (value) => {
+                              const nextScope = value;
+                              setEditorScope(nextScope);
+                              if (nextScope === "weekday") {
                                 setEditorUnavailable(false);
                                 setEditorNote("");
                                 setEditorReasonEntryId(null);
                                 setEditorReasonValue("");
-                              },
-                              children: listLabels.editAllLabel
-                            }
-                          )
-                        ] }) }),
+                              }
+                            },
+                            variant: "underline",
+                            children: /* @__PURE__ */ jsxs(TabsList, { "aria-label": listLabels.applyScopeLabel, children: [
+                              /* @__PURE__ */ jsx(TabsTrigger, { value: "date", children: listLabels.applyScopeDate }),
+                              /* @__PURE__ */ jsx(TabsTrigger, { value: "weekday", children: listLabels.editAllLabel })
+                            ] })
+                          }
+                        ) }),
                         editorScope === "date" ? /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
                           editorDates.map((value, index) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
                             /* @__PURE__ */ jsx(