Add local-only mode toggle to contract creationmakima/local-only-mode-pr

1 files changed, 44 insertions, 0 deletions

diff --git a/makima/frontend/src/routes/contracts.tsx b/makima/frontend/src/routes/contracts.tsx
index 36eb980..aa62bd9 100644
--- a/makima/frontend/src/routes/contracts.tsx
+++ b/makima/frontend/src/routes/contracts.tsx
@@ -92,6 +92,7 @@ function ContractsPageContent() {
   const [showRepoSuggestions, setShowRepoSuggestions] = useState(false);
   const [contractTypes, setContractTypes] = useState<ContractTypeTemplate[]>([]);
   const [contractTypesLoading, setContractTypesLoading] = useState(false);
+  const [localOnly, setLocalOnly] = useState(false);
 
   // Fetch contract types when modal opens - merges built-in types with user templates
   useEffect(() => {
@@ -263,6 +264,7 @@ function ContractsPageContent() {
       description: newContractDescription.trim() || undefined,
       contractType: contractType,
       initialPhase: initialPhase !== defaultPhaseForType ? initialPhase : undefined,
+      localOnly: localOnly || undefined,
     };
 
     try {
@@ -303,6 +305,7 @@ function ContractsPageContent() {
         setRepoName("");
         setRepoUrl("");
         setRepoPath("");
+        setLocalOnly(false);
         navigate(`/contracts/${contract.id}`);
       }
     } catch (err) {
@@ -336,6 +339,7 @@ function ContractsPageContent() {
     setRepoName("");
     setRepoUrl("");
     setRepoPath("");
+    setLocalOnly(false);
     setCreateError(null);
   }, []);
 
@@ -661,6 +665,46 @@ function ContractsPageContent() {
                   </p>
                 </div>
 
+                {/* Local-Only Mode */}
+                <div className="space-y-2">
+                  <div className="flex items-center space-x-3">
+                    <button
+                      type="button"
+                      onClick={() => setLocalOnly(!localOnly)}
+                      className={`w-5 h-5 flex items-center justify-center border transition-colors ${
+                        localOnly
+                          ? "bg-[#0f3c78] border-[#75aafc] text-[#dbe7ff]"
+                          : "bg-[#0d1b2d] border-[#3f6fb3] text-transparent"
+                      }`}
+                    >
+                      {localOnly && (
+                        <svg
+                          xmlns="http://www.w3.org/2000/svg"
+                          viewBox="0 0 24 24"
+                          fill="none"
+                          stroke="currentColor"
+                          strokeWidth="3"
+                          strokeLinecap="round"
+                          strokeLinejoin="round"
+                          className="w-3 h-3"
+                        >
+                          <polyline points="20 6 9 17 4 12" />
+                        </svg>
+                      )}
+                    </button>
+                    <label
+                      className="font-mono text-sm text-[#dbe7ff] cursor-pointer select-none"
+                      onClick={() => setLocalOnly(!localOnly)}
+                    >
+                      Local-Only Mode
+                    </label>
+                  </div>
+                  <p className="font-mono text-xs text-[#8b949e] pl-8">
+                    When enabled, tasks won't automatically push to remote or create PRs.
+                    Use patch files to export changes.
+                  </p>
+                </div>
+
                 {/* Repository Configuration */}
                 <div className="border-t border-[rgba(117,170,252,0.2)] pt-4">
                   <label className="block font-mono text-xs text-[#75aafc] uppercase mb-3">