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

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

@@ -21,7 +21,6 @@ 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 {
@@ -1612,27 +1611,40 @@ 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__ */ jsx(
-                          Tabs,
-                          {
-                            value: editorScope,
-                            onValueChange: (value) => {
-                              const nextScope = value;
-                              setEditorScope(nextScope);
-                              if (nextScope === "weekday") {
+                        /* @__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");
                                 setEditorUnavailable(false);
                                 setEditorNote("");
                                 setEditorReasonEntryId(null);
                                 setEditorReasonValue("");
-                              }
-                            },
-                            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 })
-                            ] })
-                          }
-                        ) }),
+                              },
+                              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(