feat(protection): implement multi-layered protection for feature_list.json

Introduces a comprehensive strategy to safeguard the feature_list.json file from accidental modifications. Key enhancements include:

1. **Prompt-Level Warnings**: Added explicit warnings in agent prompts to prevent direct modifications.
2. **Dedicated MCP Tool**: Implemented the UpdateFeatureStatus tool for safe feature updates.
3. **File-Level Validation & Auto-Backup**: Added validation checks and automatic backups before modifications to prevent data loss.
4. **Tool Access Control**: Restricted agent access to critical tools, ensuring only the designated MCP tool can modify the feature list.

This update significantly reduces the risk of catastrophic data loss and ensures a robust feature management process.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

app/src/components/views/board-view.tsx

@@ -99,6 +99,7 @@ export function BoardView() {
     runningAutoTasks,
     maxConcurrency,
     setMaxConcurrency,
+    defaultSkipTests,
   } = useAppStore();
   const [activeFeature, setActiveFeature] = useState<Feature | null>(null);
   const [editingFeature, setEditingFeature] = useState<Feature | null>(null);
@@ -331,6 +332,16 @@ export function BoardView() {
     [currentProject, persistedCategories]
   );
 
+  // Sync skipTests default when dialog opens
+  useEffect(() => {
+    if (showAddDialog) {
+      setNewFeature((prev) => ({
+        ...prev,
+        skipTests: defaultSkipTests,
+      }));
+    }
+  }, [showAddDialog, defaultSkipTests]);
+
   // Auto-show activity log when auto mode starts
   useEffect(() => {
     if (autoMode.isRunning && !showActivityLog) {
@@ -602,7 +613,7 @@ export function BoardView() {
       steps: [""],
       images: [],
       imagePaths: [],
-      skipTests: false,
+      skipTests: defaultSkipTests,
     });
     setShowAddDialog(false);
   };
@@ -1340,18 +1351,6 @@ export function BoardView() {
             </DialogDescription>
           </DialogHeader>
           <div className="space-y-4 py-4">
-            <div className="space-y-2">
-              <Label htmlFor="category">Category</Label>
-              <CategoryAutocomplete
-                value={newFeature.category}
-                onChange={(value) =>
-                  setNewFeature({ ...newFeature, category: value })
-                }
-                suggestions={categorySuggestions}
-                placeholder="e.g., Core, UI, API"
-                data-testid="feature-category-input"
-              />
-            </div>
             <div className="space-y-2">
               <Label htmlFor="description">Description</Label>
               <DescriptionImageDropZone
@@ -1367,34 +1366,16 @@ export function BoardView() {
               />
             </div>
             <div className="space-y-2">
-              <Label>Steps</Label>
-              {newFeature.steps.map((step, index) => (
-                <Input
-                  key={index}
-                  placeholder={`Step ${index + 1}`}
-                  value={step}
-                  onChange={(e) => {
-                    const steps = [...newFeature.steps];
-                    steps[index] = e.target.value;
-                    setNewFeature({ ...newFeature, steps });
-                  }}
-                  data-testid={`feature-step-${index}-input`}
-                />
-              ))}
-              <Button
-                variant="outline"
-                size="sm"
-                onClick={() =>
-                  setNewFeature({
-                    ...newFeature,
-                    steps: [...newFeature.steps, ""],
-                  })
+              <Label htmlFor="category">Category (optional)</Label>
+              <CategoryAutocomplete
+                value={newFeature.category}
+                onChange={(value) =>
+                  setNewFeature({ ...newFeature, category: value })
                 }
-                data-testid="add-step-button"
-              >
-                <Plus className="w-4 h-4 mr-2" />
-                Add Step
-              </Button>
+                suggestions={categorySuggestions}
+                placeholder="e.g., Core, UI, API"
+                data-testid="feature-category-input"
+              />
             </div>
             <div className="flex items-center space-x-2">
               <Checkbox
@@ -1416,6 +1397,38 @@ export function BoardView() {
               When enabled, this feature will require manual verification
               instead of automated TDD.
             </p>
+            {newFeature.skipTests && (
+              <div className="space-y-2">
+                <Label>Verification Steps</Label>
+                {newFeature.steps.map((step, index) => (
+                  <Input
+                    key={index}
+                    placeholder={`Verification step ${index + 1}`}
+                    value={step}
+                    onChange={(e) => {
+                      const steps = [...newFeature.steps];
+                      steps[index] = e.target.value;
+                      setNewFeature({ ...newFeature, steps });
+                    }}
+                    data-testid={`feature-step-${index}-input`}
+                  />
+                ))}
+                <Button
+                  variant="outline"
+                  size="sm"
+                  onClick={() =>
+                    setNewFeature({
+                      ...newFeature,
+                      steps: [...newFeature.steps, ""],
+                    })
+                  }
+                  data-testid="add-step-button"
+                >
+                  <Plus className="w-4 h-4 mr-2" />
+                  Add Verification Step
+                </Button>
+              </div>
+            )}
           </div>
           <DialogFooter>
             <Button variant="ghost" onClick={() => setShowAddDialog(false)}>
@@ -1450,21 +1463,6 @@ export function BoardView() {
           </DialogHeader>
           {editingFeature && (
             <div className="space-y-4 py-4">
-              <div className="space-y-2">
-                <Label htmlFor="edit-category">Category</Label>
-                <CategoryAutocomplete
-                  value={editingFeature.category}
-                  onChange={(value) =>
-                    setEditingFeature({
-                      ...editingFeature,
-                      category: value,
-                    })
-                  }
-                  suggestions={categorySuggestions}
-                  placeholder="e.g., Core, UI, API"
-                  data-testid="edit-feature-category"
-                />
-              </div>
               <div className="space-y-2">
                 <Label htmlFor="edit-description">Description</Label>
                 <Textarea
@@ -1481,32 +1479,19 @@ export function BoardView() {
                 />
               </div>
               <div className="space-y-2">
-                <Label>Steps</Label>
-                {editingFeature.steps.map((step, index) => (
-                  <Input
-                    key={index}
-                    value={step}
-                    onChange={(e) => {
-                      const steps = [...editingFeature.steps];
-                      steps[index] = e.target.value;
-                      setEditingFeature({ ...editingFeature, steps });
-                    }}
-                    data-testid={`edit-feature-step-${index}`}
-                  />
-                ))}
-                <Button
-                  variant="outline"
-                  size="sm"
-                  onClick={() =>
+                <Label htmlFor="edit-category">Category (optional)</Label>
+                <CategoryAutocomplete
+                  value={editingFeature.category}
+                  onChange={(value) =>
                     setEditingFeature({
                       ...editingFeature,
-                      steps: [...editingFeature.steps, ""],
+                      category: value,
                     })
                   }
-                >
-                  <Plus className="w-4 h-4 mr-2" />
-                  Add Step
-                </Button>
+                  suggestions={categorySuggestions}
+                  placeholder="e.g., Core, UI, API"
+                  data-testid="edit-feature-category"
+                />
               </div>
               <div className="flex items-center space-x-2">
                 <Checkbox
@@ -1534,6 +1519,37 @@ export function BoardView() {
                 When enabled, this feature will require manual verification
                 instead of automated TDD.
               </p>
+              {editingFeature.skipTests && (
+                <div className="space-y-2">
+                  <Label>Verification Steps</Label>
+                  {editingFeature.steps.map((step, index) => (
+                    <Input
+                      key={index}
+                      value={step}
+                      placeholder={`Verification step ${index + 1}`}
+                      onChange={(e) => {
+                        const steps = [...editingFeature.steps];
+                        steps[index] = e.target.value;
+                        setEditingFeature({ ...editingFeature, steps });
+                      }}
+                      data-testid={`edit-feature-step-${index}`}
+                    />
+                  ))}
+                  <Button
+                    variant="outline"
+                    size="sm"
+                    onClick={() =>
+                      setEditingFeature({
+                        ...editingFeature,
+                        steps: [...editingFeature.steps, ""],
+                      })
+                    }
+                  >
+                    <Plus className="w-4 h-4 mr-2" />
+                    Add Verification Step
+                  </Button>
+                </div>
+              )}
             </div>
           )}
           <DialogFooter>

app/src/components/views/settings-view.tsx

@@ -31,7 +31,9 @@ import {
   Minimize2,
   Square,
   Maximize2,
+  FlaskConical,
 } from "lucide-react";
+import { Checkbox } from "@/components/ui/checkbox";
 
 export function SettingsView() {
   const {
@@ -42,6 +44,8 @@ export function SettingsView() {
     setTheme,
     kanbanCardDetailLevel,
     setKanbanCardDetailLevel,
+    defaultSkipTests,
+    setDefaultSkipTests,
   } = useAppStore();
   const [anthropicKey, setAnthropicKey] = useState(apiKeys.anthropic);
   const [googleKey, setGoogleKey] = useState(apiKeys.google);
@@ -627,6 +631,49 @@ export function SettingsView() {
             </div>
           </div>
 
+          {/* Feature Defaults Section */}
+          <div className="rounded-xl border border-border bg-card backdrop-blur-md overflow-hidden">
+            <div className="p-6 border-b border-border">
+              <div className="flex items-center gap-2 mb-2">
+                <FlaskConical className="w-5 h-5 text-brand-500" />
+                <h2 className="text-lg font-semibold text-foreground">
+                  Feature Defaults
+                </h2>
+              </div>
+              <p className="text-sm text-muted-foreground">
+                Configure default settings for new features.
+              </p>
+            </div>
+            <div className="p-6 space-y-4">
+              <div className="space-y-3">
+                <div className="flex items-start space-x-3">
+                  <Checkbox
+                    id="default-skip-tests"
+                    checked={defaultSkipTests}
+                    onCheckedChange={(checked) =>
+                      setDefaultSkipTests(checked === true)
+                    }
+                    className="mt-0.5"
+                    data-testid="default-skip-tests-checkbox"
+                  />
+                  <div className="space-y-1">
+                    <Label
+                      htmlFor="default-skip-tests"
+                      className="text-foreground cursor-pointer font-medium"
+                    >
+                      Skip automated testing by default
+                    </Label>
+                    <p className="text-xs text-muted-foreground">
+                      When enabled, new features will default to manual
+                      verification instead of TDD (test-driven development).
+                      You can still override this for individual features.
+                    </p>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+
           {/* Save Button */}
           <div className="flex items-center gap-4">
             <Button