@commonpub/layer 0.57.0 → 0.58.0

package/components/LayoutRow.vue

@@ -595,7 +595,7 @@ const isOver = computed<boolean>(() => isDragOver.value !== undefined);
       :on-resize-start="resizeHandlerForSection(section)"
     />
     <!--
-      Session 164 polish — remove row × button.
+      Session 164 polish, remove row × button.
       Keyed child so <TransitionGroup> tracks it (TG requires keyed
       children). The button is position:absolute on the row corner
       so it doesn't take a grid column; FLIP doesn't move it because
@@ -603,7 +603,7 @@ const isOver = computed<boolean>(() => isDragOver.value !== undefined);
       when an onRemoveRow handler is wired (public path stays clean).
     -->
     <!--
-      Phase 3e — row select handle. Top-left corner so it doesn't collide
+      Phase 3e, row select handle. Top-left corner so it doesn't collide
       with the top-right remove button. Toggles row selection → the
       inspector swaps to the row-config form. Keyed for TransitionGroup;
       hidden on the public path (no onSelect handler).
@@ -614,7 +614,7 @@ const isOver = computed<boolean>(() => isDragOver.value !== undefined);
       type="button"
       class="cpub-layout-row-select"
       :class="{ 'cpub-layout-row-select--active': rowIsSelected }"
-      :aria-label="rowIsSelected ? `Row in ${zone} selected — activate to deselect` : `Select this row in ${zone}`"
+      :aria-label="rowIsSelected ? `Row in ${zone} selected, activate to deselect` : `Select this row in ${zone}`"
       :aria-pressed="rowIsSelected"
       :title="rowIsSelected ? 'Deselect row' : 'Select row'"
       @click.stop="handleRowSelectClick"
@@ -637,7 +637,7 @@ const isOver = computed<boolean>(() => isDragOver.value !== undefined);
       <i class="fa-solid fa-xmark" aria-hidden="true"></i>
     </button>
     <!--
-      Phase 3c — 12-col guideline overlay. Shown ONLY while a resize is
+      Phase 3c, 12-col guideline overlay. Shown ONLY while a resize is
       in flight AND it's resizing a section in THIS row. 12 vertical
       lines absolutely positioned across the row's inside; the line at
       `snapLineCol` (the resized section's right edge) bolds to opacity
@@ -704,7 +704,7 @@ const isOver = computed<boolean>(() => isDragOver.value !== undefined);
    empty rows but over-padded compact rows). :empty matches when the
    row has zero child elements, which happens when sections.length===0
    OR all sections are filtered out by sectionVisible. Both cases mean
-   "no drop target without help" — exactly when we need to enlarge it. */
+   "no drop target without help", exactly when we need to enlarge it. */
 .cpub-layout-row--editable:empty {
   min-height: 64px;
 }
