feat: capture photo evidence in conversation replies (Closes #941)

frontend/dashboard.css

@@ -528,6 +528,8 @@ textarea { resize: vertical; min-height: 120px; }
 .visually-hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
 .issue-attachment-controls { display:flex; max-width:100%; }
 .issue-attachment-trigger { min-height:44px; display:inline-flex; align-items:center; justify-content:center; padding:8px 12px; border:1px solid #60a5fa; border-radius:10px; color:#dbeafe; font-weight:700; cursor:pointer; }
+.conversation-photo-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; min-width:0; width:100%; }
+.conversation-photo-actions .issue-attachment-trigger { box-sizing:border-box; width:100%; min-width:0; text-align:center; }
 .issue-attachment-preview { display:grid; grid-template-columns:64px minmax(0,1fr); gap:8px 12px; align-items:center; max-width:100%; overflow:hidden; padding:10px; border:1px solid #315781; border-radius:10px; background:#101f34; }
 .issue-attachment-preview[hidden] { display:none; }
 .issue-attachment-preview img { grid-row:span 2; width:64px; height:64px; object-fit:cover; border-radius:8px; }

frontend/dashboard.js

@@ -496,6 +496,7 @@
   });
   const issueAttachmentController = issueAttachment.mount({
     input: qs('#issue-attachment'),
+    inputs: [qs('#take-issue-comment-photo'), qs('#issue-attachment')],
     preview: qs('#issue-attachment-preview'),
     image: qs('#issue-attachment-image'),
     meta: qs('#issue-attachment-meta'),
@@ -526,6 +527,7 @@
   });
   const pullAttachmentController = issueAttachment.mount({
     input: qs('#pull-attachment'),
+    inputs: [qs('#take-pull-comment-photo'), qs('#pull-attachment')],
     preview: qs('#pull-attachment-preview'),
     image: qs('#pull-attachment-image'),
     meta: qs('#pull-attachment-meta'),
@@ -547,6 +549,7 @@
   });
   const updateReplyAttachmentController = issueAttachment.mount({
     input: qs('#update-reply-attachment'),
+    inputs: [qs('#take-update-reply-photo'), qs('#update-reply-attachment')],
     preview: qs('#update-reply-attachment-preview'),
     image: qs('#update-reply-attachment-image'),
     meta: qs('#update-reply-attachment-meta'),

frontend/index.html

@@ -661,9 +661,11 @@
       <textarea id="issue-comment" maxlength="10000" placeholder="Write a comment"></textarea>
       <div class="mention-options" id="issue-comment-mentions" role="listbox" aria-label="Teammates" hidden></div>
       <div class="mention-status small" id="issue-comment-mention-status" aria-live="polite"></div>
-      <div class="issue-attachment-controls">
+      <div class="issue-attachment-controls conversation-photo-actions">
+        <label class="issue-attachment-trigger" for="take-issue-comment-photo">Take photo</label>
+        <input class="visually-hidden" id="take-issue-comment-photo" type="file" accept="image/*" capture="environment" />
+        <label class="issue-attachment-trigger" for="issue-attachment">Choose existing</label>
         <input class="visually-hidden" id="issue-attachment" type="file" accept="image/png,image/jpeg,image/webp" />
-        <label class="issue-attachment-trigger" for="issue-attachment">Attach screenshot</label>
       </div>
       <div class="issue-attachment-preview" id="issue-attachment-preview" hidden>
         <img id="issue-attachment-image" alt="Selected screenshot preview" />
@@ -1050,9 +1052,11 @@
       <textarea id="update-reply" maxlength="10000" placeholder="Write a reply"></textarea>
       <div class="mention-options" id="update-reply-mentions" role="listbox" aria-label="Teammates" hidden></div>
       <div class="mention-status small" id="update-reply-mention-status" aria-live="polite"></div>
-      <div class="issue-attachment-controls">
+      <div class="issue-attachment-controls conversation-photo-actions">
+        <label class="issue-attachment-trigger" for="take-update-reply-photo">Take photo</label>
+        <input class="visually-hidden" id="take-update-reply-photo" type="file" accept="image/*" capture="environment" />
+        <label class="issue-attachment-trigger" for="update-reply-attachment">Choose existing</label>
         <input class="visually-hidden" id="update-reply-attachment" type="file" accept="image/png,image/jpeg,image/webp" />
-        <label class="issue-attachment-trigger" for="update-reply-attachment">Attach screenshot</label>
       </div>
       <div class="issue-attachment-preview" id="update-reply-attachment-preview" hidden>
         <img id="update-reply-attachment-image" alt="Selected screenshot preview" />
@@ -1120,9 +1124,11 @@
       <textarea id="pull-comment" maxlength="10000" placeholder="Write a comment"></textarea>
       <div class="mention-options" id="pull-comment-mentions" role="listbox" aria-label="Teammates" hidden></div>
       <div class="mention-status small" id="pull-comment-mention-status" aria-live="polite"></div>
-      <div class="issue-attachment-controls">
+      <div class="issue-attachment-controls conversation-photo-actions">
+        <label class="issue-attachment-trigger" for="take-pull-comment-photo">Take photo</label>
+        <input class="visually-hidden" id="take-pull-comment-photo" type="file" accept="image/*" capture="environment" />
+        <label class="issue-attachment-trigger" for="pull-attachment">Choose existing</label>
         <input class="visually-hidden" id="pull-attachment" type="file" accept="image/png,image/jpeg,image/webp" />
-        <label class="issue-attachment-trigger" for="pull-attachment">Attach screenshot</label>
       </div>
       <div class="issue-attachment-preview" id="pull-attachment-preview" hidden>
         <img id="pull-attachment-image" alt="Selected screenshot preview" />

frontend/service-worker.js

@@ -1,7 +1,7 @@
 const BASE = new URL('./', self.location.href).pathname;
 importScripts(BASE + 'static/private-data-registry.js');
 importScripts(BASE + 'static/background-issue-sync.js');
-const CACHE = 'stackchain-dashboard-shell-v109';
+const CACHE = 'stackchain-dashboard-shell-v110';
 const OFFLINE_LEASE_URL = new URL(BASE + '__offline-session-lease', self.location.origin).href;
 const OUTAGE_STATUSES = new Set([500, 502, 503, 504]);
 const NAVIGATION_TIMEOUT_MS = self.__STACKCHAIN_NAVIGATION_TIMEOUT_MS || 4000;