00799:                                 <option>Knee disarticulation</option>
00800:                                 <option>Transfemoral / above-knee</option>
00801:                                 <option>Hip disarticulation</option>
00802:                                 <option>Upper limb</option>
00803:                                 <option>Custom cosmetic cover</option>
00804:                             </select>
00805:                         </label>
00806: 
00807:                         <label>
00808:                             Osseointegration
00809:                             <select id="project-oi">
00810:                                 <option value="false">
00811:                                     No — conventional prosthesis
00812:                                 </option>
00813:                                 <option value="true">
00814:                                     Yes — osseointegration
00815:                                 </option>
00816:                             </select>
00817:                         </label>
00818: 
00819:                         <label>
00820:                             Prosthetic specialist
00821:                             <input id="project-specialist" type="text">
00822:                         </label>
00823: 
00824:                         <label>
00825:                             Clinic
00826:                             <input id="project-clinic" type="text">
00827:                         </label>
00828:                     </div>
      ...
00978:                     <option>Knee disarticulation</option>
00979:                     <option>Transfemoral / above-knee</option>
00980:                     <option>Hip disarticulation</option>
00981:                     <option>Upper limb</option>
00982:                     <option>Custom cosmetic cover</option>
00983:                 </select>
00984:             </label>
00985: 
00986:             <label>
00987:                 Does this project involve osseointegration?
00988:                 <select id="new-project-oi">
00989:                     <option value="false">
00990:                         No — conventional prosthesis
00991:                     </option>
00992:                     <option value="true">
00993:                         Yes — osseointegration
00994:                     </option>
00995:                 </select>
00996:             </label>
00997:         </div>
00998: 
00999:         <div class="dialog-actions">
01000:             <button
01001:                 id="cancel-project-button"
01002:                 class="ghost-button"
01003:                 type="button"
01004:             >
01005:                 CANCEL
01006:             </button>
01007: 
      ...
01098: 
01099:     function visibleDefinitions() {
01100:         if (!state.activeProject) {
01101:             return [];
01102:         }
01103: 
01104:         return state.definitions.filter((definition) => {
01105:             return (
01106:                 !definition.oi_only ||
01107:                 state.activeProject.osseointegration
01108:             );
01109:         });
01110:     }
01111: 
01112:     function selectedDefinition() {
01113:         return state.definitions.find(
01114:             (definition) =>
01115:                 definition.key === state.activeMeasurementKey
01116:         );
01117:     }
01118: 
01119:     function selectedMeasurement() {
01120:         return (
01121:             state.activeProject?.measurements?.[
      ...
01147:                 button.classList.add("active");
01148:             }
01149: 
01150:             button.innerHTML = `
01151:                 <strong>${escapeHtml(project.name)}</strong>
01152:                 <span>
01153:                     ${escapeHtml(project.side)}
01154:                     •
01155:                     ${escapeHtml(project.cover_class)}
01156:                     ${project.osseointegration ? " • OI" : ""}
01157:                 </span>
01158:             `;
01159: 
01160:             button.addEventListener("click", () => {
01161:                 openProject(project.id);
01162:             });
01163: 
01164:             elements.projectList.append(button);
01165:         }
01166:     }
01167: 
01168:     function renderProject() {
01169:         const project = state.activeProject;
01170: 
      ...
01173: 
01174:         if (!project) {
01175:             closeEditor();
01176:             return;
01177:         }
01178: 
01179:         elements.projectTitle.textContent = project.name;
01180:         elements.projectSubtitle.textContent =
01181:             `${project.side} • ${project.cover_class}` +
01182:             (project.osseointegration
01183:                 ? " • Osseointegration safety workflow"
01184:                 : " • Conventional prosthesis");
01185: 
01186:         elements.projectName.value = project.name;
01187:         elements.projectReference.value = project.reference_id;
01188:         elements.projectSide.value = project.side;
01189:         elements.projectCoverClass.value = project.cover_class;
01190:         elements.projectOi.value =
01191:             String(project.osseointegration);
01192:         elements.projectSpecialist.value =
01193:             project.specialist_name;
01194:         elements.projectClinic.value = project.clinic_name;
01195:         elements.projectExclusion.value =
01196:             project.exclusion_zones;
01197:         elements.projectComponents.value =
01198:             project.component_notes;
01199:         elements.projectReview.value = project.review_notes;
01200: 
01201:         renderMeasurements();
01202:     }
01203: 
01204:     function renderMeasurements() {
01205:         const definitions = visibleDefinitions();
      ...
01370:                     ).value,
01371:                 side:
01372:                     document.querySelector(
01373:                         "#new-project-side"
01374:                     ).value,
01375:                 cover_class:
01376:                     document.querySelector(
01377:                         "#new-project-cover-class"
01378:                     ).value,
01379:                 osseointegration:
01380:                     document.querySelector(
01381:                         "#new-project-oi"
01382:                     ).value === "true",
01383:             }),
01384:         });
01385: 
01386:         elements.newProjectDialog.close();
01387:         elements.newProjectForm.reset();
01388: 
01389:         await loadProjects();
01390:         await openProject(project.id);
01391: 
01392:         showToast("LimbForge project created.");
01393:     }
      ...
01402:             {
01403:                 method: "PUT",
01404:                 body: JSON.stringify({
01405:                     name: elements.projectName.value,
01406:                     reference_id:
01407:                         elements.projectReference.value,
01408:                     side: elements.projectSide.value,
01409:                     cover_class:
01410:                         elements.projectCoverClass.value,
01411:                     osseointegration:
01412:                         elements.projectOi.value === "true",
01413:                     specialist_name:
01414:                         elements.projectSpecialist.value,
01415:                     clinic_name:
01416:                         elements.projectClinic.value,
01417:                     exclusion_zones:
01418:                         elements.projectExclusion.value,
01419:                     component_notes:
01420:                         elements.projectComponents.value,
01421:                     review_notes:
01422:                         elements.projectReview.value,
01423:                 }),
01424:             }
01425:         );