@cadraos/sdk 0.3.14-p46.0 → 0.3.14-p46.1

package/dist/kanban/index.cjs

@@ -266,9 +266,12 @@ function useKanbanBoard(options) {
       ]);
       setBoard(nextBoard);
       setCards(cardList.cards);
-      setSelectedCard(
-        (prev) => prev ? cardList.cards.find((c) => c.id === prev.id) ?? prev : prev
-      );
+      setSelectedCard((prev) => {
+        if (!prev) return prev;
+        const next = cardList.cards.find((c) => c.id === prev.id);
+        if (!next) return prev;
+        return next.run ? next : { ...next, run: prev.run };
+      });
     } catch (err) {
       fail(err, "Failed to load board");
     } finally {
@@ -283,9 +286,12 @@ function useKanbanBoard(options) {
       ]);
       setBoard(nextBoard);
       setCards(cardList.cards);
-      setSelectedCard(
-        (prev) => prev ? cardList.cards.find((c) => c.id === prev.id) ?? prev : prev
-      );
+      setSelectedCard((prev) => {
+        if (!prev) return prev;
+        const next = cardList.cards.find((c) => c.id === prev.id);
+        if (!next) return prev;
+        return next.run ? next : { ...next, run: prev.run };
+      });
     } catch {
     }
   }, [adapter]);
