@underverse-ui/underverse 0.2.100 → 0.2.101

package/dist/index.js

@@ -7874,7 +7874,7 @@ var DateTimePicker = ({
 
 // ../../components/ui/CalendarTimeline/CalendarTimeline.tsx
 import * as React28 from "react";
-import { Dot } from "lucide-react";
+import { Dot, Plus as Plus2 } from "lucide-react";
 
 // ../../components/ui/CalendarTimeline/date.ts
 function toDate2(input) {
@@ -9063,6 +9063,7 @@ function CalendarTimeline({
   const dragRef = React28.useRef(null);
   const [preview, setPreview] = React28.useState(null);
   const suppressNextEventClickRef = React28.useRef(false);
+  const [hoverCell, setHoverCell] = React28.useState(null);
   const autoScrollStateRef = React28.useRef({
     dir: 0,
     speed: 0,
@@ -9272,7 +9273,32 @@ function CalendarTimeline({
   };
   const onPointerMove = (e) => {
     const drag = dragRef.current;
-    if (!drag || drag.pointerId !== e.pointerId) return;
+    if (!drag) {
+      if (isViewOnly) return;
+      if (!(interactions?.creatable ?? false)) return;
+      const target = e.target;
+      if (target?.closest?.("[data-uv-ct-event]")) {
+        if (hoverCell) setHoverCell(null);
+        return;
+      }
+      const ctx = getPointerContext(e.clientX, e.clientY);
+      if (!ctx) {
+        if (hoverCell) setHoverCell(null);
+        return;
+      }
+      const rowEl = target?.closest?.("[data-uv-ct-row]");
+      if (!rowEl) {
+        if (hoverCell) setHoverCell(null);
+        return;
+      }
+      const rect = rowEl.getBoundingClientRect();
+      const y = clamp3(e.clientY - rect.top, 0, rect.height);
+      if (!hoverCell || hoverCell.resourceId !== ctx.resourceId || hoverCell.slotIdx !== ctx.slotIdx || Math.abs(hoverCell.y - y) > 0.5) {
+        setHoverCell({ resourceId: ctx.resourceId, slotIdx: ctx.slotIdx, y });
+      }
+      return;
+    }
+    if (drag.pointerId !== e.pointerId) return;
     updateAutoScrollFromPointer(e.clientX, e.clientY);
     updateDragPreview(e.clientX, e.clientY);
   };
@@ -9281,6 +9307,7 @@ function CalendarTimeline({
     if (!drag || drag.pointerId !== e.pointerId) return;
     dragRef.current = null;
     stopAutoScroll();
+    setHoverCell(null);
     if (!preview) {
       setPreview(null);
       return;
@@ -9453,6 +9480,7 @@ function CalendarTimeline({
               className: "relative flex-1 overflow-auto scrollbar-thin scrollbar-thumb-muted scrollbar-track-transparent",
               onPointerMove,
               onPointerUp,
+              onPointerLeave: () => setHoverCell(null),
               children: [
                 /* @__PURE__ */ jsx36("div", { style: { height: topSpacer } }),
                 rows.slice(startRow, endRow).map((row, idx) => {
@@ -9464,6 +9492,7 @@ function CalendarTimeline({
                   const r = row.resource;
                   const layout = layoutsByResource.get(r.id) ?? { visible: [], hidden: [], baseTop: lanePaddingY, eventHeight };
                   const canMore = layout.hidden.length > 0 && !!onMoreClick;
+                  const showCreateHint = !isViewOnly && (interactions?.creatable ?? false) && !preview && hoverCell?.resourceId === r.id;
                   return /* @__PURE__ */ jsx36(
                     "div",
                     {
@@ -9536,6 +9565,7 @@ function CalendarTimeline({
                                 ev.className,
                                 isPreview && "ring-2 ring-primary/50 ring-offset-1 ring-offset-background scale-[1.02] z-10"
                               ),
+                              "data-uv-ct-event": true,
                               style: {
                                 left,
                                 top,
@@ -9606,6 +9636,24 @@ function CalendarTimeline({
                             }
                           );
                         })() : null,
+                        showCreateHint ? /* @__PURE__ */ jsx36(
+                          "div",
+                          {
+                            className: cn(
+                              "pointer-events-none absolute z-20",
+                              "h-5 w-5 rounded-full",
+                              "bg-background/80 backdrop-blur-sm",
+                              "border border-border/60 shadow-xs",
+                              "flex items-center justify-center"
+                            ),
+                            style: {
+                              left: hoverCell.slotIdx * slotWidth + slotWidth / 2 - 10,
+                              top: clamp3(Math.round(hoverCell.y - 10), 6, Math.max(6, h - 26))
+                            },
+                            "aria-hidden": true,
+                            children: /* @__PURE__ */ jsx36(Plus2, { className: "h-3.5 w-3.5 text-muted-foreground" })
+                          }
+                        ) : null,
                         canMore ? /* @__PURE__ */ jsxs31(
                           "button",
                           {
@@ -18760,7 +18808,7 @@ import {
   ListTodo as ListTodo3,
   Minus as Minus2,
   Palette as Palette3,
-  Plus as Plus2,
+  Plus as Plus3,
   Quote as QuoteIcon2,
   Subscript as SubscriptIcon2,
   Superscript as SuperscriptIcon2,
@@ -18938,7 +18986,7 @@ var FloatingMenuContent = ({ editor }) => {
       onClick: () => setShowCommands(true),
       className: "flex items-center gap-1 px-2 py-1.5 rounded-lg hover:bg-accent transition-all group",
       children: [
-        /* @__PURE__ */ jsx77(Plus2, { className: "w-4 h-4 text-muted-foreground group-hover:text-foreground" }),
+        /* @__PURE__ */ jsx77(Plus3, { className: "w-4 h-4 text-muted-foreground group-hover:text-foreground" }),
         /* @__PURE__ */ jsx77("span", { className: "text-sm text-muted-foreground group-hover:text-foreground", children: t("floatingMenu.addBlock") })
       ]
     }