Darken bounding boxes, neuron icon in toolbar, Enter-to-submit help responses

- Bounding box wireframe: much darker/subtler blue (0.1,0.2,0.4 @ 30% alpha)
- Cell Library toolbar icon: white neuron PNG instead of 🧬 emoji
- Help response form: Enter to submit, "Copy State" button to grab current
  viewer URL, URL input row with copy button
- ToolbarIcon interface: added img field for PNG icons

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: amyleesterling

src/components/CellLibraryPanel.vue

@@ -467,6 +467,16 @@ function openResponseUrl(url: string) {
   }
 }
 
+/** Copy current neuroglancer viewer state URL to the response URL field. */
+function copyCurrentState() {
+  try {
+    // The current URL with fragment contains the full viewer state
+    responseUrl.value = window.location.href;
+  } catch {
+    responseUrl.value = '';
+  }
+}
+
 function removeReq(req: HelpRequest) {
   helpStore.remove(req.id);
   helpStore.refreshPending();
@@ -581,17 +591,21 @@ const panelStyle = computed(() => ({
             <div v-if="respondingTo === req.id" class="nge-cl-response-form">
               <textarea
                 v-model="responseNote"
-                placeholder="Write your response..."
+                placeholder="Write your response... (Enter to submit, Shift+Enter for newline)"
                 class="nge-cl-response-textarea"
                 rows="3"
                 @keydown.stop @keyup.stop @keypress.stop
+                @keydown.enter.exact.prevent="submitResponse(req)"
               ></textarea>
-              <input
-                v-model="responseUrl"
-                placeholder="Paste neuroglancer state URL (optional)"
-                class="nge-cl-response-input"
-                @keydown.stop @keyup.stop @keypress.stop
-              />
+              <div class="nge-cl-response-url-row">
+                <input
+                  v-model="responseUrl"
+                  placeholder="Neuroglancer state URL (optional)"
+                  class="nge-cl-response-input"
+                  @keydown.stop @keyup.stop @keypress.stop
+                />
+                <button class="nge-cl-btn nge-cl-btn--copy-state" @click="copyCurrentState" title="Copy current viewer state URL">📋 State</button>
+              </div>
               <select
                 v-if="getAnnotationLayers().length > 0"
                 v-model="responseAnnotationLayer"
@@ -1137,6 +1151,21 @@ const panelStyle = computed(() => ({
 .nge-cl-response-input:focus {
   border-color: rgba(74, 158, 255, 0.3);
 }
+.nge-cl-response-url-row {
+  display: flex;
+  gap: 4px;
+  align-items: stretch;
+}
+.nge-cl-response-url-row .nge-cl-response-input {
+  flex: 1;
+  min-width: 0;
+}
+.nge-cl-btn--copy-state {
+  font-size: 0.68em;
+  padding: 4px 8px;
+  white-space: nowrap;
+  flex-shrink: 0;
+}
 .nge-cl-btn--submit-response {
   align-self: flex-end;
   border-color: rgba(68, 170, 102, 0.25);

src/components/ExtensionBar.vue

@@ -16,6 +16,7 @@ import CellLibraryPanel from "components/CellLibraryPanel.vue";
 import ChatPanel from "components/ChatPanel.vue";
 import BatchProcessorPanel from "components/BatchProcessorPanel.vue";
 import NotificationFeedPanel from "components/NotificationFeedPanel.vue";
+import neuronIcon from '../../static/badges/pyr/neuron-icon-white.png';
 
 import {loginSession, useLoginStore, useVolumesStore, useUserStatsStore, useSegmentAnnotationStore, useHelpRequestStore, useProofreadingQueueStore, useProofreadingBackendStore, useUserPreferencesStore} from '../store';
 import {useTutorialStore} from '../store-pyr';
@@ -95,6 +96,7 @@ interface ToolbarIcon {
   id: string;
   emoji: string;
   svg?: string;
+  img?: string;
   label: string;
   action: () => void;
   badge?: () => number;
@@ -110,7 +112,7 @@ const toolbarDefs = computed<ToolbarIcon[]>(() => [
   { id: 'recap', emoji: '📊', label: 'Your Week in Science', action: () => { showRecap.value = true; } },
   { id: 'leaderboard', emoji: '🏆', label: 'Leaderboard', action: () => { showLeaderboard.value = true; } },
   { id: 'quest', emoji: '🧠', label: 'Brain Quest', action: () => { showQueue.value = !showQueue.value; }, badge: () => queueStore.pendingCount() },
-  { id: 'cells', emoji: '🧬', label: 'Cell Library', action: () => { cellLibraryInitialTab.value = undefined; showCellLibrary.value = !showCellLibrary.value; } },
+  { id: 'cells', emoji: '🧬', img: neuronIcon, label: 'Cell Library', action: () => { cellLibraryInitialTab.value = undefined; showCellLibrary.value = !showCellLibrary.value; } },
   { id: 'batch', emoji: '📦', label: 'Batch Processor', action: () => { showBatchProcessor.value = !showBatchProcessor.value; } },
   { id: 'help', emoji: '🔍', label: 'Second Opinion Requests', action: () => { cellLibraryInitialTab.value = 'help'; showCellLibrary.value = true; }, badge: () => helpStore.pending.length },
   { id: 'feed', emoji: '📡', label: 'Activity Feed', action: () => { showFeed.value = true; } },
@@ -241,7 +243,7 @@ function activateTool(toolType: 'multicut' | 'merge') {
         }"
         :title="icon.label"
         @click="icon.action()"
-      ><span v-if="icon.svg" v-html="icon.svg"></span><template v-else>{{ icon.emoji }}</template><span v-if="icon.badge && icon.badge() > 0" class="nge-toolbar-badge">{{ icon.badge() }}</span></button>
+      ><span v-if="icon.svg" v-html="icon.svg"></span><img v-else-if="icon.img" :src="icon.img" class="nge-toolbar-icon-img" /><template v-else>{{ icon.emoji }}</template><span v-if="icon.badge && icon.badge() > 0" class="nge-toolbar-badge">{{ icon.badge() }}</span></button>
     </div>
 
     <!-- Merge/Split celebration burst -->
@@ -444,6 +446,13 @@ function activateTool(toolType: 'multicut' | 'merge') {
 }
 .nge-icon-btn--badge { position: relative; }
 
+.nge-toolbar-icon-img {
+  width: 16px;
+  height: 16px;
+  object-fit: contain;
+  vertical-align: middle;
+  opacity: 0.85;
+}
 .nge-toolbar-badge {
   position: absolute;
   top: 1px;