@slycode/slycode 0.2.22 → 0.2.23

package/dist/web/src/components/ProjectKanban.tsx

@@ -2,7 +2,7 @@
 
 import { useState, useEffect, useRef, useCallback, useMemo } from 'react';
 import { useSearchParams, useRouter, usePathname } from 'next/navigation';
-import type { ProjectWithBacklog, KanbanCard, KanbanStage, KanbanStages, BridgeStats, Priority } from '@/lib/types';
+import type { ProjectWithBacklog, KanbanCard, KanbanStage, KanbanStages, BridgeStats, Priority, ChangedCard, CardChangeType } from '@/lib/types';
 import { connectionManager } from '@/lib/connection-manager';
 import { tabSync } from '@/lib/tab-sync';
 import { usePolling } from '@/hooks/usePolling';
@@ -85,6 +85,8 @@ export function ProjectKanban({ project, projectPath, showArchived = false, show
   const [activeCards, setActiveCards] = useState<Set<string>>(new Set());
   const prevActiveCardsRef = useRef<Set<string>>(new Set());
   const consumedCardParamRef = useRef<string | null>(null);
+  const editedCardIdsRef = useRef<Set<string>>(new Set());
+  const movedCardIdsRef = useRef<Set<string>>(new Set());
 
   // Context menu state
   const [contextMenu, setContextMenu] = useState<{ position: { x: number; y: number }; card: KanbanCard; stage: KanbanStage } | null>(null);
@@ -376,8 +378,8 @@ export function ProjectKanban({ project, projectPath, showArchived = false, show
     setSaveStatus('saving');
     isSavingRef.current = true;
     try {
-      // Compute which cards actually changed vs the clean baseline
-      const changedCardIds: string[] = [];
+      // Compute which cards actually changed vs the clean baseline, with typed changeset
+      const changedCards: ChangedCard[] = [];
       const baselineCards = new Map<string, string>();
       for (const stage of STAGE_ORDER) {
         for (const card of cleanBaselineRef.current[stage] || []) {
@@ -389,29 +391,51 @@ export function ProjectKanban({ project, projectPath, showArchived = false, show
           const baselineKey = baselineCards.get(card.id);
           const currentKey = JSON.stringify(card) + '|' + stage;
           if (baselineKey !== currentKey) {
-            changedCardIds.push(card.id); // New, modified, or moved
+            if (editedCardIdsRef.current.has(card.id)) {
+              changedCards.push({ id: card.id, type: 'edit' }); // Edit wins over move
+            } else if (movedCardIdsRef.current.has(card.id)) {
+              changedCards.push({ id: card.id, type: 'move' });
+            }
+            // Untracked divergence (SSE timing, connection issues, normalizeOrder drift)
+            // — skip it. The server merge preserves disk truth for cards not in changedCards.
           }
           baselineCards.delete(card.id);
         }
       }
       // Cards in baseline but not in current = deleted
       for (const deletedId of baselineCards.keys()) {
-        changedCardIds.push(deletedId);
+        changedCards.push({ id: deletedId, type: 'delete' });
       }
 
+      // Clear tracking refs after building payload
+      editedCardIdsRef.current.clear();
+      movedCardIdsRef.current.clear();
+
       const res = await fetch('/api/kanban', {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({ projectId: project.id, stages: stagesToSave, changedCardIds }),
+        body: JSON.stringify({ projectId: project.id, stages: stagesToSave, changedCards }),
       });
       if (res.ok) {
         const data = await res.json();
         lastSaveTimestampRef.current = data.last_updated;
-        cleanBaselineRef.current = stagesToSave;
+        // Use server's merged+normalized stages as baseline (eliminates normalizeOrder drift)
+        const serverStages = data.stages;
+        if (serverStages) {
+          cleanBaselineRef.current = serverStages;
+          // Sync React state with server truth if no new user edits happened during save.
+          // Without this, baseline and stages diverge — cards the user never touched appear
+          // "changed" in the next save cycle and get reverted to stale frontend positions.
+          if (stagesEqual(stagesRef.current, stagesToSave)) {
+            setStages(serverStages);
+          }
+        } else {
+          cleanBaselineRef.current = stagesToSave;
+        }
         // Only clear dirty if stages haven't changed during the save.
         // If the user made edits while the save was in flight, stay dirty
         // so SSE/polling won't overwrite their pending changes.
-        isDirtyRef.current = !stagesEqual(stagesRef.current, stagesToSave);
+        isDirtyRef.current = !stagesEqual(stagesRef.current, cleanBaselineRef.current);
         setSaveStatus('saved');
         // Notify other tabs immediately
         tabSync.broadcast('kanban-update', project.id);
@@ -544,6 +568,8 @@ export function ProjectKanban({ project, projectPath, showArchived = false, show
 
     if (!selectedStage) return;
 
+    editedCardIdsRef.current.add(updatedCard.id);
+
     // Update stages - selectedCard will be automatically derived from the updated stages
     setStages((prev) => ({
       ...prev,
@@ -577,6 +603,7 @@ export function ProjectKanban({ project, projectPath, showArchived = false, show
   };
 
   const handleMoveCard = (cardId: string, newStage: KanbanStage, insertIndex?: number) => {
+    movedCardIdsRef.current.add(cardId);
     setStages((prev) => {
       // Find which stage the card is currently in
       let sourceStage: KanbanStage | null = null;
@@ -695,6 +722,7 @@ export function ProjectKanban({ project, projectPath, showArchived = false, show
               checked: p === card.priority,
               disabled: p === card.priority,
               onClick: () => {
+                editedCardIdsRef.current.add(card.id);
                 setStages((prev) => ({
                   ...prev,
                   [stage]: prev[stage].map((c) =>
@@ -731,6 +759,7 @@ export function ProjectKanban({ project, projectPath, showArchived = false, show
             disabled: !!card.automation,
             onClick: () => {
               if (card.automation) return;
+              editedCardIdsRef.current.add(card.id);
               setStages((prev) => ({
                 ...prev,
                 [stage]: prev[stage].map((c) =>
@@ -767,6 +796,7 @@ export function ProjectKanban({ project, projectPath, showArchived = false, show
               checked: p === card.priority,
               disabled: p === card.priority,
               onClick: () => {
+                editedCardIdsRef.current.add(card.id);
                 setStages((prev) => ({
                   ...prev,
                   [stage]: prev[stage].map((c) =>

package/dist/web/src/components/VersionUpdateToast.tsx

@@ -53,12 +53,14 @@ export function VersionUpdateToast() {
         />
         <span className="text-sm text-void-700 dark:text-void-300">
           SlyCode <span className="font-medium text-neon-blue-500 dark:text-neon-blue-400">v{info.latest}</span> available
-          <span className="text-void-500 dark:text-void-400"> (current: v{info.current})</span>
         </span>
       </div>
-      <code className="rounded bg-void-100 px-1.5 py-0.5 text-xs text-void-600 dark:bg-void-800 dark:text-void-400">
-        slycode update
-      </code>
+      <div className="flex items-center gap-1.5">
+        <span className="text-xs text-void-500 dark:text-void-400">run in terminal:</span>
+        <code className="rounded bg-void-100 px-1.5 py-0.5 text-xs text-void-600 dark:bg-void-800 dark:text-void-400">
+          slycode update
+        </code>
+      </div>
       <button
         onClick={handleDismiss}
         className="ml-1 rounded p-0.5 text-void-400 transition-colors hover:bg-void-200 hover:text-void-600 dark:text-void-500 dark:hover:bg-void-800 dark:hover:text-void-300"

package/dist/web/src/components/VoiceControlBar.tsx

@@ -45,7 +45,7 @@ export function VoiceControlBar({
           onClick={onRecord}
           disabled={disabled}
           className="rounded-md border border-void-400/30 bg-void-200/50 p-1.5 text-void-500 transition-all hover:border-red-400/40 hover:bg-red-400/10 hover:text-red-400 disabled:opacity-50 dark:border-void-500/25 dark:bg-void-700/50 dark:text-void-400 dark:hover:border-red-400/40 dark:hover:bg-red-400/10 dark:hover:text-red-400"
-          title="Start recording (Ctrl+.)"
+          title="Start recording [Ctrl+.]"
         >
           <svg className="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
             <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M19 11a7 7 0 01-7 7m0 0a7 7 0 01-7-7m7 7v4m0 0H8m4 0h4m-4-8a3 3 0 01-3-3V5a3 3 0 116 0v6a3 3 0 01-3 3z" />

package/dist/web/src/lib/scheduler.ts

@@ -666,7 +666,8 @@ async function checkAutomations(): Promise<void> {
                     result.error.includes('Session create failed') ||
                     result.error.includes('Session stopped') ||
                     result.error.includes('Input failed') ||
-                    result.error.includes('No automation config')
+                    result.error.includes('No automation config') ||
+                    result.error.includes('No activity detected')
                   );
                   if (isHardFailure) {
                     await sendErrorNotification(card.title, result.error || 'Unknown error', result.sessionName);

package/dist/web/src/lib/types.ts

@@ -128,6 +128,13 @@ export interface KanbanStages {
   done: KanbanCard[];
 }
 
+export type CardChangeType = 'move' | 'edit' | 'create' | 'delete';
+
+export interface ChangedCard {
+  id: string;
+  type: CardChangeType;
+}
+
 export interface KanbanBoard {
   project_id: string;
   stages: KanbanStages;
@@ -163,6 +170,23 @@ export interface FeatureEntry {
   projectId?: string;
 }
 
+// ============================================================================
+// Changelog Types
+// ============================================================================
+
+export type ChangelogChangeType = 'feature' | 'bugfix' | 'improvement' | 'chore';
+
+export interface ChangelogChange {
+  type: ChangelogChangeType;
+  description: string;
+}
+
+export interface ChangelogVersion {
+  version: string;
+  date: string; // YYYY-MM-DD
+  changes: ChangelogChange[];
+}
+
 // ============================================================================
 // Questionnaire Types (per design doc section 3.3)
 // ============================================================================