Show claimer usernames on all Cell Library tabs, simpler bar chart icon

- Claimed cell usernames now visible on All/Available tabs (was Claimed only)
- Week in Science: clean ascending bar chart SVG (removed trend line)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: amyleesterling

src/components/CellLibraryPanel.vue

@@ -841,7 +841,7 @@ const panelStyle = computed(() => ({
                 </div>
                 <div class="nge-cl-row-meta">
                   <span class="nge-cl-badge" :class="statusClass(cell.status)">{{ statusLabel(cell.status) }}</span>
-                  <span v-if="filter === 'claimed' && cell.assignedTo" class="nge-cl-claimer">{{ getCachedUserName(cell.assignedTo) }}</span>
+                  <span v-if="cell.assignedTo" class="nge-cl-claimer">{{ getCachedUserName(cell.assignedTo) }}</span>
                   <span v-if="cell.notes" class="nge-cl-notes">{{ cell.notes }}</span>
                 </div>
                 <div v-if="cell.currentSegId && cell.currentSegId !== cell.segId" class="nge-cl-row-current" @click="copyId(cell.currentSegId)" title="Click to copy current ID">

src/components/ExtensionBar.vue

@@ -119,7 +119,7 @@ const MERGE_SVG = `<svg viewBox="0 0 16 16" fill="none" style="width:18px;height
 const toolbarDefs = computed<ToolbarIcon[]>(() => [
   { id: 'split', emoji: '✂️', svg: SPLIT_SVG, label: 'Cut Mode (C)', action: () => activateTool('multicut') },
   { id: 'merge', emoji: '🔗', svg: MERGE_SVG, label: 'Merge Mode (M)', action: () => activateTool('merge') },
-  { id: 'recap', emoji: '📊', svg: `<svg viewBox="0 0 16 16" fill="none" style="width:18px;height:18px;vertical-align:middle;color:#a0c4ff"><rect x="2" y="10" width="2.5" height="4" rx="0.5" fill="currentColor" opacity="0.5"/><rect x="6" y="7" width="2.5" height="7" rx="0.5" fill="currentColor" opacity="0.7"/><rect x="10" y="3" width="2.5" height="11" rx="0.5" fill="currentColor"/><path d="M3 6l3.5-2.5L10 5.5l3-3" stroke="#ffd700" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/><circle cx="14" cy="2" r="1.2" fill="#ffd700"/></svg>`, label: 'Your Week in Science', action: () => { showRecap.value = true; } },
+  { id: 'recap', emoji: '📊', svg: `<svg viewBox="0 0 16 16" fill="none" style="width:18px;height:18px;vertical-align:middle;color:#a0c4ff"><rect x="1" y="10" width="3" height="5" rx="0.5" fill="currentColor" opacity="0.4"/><rect x="5" y="7" width="3" height="8" rx="0.5" fill="currentColor" opacity="0.6"/><rect x="9" y="4" width="3" height="11" rx="0.5" fill="currentColor" opacity="0.8"/><rect x="13" y="1" width="2.5" height="14" rx="0.5" fill="currentColor"/></svg>`, 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: '🧬', img: neuronIcon, label: 'Cell Library', action: () => { cellLibraryInitialTab.value = undefined; showCellLibrary.value = !showCellLibrary.value; } },

src/components/SettingsPanel.vue

@@ -247,7 +247,7 @@ function handleSave() {
 // ── Toolbar icon choices ──────────────────────────────────────
 const SPLIT_SVG_SM = `<svg viewBox="0 0 16 16" fill="none" style="width:14px;height:14px;vertical-align:middle;color:#e06060"><path d="M8 3v2a4 4 0 0 1-4 4H4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/><path d="M8 3v2a4 4 0 0 0 4 4h0" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/><circle cx="8" cy="2.5" r="1.5" fill="currentColor"/><circle cx="4" cy="13" r="1.5" fill="currentColor"/><circle cx="12" cy="13" r="1.5" fill="currentColor"/><path d="M4 9v4M12 9v4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg>`;
 const MERGE_SVG_SM = `<svg viewBox="0 0 16 16" fill="none" style="width:14px;height:14px;vertical-align:middle;color:#60c060"><path d="M4 3v4a4 4 0 0 0 4 4h0a4 4 0 0 0 4-4V3" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/><circle cx="4" cy="2.5" r="1.5" fill="currentColor"/><circle cx="12" cy="2.5" r="1.5" fill="currentColor"/><circle cx="8" cy="13" r="1.5" fill="currentColor"/><path d="M8 11v2" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg>`;
-const RECAP_SVG_SM = `<svg viewBox="0 0 16 16" fill="none" style="width:14px;height:14px;vertical-align:middle;color:#a0c4ff"><rect x="2" y="10" width="2.5" height="4" rx="0.5" fill="currentColor" opacity="0.5"/><rect x="6" y="7" width="2.5" height="7" rx="0.5" fill="currentColor" opacity="0.7"/><rect x="10" y="3" width="2.5" height="11" rx="0.5" fill="currentColor"/><path d="M3 6l3.5-2.5L10 5.5l3-3" stroke="#ffd700" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/><circle cx="14" cy="2" r="1.2" fill="#ffd700"/></svg>`;
+const RECAP_SVG_SM = `<svg viewBox="0 0 16 16" fill="none" style="width:14px;height:14px;vertical-align:middle;color:#a0c4ff"><rect x="1" y="10" width="3" height="5" rx="0.5" fill="currentColor" opacity="0.4"/><rect x="5" y="7" width="3" height="8" rx="0.5" fill="currentColor" opacity="0.6"/><rect x="9" y="4" width="3" height="11" rx="0.5" fill="currentColor" opacity="0.8"/><rect x="13" y="1" width="2.5" height="14" rx="0.5" fill="currentColor"/></svg>`;
 const TOOLBAR_ICON_OPTIONS = [
   { id: 'split', emoji: '✂️', svg: SPLIT_SVG_SM, label: 'Split Mode' },
   { id: 'merge', emoji: '🔗', svg: MERGE_SVG_SM, label: 'Merge Mode' },