@@ -306,7 +312,7 @@ function useKanbanBoard(options) {
       try {
         const full = await adapter.getCard(cardId);
         setSelectedCard(
-          (prev) => prev && prev.id === cardId ? full : prev
+          (prev) => prev == null || prev.id === cardId ? full : prev
         );
       } catch (err) {
         if (!known) fail(err, "Failed to open card");
@@ -415,6 +421,27 @@ function useKanbanBoard(options) {
     },
     [refresh]
   );
+  const deleteCard = react.useCallback(
+    async (cardId) => {
+      if (!adapter.deleteCard) return false;
+      setError(null);
+      const prevCards = cards;
+      const prevSelected = selectedCard;
+      setCards((prev) => prev.filter((c) => c.id !== cardId));
+      setSelectedCard((prev) => prev && prev.id === cardId ? null : prev);
+      try {
+        await adapter.deleteCard(cardId);
+        void silentRefresh();
+        return true;
+      } catch (err) {
+        setCards(prevCards);
+        setSelectedCard(prevSelected);
+        fail(err, "Failed to delete card");
+        return false;
+      }
+    },
+    [adapter, cards, selectedCard, silentRefresh, fail]
+  );
   return {
     board,
     lanes: board?.lanes ?? [],
@@ -430,6 +457,7 @@ function useKanbanBoard(options) {
     createCard,
     updateCard,
     transitionCard,
+    deleteCard,
     handleRunTerminal
   };
 }
@@ -2723,6 +2751,9 @@ function KanbanCard({
   onClick,
   selected,
   dueState,
+  draggable,
+  onDragStart,
+  onDragEnd,
   className
 }) {
   const runStatus = card.run?.status;
@@ -2751,10 +2782,20 @@ function KanbanCard({
       onClick: () => onClick?.(card),
       "aria-pressed": selected,
       "aria-busy": isWorking,
+      draggable,
+      onDragStart: draggable ? (e) => {
+        e.dataTransfer.effectAllowed = "move";
+        e.dataTransfer.setData("text/plain", card.id);
+        onDragStart?.(card);
+      } : void 0,
+      onDragEnd: draggable ? () => onDragEnd?.() : void 0,
       className: cn9(
-        "relative w-full text-left rounded-lg border bg-card p-3 shadow-sm transition",
+        // Solid card: fill + border + a faint token top-sheen (adapts to theme),
+        // matching the host's cockpit cards (work-shell v2 visual pass).
+        "relative w-full text-left rounded-xl border bg-card bg-gradient-to-b from-foreground/[0.03] to-transparent p-3 shadow-sm motion-safe:transition-shadow",
         "hover:shadow-md hover:border-primary/40",
         "focus:outline-none focus:ring-2 focus:ring-ring/50",
+        draggable && "cursor-grab active:cursor-grabbing",
         // The working card carries the SINGLE focal motion on the board (F11).
         isWorking ? "border-info/60 ring-2 ring-info/40 animate-pulse" : selected ? "border-primary/60 ring-2 ring-primary/30" : "border-border",
         className
@@ -3047,6 +3088,16 @@ function LaneAgentPicker({
     )
   ] });
 }
+function dueStateFor(card, lane, now) {
+  const rs = card.run?.status;
+  if (rs === "completed" && !lane.terminal) return "ready";
+  if (card.nextDueAt) {
+    const t = Date.parse(card.nextDueAt);
+    if (!Number.isNaN(t) && t <= now) return "due";
+  }
+  if (lane.trigger === "scheduled" && !rs) return "waiting";
+  return void 0;
+}
 function LaneHealthDot({ health }) {
   if (!health || health.state !== "down" && health.state !== "degraded") return null;
   const down = health.state === "down";
@@ -3067,16 +3118,6 @@ function LaneHealthDot({ health }) {
     }
   );
 }
-function dueStateFor(card, lane, now) {
-  const rs = card.run?.status;
-  if (rs === "completed" && !lane.terminal) return "ready";
-  if (card.nextDueAt) {
-    const t = Date.parse(card.nextDueAt);
-    if (!Number.isNaN(t) && t <= now) return "due";
-  }
-  if (lane.trigger === "scheduled" && !rs) return "waiting";
-  return void 0;
-}
 function KanbanColumn({
   lane,
   cards,
@@ -3087,6 +3128,12 @@ function KanbanColumn({
   count,
   agentPicker,
   canEditHandlers,
+  draggableCards,
+  dragActive,
+  dropAllowed,
+  onCardDragStart,
+  onCardDragEnd,
+  onLaneDrop,
   health,
   className
 }) {
@@ -3098,9 +3145,21 @@ function KanbanColumn({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
+      onDragOver: dropAllowed ? (e) => {
+        e.preventDefault();
+        e.dataTransfer.dropEffect = "move";
+      } : void 0,
+      onDrop: dropAllowed && onLaneDrop ? (e) => {
+        e.preventDefault();
+        onLaneDrop(lane);
+      } : void 0,
       className: cn9(
-        "flex w-[85vw] max-w-sm snap-start shrink-0 flex-col rounded-xl bg-muted/40 border border-border sm:w-72 sm:max-w-none",
+        "flex w-[85vw] max-w-sm snap-start shrink-0 flex-col rounded-xl bg-muted/40 border border-border transition sm:w-72 sm:max-w-none",
         isScheduled && "border-border",
+        // MV4 drag affordance: allowed targets glow; other lanes dim so the
+        // valid drop zones read at a glance.
+        dragActive && dropAllowed && "border-primary/60 ring-2 ring-primary/40 bg-primary/5",
+        dragActive && !dropAllowed && "opacity-55",
         className
       ),
       children: [
@@ -3170,7 +3229,10 @@ function KanbanColumn({
               card,
               onClick: onCardClick,
               selected: card.id === selectedCardId,
-              dueState: dueStateFor(card, lane, now)
+              dueState: dueStateFor(card, lane, now),
+              draggable: draggableCards,
+              onDragStart: onCardDragStart,
+              onDragEnd: onCardDragEnd
             },
             card.id
           )),
@@ -3331,6 +3393,8 @@ function KanbanBoard({
   laneAgentPicker,
   scheduleStatus,
   focusCardId,
+  renderCardDrawer,
+  enableDrag,
   className
 }) {
   const {
@@ -3345,6 +3409,7 @@ function KanbanBoard({
     createCard,
     updateCard,
     transitionCard,
+    deleteCard,
     handleRunTerminal
   } = useKanbanBoard({ adapter, onError, onCardCreated, pollIntervalMs });
   const lastFocusedRef = react.useRef(void 0);
@@ -3389,6 +3454,44 @@ function KanbanBoard({
     (cardId, toLane) => transitionCard({ cardId, targetLane: toLane }),
     [transitionCard]
   );
+  const [dragging, setDragging] = react.useState(null);
+  const draggingRef = react.useRef(null);
+  const dropInFlightRef = react.useRef(null);
+  const allowedDropLanes = react.useMemo(() => {
+    if (!dragging || !board?.transitions) return /* @__PURE__ */ new Set();
+    return new Set(
+      board.transitions.filter((t) => t.fromLane === dragging.lane && t.manualAllowed).map((t) => t.toLane)
+    );
+  }, [dragging, board?.transitions]);
+  const handleCardDragStart = react.useCallback((card) => {
+    const d = { id: card.id, lane: card.lane };
+    draggingRef.current = d;
+    setDragging(d);
+  }, []);
+  const handleCardDragEnd = react.useCallback(() => {
+    draggingRef.current = null;
+    setDragging(null);
+  }, []);
+  const handleLaneDrop = react.useCallback(
+    (lane) => {
+      const cur = draggingRef.current;
+      draggingRef.current = null;
+      setDragging(null);
+      if (!cur || lane.key === cur.lane) return;
+      if (dropInFlightRef.current === cur.id) return;
+      const allowed = (board?.transitions ?? []).some(
+        (t) => t.fromLane === cur.lane && t.toLane === lane.key && t.manualAllowed
+      );
+      if (!allowed) return;
+      dropInFlightRef.current = cur.id;
+      void Promise.resolve(transitionCard({ cardId: cur.id, targetLane: lane.key })).finally(
+        () => {
+          if (dropInFlightRef.current === cur.id) dropInFlightRef.current = null;
+        }
+      );
+    },
+    [board?.transitions, transitionCard]
+  );
   const initialLaneKey = lanes.find((l) => !l.terminal)?.key ?? lanes[0]?.key;
   const selectedLane = selectedCard ? lanes.find((l) => l.key === selectedCard.lane) : void 0;
   const canAdvanceSelected = !!selectedLane && !selectedLane.terminal;
@@ -3410,12 +3513,32 @@ function KanbanBoard({
             count: laneCounts?.[lane.key],
             health: laneHealth?.[lane.key],
             agentPicker: laneAgentPicker?.(lane),
-            canEditHandlers
+            canEditHandlers,
+            draggableCards: enableDrag && enableAdvance,
+            dragActive: !!dragging,
+            dropAllowed: !!dragging && dragging.lane !== lane.key && allowedDropLanes.has(lane.key),
+            onCardDragStart: handleCardDragStart,
+            onCardDragEnd: handleCardDragEnd,
+            onLaneDrop: handleLaneDrop
           },
           lane.id ?? lane.key
         ))
       ] }),
-      selectedCard && /* @__PURE__ */ jsxRuntime.jsx(
+      selectedCard && (renderCardDrawer ? renderCardDrawer({
+        card: selectedCard,
+        adapter,
+        lanes,
+        transitions: enableAdvance ? board?.transitions : void 0,
+        canAdvance: canAdvanceSelected,
+        onClose: closeCard,
+        onRetry: onRetryCard ? handleRetry : void 0,
+        onUpdate: enableEdit ? handleUpdate : void 0,
+        onAdvance: enableAdvance ? handleAdvance : void 0,
+        onTransition: enableAdvance ? handleTransition : void 0,
+        onDelete: adapter.deleteCard ? deleteCard : void 0,
+        onRunTerminal: handleRunTerminal,
+        onError
+      }) : /* @__PURE__ */ jsxRuntime.jsx(
         CardDrawer,
         {
           card: selectedCard,
@@ -3431,7 +3554,7 @@ function KanbanBoard({
           onRunTerminal: handleRunTerminal,
           onError
         }
-      )
+      ))
     ] })
   ] });
 }
@@ -3456,6 +3579,7 @@ function composeAdapter(source, boardConfigUuid, version, cardSource) {
     transitionCard(input) {
       return cardSource.transitionCard(input);
     },
+    ...cardSource.deleteCard ? { deleteCard: (id) => cardSource.deleteCard(id) } : {},
     ...cardSource.createRunStream ? { createRunStream: (id) => cardSource.createRunStream(id) } : {}
   };
 }