rename: Note→Post/Line (dashboard); Recognition→Note (drama); new-post/my-posts to billboard

- dashboard: Note→Post, Item→Line across models, forms, views, API, urls & tests
- new-post (9×3) & my-posts (3×3) applets migrate from dashboard→billboard context; billboard view passes form & recent_posts
- drama: Recognition→Note, related_name notes; billboard URL /recognition/→/my-notes/, set-palette at /note/<slug>/set-palette
- recognition.js→note.js (module Note, data.note key); recognition-page.js→note-page.js; .recog-*→.note-*
- _recognition.scss→_note.scss; BillNotes page header; applet slug billboard-recognition→billboard-notes (My Notes)
- NoteSpec.js replaces RecognitionSpec.js; test_recognition.py→test_applet_my_notes.py
- 4 migrations applied: dashboard 0004, applets 0011+0012, drama 0005; 683 ITs green

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

src/static_src/scss/_billboard.scss

@@ -1,3 +1,28 @@
+// ── My Posts applet ────────────────────────────────────────────────────────
+
+#id_applet_my_posts {
+    display: flex;
+    flex-direction: column;
+
+    .my-posts-container {
+        flex: 1;
+        min-height: 0;
+        overflow-y: auto;
+        -webkit-overflow-scrolling: touch;
+        scrollbar-width: none;
+        &::-webkit-scrollbar { display: none; }
+        mask-origin: padding-box;
+        mask-clip: padding-box;
+        mask-image: linear-gradient(
+            to bottom,
+            transparent 0%,
+            black 5%,
+            black 85%,
+            transparent 100%
+        );
+    }
+}
+
 // ── Shared aperture fill for both billboard pages ──────────────────────────
 
 %billboard-page-base {
@@ -87,20 +112,20 @@ body.page-billscroll {
 }
 
 // ── Billboard applet placement ─────────────────────────────────────────────
-// Left column (4-wide): My Scrolls → Contacts → Recognition stacked.
+// Left column (4-wide): My Scrolls → Contacts → Notes stacked.
 // Right column (8-wide): Most Recent spans full height.
 // Portrait override (container query) restores stacked full-width layout.
 
 #id_billboard_applets_container {
     #id_applet_billboard_my_scrolls  { grid-column: 1 / span 4; grid-row:  1 / span 3; }
     #id_applet_billboard_my_contacts { grid-column: 1 / span 4; grid-row:  4 / span 3; }
-    #id_applet_billboard_recognition { grid-column: 1 / span 4; grid-row:  7 / span 4; }
+    #id_applet_billboard_notes { grid-column: 1 / span 4; grid-row:  7 / span 4; }
     #id_applet_billboard_most_recent { grid-column: 5 / span 8; grid-row:  1 / span 10; }
 
     @container (max-width: 550px) {
         #id_applet_billboard_my_scrolls,
         #id_applet_billboard_my_contacts,
-        #id_applet_billboard_recognition,
+        #id_applet_billboard_notes,
         #id_applet_billboard_most_recent {
             grid-column: 1 / span 12;
             grid-row: span var(--applet-rows, 3);
@@ -108,9 +133,9 @@ body.page-billscroll {
     }
 }
 
-// ── Recognition applet — vertical title ───────────────────────────────────
+// ── Notes applet — vertical title ─────────────────────────────────────────
 
-#id_applet_billboard_recognition {
+#id_applet_billboard_notes {
     h2 {
         writing-mode: vertical-rl;
         transform: rotate(180deg);

src/static_src/scss/_dashboard.scss

@@ -30,31 +30,6 @@ body.page-dashboard {
 }
 
 #id_applets_container {
-    #id_applet_my_notes {
-        display: flex;
-        flex-direction: column;
-
-
-        .my-notes-container {
-            flex: 1;
-            min-height: 0;
-            overflow-y: auto;
-            -webkit-overflow-scrolling: touch;
-            scrollbar-width: none;
-            &::-webkit-scrollbar { display: none; }
-            mask-origin: padding-box;
-            mask-clip: padding-box;
-            mask-image: linear-gradient(
-                to bottom,
-                transparent 0%,
-                black 5%,
-                black 85%,
-                transparent 100%
-            );
-        }
-
-    }
-
     #id_applet_wallet {
         display: flex;
         flex-direction: column;

src/static_src/scss/_note.scss

@@ -1,6 +1,6 @@
-// ── Recognition banner (slides in below page h2 after unlock) ─────────────
+// ── Note banner (slides in below page h2 after unlock) ─────────────────────
 
-.recog-banner {
+.note-banner {
     display: flex;
     align-items: center;
     gap: 0.75rem;
@@ -9,24 +9,24 @@
     border-left: 3px solid rgba(var(--priUser), 0.6);
     margin-bottom: 0.75rem;
 
-    .recog-banner__body {
+    .note-banner__body {
         flex: 1;
         min-width: 0;
     }
 
-    .recog-banner__title {
+    .note-banner__title {
         margin: 0;
         font-weight: bold;
     }
 
-    .recog-banner__description,
-    .recog-banner__timestamp {
+    .note-banner__description,
+    .note-banner__timestamp {
         margin: 0.1rem 0 0;
         font-size: 0.85rem;
         opacity: 0.75;
     }
 
-    .recog-banner__image {
+    .note-banner__image {
         width: 3rem;
         height: 3rem;
         flex-shrink: 0;
@@ -34,21 +34,21 @@
         border-radius: 2px;
     }
 
-    .recog-banner__nvm,
-    .recog-banner__fyi {
+    .note-banner__nvm,
+    .note-banner__fyi {
         flex-shrink: 0;
         font-size: 0.8rem;
         padding: 0.25rem 0.6rem;
     }
 }
 
-// ── Recognition page ───────────────────────────────────────────────────────
+// ── Notes page ─────────────────────────────────────────────────────────────
 
-.recognition-page {
+.note-page {
     padding: 0.75rem;
 }
 
-.recog-list {
+.note-list {
     list-style: none;
     padding: 0;
     margin: 0;
@@ -57,7 +57,7 @@
     gap: 1rem;
 }
 
-.recog-item {
+.note-item {
     position: relative;
     display: flex;
     flex-direction: column;
@@ -68,12 +68,12 @@
     border-radius: 4px;
     width: 14rem;
 
-    .recog-item__title {
+    .note-item__title {
         margin: 0;
         font-weight: bold;
     }
 
-    .recog-item__description {
+    .note-item__description {
         margin: 0;
         font-size: 0.85rem;
         opacity: 0.75;
@@ -81,7 +81,7 @@
 }
 
 // Image box — must have a defined size so Selenium can interact with it.
-.recog-item__image-box {
+.note-item__image-box {
     width: 5rem;
     height: 5rem;
     display: flex;
@@ -97,8 +97,8 @@
     &:hover { opacity: 1; }
 }
 
-// Unlocked palette swatch inside a recognition item
-.recog-item__palette {
+// Unlocked palette swatch inside a note item
+.note-item__palette {
     width: 5rem;
     height: 5rem;
     border-radius: 2px;
@@ -107,7 +107,7 @@
 
 // ── Palette modal ──────────────────────────────────────────────────────────
 
-.recog-palette-modal {
+.note-palette-modal {
     position: absolute;
     top: 0;
     left: 0;
@@ -127,7 +127,7 @@
         align-items: center;
         gap: 0.5rem;
 
-        .recog-swatch-body {
+        .note-swatch-body {
             width: 2.5rem;
             height: 2.5rem;
             border-radius: 2px;
@@ -137,31 +137,24 @@
 
             &:hover { border-color: rgba(var(--priUser), 0.8); }
         }
-
-        .btn {
-            font-size: 0.75rem;
-            padding: 0.2rem 0.5rem;
-        }
     }
 }
 
 // ── Palette swatch color fills ─────────────────────────────────────────────
-// These match the actual palette CSS variables — used both in modal swatches
-// and as the confirmed .recog-item__palette swatch.
 
-.palette-bardo .recog-swatch-body,
-.recog-item__palette.palette-bardo {
+.palette-bardo .note-swatch-body,
+.note-item__palette.palette-bardo {
     background: #2a1a2e;
 }
 
-.palette-sheol .recog-swatch-body,
-.recog-item__palette.palette-sheol {
+.palette-sheol .note-swatch-body,
+.note-item__palette.palette-sheol {
     background: #1a1a2e;
 }
 
 // ── Confirm submenu ────────────────────────────────────────────────────────
 
-.recog-palette-confirm {
+.note-palette-confirm {
     border-top: 1px solid rgba(var(--priUser), 0.2);
     padding-top: 0.5rem;
     gap: 0.4rem;
@@ -172,9 +165,4 @@
         margin: 0;
         font-size: 0.85rem;
     }
-
-    .btn {
-        font-size: 0.8rem;
-        padding: 0.2rem 0.5rem;
-    }
 }

src/static_src/scss/core.scss

@@ -10,7 +10,7 @@
 @import 'natus';
 @import 'tray';
 @import 'billboard';
-@import 'recognition';
+@import 'note';
 @import 'tooltips';
 @import 'game-kit';
 @import 'wallet-tokens';