jettypod 4.4.43 → 4.4.45

package/apps/dashboard/components/KanbanBoard.tsx

@@ -1,3 +1,6 @@
+'use client';
+
+import { useState } from 'react';
 import Link from 'next/link';
 import type { WorkItem, InFlightItem, KanbanGroup } from '@/lib/db';
 
@@ -21,34 +24,74 @@ interface KanbanCardProps {
 }
 
 function KanbanCard({ item, epicTitle, showEpic = false }: KanbanCardProps) {
+  const [expanded, setExpanded] = useState(false);
+  const hasChores = item.chores && item.chores.length > 0;
+
   return (
-    <Link
-      href={`/work/${item.id}`}
-      className="block bg-white dark:bg-zinc-800 rounded-lg border border-zinc-200 dark:border-zinc-700 p-3 hover:border-zinc-300 dark:hover:border-zinc-600 hover:shadow-sm transition-all"
-    >
-      <div className="flex items-start gap-2">
-        <span className="text-sm flex-shrink-0">{typeIcons[item.type] || '📄'}</span>
-        <div className="flex-1 min-w-0">
-          <div className="flex items-center gap-2 mb-1 flex-wrap">
-            <span className="text-xs text-zinc-400 font-mono">#{item.id}</span>
-            {item.mode && modeLabels[item.mode] && (
-              <span className={`text-xs px-1.5 py-0.5 rounded ${modeLabels[item.mode].color}`}>
-                {modeLabels[item.mode].label}
-              </span>
+    <div className="bg-white dark:bg-zinc-800 rounded-lg border border-zinc-200 dark:border-zinc-700 hover:border-zinc-300 dark:hover:border-zinc-600 hover:shadow-sm transition-all">
+      <Link
+        href={`/work/${item.id}`}
+        className="block p-3"
+      >
+        <div className="flex items-start gap-2">
+          <span className="text-sm flex-shrink-0">{typeIcons[item.type] || '📄'}</span>
+          <div className="flex-1 min-w-0">
+            <div className="flex items-center gap-2 mb-1 flex-wrap">
+              <span className="text-xs text-zinc-400 font-mono">#{item.id}</span>
+              {item.mode && modeLabels[item.mode] && (
+                <span className={`text-xs px-1.5 py-0.5 rounded ${modeLabels[item.mode].color}`}>
+                  {modeLabels[item.mode].label}
+                </span>
+              )}
+            </div>
+            <p className="text-sm text-zinc-900 dark:text-zinc-100 leading-snug">
+              {item.title}
+            </p>
+            {showEpic && epicTitle && (
+              <p className="text-xs text-zinc-500 dark:text-zinc-400 mt-1.5 flex items-center gap-1">
+                <span>🎯</span>
+                <span>{epicTitle}</span>
+              </p>
             )}
           </div>
-          <p className="text-sm text-zinc-900 dark:text-zinc-100 leading-snug">
-            {item.title}
-          </p>
-          {showEpic && epicTitle && (
-            <p className="text-xs text-zinc-500 dark:text-zinc-400 mt-1.5 flex items-center gap-1">
-              <span>🎯</span>
-              <span>{epicTitle}</span>
-            </p>
+        </div>
+      </Link>
+      {hasChores && (
+        <div className="border-t border-zinc-200 dark:border-zinc-700">
+          <button
+            onClick={() => setExpanded(!expanded)}
+            className="w-full px-3 py-1.5 flex items-center gap-1.5 text-xs text-zinc-600 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-700/50 transition-colors"
+          >
+            <span>{expanded ? '▼' : '▶'}</span>
+            <span>🔧</span>
+            <span>{item.chores!.length} chore{item.chores!.length !== 1 ? 's' : ''}</span>
+          </button>
+          {expanded && (
+            <div className="px-3 pb-2 space-y-1">
+              {item.chores!.map((chore) => (
+                <Link
+                  key={chore.id}
+                  href={`/work/${chore.id}`}
+                  className="block py-1 px-2 text-xs rounded hover:bg-zinc-100 dark:hover:bg-zinc-700 transition-colors"
+                >
+                  <div className="flex items-center gap-2">
+                    <span className="text-zinc-400 font-mono">#{chore.id}</span>
+                    {chore.mode && modeLabels[chore.mode] && (
+                      <span className={`px-1 py-0.5 rounded text-[10px] ${modeLabels[chore.mode].color}`}>
+                        {modeLabels[chore.mode].label}
+                      </span>
+                    )}
+                    <span className="text-zinc-700 dark:text-zinc-300 truncate">
+                      {chore.title || <span className="text-zinc-400 italic">(Untitled)</span>}
+                    </span>
+                  </div>
+                </Link>
+              ))}
+            </div>
           )}
         </div>
-      </div>
-    </Link>
+      )}
+    </div>
   );
 }
 

package/apps/dashboard/lib/db.ts

@@ -20,6 +20,7 @@ export interface WorkItem {
   completed_at: string | null;
   created_at: string;
   children?: WorkItem[];
+  chores?: WorkItem[];
 }
 
 export interface Decision {
@@ -203,6 +204,26 @@ export function getKanbanData(doneLimit: number = 50): KanbanData {
     `).all() as { id: number; title: string }[];
     const epicMap = new Map(epics.map(e => [e.id, e.title]));
 
+    // Get all chores that belong to features (for chore expansion)
+    const featureChores = db.prepare(`
+      SELECT c.id, c.type, c.title, c.description, c.status, c.parent_id, c.epic_id,
+             c.branch_name, c.mode, c.phase, c.completed_at, c.created_at
+      FROM work_items c
+      INNER JOIN work_items f ON c.parent_id = f.id
+      WHERE c.type = 'chore' AND f.type = 'feature'
+      ORDER BY c.id
+    `).all() as WorkItem[];
+
+    // Group chores by parent feature ID
+    const choresByFeature = new Map<number, WorkItem[]>();
+    for (const chore of featureChores) {
+      if (chore.parent_id) {
+        const existing = choresByFeature.get(chore.parent_id) || [];
+        existing.push(chore);
+        choresByFeature.set(chore.parent_id, existing);
+      }
+    }
+
     // Get kanban-eligible items:
     // - Features (type = 'feature')
     // - Chores that are NOT children of features (parent is null, or parent is an epic)
@@ -241,6 +262,11 @@ export function getKanbanData(doneLimit: number = 50): KanbanData {
       // Strip parent_type from the item
       const { parent_type, ...cleanItem } = item;
 
+      // Attach chores to features
+      if (cleanItem.type === 'feature') {
+        cleanItem.chores = choresByFeature.get(cleanItem.id) || [];
+      }
+
       if (cleanItem.status === 'in_progress') {
         const epicId = cleanItem.parent_id || cleanItem.epic_id;
         const epicTitle = epicId ? epicMap.get(epicId) || null : null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jettypod",
-  "version": "4.4.43",
+  "version": "4.4.45",
   "description": "AI-powered development workflow manager with TDD, BDD, and automatic test generation",
   "main": "jettypod.js",
   "bin": {

package/skills-templates/speed-mode/SKILL.md

@@ -703,24 +703,26 @@ Sound good? I'll create these chores once you confirm.
 
 **After user confirms, execute autonomously:**
 
-**1. Create stable mode chores:**
+**1. Set feature mode to stable FIRST:**
 
 ```bash
-jettypod work create chore "[Chore title]" "[Description with scenarios addressed]" --parent=<feature-id> --mode=stable
+jettypod work set-mode <feature-id> stable
 ```
 
-Repeat for each confirmed chore.
+**🛑 CRITICAL:** You MUST set mode to stable BEFORE creating chores. The system blocks chore creation while feature is in speed mode.
 
-**2. Release merge lock:**
+**2. Create stable mode chores:**
 
 ```bash
-jettypod work merge --release-lock
+jettypod work create chore "[Chore title]" "[Description with scenarios addressed]" --parent=<feature-id>
 ```
 
-**3. Set feature mode to stable:**
+Repeat for each confirmed chore. **Do NOT use `--mode` flag** - chores inherit mode from their parent feature.
+
+**3. Release merge lock:**
 
 ```bash
-jettypod work set-mode <feature-id> stable
+jettypod work merge --release-lock
 ```
 
 #### Step 7E: Start First Stable Chore and Invoke Stable Mode Skill
@@ -730,9 +732,11 @@ jettypod work set-mode <feature-id> stable
 **1. Get the first stable chore:**
 
 ```bash
-sqlite3 .jettypod/work.db "SELECT id, title FROM work_items WHERE parent_id = <feature-id> AND type = 'chore' AND mode = 'stable' AND status != 'done' ORDER BY created_at LIMIT 1"
+sqlite3 .jettypod/work.db "SELECT id, title FROM work_items WHERE parent_id = <feature-id> AND type = 'chore' AND status != 'done' ORDER BY created_at LIMIT 1"
 ```
 
+Note: Chores don't have a `mode` column - they inherit context from their parent feature. Since we just set the feature to stable mode, these are the stable chores.
+
 **2. Start the first stable chore:**
 
 ```bash
@@ -822,15 +826,16 @@ jettypod work merge --release-lock     # Release held lock
 jettypod work start <chore-id>   # Create worktree and start chore
 ```
 
-**Create chores:**
+**Set feature mode (BEFORE creating chores):**
 ```bash
-jettypod work create chore "<title>" "<description>" --parent=<feature-id> --mode=stable
+jettypod work set-mode <feature-id> stable
 ```
 
-**Set feature mode:**
+**Create chores (AFTER setting mode):**
 ```bash
-jettypod work set-mode <feature-id> stable
+jettypod work create chore "<title>" "<description>" --parent=<feature-id>
 ```
+Note: Do NOT use `--mode` flag - chores inherit mode from parent feature.
 
 **❌ DO NOT use these to complete chores:**
 - `jettypod work status <id> done`