@@ -774,7 +774,7 @@ const isOver = computed<boolean>(() => isDragOver.value !== undefined);
 
 /* Phase 3e — row select handle. Mirrors the remove button's reveal-on-
    hover/focus/selected behavior; positioned top-LEFT (remove is top-right)
-   so both fit on a row corner without overlap. Accent (not red) — it's a
+   so both fit on a row corner without overlap. Accent (not red), it's a
    selection affordance, not destructive. */
 .cpub-layout-row-select {
   position: absolute;
@@ -850,7 +850,7 @@ const isOver = computed<boolean>(() => isDragOver.value !== undefined);
 }
 /* When an item is leaving, its DOM stays for the duration of the
    leave transition. Take it out of the document flow so other items
-   can FLIP into its space WITHOUT waiting for the leave to finish —
+   can FLIP into its space WITHOUT waiting for the leave to finish -
    gives a visually-coherent reorder when a section is also being
    removed. */
 .cpub-flip-leave-active {
@@ -901,7 +901,7 @@ const isOver = computed<boolean>(() => isDragOver.value !== undefined);
 /* R1-7 audit fix: the overlay is a keyed child of the row's
    <TransitionGroup>, so it INHERITS the cpub-flip-enter/leave classes
    while mounting. Their opacity:0 + scale(0.96) prelude conflicts with
-   the overlay's own fade-in animation — for ~150ms the overlay would
+   the overlay's own fade-in animation, for ~150ms the overlay would
    pop to scale 0.96, then snap back. Override to neutralise the flip
    prelude on the overlay specifically; sections + the remove button
    keep their flip animations. */

package/components/LayoutSection.vue

@@ -477,7 +477,7 @@ function onHandlePointerDown(e: PointerEvent): void {
         <i class="fa-solid fa-chevron-down" aria-hidden="true"></i>
       </button>
       <!--
-        Phase 3b/B — "Move to zone…" disclosure. Renders only when the
+        Phase 3b/B, "Move to zone…" disclosure. Renders only when the
         parent provided a non-empty availableZones list (current zone
         excluded, zones with zero rows excluded). aria-haspopup='menu'
         + aria-expanded so screen readers announce the disclosure state;
@@ -525,8 +525,8 @@ function onHandlePointerDown(e: PointerEvent): void {
     </div>
 
     <!--
-      Phase 3c — right-edge resize handle.
-      Renders only when the parent (LayoutRow) passes onResizeStart —
+      Phase 3c, right-edge resize handle.
+      Renders only when the parent (LayoutRow) passes onResizeStart -
       that's the parent's signal that the section's registry def is
       `resizable: true` AND the row is wider than the mobile breakpoint
       (CSS further hides at < 768px defensively).
@@ -563,7 +563,7 @@ function onHandlePointerDown(e: PointerEvent): void {
     </button>
 
     <!--
-      Phase 3c — live span pill. Shown while the section is selected OR
+      Phase 3c, live span pill. Shown while the section is selected OR
       involved in an in-flight resize. Three-state visual:
         - selected only: subtle outline-style badge "8/12"
         - resizing (this section): accent-filled, follows live span
@@ -583,7 +583,7 @@ function onHandlePointerDown(e: PointerEvent): void {
     </div>
 
     <!--
-      Phase 3c — constraint snap label. Shown ONLY while THIS section is
+      Phase 3c, constraint snap label. Shown ONLY while THIS section is
       being resized AND a bound was hit. Provides the three independent
       signals plan §7.5 + WCAG 1.4.1 require: outline color change (the
       handle's --active state), lock icon ("🔒"), text ("min 3/12").
@@ -876,7 +876,7 @@ function onHandlePointerDown(e: PointerEvent): void {
 .cpub-layout-section-resize-handle {
   position: absolute;
   /* Centered on the section's right border. -2px so the 4px-wide handle
-     sits half-in/half-out — reads as "the border itself is the grip". */
+     sits half-in/half-out, reads as "the border itself is the grip". */
   top: 50%;
   right: -2px;
   transform: translateY(-50%);
@@ -912,7 +912,7 @@ function onHandlePointerDown(e: PointerEvent): void {
   pointer-events: none;
 }
 /* Reveal on the section's hover, selection, or focus-within (keyboard
-   user tabbed to a child) — the union covers all input modes. */
+   user tabbed to a child), the union covers all input modes. */
 .cpub-layout-section--editable:hover > .cpub-layout-section-resize-handle,
 .cpub-layout-section--selected > .cpub-layout-section-resize-handle,
 .cpub-layout-section--editable:focus-within > .cpub-layout-section-resize-handle,
@@ -947,7 +947,7 @@ function onHandlePointerDown(e: PointerEvent): void {
   .cpub-layout-section-resize-handle { transition: none; }
 }
 /* < 768px: hide the handle per plan §7.5. Colspan changes happen via
-   the inspector slider on mobile (deferred to Phase 3e — keyboard
+   the inspector slider on mobile (deferred to Phase 3e, keyboard
    path via Shift+Arrow still works in the meantime). */
 @media (max-width: 768px) {
   .cpub-layout-section-resize-handle { display: none; }

package/components/LayoutSlot.vue

@@ -141,16 +141,16 @@ const zone = computed<LayoutZoneClient | null>(
       - no layout exists for this route
       - no zone of that slug in the layout
       - zone has zero rows
-    All four are valid "absence" cases — fall back to legacy rendering
+    All four are valid "absence" cases, fall back to legacy rendering
     via the page's v-if structure.
   -->
   <!--
     Phase 3b/A extraction: row + section rendering moved to <LayoutRow>
     so each row instance can own its own `makeDroppable` template ref
     (dnd-kit composables run per-component setup; one row instance per
-    component is the natural fit). The HTML SHAPE is preserved — same
+    component is the natural fit). The HTML SHAPE is preserved, same
     .cpub-layout-row + .cpub-layout-section classes, same data-* attrs
-    — so existing tests + selectors keep working unchanged.
+   , so existing tests + selectors keep working unchanged.
   -->
   <template v-if="zone && zone.rows.length > 0">
     <LayoutRow

package/components/MirrorDetailModal.vue

@@ -101,7 +101,7 @@ async function remove(): Promise<void> {
 
       <p class="cpub-mm-sub">
         <span class="cpub-mm-dir">{{ isPull ? '↓ Pull (you receive their content)' : '↑ Push request' }}</span>
-        — one-directional: this instance receives content from {{ mirror.remoteDomain }}; they receive nothing from you.
+       , one-directional: this instance receives content from {{ mirror.remoteDomain }}; they receive nothing from you.
       </p>
 
       <!-- Facts -->
@@ -146,9 +146,9 @@ async function remove(): Promise<void> {
             {{ busy === 'backfill' ? 'Importing…' : 'Backfill' }}
           </button>
         </div>
-        <p class="cpub-mm-hint">Crawls {{ mirror.remoteDomain }}'s outbox newest-first and stops at the chosen depth — bounded so you don't pull an entire large instance at once.</p>
+        <p class="cpub-mm-hint">Crawls {{ mirror.remoteDomain }}'s outbox newest-first and stops at the chosen depth, bounded so you don't pull an entire large instance at once.</p>
         <div v-if="backfillResult" class="cpub-fed-result">
-          Imported {{ backfillResult.processed }} item(s), {{ backfillResult.errors }} error(s), {{ backfillResult.pages }} page(s){{ backfillResult.complete ? ' — complete.' : ' — more available (run again).' }}
+          Imported {{ backfillResult.processed }} item(s), {{ backfillResult.errors }} error(s), {{ backfillResult.pages }} page(s){{ backfillResult.complete ? ', complete.' : ', more available (run again).' }}
         </div>
       </div>
 

package/components/MirrorRequestApproveModal.vue

@@ -19,7 +19,7 @@ useFocusTrap(contentRef, () => visible.value, () => emit('close'));
 
 // Same bounded depth choices as the create form — what history to pull when we approve.
 const DEPTH_OPTIONS: Array<{ label: string; body: Record<string, number> | null }> = [
-  { label: 'None — forward only (default)', body: null },
+  { label: 'None, forward only (default)', body: null },
   { label: 'Last 7 days', body: { sinceDays: 7 } },
   { label: 'Last 30 days', body: { sinceDays: 30 } },
   { label: 'Last 90 days', body: { sinceDays: 90 } },
@@ -50,7 +50,7 @@ async function approve(): Promise<void> {
   const url: string = `/api/admin/federation/mirror-requests/${props.request.id}/approve`;
   try {
     await $fetch(url, { method: 'POST', body });
-    toast.success(`Approved — now mirroring ${props.request.remoteDomain}`);
+    toast.success(`Approved, now mirroring ${props.request.remoteDomain}`);
     emit('changed');
     emit('close');
   } catch {
@@ -86,7 +86,7 @@ async function reject(): Promise<void> {
 
       <p class="cpub-mr-sub">
         <strong>{{ request.remoteDomain }}</strong> asked you to mirror your instance. Approving creates a
-        <strong>pull mirror</strong> of them — you'll receive their public content, with the depth and
+        <strong>pull mirror</strong> of them, you'll receive their public content, with the depth and
         filters you choose below. (One-directional: they still receive nothing from you.)
       </p>
 

package/components/PollDisplay.vue

@@ -53,7 +53,7 @@ async function vote(optionId: string): Promise<void> {
       :class="{ voted: data.userVote === option.id, clickable: !hasVoted && isAuthenticated }"
       :disabled="hasVoted || !isAuthenticated"
       :aria-pressed="data.userVote === option.id"
-      :aria-label="`${option.label}${hasVoted ? ` — ${percentage(option.voteCount)}%` : ''}`"
+      :aria-label="`${option.label}${hasVoted ? `, ${percentage(option.voteCount)}%` : ''}`"
       @click="vote(option.id)"
     >
       <div class="cpub-poll-bar" :style="{ width: hasVoted || !isAuthenticated ? `${percentage(option.voteCount)}%` : '0%' }" />

package/components/RegistryDirectory.vue

@@ -34,8 +34,8 @@ async function mirror(row: RegistryRow, direction: 'pull' | 'push'): Promise<voi
       body: { remoteDomain: row.domain, remoteActorUri: row.actorUri, direction },
     });
     toast.success(direction === 'pull'
-      ? `Mirroring ${row.domain} — their posts will arrive`
-      : `Requested ${row.domain} to mirror you — awaiting their approval`);
+      ? `Mirroring ${row.domain}, their posts will arrive`
+      : `Requested ${row.domain} to mirror you, awaiting their approval`);
     emit('changed');
   } catch {
     toast.error(direction === 'pull' ? 'Failed to add mirror' : 'Failed to send request');

package/components/admin/layouts/AdminLayoutsAutoForm.vue

@@ -220,7 +220,7 @@ function groupValue(field: AutoFormField): Record<string, unknown> {
         >
           <!-- Optional fields (no default) get a leading unset option so an
                undefined value reads as "default", not the first real choice. -->
-          <option v-if="f.optional" value="">— Default —</option>
+          <option v-if="f.optional" value="">- Default -</option>
           <option v-for="opt in f.options" :key="String(opt.value)" :value="opt.value">
             {{ opt.label }}
           </option>

package/components/admin/layouts/AdminLayoutsCanvas.vue

@@ -182,7 +182,7 @@ function findFirstRowInZone(zoneSlug: string): LayoutRowType | null {
       </div>
       <!--
         Consolidation Stage 2: the canvas previews the layout through the
-        shared <PageFrame> — the SAME frame production uses (full-width
+        shared <PageFrame>, the SAME frame production uses (full-width
         above; main + sidebar side-by-side; one max-width/sidebar-width).
         Previously zones were stacked as equal-width labeled boxes, which
         did NOT match what visitors see (broken WYSIWYG). Each zone keeps
@@ -217,7 +217,7 @@ function findFirstRowInZone(zoneSlug: string): LayoutRowType | null {
               <!--
                 Session 164 polish (v1 blocker): "+ Add row". Without
                 this, a fresh layout (or a layout with an empty zone)
-                has no drop target — admin is stuck. Click → editor
+                has no drop target, admin is stuck. Click → editor
                 page mutates draft.zones[i].rows + records to history
                 + narrates. Plan §7.2.
                 Renders only when the parent provided onAddRow (so the

package/components/admin/layouts/AdminLayoutsConflictModal.vue

@@ -134,7 +134,7 @@ onBeforeUnmount(() => {
         <div id="cpub-admin-layouts-conflict-body" class="cpub-admin-layouts-conflict-body">
           <p>{{ message ?? 'Another admin saved this layout while you were editing.' }}</p>
           <p class="cpub-admin-layouts-conflict-body-hint">
-            Reload their version (recommended) — or keep your edits visible so you can copy what
+            Reload their version (recommended), or keep your edits visible so you can copy what
             you need before deciding. Overwriting their changes is destructive and final.
           </p>
         </div>

package/components/admin/layouts/AdminLayoutsHelpOverlay.vue

@@ -65,7 +65,7 @@ const groups: HotkeyGroup[] = [
     title: 'History',
     rows: [
       { chord: ['⌘', 'Z'], description: 'Undo the last change. Stack holds the most recent 50 operations.' },
-      { chord: ['⌘', 'Shift', 'Z'], description: 'Redo. Cancelled by any new action — Notion/Linear convention.' },
+      { chord: ['⌘', 'Shift', 'Z'], description: 'Redo. Cancelled by any new action, Notion/Linear convention.' },
     ],
   },
   // (Move group deliberately omitted — session 165 deep audit R1-A.

package/components/admin/layouts/AdminLayoutsInspectorPage.vue

@@ -170,7 +170,7 @@ const id = (suffix: string): string => `cpub-inspector-page-${suffix}`;
         <option value="sidebar-right">sidebar-right</option>
       </select>
       <p id="frame-soon-hint" class="cpub-inspector-page-hint">
-        Page chrome shape — reserved for Phase 4. Currently has no effect; the renderer
+        Page chrome shape, reserved for Phase 4. Currently has no effect; the renderer
         always exposes the same three zones (full-width, main, sidebar).
       </p>
     </div>

package/components/admin/layouts/AdminLayoutsToolbar.vue

@@ -163,7 +163,7 @@ const VIEWPORTS: Array<{ value: 'mobile' | 'tablet' | 'desktop'; icon: string; l
     </NuxtLink>
 
     <div class="cpub-admin-layouts-toolbar-title">
-      <span class="cpub-admin-layouts-toolbar-name">{{ layoutName || '—' }}</span>
+      <span class="cpub-admin-layouts-toolbar-name">{{ layoutName || '-' }}</span>
       <span
         class="cpub-admin-layouts-toolbar-state"
         :data-state="effectiveState"
@@ -173,7 +173,7 @@ const VIEWPORTS: Array<{ value: 'mobile' | 'tablet' | 'desktop'; icon: string; l
     <!--
       Session 164 polish: palette/inspector toggles MOVED to edge tabs on the
       panels themselves (see pages/admin/layouts/[id].vue body). The toolbar
-      previously hosted these buttons, but the placement was non-obvious —
+      previously hosted these buttons, but the placement was non-obvious -
       collapsing made it unclear where to re-open. The edge tabs at the
       panel/canvas boundary follow the Notion/Linear convention: when
       expanded they sit at the panel's outer edge; when collapsed they sit
@@ -200,7 +200,7 @@ const VIEWPORTS: Array<{ value: 'mobile' | 'tablet' | 'desktop'; icon: string; l
     </div>
 
     <!--
-      Phase 3b/B — undo / redo. Plan §7.12 toolbar mockup shows '⤺ ⤻'
+      Phase 3b/B, undo / redo. Plan §7.12 toolbar mockup shows '⤺ ⤻'
       between viewport and save indicator. Tooltip carries the next
       command's specific label ("Undo: move hero") so the discoverable
       affordance answers "what will Cmd+Z do?" without taking action.
@@ -250,7 +250,7 @@ const VIEWPORTS: Array<{ value: 'mobile' | 'tablet' | 'desktop'; icon: string; l
       <!-- R4 audit P2 fix: Discard button wires useLayoutEditor.discard().
            Enabled only when dirty; emits 'discard' for the parent page to
            confirm + invoke. Previously discard() was implemented but
-           unwired — admin's only revert path was page refresh. -->
+           unwired, admin's only revert path was page refresh. -->
       <button
         type="button"
         class="cpub-admin-layouts-toolbar-btn"
@@ -338,7 +338,7 @@ const VIEWPORTS: Array<{ value: 'mobile' | 'tablet' | 'desktop'; icon: string; l
 }
 /* "modified" pill: yellow border + tint background, but theme-safe
    text color (var(--text)) for WCAG contrast. The raw --yellow token
-   (#f59e0b) is 2.07:1 on white — fails both AA text (4.5:1) and
+   (#f59e0b) is 2.07:1 on white, fails both AA text (4.5:1) and
    non-text UI (3:1). Pairing border+tint with --text gives the visual
    signal (warning) without the contrast failure. Per session 160
    audit catch. */

package/components/admin/theme/AdminThemeSceneGallery.vue

@@ -24,9 +24,9 @@
           <code class="scene-inline-code">var(--text-base)</code>. The quick brown fox
           jumps over the lazy dog.
         </p>
-        <p class="scene-muted">Secondary text — note the contrast against background.</p>
-        <p class="scene-faint">Tertiary text — used for placeholders and faint metadata.</p>
-        <p class="scene-mono-label">Mono label — uppercase letter-spaced</p>
+        <p class="scene-muted">Secondary text, note the contrast against background.</p>
+        <p class="scene-faint">Tertiary text, used for placeholders and faint metadata.</p>
+        <p class="scene-mono-label">Mono label, uppercase letter-spaced</p>
       </div>
     </section>
 

package/components/admin/theme/AdminThemeSceneProse.vue

@@ -13,7 +13,7 @@
       <h1 class="scene-prose-title">Building a federated maker community without a platform</h1>
       <p class="scene-prose-deck">
         How CommonPub instances stay sovereign while still talking to Mastodon, Lemmy,
-        and each other — and what we learned shipping the first three live sites.
+        and each other, and what we learned shipping the first three live sites.
       </p>
       <div class="scene-prose-byline">
         <span class="scene-prose-avatar">M</span>
@@ -27,7 +27,7 @@
       Most maker communities live on someone else's platform. The platform owns the
       identity, the content, the moderation, and the moment the platform changes
       direction, the community goes with it. That's the failure mode CommonPub is
-      built around — every instance is a complete site, federation is opt-in, and
+      built around, every instance is a complete site, federation is opt-in, and
       moving your community is a database export, not a migration ticket.
     </p>
 
@@ -41,7 +41,7 @@
     </p>
 
     <blockquote class="scene-prose-quote">
-      The schema is the work — everything else follows from it.
+      The schema is the work, everything else follows from it.
     </blockquote>
 
     <h3 class="scene-prose-h3">What the layer ships</h3>

package/components/admin/theme/AdminThemeTokenInput.vue

@@ -132,7 +132,7 @@ const WEIGHTS = ['100', '200', '300', '400', '500', '600', '700', '800', '900'];
         @change="(e) => commitLengthParts(lengthParts.num, (e.target as HTMLSelectElement).value as never)"
       >
         <option v-for="u in NUMBER_UNITS" :key="u" :value="u">{{ u }}</option>
-        <option value="">—</option>
+        <option value="">-</option>
       </select>
       <input
         class="token-input token-input-raw"

package/components/blocks/BlockCodeView.vue

@@ -159,7 +159,7 @@ pre.hljs .hljs-title.class_ { color: var(--hljs-variable); }
   /* Reset the universal `*,::before,::after{border-radius:var(--radius)}`
      rule from base.css. Themes that override --radius to non-zero (e.g.
      deveco --radius:6px) leave the inner header + body with their own
-     rounded corners — the rounded edges curve AWAY from each other inside
+     rounded corners, the rounded edges curve AWAY from each other inside
      the outer rounded container, leaving wedges of empty page-bg between
      them. Sharp inner edges tile flush inside the outer overflow:hidden
      rounded box. (deveco.io report, 2026-05-21) */
@@ -212,7 +212,7 @@ pre.hljs .hljs-title.class_ { color: var(--hljs-variable); }
   /* Reset the global `.cpub-prose pre` rule from prose.css that adds
      border + 16px top/bottom margin to every <pre> inside prose. Inside
      a BlockCodeView the container already owns the border + the header
-     sits directly above the body — the global rule's margin and extra
+     sits directly above the body, the global rule's margin and extra
      border created a visible "floating bar with gap then code block"
      effect (heatsynclabs.io report, 2026-05-21). */
   border: 0 !important;

package/components/blocks/BlockDividerView.vue

@@ -40,7 +40,7 @@ const spacingY = computed(() => {
 .cpub-block-divider {
   border: none;
   border-top: var(--border-width-default) solid var(--border);
-  margin: 36px 0;  /* default — preserved for existing block callers */
+  margin: 36px 0;  /* default, preserved for existing block callers */
 }
 
 /* variants */

package/components/blocks/BlockPartsListView.vue

@@ -47,7 +47,7 @@ const totalPrice = computed(() => {
             <span v-else>{{ part.name || 'Unknown' }}</span>
           </td>
           <td class="cpub-col-qty">{{ (part.qty ?? part.quantity) ?? 1 }}</td>
-          <td class="cpub-part-notes">{{ part.notes || '—' }}</td>
+          <td class="cpub-part-notes">{{ part.notes || '-' }}</td>
         </tr>
       </tbody>
     </table>

package/components/blocks/BlockQuizView.vue

@@ -79,7 +79,7 @@ function optionClass(idx: number): string {
 
       <div v-if="answered" class="cpub-quiz-feedback" :class="isCorrect ? 'correct' : 'wrong'" role="status" aria-live="polite" aria-atomic="true">
         <i :class="isCorrect ? 'fa-solid fa-circle-check' : 'fa-solid fa-circle-xmark'"></i>
-        <span>{{ isCorrect ? 'Correct!' : 'Not quite — the correct answer is highlighted above.' }}</span>
+        <span>{{ isCorrect ? 'Correct!' : 'Not quite, the correct answer is highlighted above.' }}</span>
       </div>
     </div>
   </div>

package/components/blocks/BlockQuoteView.vue

@@ -10,7 +10,7 @@ const attribution = computed(() => (props.content.attribution as string) || '');
 <template>
   <blockquote class="cpub-block-quote">
     <div class="cpub-quote-text" v-html="html" />
-    <footer v-if="attribution" class="cpub-quote-attr">— {{ attribution }}</footer>
+    <footer v-if="attribution" class="cpub-quote-attr">- {{ attribution }}</footer>
   </blockquote>
 </template>
 

package/components/contest/ContestHero.vue

@@ -113,7 +113,7 @@ const dateRange = computed<string>(() => {
     new Date(d).toLocaleDateString('en-US', { month: 'short', day: 'numeric', ...(withYear ? { year: 'numeric' } : {}) });
   const start = c.value?.startDate ? fmt(c.value.startDate) : '';
   const end = c.value?.endDate ? fmt(c.value.endDate, true) : '';
-  if (start && end) return `${start} — ${end}`;
+  if (start && end) return `${start}, ${end}`;
   return start || end;
 });
 </script>
@@ -207,7 +207,7 @@ const dateRange = computed<string>(() => {
             </div>
             <div v-else-if="isDraft" class="cpub-countdown-ended">
               <i class="fa-solid fa-pen-ruler"></i>
-              <span>Draft — not launched</span>
+              <span>Draft, not launched</span>
             </div>
             <div v-else-if="dateNote" class="cpub-countdown-ended">
               <i class="fa-regular fa-calendar"></i>

package/components/contest/ContestStagesEditor.vue

@@ -189,7 +189,7 @@ const missingSubmission = computed(() => stages.value.length > 0 && !stages.valu
               :value="stage.description ?? ''"
               type="text"
               class="cpub-form-input"
-              placeholder="What happens — or what to submit/refine — this stage"
+              placeholder="What happens, or what to submit/refine, this stage"
               @input="setField(i, { description: ($event.target as HTMLInputElement).value || undefined })"
             />
           </div>
@@ -198,13 +198,13 @@ const missingSubmission = computed(() => stages.value.length > 0 && !stages.valu
           <div v-if="stage.kind === 'review'" class="cpub-stage-criteria">
             <div class="cpub-form-field" style="margin-bottom: 10px;">
               <label class="cpub-form-label">Advance the top N to the next stage</label>
-              <input :value="stage.advanceCount ?? ''" type="number" min="1" class="cpub-form-input cpub-stage-advn" placeholder="e.g. 50 — leave blank to decide at advance time" @input="advanceCountInput(i, $event)" />
+              <input :value="stage.advanceCount ?? ''" type="number" min="1" class="cpub-form-input cpub-stage-advn" placeholder="e.g. 50, leave blank to decide at advance time" @input="advanceCountInput(i, $event)" />
             </div>
             <div class="cpub-stage-criteria-head">
-              <span class="cpub-form-label" style="margin: 0;">Judging criteria — this round</span>
+              <span class="cpub-form-label" style="margin: 0;">Judging criteria, this round</span>
               <button type="button" class="cpub-btn cpub-btn-sm" @click="addCriterion(i)"><i class="fa-solid fa-plus"></i> Add</button>
             </div>
-            <p class="cpub-form-hint" style="margin: 4px 0;">Optional — leave empty to use the contest’s default criteria. Set per-round criteria for multi-round contests (e.g. judge proposals on Feasibility, prototypes on Deployment readiness).</p>
+            <p class="cpub-form-hint" style="margin: 4px 0;">Optional, leave empty to use the contest’s default criteria. Set per-round criteria for multi-round contests (e.g. judge proposals on Feasibility, prototypes on Deployment readiness).</p>
             <div v-for="(crit, ci) in (stage.criteria ?? [])" :key="ci" class="cpub-stage-crit-row">
               <input :value="crit.label" type="text" class="cpub-form-input" placeholder="Criterion (e.g. Community impact)" @input="setCriterion(i, ci, { label: ($event.target as HTMLInputElement).value })" />
               <input :value="crit.weight ?? ''" type="number" min="0" max="100" class="cpub-form-input cpub-stage-crit-pts" placeholder="pts" @input="critWeightInput(i, ci, $event)" />

package/components/editors/ArticleEditor.vue

@@ -337,7 +337,7 @@ const canvasMaxWidth = computed(() => {
         <label class="cpub-ae-assets-drop" :class="{ 'cpub-ae-assets-uploading': uploading }">
           <i :class="uploading ? 'fa-solid fa-spinner fa-spin' : 'fa-solid fa-cloud-arrow-up'"></i>
           <div class="cpub-ae-assets-drop-label">{{ uploading ? 'Uploading...' : 'Drop files here' }}</div>
-          <div class="cpub-ae-assets-drop-sub">JPG, PNG, GIF, SVG, PDF — max {{ MAX_CONTENT_UPLOAD_MB }} MB</div>
+          <div class="cpub-ae-assets-drop-sub">JPG, PNG, GIF, SVG, PDF, max {{ MAX_CONTENT_UPLOAD_MB }} MB</div>
           <input type="file" class="cpub-sr-only" :disabled="uploading" @change="onAssetUpload">
         </label>
         <div v-if="uploadError" class="cpub-ae-assets-error">

package/components/editors/ExplainerEditor.vue

@@ -48,7 +48,7 @@ const blockTypes: BlockTypeGroup[] = [
   {
     name: 'Structure',
     blocks: [
-      { type: 'sectionHeader', label: 'Section Header', icon: 'fa-heading', description: 'Tag + title + intro — starts a section' },
+      { type: 'sectionHeader', label: 'Section Header', icon: 'fa-heading', description: 'Tag + title + intro, starts a section' },
       { type: 'horizontal_rule', label: 'Section Divider', icon: 'fa-minus', description: 'Visual break' },
     ],
   },

package/components/sections/SectionLearning.vue

@@ -86,7 +86,7 @@ const isEmpty = computed(() => !pending.value && items.value.length === 0);
             Using <img> rather than background-image: (a) Vue auto-escapes
             attribute bindings so a path.coverImageUrl containing `");
             evil(` can't escape the url(...) context (modern browsers
-            ignore JS in CSS URLs but still — defence in depth), and (b)
+            ignore JS in CSS URLs but still, defence in depth), and (b)
             the cover IS semantically information when present, so giving
             it an `alt` of the path title is better a11y than `role=
             presentation`. Empty alt would also be fine here; the title

package/components/views/ArticleView.vue

@@ -209,7 +209,7 @@ useJsonLd({
           </NuxtLink>
           <div v-else class="cpub-series-nav-btn cpub-prev cpub-disabled">
             <div class="cpub-series-nav-dir"><i class="fa-solid fa-chevron-left"></i> Previous</div>
-            <div class="cpub-series-nav-ep">—</div>
+            <div class="cpub-series-nav-ep">-</div>
           </div>
           <NuxtLink v-if="content.seriesNext" :to="content.seriesNext.url || '#'" class="cpub-series-nav-btn cpub-next">
             <div class="cpub-series-nav-dir">Next <i class="fa-solid fa-chevron-right"></i></div>
@@ -440,7 +440,7 @@ useJsonLd({
   height: var(--cpub-av-size);
   /* Hard-lock to a square. Without min/max clamps, a global img reset or a
      dropped dimension lets the <img> fall back to its intrinsic aspect ratio,
-     so a portrait photo renders as a tall oval (the deveco blog-avatar bug —
+     so a portrait photo renders as a tall oval (the deveco blog-avatar bug -
      visible even on wide viewports, so it's not flex compression). min/max on
      BOTH axes clamp the used size regardless of what sets width/height. */
   min-width: var(--cpub-av-size);

package/components/views/ProjectView.vue

@@ -494,7 +494,7 @@ async function handleBuild(): Promise<void> {
                     <tr v-for="(part, idx) in partsFromBlocks" :key="idx">
                       <td class="cpub-part-name">{{ part.name }}</td>
                       <td class="cpub-part-qty">{{ part.quantity }}</td>
-                      <td class="cpub-part-notes">{{ part.notes || '—' }}</td>
+                      <td class="cpub-part-notes">{{ part.notes || '-' }}</td>
                     </tr>
                   </tbody>
                 </table>
@@ -587,7 +587,7 @@ async function handleBuild(): Promise<void> {
             </div>
             <div class="cpub-bom-summary-row">
               <span class="cpub-bom-label">Total Cost</span>
-              <span class="cpub-bom-val cpub-bom-green">{{ content.estimatedCost || '—' }}</span>
+              <span class="cpub-bom-val cpub-bom-green">{{ content.estimatedCost || '-' }}</span>
             </div>
             <!-- Linked products from catalog -->
             <template v-if="bomProducts?.length">
@@ -983,7 +983,7 @@ img.cpub-av {
      .cpub-has-sidebar                 → content + sidebar
      .cpub-has-toc.cpub-has-sidebar    → TOC + content + sidebar
    The sidebar 260px column is reserved ONLY when there's sidebar
-   content to put in it (BOM/parts OR community hub) — otherwise the
+   content to put in it (BOM/parts OR community hub), otherwise the
    content column gets the freed width. */
 .cpub-project-grid {
   display: grid;

package/composables/useAdminSidebar.ts

@@ -38,8 +38,8 @@
 const COOKIE_KEY = 'cpub-admin-sidebar-collapsed';
 
 const EDITOR_ROUTE_PATTERNS: RegExp[] = [
-  /^\/admin\/layouts\/[^/]+$/, // /admin/layouts/[id] — Phase 3a layout editor
-  /^\/admin\/theme\/edit\/[^/]+$/, // /admin/theme/edit/[id] — session 154+156 theme editor
+  /^\/admin\/layouts\/[^/]+$/, // /admin/layouts/[id], Phase 3a layout editor
+  /^\/admin\/theme\/edit\/[^/]+$/, // /admin/theme/edit/[id], session 154+156 theme editor
 ];
 
 export interface AdminSidebarApi {
@@ -68,7 +68,7 @@ export function useAdminSidebar(): AdminSidebarApi {
   // emit Set-Cookie for unchanged default values).
   const userPref = useCookie<boolean>(COOKIE_KEY, {
     default: () => false,
-    maxAge: 60 * 60 * 24 * 365, // 1 year — sidebar pref is "forever"
+    maxAge: 60 * 60 * 24 * 365, // 1 year, sidebar pref is "forever"
     path: '/',
     sameSite: 'lax',
   });

package/composables/useLayoutEditor.ts

@@ -385,7 +385,7 @@ export function useLayoutEditor(id: string): LayoutEditorState {
     // the beacon path can't carry this payload. Beforeunload still
     // catches the user's intent to leave; the auto-save's pre-hide
     // visibility-flush handles smaller payloads (no keepalive cap).
-    const BEACON_BODY_MAX_BYTES = 60 * 1024; // 60KB — 4KB headroom under the 64KB browser cap
+    const BEACON_BODY_MAX_BYTES = 60 * 1024; // 60KB, 4KB headroom under the 64KB browser cap
     if (body.length > BEACON_BODY_MAX_BYTES) {
       return false;
     }

package/composables/useLayoutHotkeys.ts

@@ -253,7 +253,7 @@ export function useLayoutHotkeys(opts: UseLayoutHotkeysOptions): UseLayoutHotkey
     const draft = opts.getDraft();
     if (!draft) return;
     const loc = findSectionLocation(draft, sel.id);
-    if (!loc) return; // stale selection — section vanished mid-keydown
+    if (!loc) return; // stale selection, section vanished mid-keydown
 
     // --- Keyboard resize (Phase 3c) ---
     // Run BEFORE Backspace/Cmd+D so Shift+ArrowRight doesn't fall through.