@commonpub/layer 0.52.0 → 0.53.0

package/components/contest/ContestEntries.vue

@@ -91,6 +91,7 @@ function confirmWithdraw(entryId: string): void {
         v-for="(entry, i) in entries"
         :key="entry.id"
         class="cpub-entry-card"
+        :class="{ 'cpub-entry-out': entry.eliminated }"
       >
         <div class="cpub-entry-thumb" :class="i % 2 === 0 ? 'cpub-entry-bg-light' : 'cpub-entry-bg-dark'">
           <img v-if="entry.contentCoverImageUrl" :src="entry.contentCoverImageUrl" :alt="entry.contentTitle" class="cpub-entry-cover-img" />
@@ -99,6 +100,8 @@ function confirmWithdraw(entryId: string): void {
             <div class="cpub-entry-icon"><i class="fa-solid fa-microchip"></i></div>
           </template>
           <span v-if="entry.rank" class="cpub-entry-rank" :class="`cpub-rank-${entry.rank <= 3 ? entry.rank : 'other'}`">#{{ entry.rank }}</span>
+          <span v-if="entry.eliminated" class="cpub-entry-cohort cpub-cohort-out"><i class="fa-solid fa-circle-minus"></i> Not advanced</span>
+          <span v-else-if="entry.stageState && entry.stageState.some((s) => s.status === 'advanced')" class="cpub-entry-cohort cpub-cohort-in"><i class="fa-solid fa-circle-check"></i> Advanced</span>
         </div>
         <div class="cpub-entry-body">
           <NuxtLink :to="`/u/${entry.authorUsername}/${entry.contentType}/${entry.contentSlug}`" class="cpub-entry-title">{{ entry.contentTitle || `Entry #${i + 1}` }}</NuxtLink>
@@ -165,6 +168,12 @@ function confirmWithdraw(entryId: string): void {
 .cpub-rank-2 { background: var(--surface2); color: var(--text-faint); border: var(--border-width-default) solid var(--text-faint); }
 .cpub-rank-3 { background: var(--surface2); color: var(--bronze); border: var(--border-width-default) solid var(--bronze); }
 .cpub-rank-other { background: var(--surface2); color: var(--text-dim); border: var(--border-width-default) solid var(--border); }
+.cpub-entry-cohort { position: absolute; top: 8px; right: 8px; z-index: 2; font-size: 9px; font-family: var(--font-mono); font-weight: 700; text-transform: uppercase; letter-spacing: .05em; padding: 2px 7px; border-radius: var(--radius); display: inline-flex; align-items: center; gap: 4px; }
+.cpub-cohort-in { background: var(--green-bg); color: var(--green); border: var(--border-width-default) solid var(--green-border); }
+.cpub-cohort-out { background: var(--surface2); color: var(--text-faint); border: var(--border-width-default) solid var(--border2); }
+.cpub-entry-cohort i { font-size: 8px; }
+.cpub-entry-out { opacity: .6; }
+.cpub-entry-out:hover { opacity: 1; }
 .cpub-entry-body { padding: 10px 12px; }
 .cpub-entry-title { font-size: 12px; font-weight: 600; margin-bottom: 3px; line-height: 1.3; color: var(--text); text-decoration: none; }
 .cpub-entry-title:hover { color: var(--accent); }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commonpub/layer",
-  "version": "0.52.0",
+  "version": "0.53.0",
   "type": "module",
   "main": "./nuxt.config.ts",
   "files": [
@@ -53,16 +53,16 @@
     "vue": "^3.4.0",
     "vue-router": "^4.3.0",
     "zod": "^4.3.6",
-    "@commonpub/editor": "0.7.11",
-    "@commonpub/auth": "0.8.0",
     "@commonpub/config": "0.18.0",
-    "@commonpub/docs": "0.6.3",
+    "@commonpub/learning": "0.5.2",
+    "@commonpub/editor": "0.7.11",
+    "@commonpub/schema": "0.30.0",
     "@commonpub/protocol": "0.13.0",
-    "@commonpub/schema": "0.29.0",
-    "@commonpub/server": "2.76.0",
+    "@commonpub/docs": "0.6.3",
+    "@commonpub/explainer": "0.7.15",
+    "@commonpub/server": "2.77.0",
     "@commonpub/ui": "0.9.2",
-    "@commonpub/learning": "0.5.2",
-    "@commonpub/explainer": "0.7.15"
+    "@commonpub/auth": "0.8.0"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.9.1",

package/pages/contests/[slug]/edit.vue

@@ -216,6 +216,30 @@ async function handleDelete(): Promise<void> {
 const availableTransitions = computed<string[]>(() => contestTransitionsFrom(contest.value?.status));
 const statusAction = contestStatusAction;
 
+// Phase B2 — advancement cuts. Operates on the PERSISTED stages (contest.value),
+// not the editable `stages` ref, since it acts on real entries.
+const advancing = ref<string | null>(null);
+const advanceN = ref<Record<string, number>>({});
+const reviewStages = computed(() => (contest.value?.stages ?? []).filter((s) => s.kind === 'review'));
+async function advanceStage(stageId: string): Promise<void> {
+  const topN = advanceN.value[stageId];
+  if (!topN || topN < 1) { toast.error('Enter how many entries advance.'); return; }
+  if (!confirm(`Advance the top ${topN} entries from this stage? Entries below the cut are marked "not advanced" and drop out of later judging + final results. You can re-run this.`)) return;
+  advancing.value = stageId;
+  try {
+    const r = await $fetch<{ advancedCount: number; eliminatedCount: number }>(`/api/contests/${slug}/advance`, {
+      method: 'POST',
+      body: { reviewStageId: stageId, mode: 'topN', topN },
+    });
+    toast.success(`${r.advancedCount} advanced, ${r.eliminatedCount} not advanced.`);
+    await refresh();
+  } catch (err: unknown) {
+    toast.error(extractError(err));
+  } finally {
+    advancing.value = null;
+  }
+}
+
 async function transitionStatus(newStatus: string): Promise<void> {
   // Only the consequential transitions confirm; reversible nudges (pause/resume,
   // go-back) just apply.
@@ -309,6 +333,21 @@ async function transitionStatus(newStatus: string): Promise<void> {
         />
       </section>
 
+      <section v-if="reviewStages.length" class="cpub-form-section">
+        <h2 class="cpub-form-section-title">Advancement</h2>
+        <p class="cpub-form-hint">Multi-round contests: after judging a review stage, advance the top entries to the next stage. Entries below the cut are marked "not advanced" and excluded from later judging + final results. Re-running re-computes the cut. (Save any stage changes above first.)</p>
+        <div v-for="rs in reviewStages" :key="rs.id" class="cpub-advance-row">
+          <span class="cpub-advance-name"><i class="fa-solid fa-gavel"></i> {{ rs.name }}</span>
+          <div class="cpub-advance-ctl">
+            <label class="cpub-form-label" :for="`adv-${rs.id}`">Advance top</label>
+            <input :id="`adv-${rs.id}`" v-model.number="advanceN[rs.id]" type="number" min="1" class="cpub-form-input cpub-advance-n" placeholder="50" />
+            <button type="button" class="cpub-btn cpub-btn-sm" :disabled="advancing === rs.id" @click="advanceStage(rs.id)">
+              <i class="fa-solid fa-arrow-up-right-dots"></i> {{ advancing === rs.id ? 'Advancing…' : 'Advance' }}
+            </button>
+          </div>
+        </div>
+      </section>
+
       <section class="cpub-form-section">
         <h2 class="cpub-form-section-title">Entries</h2>
         <div class="cpub-form-field">
@@ -583,6 +622,13 @@ async function transitionStatus(newStatus: string): Promise<void> {
   border-top: 2px solid var(--border);
   box-shadow: var(--shadow-lg);
 }
+.cpub-advance-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 10px 0; border-top: var(--border-width-default) solid var(--border); }
+.cpub-advance-row:first-of-type { border-top: 0; }
+.cpub-advance-name { font-size: 13px; font-weight: 600; display: inline-flex; align-items: center; gap: 8px; }
+.cpub-advance-name i { color: var(--accent); font-size: 11px; }
+.cpub-advance-ctl { display: inline-flex; align-items: center; gap: 8px; }
+.cpub-advance-ctl .cpub-form-label { margin: 0; }
+.cpub-advance-n { width: 80px; }
 .cpub-edit-actionbar-status { font-size: 11px; font-family: var(--font-mono); text-transform: uppercase; letter-spacing: .06em; color: var(--text-faint); display: flex; align-items: center; gap: 8px; }
 .cpub-edit-actionbar-btns { display: flex; align-items: center; gap: 8px; }
 

package/server/api/contests/[slug]/advance.post.ts

@@ -0,0 +1,22 @@
+import { getContestBySlug, advanceContestStage } from '@commonpub/server';
+import { contestAdvanceSchema } from '@commonpub/schema';
+
+// Phase B2 — apply an advancement cut at a review stage (cull the cohort to top-N
+// or a manual pick, snapshot scores, advance to the next stage). Owner-gated.
+export default defineEventHandler(async (event): Promise<{ advanced: boolean; advancedCount: number; eliminatedCount: number }> => {
+  requireFeature('contests');
+  const db = useDB();
+  const user = requireAuth(event);
+  const { slug } = parseParams(event, { slug: 'string' });
+  const input = await parseBody(event, contestAdvanceSchema);
+
+  const contest = await getContestBySlug(db, slug);
+  if (!contest) throw createError({ statusCode: 404, statusMessage: 'Contest not found' });
+
+  const result = await advanceContestStage(db, contest.id, user.id, input);
+  if (!result.advanced) {
+    const owner = /owner/i.test(result.error ?? '');
+    throw createError({ statusCode: owner ? 403 : 400, statusMessage: result.error || 'Advancement failed' });
+  }
+  return result;
+});