feat: crop and redact mobile evidence (Closes #829)

frontend/index.html

@@ -769,6 +769,7 @@
           </label>
           <div class="issue-evidence-review-actions" aria-label="Reorder selected screenshot">
             <button id="move-create-issue-attachment-earlier" type="button">Move earlier</button>
+            <button id="edit-create-issue-attachment" type="button">Edit screenshot</button>
             <button id="remove-create-issue-attachment" type="button">Remove selected</button>
             <button id="move-create-issue-attachment-later" type="button">Move later</button>
           </div>
@@ -826,6 +827,24 @@
       <div id="create-issue-capture-status" class="small" aria-live="assertive"></div>
     </form>
   </section>
+  <section class="issue-evidence-editor" id="issue-evidence-editor" role="dialog" aria-modal="true" aria-labelledby="issue-evidence-editor-heading" hidden>
+    <div class="issue-evidence-editor-panel">
+      <header>
+        <div><h3 id="issue-evidence-editor-heading">Crop &amp; redact screenshot</h3><span class="small">Edits stay on this device until you file.</span></div>
+        <button id="cancel-issue-evidence-edit" type="button">Cancel</button>
+      </header>
+      <canvas id="issue-evidence-editor-canvas" role="img" aria-label="Screenshot editing canvas. Drag to crop or hide an area."></canvas>
+      <canvas id="issue-evidence-editor-export" hidden></canvas>
+      <div class="issue-evidence-editor-tools" role="toolbar" aria-label="Screenshot editing tools">
+        <button id="crop-issue-evidence" type="button" aria-pressed="false">Crop</button>
+        <button id="redact-issue-evidence" type="button" aria-pressed="true">Redact</button>
+        <button id="undo-issue-evidence-edit" type="button">Undo</button>
+        <button id="reset-issue-evidence-edit" type="button">Reset</button>
+      </div>
+      <div class="small" id="issue-evidence-editor-status" aria-live="polite">Drag over private information to hide it.</div>
+      <button class="issue-evidence-editor-apply" id="apply-issue-evidence-edit" type="button">Apply flattened edit</button>
+    </div>
+  </section>
 </div>
 
 <div class="draft-capacity-sheet" id="draft-capacity-sheet" role="dialog" aria-modal="true" aria-labelledby="draft-capacity-heading" hidden>
@@ -1177,6 +1196,7 @@
 <script src="static/conversation.js"></script>
 <script src="static/comment-actions.js"></script>
 <script src="static/issue-evidence-review.js"></script>
+<script src="static/issue-evidence-editor.js"></script>
 <script src="static/issue-attachment.js"></script>
 <script src="static/issue-sheet.js"></script>
 <script src="static/create-issue-sheet.js"></script>