changes added

backend/app/routers/launchpad.py

@@ -21,11 +21,21 @@ from app.config import settings
 from app.db import get_db
 from app.models import Artifact, CalendarItem, Document, EngagementEvent, SocialAccount, TrackedLink, Upload
 from app.services import launchpad as lp
-from app.services.artifacts import TYPE_LABELS
+from app.services.artifacts import TYPE_LABELS, download_name
 from app.services.crypto import decrypt, encrypt
 from app.services.social import AUTO_POST, LIMITS, PLATFORM_LABELS, SocialError, bluesky, linkedin, x
 from app.services.social.health import pause_account_posts, resume_account_posts
-from app.services.social.media import MB, SIZE_LIMITS, UPLOAD_TYPES, check_postable, duration, is_blog2video, media_count, upload_kind
+from app.services.social.media import (
+    MB,
+    SIZE_LIMITS,
+    UPLOAD_TYPES,
+    carries_media,
+    check_postable,
+    duration,
+    is_blog2video,
+    media_count,
+    upload_kind,
+)
 from app.services.storage import storage
 
 router = APIRouter(prefix="/api", tags=["launchpad"])
@@ -61,7 +71,7 @@ class When(BaseModel):
 
 class ItemIn(When):
     platform: Platform
-    content: str = Field(min_length=1, max_length=10000)
+    content: str = Field("", max_length=10000)  # may be empty when the post carries images or a video
     thread: list[str] = Field(default_factory=list, max_length=25)
     artifact_id: uuid.UUID | None = None  # the attachment (a video, quote card, carousel...), never a Launch Kit
     kit_id: uuid.UUID | None = None  # the Launch Kit the post was written from (tracked, not attached)
@@ -69,11 +79,13 @@ class ItemIn(When):
     social_account_id: uuid.UUID | None = None
     remind_by_email: bool = False
     draft: bool = False
+    # Post now: published (or, by email, reminded) in this request, never left scheduled; no time needed
+    publish_now: bool = False
 
 
 class ItemPatch(When):
     artifact_id: uuid.UUID | None = None  # set or (null) clear what the post carries
-    content: str | None = Field(None, min_length=1, max_length=10000)
+    content: str | None = Field(None, max_length=10000)
     thread: list[str] | None = None
     social_account_id: uuid.UUID | None = None
     remind_by_email: bool | None = None
@@ -85,7 +97,9 @@ def _aware(dt: datetime) -> datetime:
 
 
 # audio can't be posted; "upload" is a file the user brought from their computer
-POSTABLE = ("video", "quote_card", "carousel", "summary", "launch_kit", "mind_map", "upload")
+POSTABLE = ("video", "quote_card", "carousel", "summary", "launch_kit", "mind_map", "upload", "slide_deck")
+# Listed on the Launchpad too, but only to download: X and LinkedIn take no audio files (check_postable refuses it)
+LISTED = (*POSTABLE, "audio_overview")
 
 
 def _cite_free(text: str) -> str:
@@ -107,22 +121,38 @@ def _prefill(a: Artifact) -> dict:
         "quote_card": f'"{c.get("quote")}"' + (f" ({c['source']})" if c.get("source") else "") if c.get("quote")
                       else title,
         "carousel": ((c.get("slides") or [{}])[0].get("heading") or title),
+        "slide_deck": _deck_prefill(c) or title,
     }.get(a.type, title)
     return {"x": [text], "linkedin": text}
 
 
+def _deck_prefill(c: dict) -> str:
+    """A slide deck's post: its title, its subtitle, and the takeaways of its closing slide."""
+    deck = c.get("deck") or {}
+    slides = deck.get("slides") or []
+    closing = next((s for s in reversed(slides) if s.get("layout") == "closing"), {})
+    head = "\n\n".join(x for x in (deck.get("title"), deck.get("subtitle")) if x)
+    takeaways = "\n".join(f"- {t}" for t in closing.get("takeaways") or [])
+    return "\n\n".join(x for x in (head, takeaways) if x)
+
+
 def artifact_brief(a: Artifact) -> dict:
     """What the composer and the calendar show of the attached artifact."""
     c = a.content_json or {}
     thumb = (a.storage_key if a.type == "quote_card" or upload_kind(a) == "image"
              else (c.get("slide_keys") or [a.storage_key])[0] if a.type == "carousel" else None)
     return {"id": str(a.id), "type": a.type, "type_label": TYPE_LABELS.get(a.type, a.type),
-            "title": c.get("title") or TYPE_LABELS.get(a.type, a.type),
-            "media": upload_kind(a) or ("video" if a.type == "video" else "image" if media_count(a) else "text"),
+            # A deck's title starts "Slide deck: ", which its tag already says
+            "title": (c.get("title") or TYPE_LABELS.get(a.type, a.type)).removeprefix("Slide deck: " if a.type == "slide_deck" else ""),
+            "media": upload_kind(a) or ("video" if a.type == "video" else "audio" if a.type == "audio_overview"
+                                        else "image" if media_count(a) else "text"),
             "media_count": media_count(a), "duration_s": duration(a),
             "thumb_url": storage.presign_get(thumb) if thumb else None,
             # The user's own file, to preview before posting it.
             "view_url": storage.presign_get(a.storage_key) if a.type == "upload" and a.storage_key else None,
+            # An audio overview can't be posted: it is offered to download instead.
+            "download_url": (storage.presign_get(a.storage_key, download_name=download_name(a))
+                             if a.type == "audio_overview" and a.storage_key else None),
             # A blog2video video with scenes but no MP4 yet: listed, but it has to be rendered before it can go out.
             # Made by the video service (blog2video): it opens in the video editor.
             "editable_video": is_blog2video(a),
@@ -197,6 +227,12 @@ def _require_connected(platform: str, account: SocialAccount | None, artifact: A
         raise HTTPException(409, {"code": "reconnect", "message": f"Reconnect {label} to post images and videos."})
 
 
+def _require_words(posts: list[str], artifact: Artifact | None) -> None:
+    """A post needs words, unless it carries images or a video (those can go out without a caption)."""
+    if not any(p.strip() for p in posts) and not carries_media(artifact):
+        raise HTTPException(422, {"code": "no_text", "message": "Write something to post, or attach an image or video."})
+
+
 def _validate_lengths(platform: str, posts: list[str]) -> None:
     limit = LIMITS.get(platform)
     if platform in ("x", "bluesky") and limit:
@@ -251,12 +287,13 @@ def list_items(ctx: Ctx = Depends(get_ctx), start: datetime | None = None, end:
 
 @router.post("/calendar")
 def create_item(body: ItemIn, ctx: Ctx = Depends(get_ctx)):
-    when = body.utc()
+    when = datetime.now(UTC) if body.publish_now else body.utc()
     if when is None:
         raise HTTPException(422, {"code": "no_time", "message": "Pick when it goes out."})
     account = _account(ctx, body.social_account_id, body.platform)
     _validate_lengths(body.platform, [body.content, *body.thread])
     artifact = _postable(ctx, body.artifact_id, body.platform) if body.artifact_id else None
+    _require_words([body.content, *body.thread], artifact)
     kit = _kit(ctx, body.kit_id) if body.kit_id else None
     _require_connected(body.platform, account, artifact)
     if body.document_id and not ctx.db.scalar(select(Document.id).where(Document.id == body.document_id,
@@ -268,13 +305,24 @@ def create_item(body: ItemIn, ctx: Ctx = Depends(get_ctx)):
         kit_id=kit.id if kit else None,
         document_id=body.document_id, social_account_id=account.id if account else None,
         remind_by_email=body.remind_by_email or body.platform not in AUTO_POST or not account,
-        status="draft" if body.draft else "scheduled",
+        status="draft" if body.draft else "publishing" if body.publish_now else "scheduled",
     )
     ctx.db.add(item)
     ctx.db.commit()
+    if body.publish_now:
+        _go_now(ctx, item)
     return _enrich(ctx, [item])[0]
 
 
+def _go_now(ctx: Ctx, item: CalendarItem) -> None:
+    """Publish an item claimed for it ("publishing") now: with images or a video through a job (uploading takes a
+    while; the page follows its status), anything else right here."""
+    if lp.has_media(ctx.db, item):
+        lp.queue_publish(ctx.db, item)
+    else:
+        lp.publish_item(ctx.db, item)
+
+
 @router.patch("/calendar/{item_id}")
 def update_item(item_id: uuid.UUID, body: ItemPatch, ctx: Ctx = Depends(get_ctx)):
     item = _item(ctx, item_id)
@@ -301,15 +349,17 @@ def update_item(item_id: uuid.UUID, body: ItemPatch, ctx: Ctx = Depends(get_ctx)
     if body.status == "paused":
         item.status = "paused"  # held by hand: never attempted until resumed
     elif body.status is not None or item.status in ("failed", "reminded", "paused"):
-        # Going out (again): only through a live connection, and only at a time still ahead.
+        # Going out (again), rescheduled: only through a live connection, and only at a time still ahead (a failed or
+        # reminded post's old time has passed, and it would otherwise go out at the very next run).
         _require_connected(item.platform, account, artifact)
-        if item.status == "paused" and _aware(item.scheduled_at) <= datetime.now(UTC):
+        if (body.status or "scheduled") == "scheduled" and _aware(item.scheduled_at) <= datetime.now(UTC):
             raise HTTPException(409, {"code": "missed", "message": "Pick a time that is still ahead."})
         item.status = body.status or "scheduled"
     elif item.platform in CONNECTED_ONLY and body.model_fields_set & {"social_account_id", "artifact_id"}:
         _require_connected(item.platform, account, artifact)
     item.error = None
     item.attempts = 0
+    _require_words([item.content or "", *(item.thread or [])], artifact)  # e.g. the caption emptied, or the video removed
     _validate_lengths(item.platform, [item.content, *(item.thread or [])])
     ctx.db.commit()
     return _enrich(ctx, [item])[0]
@@ -324,17 +374,16 @@ def delete_item(item_id: uuid.UUID, ctx: Ctx = Depends(get_ctx)):
 
 
 @router.post("/calendar/{item_id}/publish")
-async def publish_now(item_id: uuid.UUID, ctx: Ctx = Depends(get_ctx)):
+def publish_now(item_id: uuid.UUID, ctx: Ctx = Depends(get_ctx)):
+    """Publish a scheduled post now. A plain (threadpool) endpoint: its database calls and an inline publish must
+    never hold up the event loop, and with it every other request."""
     item = _item(ctx, item_id)
     if item.status in ("posted", "publishing"):
         raise HTTPException(409, "This post already went out.")
     item.status = "publishing"
     item.attempts = 0
     ctx.db.commit()
-    if lp.has_media(ctx.db, item):
-        lp.queue_publish(ctx.db, item)  # uploading takes a while: a job does it, the page follows the status
-    else:
-        await run_in_threadpool(lp.publish_item, ctx.db, item)
+    _go_now(ctx, item)
     return _enrich(ctx, [item])[0]
 
 
@@ -373,11 +422,12 @@ def register_upload(body: UploadIn, ctx: Ctx = Depends(get_ctx)):
 
 @router.get("/launchpad/postable")
 def postable(ctx: Ctx = Depends(get_ctx), q: str = "", limit: int = 60):
-    """What can be attached to a post: finished videos, quote cards, carousels, summaries, launch kits, mind maps
-    (not audio), newest first. Videos made but not rendered yet are listed too, flagged needs_render (they can only be
-    posted once rendered), and so are videos being rendered, flagged rendering."""
+    """What can be attached to a post: finished videos, quote cards, carousels, summaries, launch kits, mind maps,
+    slide decks, newest first, and audio overviews (listed to download: they can't be posted). Videos made but not
+    rendered yet are listed too, flagged needs_render (they can only be posted once rendered), and so are videos being
+    rendered, flagged rendering."""
     rows = ctx.db.scalars(select(Artifact).where(Artifact.workspace_id == ctx.workspace.id,
-                                                 Artifact.type.in_(POSTABLE))
+                                                 Artifact.type.in_(LISTED))
                           .order_by(Artifact.created_at.desc()).limit(400))
     needle = q.strip().lower()
     out = []
@@ -391,6 +441,18 @@ def postable(ctx: Ctx = Depends(get_ctx), q: str = "", limit: int = 60):
             out.append(artifact_brief(a))
         if len(out) >= min(limit, 200):
             break
+    # What each one already has coming up (scheduled, still ahead), soonest first: the list offers to reschedule it
+    upcoming = ctx.db.scalars(select(CalendarItem).where(
+        CalendarItem.workspace_id == ctx.workspace.id, CalendarItem.status == "scheduled",
+        CalendarItem.scheduled_at > datetime.now(UTC),
+        CalendarItem.artifact_id.in_([uuid.UUID(b["id"]) for b in out])).order_by(CalendarItem.scheduled_at))
+    by_artifact: dict[str, list[dict]] = {}
+    for it in upcoming:
+        by_artifact.setdefault(str(it.artifact_id), []).append(
+            {"id": str(it.id), "scheduled_at": _aware(it.scheduled_at).isoformat(),
+             "platform_label": PLATFORM_LABELS.get(it.platform, it.platform)})
+    for b in out:
+        b["scheduled"] = by_artifact.get(b["id"], [])
     return out
 
 

backend/app/services/artifacts.py

@@ -104,7 +104,7 @@ def serialize_artifact(a: Artifact, job: Job | None = None) -> dict:
         "storage_key": a.storage_key,
         # blog2video videos live on blog2video's storage (video_url once rendered)
         "url": storage.presign_get(a.storage_key) if a.storage_key else content.get("video_url"),
-        "download_url": (storage.presign_get(a.storage_key, download_name=_download_name(a)) if a.storage_key
+        "download_url": (storage.presign_get(a.storage_key, download_name=download_name(a)) if a.storage_key
                          else content.get("video_url")),
         "provider": content.get("provider"),
         "slide_urls": [storage.presign_get(k) for k in slides],
@@ -113,7 +113,8 @@ def serialize_artifact(a: Artifact, job: Job | None = None) -> dict:
     }
 
 
-def _download_name(a: Artifact) -> str:
+def download_name(a: Artifact) -> str:
+    """The file name a download is saved under: the artifact's title and its file's extension."""
     title = (a.content_json or {}).get("title") or a.type
     ext = (a.storage_key or "").rsplit(".", 1)[-1]
     return f"{title[:60]}.{ext}"

backend/app/services/launchpad.py

@@ -21,7 +21,7 @@ from app.services.email import email_service
 from app.services.jobs import create_job
 from app.services.social import AUTO_POST, PLATFORM_LABELS, SocialError, module
 from app.services.social.health import mark_down
-from app.services.social.media import media_count, media_for
+from app.services.social.media import carries_media, media_count, media_for
 
 log = logging.getLogger("notestack.launchpad")
 _URL = re.compile(r"https?://[^\s)\]>]+")
@@ -60,6 +60,8 @@ def owner_email(db: Session, workspace_id) -> str | None:
 def publish_item(db: Session, item: CalendarItem) -> CalendarItem:
     """Publish or remind now. Leaves the item posted, reminded, failed, or scheduled again for a retry."""
     posts = [p for p in [item.content, *(item.thread or [])] if p and p.strip()]
+    if not posts and carries_media(db.get(Artifact, item.artifact_id) if item.artifact_id else None):
+        posts = [""]  # a video or images on their own: the post goes out without a caption
     if not posts:
         item.status, item.error = "failed", "Nothing to post."
         db.commit()

backend/app/services/social/media.py

@@ -1,4 +1,5 @@
-"""What a scheduled post carries from the artifact it was made from: images (quote cards, carousel slides) or one
+"""What a scheduled post carries from the artifact it was made from: images (quote cards, carousel slides, a slide
+deck's slides, drawn when the post goes out) or one
 video (an audiogram, or a blog2video video), or a file the user uploaded from their computer (an `upload`: one image or
 one MP4). Summaries, launch kits and mind maps post as text; audio overviews can't
 be posted (X and LinkedIn take no audio files).
@@ -69,11 +70,18 @@ def media_count(a: Artifact) -> int:
         return 1
     if a.type == "carousel":
         return len((a.content_json or {}).get("slide_keys") or ([a.storage_key] if a.storage_key else []))
+    if a.type == "slide_deck":
+        return len(((a.content_json or {}).get("deck") or {}).get("slides") or [])
     if a.type in ("video", "upload"):
         return 1
     return 0
 
 
+def carries_media(a: Artifact | None) -> bool:
+    """Whether a post of this artifact carries images or a video: such a post may go out without a caption."""
+    return a is not None and a.type not in TEXT_ONLY and media_count(a) > 0
+
+
 def upload_kind(a: Artifact) -> str | None:
     """An uploaded file's kind: image | video."""
     return (a.content_json or {}).get("media") if a.type == "upload" else None
@@ -91,13 +99,16 @@ def check_postable(a: Artifact, platform: str) -> None:
         raise HTTPException(400, "Audio can't be posted: X and LinkedIn don't take audio files.")
     if a.type == "launch_kit":  # a post is written from a kit (kit_id); the kit itself is never an attachment
         raise HTTPException(400, "A launch kit can't be attached. Attach a video, quote card or carousel instead.")
-    if a.type not in TEXT_ONLY and a.type not in ("quote_card", "carousel", "video", "upload"):
+    if a.type not in TEXT_ONLY and a.type not in ("quote_card", "carousel", "video", "upload", "slide_deck"):
         raise HTTPException(400, "This can't be posted.")
     if a.type in TEXT_ONLY:
         return
     if platform not in MEDIA_PLATFORMS:
         raise HTTPException(400, "Images and videos can only be posted to X and LinkedIn.")
-    if a.type == "video" and is_blog2video(a):
+    if a.type == "slide_deck":  # drawn from the deck when the post goes out: nothing stored to wait for
+        if a.status != "ready" or not media_count(a):
+            raise HTTPException(400, "This slide deck isn't ready yet. Post it once it has finished.")
+    elif a.type == "video" and is_blog2video(a):
         if not (a.content_json or {}).get("video_url"):
             raise HTTPException(400, "This video isn't finished yet. Post it once it has rendered.")
     elif a.status != "ready" or not a.storage_key:
@@ -134,6 +145,9 @@ def media_for(a: Artifact | None, platform: str) -> Iterator[list[Media]]:
                 keys = (a.content_json or {}).get("slide_keys") or [a.storage_key]
                 out = [Media("image", f"slide-{i + 1}.png", "image/png", data=storage.get_bytes(k))
                        for i, k in enumerate(keys[:MAX_IMAGES[platform]])]
+            elif a.type == "slide_deck":
+                out = [Media("image", f"slide-{i + 1}.png", "image/png", data=png)
+                       for i, png in enumerate(_slide_images(a, MAX_IMAGES[platform]))]
             elif a.type == "upload" and upload_kind(a) == "image":
                 c = a.content_json or {}
                 out = [Media("image", c.get("filename") or "image", c.get("content_type") or "image/png",
@@ -160,6 +174,21 @@ def media_for(a: Artifact | None, platform: str) -> Iterator[list[Media]]:
                 os.unlink(path)
 
 
+def _slide_images(a: Artifact, limit: int) -> list[bytes]:
+    """A slide deck's first `limit` slides as PNGs, exactly as the deck shows them."""
+    from app.infographics.image import ImageUnavailable
+    from app.slides import export
+    from app.slides.build import stored
+
+    got = stored(a.content_json or {})
+    if not got:
+        raise SocialError("This slide deck has no slides to post.", permanent=True)
+    try:
+        return export.render_slide_pngs(*got, limit=limit)
+    except ImageUnavailable as exc:  # no Chrome on this worker right now: worth another try
+        raise SocialError(f"The slides could not be drawn: {exc}") from exc
+
+
 def _temp_file(temps: list[str]) -> str:
     fd, path = tempfile.mkstemp(prefix="notestack-post-", suffix=".mp4")
     os.close(fd)

backend/app/services/social/x.py

@@ -157,7 +157,7 @@ def publish(db: Session, account: SocialAccount, posts: list[str], media: list |
         media_ids = [(_upload_video if m.kind == "video" else _upload_image)(headers, m) for m in media]
     first_id, reply_to = None, None
     for text in posts:
-        body: dict = {"text": text}
+        body: dict = {"text": text} if text else {}  # X takes a post with media and no text, but not an empty text
         if reply_to:
             body["reply"] = {"in_reply_to_tweet_id": reply_to}
         elif media_ids:

backend/app/slides/export.py

@@ -24,7 +24,7 @@ from pptx.util import Emu, Pt
 from app.infographics.image import ImageUnavailable, chrome
 from app.slides.decor import Decor, Shape, build, ring_path
 from app.slides.layout import El, compose
-from app.slides.render import SHADE, color, deck_print_html, planet_colors, ring_shade
+from app.slides.render import SHADE, color, deck_print_html, planet_colors, ring_shade, slides_html
 from app.slides.themes import FONTS, THEMES, H, Palette, W, theme_id
 
 TIMEOUT = 120
@@ -88,6 +88,27 @@ def render_pdf(deck: dict, theme: str, fmt: str, seed: int) -> bytes:
     return _cached(_key("pdf", deck, theme, fmt, seed), make)
 
 
+PNG_BATCH = 8  # slides per Chrome run: one tall screenshot cut into slides (one launch per slide was the slow part)
+
+
+def render_slide_pngs(deck: dict, theme: str, fmt: str, seed: int, limit: int) -> list[bytes]:
+    """The first `limit` slides as PNG images at the slide's own size (1920 x 1080), as a post carries them. A batch
+    of slides is drawn stacked on one page and the screenshot is cut at each slide."""
+    theme = theme_id(theme)
+    n = min(limit, len(deck["slides"]))
+    out: list[bytes] = []
+    for start in range(0, n, PNG_BATCH):
+        count = min(PNG_BATCH, n - start)
+        html = slides_html(deck, theme, fmt, seed, start, start + count)
+        shot, _ = _run_chrome(html, [f"--window-size={W},{H * count}", "--screenshot={out}"], "slides.png")
+        sheet = Image.open(io.BytesIO(shot)).convert("RGB")
+        for i in range(count):
+            buf = io.BytesIO()
+            sheet.crop((0, i * H, W, (i + 1) * H)).save(buf, "PNG", optimize=True)
+            out.append(buf.getvalue())
+    return out
+
+
 # --- overflow check -------------------------------------------------------------------------------------------------
 
 _MEASURE = """<script>

backend/app/slides/render.py

@@ -167,6 +167,13 @@ def slide_html(deck: dict, index: int, theme: str, fmt: str, seed: int) -> str:
                  f"body{{background:{THEMES[theme].pal.bg1}}}")
 
 
+def slides_html(deck: dict, theme: str, fmt: str, seed: int, start: int, end: int) -> str:
+    """Slides start..end-1 of the deck stacked on one page, each as it is in the deck (its number, its sky)."""
+    theme = theme_id(theme)
+    body = "".join(slide_body(compose(deck, i, theme, fmt, seed), deck, i, theme, fmt) for i in range(start, end))
+    return _page(body, f"body{{background:{THEMES[theme].pal.bg1}}}")
+
+
 def deck_print_html(deck: dict, theme: str, fmt: str, seed: int, script: str = "") -> str:
     """Every slide on one page, one per printed page."""
     theme = theme_id(theme)

backend/tests/test_buildout.py

@@ -754,13 +754,14 @@ def _schedule(client, auth, artifact, platform, account=None):
 def test_postable_lists_what_can_be_posted(client, auth, db_session):
     ws = db_session.query(Workspace).first()
     quote = _made(db_session, ws, "quote_card", key="ws/q/quotecard.png", quote="Ship it", source="Ada")
-    _made(db_session, ws, "audio_overview", key="ws/a/audio.mp3")
+    audio = _made(db_session, ws, "audio_overview", key="ws/a/audio.mp3")
     _made(db_session, ws, "video", status="processing", provider="blog2video")  # not rendered yet
     done = _made(db_session, ws, "video", status="processing", provider="blog2video", video_url="https://v/x.mp4")
     unrendered = _made(db_session, ws, "video", status="ready", provider="blog2video", b2v_status="generated")
     _made(db_session, ws, "summary", summary="Raise prices once a year [1].")
     got = {a["id"]: a for a in client.get("/api/launchpad/postable", headers=auth).json()}
-    assert {a["type"] for a in got.values()} == {"quote_card", "video", "summary"}  # no audio, no unfinished video
+    assert {a["type"] for a in got.values()} == {"quote_card", "video", "summary", "audio_overview"}  # no unfinished video
+    assert got[str(audio.id)]["media"] == "audio" and got[str(audio.id)]["download_url"]  # audio: to download, not post
     assert str(done.id) in got and got[str(quote.id)]["thumb_url"] and got[str(quote.id)]["media"] == "image"
     # Made but not rendered: listed, flagged; the rendered one is not.
     assert got[str(unrendered.id)]["needs_render"] is True and got[str(done.id)]["needs_render"] is False

backend/tests/test_social_posting.py

@@ -47,8 +47,8 @@ def account(db, ws, platform="x", scopes=None, expires_in=None, refresh=None, ex
     return acct
 
 
-def item(db, ws, acct, minutes=60, status="scheduled", **kw):
-    it = CalendarItem(workspace_id=ws.id, platform=acct.platform, content="Hello", social_account_id=acct.id,
+def item(db, ws, acct, minutes=60, status="scheduled", content="Hello", **kw):
+    it = CalendarItem(workspace_id=ws.id, platform=acct.platform, content=content, social_account_id=acct.id,
                       scheduled_at=datetime.now(UTC) + timedelta(minutes=minutes), status=status, **kw)
     db.add(it)
     db.commit()
@@ -552,3 +552,171 @@ def test_uploaded_files_carry_a_preview_link(client, auth, ws, db_session):
     kit = made(db_session, ws, "launch_kit", post_title="Kit", posts={"linkedin": ["Hi"]})
     listed = {a["id"]: a for a in client.get("/api/launchpad/postable", headers=auth).json()}
     assert listed[str(kit.id)]["view_url"] is None
+
+
+def test_a_slide_deck_is_listed_and_posts_its_slides_as_images(client, auth, ws, db_session, monkeypatch):
+    from app.services.social import media
+    from app.slides import export
+    from app.slides.build import fit
+    from app.slides.content import clamp_deck
+
+    raw = {"title": "Pricing for writers", "subtitle": "What two years taught us.", "slides": [
+        {"layout": "title", "heading": "Pricing for writers", "lead": "What two years taught us."},
+        *[{"layout": "section", "heading": f"Part {i}"} for i in range(5)],
+        {"layout": "closing", "heading": "Key takeaways", "takeaways": ["Charge more.", "Readers take it seriously."]}]}
+    deck = fit(clamp_deck(raw, "detailed"), "dark-space", "detailed", 3)
+    art = Artifact(workspace_id=ws.id, type="slide_deck", status="ready",
+                   content_json={"title": "Slide deck: Pricing for writers", "theme": "dark-space", "format": "detailed",
+                                 "seed": "abc", "deck": deck})
+    db_session.add(art)
+    db_session.commit()
+    listed = {a["id"]: a for a in client.get("/api/launchpad/postable", headers=auth).json()}[str(art.id)]
+    assert listed["type"] == "slide_deck" and listed["media"] == "image" and listed["media_count"] == 7
+    assert listed["title"] == "Pricing for writers"
+    assert listed["prefill"]["linkedin"].startswith("Pricing for writers\n\nWhat two years taught us.")
+    assert "- Charge more." in listed["prefill"]["linkedin"]
+
+    drawn: list[int] = []
+
+    def chrome(html, args, out):  # a screenshot of the size asked for: a batch of slides stacked
+        import io
+
+        from PIL import Image
+
+        w, h = (int(v) for v in next(a for a in args if a.startswith("--window-size=")).split("=")[1].split(","))
+        drawn.append(h // 1080)
+        buf = io.BytesIO()
+        Image.new("RGB", (w, h), "navy").save(buf, "PNG")
+        return buf.getvalue(), ""
+
+    monkeypatch.setattr(export, "_run_chrome", chrome)
+    with media.media_for(art, "x") as files:  # X takes 4 images: one Chrome run draws them
+        assert [f.filename for f in files] == [f"slide-{i}.png" for i in range(1, 5)] and drawn == [4]
+        assert all(f.data.startswith(b"\x89PNG") for f in files)
+    with media.media_for(art, "linkedin") as files:
+        assert len(files) == 7 and all(f.content_type == "image/png" for f in files)
+    acct = account(db_session, ws, "linkedin", scopes=LI_SCOPES)
+    assert schedule(client, auth, "linkedin", acct, artifact_id=str(art.id)).status_code == 200
+    r = schedule(client, auth, "bluesky", artifact_id=str(art.id))
+    assert r.status_code == 400 and "X and LinkedIn" in r.json()["detail"]  # images go to X and LinkedIn only
+
+
+def test_a_slide_deck_that_cannot_be_drawn_is_retried(ws, db_session, monkeypatch):
+    from app.infographics.image import ImageUnavailable
+    from app.services.social import SocialError, media
+    from app.slides import export
+
+    art = Artifact(workspace_id=ws.id, type="slide_deck", status="ready", content_json={
+        "format": "detailed", "deck": {"title": "T", "slides": [{"layout": "section", "heading": "Hello"}]}})
+    db_session.add(art)
+    db_session.commit()
+
+    def no_chrome(*a, **k):
+        raise ImageUnavailable("No Chrome")
+
+    monkeypatch.setattr(export, "_run_chrome", no_chrome)
+    with pytest.raises(SocialError, match="could not be drawn") as err, media.media_for(art, "x"):
+        pass
+    assert not err.value.permanent
+
+
+def test_an_audio_overview_is_listed_to_download_but_never_posted(client, auth, ws, db_session):
+    audio = made(db_session, ws, "audio_overview", key="ws/a/overview.mp3", title="Audio overview: Pricing", duration_s=225)
+    listed = {a["id"]: a for a in client.get("/api/launchpad/postable", headers=auth).json()}[str(audio.id)]
+    assert listed["media"] == "audio" and listed["media_count"] == 0 and listed["duration_s"] == 225
+    assert listed["download_url"]
+    acct = account(db_session, ws, "linkedin", scopes=LI_SCOPES)
+    r = schedule(client, auth, "linkedin", acct, artifact_id=str(audio.id))
+    assert r.status_code == 400 and "Audio can't be posted" in r.json()["detail"]
+
+
+def test_a_video_or_image_can_go_out_without_a_caption(client, auth, ws, db_session, monkeypatch):
+    """An upload starts with no words (they are the writer's to add): a post that carries media may stay that way.
+    Without media, a post still needs words."""
+    from app.services import launchpad
+    from app.services.social import linkedin, x
+
+    li = account(db_session, ws, "linkedin", scopes=LI_SCOPES)
+    upload = made(db_session, ws, "upload", key="ws/u/clip.mp4", data=os.urandom(100_000), media="video",
+                  content_type="video/mp4", filename="clip.mp4")
+    r = schedule(client, auth, "linkedin", li, content="", artifact_id=str(upload.id))
+    assert r.status_code == 200, r.text
+    r = schedule(client, auth, "linkedin", li, content="  ")
+    assert r.status_code == 422 and r.json()["detail"]["message"] == "Write something to post, or attach an image or video."
+    created = schedule(client, auth, "linkedin", li, content="Words", artifact_id=str(upload.id)).json()
+    r = client.patch(f"/api/calendar/{created['id']}", json={"content": "", "artifact_id": None}, headers=auth)
+    assert r.status_code == 422 and r.json()["detail"]["code"] == "no_text"  # emptied and no media left
+
+    # Publishing: LinkedIn gets an empty caption, X a post with the media and no "text" at all.
+    sent: dict = {}
+    monkeypatch.setattr(linkedin, "_upload_video", lambda acct, m: "urn:li:video:1")
+    monkeypatch.setattr(linkedin, "_call", lambda method, url, **kw: sent.setdefault("li", kw["json"]) and httpx.Response(
+        201, headers={"x-restli-id": "urn:li:share:1"}, request=httpx.Request(method, url)))
+    li_item = item(db_session, ws, li, minutes=0, content="", artifact_id=upload.id)
+    launchpad.publish_item(db_session, li_item)
+    assert li_item.status == "posted" and sent["li"]["commentary"] == "" and sent["li"]["content"]["media"]["id"]
+
+    xa = account(db_session, ws, "x", scopes="tweet.write media.write")
+    monkeypatch.setattr(x, "can_post_media", lambda a: True)
+    monkeypatch.setattr(x, "_upload_video", lambda headers, m: "m1")
+    monkeypatch.setattr(x, "_access", lambda db, a: "token")
+    monkeypatch.setattr(x, "_call", lambda method, url, **kw: sent.setdefault("x", kw["json"]) and httpx.Response(
+        201, json={"data": {"id": "t1"}}, request=httpx.Request(method, url)))
+    x_item = item(db_session, ws, xa, minutes=0, content="", artifact_id=upload.id)
+    launchpad.publish_item(db_session, x_item)
+    assert x_item.status == "posted" and sent["x"] == {"media": {"media_ids": ["m1"]}}
+
+    text_only = item(db_session, ws, xa, minutes=0, content="")
+    launchpad.publish_item(db_session, text_only)
+    assert text_only.status == "failed" and text_only.error == "Nothing to post."
+
+
+def test_post_now_publishes_in_the_same_request_and_is_never_left_scheduled(client, auth, ws, db_session, monkeypatch):
+    from app.models import Job
+    from app.services.social import linkedin
+
+    li = account(db_session, ws, "linkedin", scopes=LI_SCOPES)
+    monkeypatch.setattr(linkedin, "publish", lambda db, a, posts, media=None: ("urn:li:share:9", "https://linkedin.com/x"))
+    now = lambda **kw: client.post("/api/calendar", json={  # noqa: E731  (no time sent: the server takes it)
+        "platform": "linkedin", "content": "Hello", "social_account_id": str(li.id), "publish_now": True, **kw}, headers=auth)
+
+    text = now()
+    assert text.status_code == 200, text.text
+    assert text.json()["status"] == "posted" and text.json()["external_url"] == "https://linkedin.com/x"
+
+    video = made(db_session, ws, "video", key="ws/v/now.mp4", data=os.urandom(100_000), duration_s=30)
+    media = now(artifact_id=str(video.id)).json()
+    assert media["status"] == "publishing"  # uploading goes through a job: never "scheduled" in between
+    job = db_session.query(Job).filter(Job.kind == "publish_post").one()
+    assert job.params["item_id"] == media["id"]
+
+
+def test_saving_a_failed_or_draft_post_reschedules_it_at_a_time_still_ahead(client, auth, ws, db_session):
+    li = account(db_session, ws, "linkedin", scopes=LI_SCOPES)
+    year = datetime.now(UTC).year + 1
+    for status in ("failed", "draft", "reminded"):
+        it = item(db_session, ws, li, minutes=-90, status=status)
+        # Its old time has passed: rescheduled there, it would go out at the very next run.
+        r = client.patch(f"/api/calendar/{it.id}", json={"status": "scheduled"}, headers=auth)
+        assert r.status_code == 409 and r.json()["detail"]["code"] == "missed", status
+        r = client.patch(f"/api/calendar/{it.id}", json={"status": "scheduled", "local_time": f"{year}-01-05T10:30",
+                                                         "timezone": "UTC"}, headers=auth)
+        assert r.status_code == 200, r.text
+        got = r.json()
+        assert got["status"] == "scheduled" and got["error"] is None
+        assert datetime.fromisoformat(got["scheduled_at"]) == datetime(year, 1, 5, 10, 30, tzinfo=UTC)
+
+
+def test_the_list_says_what_each_item_already_has_scheduled(client, auth, ws, db_session):
+    li = account(db_session, ws, "linkedin", scopes=LI_SCOPES)
+    deck = made(db_session, ws, "summary", summary="Raise prices once a year.")
+    video = made(db_session, ws, "video", key="ws/v/s.mp4", data=os.urandom(100_000), duration_s=30)
+    later = item(db_session, ws, li, minutes=600, artifact_id=deck.id)
+    sooner = item(db_session, ws, li, minutes=120, artifact_id=deck.id)
+    item(db_session, ws, li, minutes=-60, artifact_id=deck.id)  # its time has passed
+    item(db_session, ws, li, minutes=300, status="posted", artifact_id=deck.id)
+    item(db_session, ws, li, minutes=300, status="failed", artifact_id=deck.id)
+    listed = {a["id"]: a for a in client.get("/api/launchpad/postable", headers=auth).json()}
+    assert [s["id"] for s in listed[str(deck.id)]["scheduled"]] == [str(sooner.id), str(later.id)]
+    assert listed[str(deck.id)]["scheduled"][0]["platform_label"] == "LinkedIn"
+    assert listed[str(video.id)]["scheduled"] == []

frontend/src/App.tsx

@@ -1,4 +1,4 @@
-import { Navigate, Route, Routes, useSearchParams } from "react-router-dom";
+import { Navigate, Route, Routes } from "react-router-dom";
 import AppShell from "./components/AppShell";
 import { PublicFooter, PublicNav } from "./components/PublicChrome";
 import PricingTiers from "./components/PricingTiers";
@@ -8,6 +8,7 @@ import AuthPage from "./pages/AuthPage";
 import { Blog, BlogPostPage } from "./pages/Blog";
 import Landing from "./pages/Landing";
 import Archive from "./pages/Archive";
+import Voices from "./pages/Voices";
 import Launchpad, { ScheduleLaunch } from "./pages/Launchpad";
 import LaunchKitRedirect, { LaunchKitPage, LaunchKits } from "./pages/LaunchKit";
 import MissionControl from "./pages/MissionControl";
@@ -64,7 +65,7 @@ export default function App() {
         <Route path="reports/:id" element={<ReportPage />} />
         <Route path="videos" element={<Navigate to="/app/archive?tab=videos" replace />} />
         <Route path="videos/new" element={<VideoCreate />} />
-        <Route path="videos/voices" element={<Navigate to="/app/archive?tab=voices" replace />} />
+        <Route path="videos/voices" element={<Navigate to="/app/voices" replace />} />
         <Route path="videos/:id" element={<VideoEditor />} />
         <Route path="sources" element={<Sources />} />
         <Route path="map" element={<TopicMap />} />
@@ -76,6 +77,7 @@ export default function App() {
         <Route path="launchpad/kits" element={<LaunchKits />} />
         <Route path="launchpad/kits/:id" element={<LaunchKitPage />} />
         <Route path="archive" element={<Archive />} />
+        <Route path="voices" element={<Voices />} />
         <Route path="resurface" element={<Resurface />} />
         <Route path="settings" element={<Settings />} />
         <Route path="*" element={<MissionControl />} />
@@ -87,9 +89,7 @@ export default function App() {
   );
 }
 
-/** The old Voice page (/app/voice, ?step=writing for the writing voice) is the Library's Voices tab now. */
+/** The old Voice page (/app/voice) is Manage voices (/app/voices) now. */
 function VoiceRedirect() {
-  const [params] = useSearchParams();
-  const writing = params.get("step") === "writing";
-  return <Navigate to={`/app/archive?tab=voices${writing ? "&step=writing" : ""}`} replace />;
+  return <Navigate to="/app/voices" replace />;
 }

frontend/src/api/client.ts

@@ -63,7 +63,12 @@ async function parseError(res: Response): Promise<ApiError> {
     const body = await res.json();
     const detail = body.detail;
     if (typeof detail === "string") message = detail;
-    else if (detail?.message) {
+    else if (Array.isArray(detail) && detail.length) {
+      // A request the server's field checks refused (FastAPI's 422 list): say which field and why, not "Unprocessable Entity".
+      const first = detail[0] as { loc?: (string | number)[]; msg?: string };
+      const field = (first.loc ?? []).filter((p) => p !== "body").join(" ");
+      if (first.msg) message = field ? `${field}: ${first.msg}` : first.msg;
+    } else if (detail?.message) {
       message = detail.message;
       code = detail.code;
       extra = detail;

frontend/src/api/endpoints.ts

@@ -249,6 +249,8 @@ export type ItemBody = {
   social_account_id?: string | null;
   remind_by_email?: boolean;
   draft?: boolean;
+  /** Post now: published (or reminded) in the same request, never left scheduled. */
+  publish_now?: boolean;
 };
 
 export const launchpadApi = {

frontend/src/api/types.ts

@@ -320,7 +320,8 @@ export type PostableArtifact = {
   type: ArtifactType;
   type_label: string;
   title: string;
-  media: "image" | "video" | "text";
+  /** "audio": an audio overview, listed to download only (X and LinkedIn take no audio files). */
+  media: "image" | "video" | "audio" | "text";
   media_count: number;
   duration_s: number | null;
   thumb_url: string | null;
@@ -332,6 +333,10 @@ export type PostableArtifact = {
   editable_video: boolean;
   /** An uploaded file's link, to preview it (null for anything else). */
   view_url: string | null;
+  /** An audio overview's file, saved as a download (null for anything else). */
+  download_url?: string | null;
+  /** Its posts still to go out (scheduled, ahead), soonest first: the Schedule a launch list offers to reschedule them. */
+  scheduled?: { id: string; scheduled_at: string; platform_label: string }[];
   created_at: string | null;
   /** A starting text: X as a thread (list of posts), LinkedIn as one post. */
   prefill: { x: string[]; linkedin: string };

frontend/src/components/AppShell.tsx

@@ -9,6 +9,7 @@ import UpgradeModal from "./UpgradeModal";
 import {
   LaunchpadIcon,
   LibraryIcon,
+  MicIcon,
   OrbitIcon,
   PlanetIcon,
   SatelliteDishIcon,
@@ -20,6 +21,7 @@ const NAV: { to: string; label: string; icon: typeof PlanetIcon; end?: boolean;
   { to: "/app/sources", label: "Sources", icon: SatelliteDishIcon, also: ["/app/map"] },
   { to: "/app/archive", label: "Library", icon: LibraryIcon, also: ["/app/videos"] },
   { to: "/app/launchpad", label: "Launchpad", icon: LaunchpadIcon, also: ["/app/resurface", "/app/launch-kit"] },
+  { to: "/app/voices", label: "Manage voices", icon: MicIcon },
 ];
 
 const COLLAPSED_KEY = "ns_sidebar_collapsed";

frontend/src/components/ArtifactRow.tsx

@@ -4,6 +4,7 @@ import { artifactsApi, videosApi } from "../api/endpoints";
 import type { Artifact, Citation } from "../api/types";
 import { useJob } from "../hooks/useJob";
 import { Body } from "./ArtifactCard";
+import { SlideDeckViewer } from "./SlideDeck";
 import { TrashIcon } from "./icons/Icons";
 import { errorMessage, formatDate, formatDuration, JobProgress } from "./ui";
 
@@ -14,7 +15,8 @@ function statusOf(a: Artifact, running: boolean): { label: string; tone: "done"
 }
 
 /** One generated item as a full-width row (like the Videos list): its type, title, status and date. A video opens its
- * editor; anything else expands in place to its player or image. */
+ * editor, a finished slide deck its viewer (to read, edit, present or download it); anything else expands in place
+ * to its player or image. */
 export function ArtifactRow({
   artifact: initial,
   onCite,
@@ -41,6 +43,8 @@ export function ArtifactRow({
   const running = !!job && (job.status === "queued" || job.status === "running");
   const st = statusOf(artifact, running);
   const isEditorVideo = artifact.provider === "blog2video";
+  const isDeck = artifact.type === "slide_deck" && artifact.status === "ready";
+  const [viewing, setViewing] = useState(false);
 
   useEffect(() => {
     if (!armed) return;
@@ -73,7 +77,8 @@ export function ArtifactRow({
     <>
       <span className="vw-list-title">
         <span className={`type-chip ${artifact.type}`}>{artifact.type_label}</span>
-        <strong>{artifact.title}</strong>
+        {/* A deck's title starts "Slide deck: ", which its chip already says */}
+        <strong>{artifact.type === "slide_deck" ? artifact.title.replace(/^Slide deck: /, "") : artifact.title}</strong>
         <span className={`vw-dot ${st.tone}`} aria-hidden="true" />
         <span className="muted">{st.label}</span>
       </span>
@@ -90,12 +95,17 @@ export function ArtifactRow({
       <div className="artifact-row-head">
         {isEditorVideo ? (
           <Link to={`/app/videos/${artifact.id}`} className="vw-list-main">{main}</Link>
+        ) : isDeck ? (
+          <button type="button" className="vw-list-main artifact-row-toggle" onClick={() => setViewing(true)}>
+            {main}
+          </button>
         ) : (
           <button type="button" className="vw-list-main artifact-row-toggle" aria-expanded={openRow}
                   onClick={() => setOpenRow((o) => !o)}>
             {main}
           </button>
         )}
+        {isDeck && actions?.(artifact)}
         {artifact.status === "failed" && (
           <button type="button" className="btn btn-small" onClick={retry}>Retry</button>
         )}
@@ -109,7 +119,17 @@ export function ArtifactRow({
       </div>
       {running && job && <JobProgress job={job} compact />}
       {error && <p className="error-text">{error}</p>}
-      {openRow && !isEditorVideo && (
+      {viewing && (
+        <SlideDeckViewer artifact={artifact} onClose={() => setViewing(false)} onSaved={(a) => {
+          setArtifact(a);
+          onChanged?.(a);
+        }} onDelete={async () => {
+          await artifactsApi.remove(artifact.id);
+          setViewing(false);
+          onRemoved?.(artifact.id);
+        }} />
+      )}
+      {openRow && !isEditorVideo && !isDeck && (
         <div className="artifact-row-body">
           {artifact.status === "failed" && artifact.content.error && <p className="error-text">{artifact.content.error}</p>}
           <Body artifact={artifact} onCite={onCite} />

frontend/src/components/ScheduleModal.tsx

@@ -79,7 +79,8 @@ export function ScheduleModal({
     if (artifactId && !artifact) {
       launchpadApi.postable().then((list) => {
         const found = list.find((a) => a.id === artifactId);
-        if (found && found.type !== "launch_kit") attach(found); // a kit is never an attachment
+        // a kit is never an attachment, and audio can't be posted (X and LinkedIn take no audio files)
+        if (found && found.type !== "launch_kit" && found.media !== "audio") attach(found);
       }, () => undefined);
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -151,8 +152,9 @@ export function ScheduleModal({
         const account = meta.auto ? accountFor(p) : null;
         const item = await launchpadApi.create({
           platform: p,
-          // Post now: this instant. Scheduled: the half hour picked, in the user's zone (the backend makes it UTC).
-          ...(now ? { scheduled_at: new Date().toISOString() } : { local_time: when, timezone: userTimeZone() }),
+          // Post now: published by this very request (the server takes the time). Scheduled: the half hour picked, in
+          // the user's zone (the backend makes it UTC).
+          ...(now ? { publish_now: true } : { local_time: when, timezone: userTimeZone() }),
           content: merged[0] ?? "",
           thread: merged.slice(1),
           // Images and videos only go to X and LinkedIn; text attachments go anywhere.
@@ -162,8 +164,7 @@ export function ScheduleModal({
           social_account_id: account?.id ?? null,
           remind_by_email: CONNECTED_ONLY.includes(p) ? false : remind || !account,
         });
-        const out = now && item.auto_post ? await launchpadApi.publishNow(item.id) : item;
-        onScheduled?.(out);
+        onScheduled?.(item);
         done.push(meta.label);
       }
       onClose();

frontend/src/components/SlideDeck.tsx

@@ -9,6 +9,10 @@ import { CheckIcon, CollapseIcon, DownloadIcon, ExpandIcon, MoreIcon, PdfIcon, P
 import { LANGUAGES, Pills, SourceFocusFields, sourceSummary, type SourceSelection } from "./SourceFocusFields";
 import { ConfirmDeleteModal, errorMessage, formatDate, JobProgress, Modal } from "./ui";
 
+/** Bumped when the thumbnails are drawn again (backend/scripts/render_slide_thumbnails.py), so browsers fetch the new
+ * images instead of the ones they cached. */
+const THUMBS_VERSION = 2;
+
 /** The two deck themes. Their slides are laid out on the server (backend/app/slides); the thumbnails are rendered from
  * them (backend/scripts/render_slide_thumbnails.py). */
 export const SLIDE_THEMES = [
@@ -60,7 +64,7 @@ export function SlideDeckDialog({ notebookId, notebookTitle, chats, currentChatI
               <button key={t.id} type="button" role="radio" aria-checked={theme === t.id} title={t.blurb}
                       className={`sd-theme${theme === t.id ? " on" : ""}`} onClick={() => setTheme(t.id)}>
                 <span className="sd-theme-img">
-                  <img src={`/slides/${t.id}.png`} alt="" loading="lazy" />
+                  <img src={`/slides/${t.id}.png?v=${THUMBS_VERSION}`} alt="" loading="lazy" />
                   {theme === t.id && <span className="sd-check" aria-hidden="true"><CheckIcon size={12} /></span>}
                 </span>
                 <span className="sd-theme-name">{t.name}</span>

frontend/src/components/launchpad/Attachment.tsx

@@ -4,7 +4,7 @@ import { useNavigate } from "react-router-dom";
 import { ApiError } from "../../api/client";
 import { artifactsApi, launchpadApi, videoEditApi, videosApi } from "../../api/endpoints";
 import type { PostableArtifact } from "../../api/types";
-import { ArrowRightIcon, FilmIcon, SparkleIcon, UploadIcon } from "../icons/Icons";
+import { ArrowRightIcon, DownloadIcon, FilmIcon, HeadphonesIcon, SlidesIcon, SparkleIcon, UploadIcon } from "../icons/Icons";
 import { errorMessage, formatDate, Loading, Modal } from "../ui";
 import { finished, jobPercent } from "../video/jobState";
 
@@ -18,9 +18,16 @@ export function mediaLabel(a: PostableArtifact): string {
   if (a.type === "upload") {
     return a.media === "video" ? `Your video${a.duration_s ? ` ${fmtDuration(a.duration_s)}` : ""}` : "Your image";
   }
+  if (a.media === "audio") return `Audio${a.duration_s ? ` ${fmtDuration(a.duration_s)}` : ""} · download only`;
   if (a.media === "video" && a.rendering) return "Rendering: wait for it to finish";
   if (a.media === "video" && a.needs_render) return "Not rendered yet: render it first";
   if (a.media === "video") return a.duration_s ? `Video ${fmtDuration(a.duration_s)}` : "Video";
+  if (a.type === "slide_deck") {
+    // X takes 4 images and LinkedIn 20 (backend app/services/social/media.py MAX_IMAGES): longer decks are cut there.
+    const n = a.media_count;
+    const cut = n > 20 ? " · X posts the first 4, LinkedIn the first 20" : n > 4 ? " · X posts the first 4" : "";
+    return `${n} slide${n === 1 ? "" : "s"} as images${cut}`;
+  }
   if (a.media === "image") return a.media_count === 1 ? "Image" : `${a.media_count} images`;
   return "Text";
 }
@@ -29,7 +36,8 @@ function Thumb({ a }: { a: PostableArtifact }) {
   if (a.thumb_url) return <img className="lp-thumb" src={a.thumb_url} alt="" />;
   return (
     <span className="lp-thumb lp-thumb-icon" aria-hidden="true">
-      {a.media === "video" ? <FilmIcon size={20} /> : <SparkleIcon size={20} />}
+      {a.media === "video" ? <FilmIcon size={20} /> : a.media === "audio" ? <HeadphonesIcon size={20} />
+        : a.type === "slide_deck" ? <SlidesIcon size={20} /> : <SparkleIcon size={20} />}
     </span>
   );
 }
@@ -55,6 +63,32 @@ export function MediaPreviewModal({ a, onClose }: { a: PostableArtifact; onClose
   );
 }
 
+/** An audio overview someone tried to schedule: X and LinkedIn take no audio files, so it is offered to download
+ * instead. Used by the Launchpad's list and the Library. */
+export function AudioOnlyModal({ title, downloadUrl, onClose }: { title: string; downloadUrl: string | null | undefined; onClose: () => void }) {
+  return (
+    <Modal title="Audio can't be posted" onClose={onClose}>
+      <div className="stack lp-audio-only">
+        <span className="lp-audio-only-icon" aria-hidden="true"><HeadphonesIcon size={28} /></span>
+        <p>
+          LinkedIn does not support posting audio files, so <strong>{title}</strong> can't be scheduled. Download it now
+          to use it elsewhere, like a podcast app, your newsletter or a website.
+        </p>
+        <div className="row lp-audio-only-actions">
+          <button type="button" className="btn" onClick={onClose}>Close</button>
+          {downloadUrl ? (
+            <a className="btn btn-primary" href={downloadUrl} download onClick={onClose} autoFocus>
+              <DownloadIcon size={18} /> Download
+            </a>
+          ) : (
+            <span className="muted small">The file isn't available right now. Try again later.</span>
+          )}
+        </div>
+      </div>
+    </Modal>
+  );
+}
+
 /** The attached item: thumbnail, title, what it carries, and Change / Remove. An uploaded file's thumbnail opens its
  * preview. */
 export function AttachmentChip({ a, onChange, onRemove }: {
@@ -307,16 +341,29 @@ function deleteWording(a: PostableArtifact): { title: string; body: string } {
   return { title: "Delete this item?", body: "It's deleted for good. Posts on your calendar that carry it are removed too." };
 }
 
-type Kind = "all" | "kits" | "video" | "uploads";
+type Kind = "all" | "kits" | "video" | "decks" | "audio" | "uploads";
 const KINDS: { id: Kind; label: string }[] = [
   { id: "all", label: "All" },
   { id: "kits", label: "Launch kits" },
   { id: "video", label: "Videos" },
+  { id: "decks", label: "Slide decks" },
+  { id: "audio", label: "Audio" },
   { id: "uploads", label: "Uploads" },
 ];
 /** Which rows a tab shows: Videos is only the ones the video service made (uploaded videos are under Uploads). */
 const matches = (a: PostableArtifact, kind: Kind) =>
-  kind === "all" || (kind === "kits" ? a.type === "launch_kit" : kind === "uploads" ? a.type === "upload" : a.editable_video);
+  kind === "all" || (kind === "kits" ? a.type === "launch_kit" : kind === "uploads" ? a.type === "upload"
+    : kind === "decks" ? a.type === "slide_deck" : kind === "audio" ? a.type === "audio_overview" : a.editable_video);
+
+/** Saves a file from its (presigned, attachment) link. */
+function download(url: string) {
+  const link = document.createElement("a");
+  link.href = url;
+  link.download = "";
+  document.body.appendChild(link);
+  link.click();
+  link.remove();
+}
 
 /** What can be uploaded to post, and LinkedIn's size limits for it (checked again by the backend). */
 const UPLOAD_ACCEPT = "image/png,image/jpeg,image/gif,video/mp4";
@@ -366,11 +413,20 @@ export function AttachPicker({ onPick, onCreateKit, onClose }: {
  * searchable; with a link to create a new launch kit when onCreateKit is given. onPickKit, when given, takes the
  * Launch Kits instead of onPick (the Schedule a launch page opens the kit, to schedule its posts from there). A video
  * with no MP4 yet (or one rendering) opens the render pop-up instead. fill: the rows take the screen's height. */
-export function LibraryPicker({ onPick, onPickKit, onCreateKit, fill = false }: {
+export function LibraryPicker({ onPick, onPickKit, onCreateKit, fill = false, onReschedule, onDuplicate, refreshKey = 0, openingId }: {
   onPick: (a: PostableArtifact) => void;
   onPickKit?: (a: PostableArtifact) => void;
   onCreateKit?: () => void;
   fill?: boolean;
+  /** With these (the Schedule a launch page), an item already scheduled says Reschedule and opens that post
+   * (`itemId`), and its menu can schedule it again (a copy of that post). Without them (the composer's picker), every
+   * item is simply picked. */
+  onReschedule?: (a: PostableArtifact, itemId: string) => void;
+  onDuplicate?: (a: PostableArtifact, itemId: string) => void;
+  /** Changed by the page to load the list again (a post was rescheduled, moved or deleted). */
+  refreshKey?: number;
+  /** The item whose scheduled post is being opened: its row shows a spinner and takes no clicks meanwhile. */
+  openingId?: string | null;
 }) {
   const [items, setItems] = useState<PostableArtifact[] | null>(null);
   const [kind, setKind] = useState<Kind>("all");
@@ -382,6 +438,7 @@ export function LibraryPicker({ onPick, onPickKit, onCreateKit, fill = false }:
   const [dragging, setDragging] = useState(false); // a file is held over the drop area
   const [renaming, setRenaming] = useState<{ id: string; title: string; busy?: boolean } | null>(null);
   const [previewing, setPreviewing] = useState<PostableArtifact | null>(null); // the upload being looked at
+  const [audio, setAudio] = useState<PostableArtifact | null>(null); // an audio overview: offered to download, not posted
   const [deleting, setDeleting] = useState<PostableArtifact | null>(null); // the item in the delete pop-up
   const [deleteBusy, setDeleteBusy] = useState(false);
   const [deleteError, setDeleteError] = useState<string | null>(null);
@@ -441,7 +498,7 @@ export function LibraryPicker({ onPick, onPickKit, onCreateKit, fill = false }:
   const load = useCallback(() => launchpadApi.postable(q).then((list) => {
     setItems(list);
     return list;
-  }), [q]);
+  }), [q, refreshKey]); // eslint-disable-line react-hooks/exhaustive-deps
 
   useEffect(() => {
     const t = setTimeout(() => {
@@ -540,12 +597,18 @@ export function LibraryPicker({ onPick, onPickKit, onCreateKit, fill = false }:
         )}
         {items && shown.length === 0 && (
           <p className="muted lp-pick-empty">{kind === "kits" ? "No launch kits yet: create a new one."
-            : kind === "uploads" ? "Nothing uploaded yet." : "Nothing to attach here yet."}</p>
+            : kind === "uploads" ? "Nothing uploaded yet." : kind === "decks" ? "No slide decks yet: make one from a notebook."
+            : kind === "audio" ? "No audio overviews yet: make one from a notebook."
+            : "Nothing to attach here yet."}</p>
         )}
         <ul className={`lk-rows lp-pick-rows${fill ? " lp-pick-rows-fill" : ""}`}>
           {shown.map((a) => {
             const kit = a.type === "launch_kit";
-            const go = () => (a.needs_render || a.rendering ? setRendering(a) : kit && onPickKit ? onPickKit(a) : onPick(a));
+            // Already on the calendar (and this list offers it): open that post rather than start another one.
+            const next = onReschedule && !kit && a.media !== "audio" ? a.scheduled?.[0] : undefined;
+            const opening = openingId === a.id;
+            const go = () => opening ? undefined : (a.media === "audio" ? setAudio(a) : a.needs_render || a.rendering ? setRendering(a)
+              : next ? onReschedule!(a, next.id) : kit && onPickKit ? onPickKit(a) : onPick(a));
             if (renaming?.id === a.id) {
               return (
                 <li key={a.id}>
@@ -570,7 +633,7 @@ export function LibraryPicker({ onPick, onPickKit, onCreateKit, fill = false }:
             }
             return (
               <li key={a.id} className="lp-pick-item">
-                <button type="button" className="lk-row lp-pick-row" onClick={go}
+                <button type="button" className="lk-row lp-pick-row" onClick={go} aria-busy={opening}
                         title={a.rendering ? "Rendering: it can be scheduled once the MP4 is made"
                           : a.needs_render ? "Render it, then post it" : undefined}>
                   <Thumb a={a} />
@@ -578,22 +641,33 @@ export function LibraryPicker({ onPick, onPickKit, onCreateKit, fill = false }:
                     <strong>{a.title}</strong>
                     <span className="muted small">
                       {kit ? "LinkedIn post and hooks ready to schedule" : mediaLabel(a)}
-                      {a.created_at ? ` · ${formatDate(a.created_at)}` : ""}
+                      {next ? ` · Scheduled ${formatDate(next.scheduled_at, true)}${a.scheduled!.length > 1
+                        ? ` +${a.scheduled!.length - 1} more` : ""}` : a.created_at ? ` · ${formatDate(a.created_at)}` : ""}
                     </span>
                   </span>
-                  <span className={`lp-tag${a.media === "video" ? " video" : kit ? " kit" : ""}`}>
-                    {a.type === "upload" ? "Upload" : a.media === "video" ? "Video" : kit ? "Launch Kit" : a.type_label}
+                  <span className={`lp-tag${a.media === "video" ? " video" : kit ? " kit" : a.type === "slide_deck" ? " deck" : ""}`}>
+                    {a.type === "upload" ? "Upload" : a.media === "video" ? "Video" : a.media === "audio" ? "Audio" : kit ? "Launch Kit"
+                      : a.type_label}
                   </span>
                   <span className="lp-pick-go">
-                    {a.rendering ? (
+                    {opening ? (
+                      <><span className="vw-spin small" aria-hidden="true" /> Opening...</>
+                    ) : a.rendering ? (
                       <><span className="vw-spin small" aria-hidden="true" /> Rendering</>
                     ) : (
-                      <>{a.needs_render ? "Render it" : kit && onPickKit ? "Open kit" : "Schedule"} <ArrowRightIcon size={14} /></>
+                      <>{a.needs_render ? "Render it" : kit && onPickKit ? "Open kit" : next ? "Reschedule" : "Schedule"}
+                        {" "}<ArrowRightIcon size={14} /></>
                     )}
                   </span>
                 </button>
                 <RowMenu label={a.title} items={[
                   ...(a.view_url ? [{ label: "Preview", onSelect: () => setPreviewing(a) }] : []),
+                  ...(a.download_url ? [{ label: "Download", onSelect: () => download(a.download_url!) }] : []),
+                  ...(next && onDuplicate ? [{ label: "Duplicate schedule", onSelect: () => onDuplicate(a, next.id) }] : []),
+                  // Several posts of it coming up: each can be opened.
+                  ...(next && a.scheduled!.length > 1 ? a.scheduled!.map((sc) => ({
+                    label: `Edit schedule: ${formatDate(sc.scheduled_at, true)}`, onSelect: () => onReschedule!(a, sc.id),
+                  })) : []),
                   ...(a.type === "upload" ? [{ label: "Rename", onSelect: () => setRenaming({ id: a.id, title: a.title }) }] : []),
                   ...(kit ? [{ label: "Open kit", onSelect: () => (onPickKit ? onPickKit(a) : navigate(`/app/launchpad/kits/${a.id}`)) }]
                     : a.editable_video ? [{ label: "Open", onSelect: () => navigate(`/app/videos/${a.id}`) }] : []),
@@ -608,6 +682,7 @@ export function LibraryPicker({ onPick, onPickKit, onCreateKit, fill = false }:
         </ul>
         {rendering && <RenderVideoModal video={rendering} onClose={() => setRendering(null)} onRendered={rendered} />}
         {previewing && <MediaPreviewModal a={previewing} onClose={() => setPreviewing(null)} />}
+        {audio && <AudioOnlyModal title={audio.title} downloadUrl={audio.download_url} onClose={() => setAudio(null)} />}
         {deleting && (
           <Modal title={deleteWording(deleting).title} onClose={() => !deleteBusy && setDeleting(null)}>
             <div className="stack">

frontend/src/components/launchpad/PostButton.tsx

@@ -2,8 +2,9 @@ import { useState } from "react";
 import type { Artifact } from "../../api/types";
 import { ScheduleModal } from "../ScheduleModal";
 
-/** What can go out on X / LinkedIn: images, videos and text. Not audio (neither platform takes audio files). */
-const POSTABLE = new Set(["video", "quote_card", "carousel", "summary", "launch_kit", "mind_map"]);
+/** What can go out on X / LinkedIn: images (a slide deck's slides too), videos and text. Not audio (neither platform
+ * takes audio files). */
+const POSTABLE = new Set(["video", "quote_card", "carousel", "summary", "launch_kit", "mind_map", "slide_deck"]);
 
 export function canPost(a: Artifact): boolean {
   if (!POSTABLE.has(a.type)) return false;

frontend/src/pages/Archive.tsx

@@ -1,17 +1,18 @@
-import { useCallback, useEffect, useState } from "react";
-import { Link, useSearchParams } from "react-router-dom";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { Link, Navigate, useSearchParams } from "react-router-dom";
 import { artifactsApi } from "../api/endpoints";
 import type { Artifact } from "../api/types";
 import { ArtifactRow } from "../components/ArtifactRow";
 import { Reader } from "../components/Reader";
 import { EmptyState, Loading, PageHeader, Tabs } from "../components/ui";
 import Videos from "./Videos";
-import VoiceProfile from "./VoiceProfile";
 import { canPost, PostButton } from "../components/launchpad/PostButton";
+import { AudioOnlyModal } from "../components/launchpad/Attachment";
 
-type Filter = "all" | "report" | "summary" | "quiz" | "flashcards" | "mind_map" | "infographic";
-/** The Library's tabs: kinds of things made (a filter on one list), plus your videos and your voices (their own pages). */
-type Tab = Filter | "videos" | "voices";
+type Filter = "all" | "report" | "summary" | "quiz" | "flashcards" | "mind_map" | "infographic" | "slide_deck" | "audio_overview";
+/** The Library's tabs: kinds of things made (a filter on one list), plus your videos (their own page). Voices moved to
+ * the sidebar (Manage voices, /app/voices); an old ?tab=voices link goes there. */
+type Tab = Filter | "videos";
 const TABS: { id: Tab; label: string }[] = [
   { id: "all", label: "All" },
   { id: "report", label: "Reports" },
@@ -20,13 +21,15 @@ const TABS: { id: Tab; label: string }[] = [
   { id: "flashcards", label: "Flashcards" },
   { id: "mind_map", label: "Mind Constellations" },
   { id: "infographic", label: "Infographics" },
+  { id: "slide_deck", label: "Slide decks" },
+  { id: "audio_overview", label: "Audio overviews" },
   { id: "videos", label: "Videos" },
-  { id: "voices", label: "Voices" },
 ];
 const PAGE = 30;
 
 export default function Archive() {
   const [params, setParams] = useSearchParams();
+  if (params.get("tab") === "voices") return <Navigate to="/app/voices" replace />;
   const tab: Tab = TABS.find((t) => t.id === params.get("tab"))?.id ?? "all";
   // The tab lives in the URL (?tab=videos), so the sidebar, redirects and Back land on it.
   const pickTab = (t: Tab) => setParams(t === "all" ? {} : { tab: t });
@@ -35,11 +38,22 @@ export default function Archive() {
     <div className="page-wrap">
       <PageHeader eyebrow="Library" title="Everything you have made" />
       <Tabs<Tab> tabs={TABS} value={tab} onChange={pickTab} />
-      {tab === "videos" ? <Videos /> : tab === "voices" ? <VoiceProfile /> : <MadeList filter={tab} />}
+      {tab === "videos" ? <Videos /> : <MadeList filter={tab} />}
     </div>
   );
 }
 
+/** "Post" on an audio overview: X and LinkedIn take no audio files, so it explains that and offers the download. */
+function AudioPostButton({ artifact }: { artifact: Artifact }) {
+  const [open, setOpen] = useState(false);
+  return (
+    <>
+      <button type="button" className="btn btn-small" onClick={() => setOpen(true)}>Post</button>
+      {open && <AudioOnlyModal title={artifact.title} downloadUrl={artifact.download_url} onClose={() => setOpen(false)} />}
+    </>
+  );
+}
+
 /** What was made, of one kind (or all), searchable. */
 function MadeList({ filter }: { filter: Filter }) {
   const [q, setQ] = useState("");
@@ -48,19 +62,31 @@ function MadeList({ filter }: { filter: Filter }) {
   const [failed, setFailed] = useState(false);
   const [reading, setReading] = useState<{ id: string; start: number; end: number } | null>(null);
 
+  // The tab and search the list is showing: an answer for any other (a tab just left) is dropped when it arrives late.
+  const showing = useRef("");
+  showing.current = `${filter}|${q}`;
   const load = useCallback(
-    (offset = 0) =>
-      artifactsApi
+    (offset = 0) => {
+      const asked = `${filter}|${q}`;
+      return artifactsApi
         .list({ type: filter === "all" ? undefined : filter, q, limit: PAGE, offset })
         .then((p) => {
+          if (showing.current !== asked) return;
           setFailed(false);
           setTotal(p.total);
           setItems((cur) => (offset ? [...(cur ?? []), ...p.items] : p.items));
         })
-        .catch(() => setFailed(true)),
+        .catch(() => showing.current === asked && setFailed(true));
+    },
     [filter, q],
   );
 
+  // Another tab: the loader until its items are fetched, never the last tab's items meanwhile.
+  useEffect(() => {
+    setItems(null);
+    setFailed(false);
+  }, [filter]);
+
   useEffect(() => {
     const t = setTimeout(() => load(0), 200);
     return () => clearTimeout(t);
@@ -76,7 +102,7 @@ function MadeList({ filter }: { filter: Filter }) {
         <EmptyState title="Could not load your library" body="Something went wrong reaching the server."
                     action={<button className="btn btn-primary" onClick={() => load(0)}>Try again</button>} />
       )}
-      {items?.length === 0 && <EmptyState title="Nothing here yet" body="Reports, summaries, quizzes, flashcards, Mind Constellations, audio and more that you create show up here."
+      {items?.length === 0 && <EmptyState title="Nothing here yet" body="Reports, summaries, quizzes, flashcards, Mind Constellations, slide decks, audio and more that you create show up here."
           action={
             <Link className="btn btn-primary" to="/app/studio">
               Create something
@@ -88,7 +114,8 @@ function MadeList({ filter }: { filter: Filter }) {
           <ArtifactRow
             key={a.id}
             artifact={a}
-            actions={(art) => (canPost(art) ? <PostButton artifactId={art.id} /> : null)}
+            actions={(art) => (canPost(art) ? <PostButton artifactId={art.id} />
+              : art.type === "audio_overview" && art.status === "ready" ? <AudioPostButton artifact={art} /> : null)}
             onCite={(c) => c.document_id && setReading({ id: c.document_id, start: c.line_start, end: c.line_end })}
             onRemoved={(id) => {
               setItems((list) => (list ?? []).filter((x) => x.id !== id));

frontend/src/pages/Launchpad.tsx

@@ -52,8 +52,10 @@ function ItemModal({
   const locked = item.status === "posted" || item.status === "publishing";
   const options = (accounts?.accounts ?? []).filter((a) => a.platform === item.platform);
 
+  // Not on the calendar to go out (a draft, failed, reminded or paused post): Save puts it back, at the time shown.
+  const reschedules = item.status !== "scheduled";
   const save = async () => {
-    if (moved && wallToDate(when) <= new Date()) return setError("Pick a time that is still ahead.");
+    if ((moved || reschedules) && wallToDate(when) <= new Date()) return setError("Pick a time that is still ahead.");
     setBusy(true);
     setError(null);
     try {
@@ -62,7 +64,8 @@ function ItemModal({
         await launchpadApi.update(item.id, {
           content: clean[0],
           thread: clean.slice(1),
-          ...(moved ? { local_time: when, timezone: userTimeZone() } : {}),
+          ...(moved || reschedules ? { local_time: when, timezone: userTimeZone() } : {}),
+          ...(reschedules ? { status: "scheduled" as const } : {}),
           social_account_id: accountId || null,
           ...((attached?.id ?? null) !== item.artifact_id ? { artifact_id: attached?.id ?? null } : {}),
         }),
@@ -143,7 +146,7 @@ function ItemModal({
           </label>
         ))}
         {!locked && (
-          <div className="row">
+          <div className="lp-edit-when">
             <div className="field">
               <span>When</span>
               <SlotPicker value={when} onChange={setWhen} />
@@ -164,7 +167,7 @@ function ItemModal({
           </div>
         )}
         {error && <p className="error-text">{error}</p>}
-        <div className="row between">
+        <div className="row between lp-edit-actions">
           <div className="row">
             <CopyButton text={posts.join("\n\n")} />
             <ConfirmButton
@@ -201,8 +204,9 @@ function ItemModal({
               >
                 {item.auto_post ? "Publish now" : "Send reminder now"}
               </button>
-              <button className="btn btn-primary" disabled={busy} onClick={save}>
-                Save
+              <button className="btn btn-primary" disabled={busy} onClick={save}
+                      title={reschedules ? "Save it and put it back on the calendar at this time" : undefined}>
+                {reschedules ? "Reschedule" : "Save"}
               </button>
             </div>
           )}
@@ -408,7 +412,6 @@ export default function Launchpad() {
         </button>
       </PageHeader>
       {notice && <p className="notice">{notice}</p>}
-      {publishing && <p className="notice">Publishing... uploading a video can take a few minutes.</p>}
       {error && <p className="error-text">{error}</p>}
 
 
@@ -478,7 +481,14 @@ export default function Launchpad() {
             {items.length === 0 && <li className="muted">Nothing scheduled. Quiet moon tonight.</li>}
           </ul>
         )}
-        {items && <p className="mono muted small">{upcoming.length} upcoming in view</p>}
+        {items && (
+          <div className="lp-cal-foot">
+            <p className="mono muted small">{upcoming.length} upcoming in view</p>
+            <p className="muted small lp-cal-hint">
+              Click a post on the calendar to edit it: change its words or time, reschedule it, or publish it now.
+            </p>
+          </div>
+        )}
       </section>
 
         <ConnectionsPanel accounts={accounts} onConnect={connect} onChanged={async () => {
@@ -495,22 +505,75 @@ export default function Launchpad() {
 
 /** /app/launchpad/new: what to launch. Something from the Library opens the composer with it attached; Create a
  * launch kit goes to the kit pages (and is scheduled from the kit). */
+/** Schedule a launch: pick something from the Library to post. Something already scheduled says Reschedule and opens
+ * that post (the calendar's editor), and its menu can schedule it once more, starting from a copy of that post. */
 export function ScheduleLaunch() {
   const navigate = useNavigate();
   const [picked, setPicked] = useState<PostableArtifact | null>(null);
+  // A post already on the calendar: opened to edit (rescheduled), or copied into a new one (a duplicate schedule).
+  const [editing, setEditing] = useState<CalendarItem | null>(null);
+  const [copying, setCopying] = useState<{ a: PostableArtifact; item: CalendarItem } | null>(null);
+  const [accounts, setAccounts] = useState<SocialAccounts | null>(null);
+  const [refreshKey, setRefreshKey] = useState(0);
+  const [error, setError] = useState<string | null>(null);
+  const [openingId, setOpeningId] = useState<string | null>(null); // the row whose post is loading
+  // The accounts the editor needs, loaded once with the page rather than on every click.
+  useEffect(() => {
+    launchpadApi.accounts().then(setAccounts, () => undefined);
+  }, []);
+  const scheduledItem = async (artifactId: string, id: string) => {
+    setError(null);
+    setOpeningId(artifactId);
+    try {
+      const [all, acc] = await Promise.all([launchpadApi.items({ status: "scheduled" }),
+                                            accounts ? Promise.resolve(accounts) : launchpadApi.accounts()]);
+      setAccounts(acc);
+      const found = all.find((i) => i.id === id);
+      if (!found) {
+        setError("That post isn't scheduled anymore.");
+        setRefreshKey((k) => k + 1);
+      }
+      return found ?? null;
+    } catch (e) {
+      setError(errorMessage(e));
+      return null;
+    } finally {
+      setOpeningId(null);
+    }
+  };
   return (
     <div className="page-wrap">
       <BackArrow fallback="/app/launchpad" />
       <PageHeader eyebrow="Launchpad" title="Schedule a launch" />
+      {error && <p className="error-text">{error}</p>}
       <section className="card">
         <LibraryPicker fill onPick={setPicked} onPickKit={(k) => navigate(`/app/launchpad/kits/${k.id}`)}
-                       onCreateKit={() => navigate("/app/launchpad/kits")} />
+                       onCreateKit={() => navigate("/app/launchpad/kits")} refreshKey={refreshKey} openingId={openingId}
+                       onReschedule={async (a, id) => setEditing(await scheduledItem(a.id, id))}
+                       onDuplicate={async (a, id) => {
+                         const item = await scheduledItem(a.id, id);
+                         if (item) setCopying({ a, item });
+                       }} />
       </section>
       {picked && (
         <ScheduleModal platform="linkedin" posts={[]} artifact={picked} artifactId={picked.id}
                        onClose={() => setPicked(null)}
                        onScheduled={() => navigate("/app/launchpad")} />
       )}
+      {copying && (
+        <ScheduleModal platform={copying.item.platform} posts={[copying.item.content, ...copying.item.thread]}
+                       artifact={copying.a} artifactId={copying.a.id}
+                       onClose={() => setCopying(null)}
+                       onScheduled={() => {
+                         setCopying(null);
+                         setRefreshKey((k) => k + 1);
+                       }} />
+      )}
+      {editing && (
+        <ItemModal item={editing} accounts={accounts} onClose={() => setEditing(null)}
+                   onChanged={() => setRefreshKey((k) => k + 1)}
+                   onReconnect={() => navigate("/app/launchpad")} />
+      )}
     </div>
   );
 }

frontend/src/pages/VideoCreate.tsx

@@ -465,7 +465,7 @@ export function VideoCreateForm({ startNotebook = null, startDoc = null, inModal
               {voices === null ? (
                 <Loading label="Loading voices" />
               ) : saved.length === 0 ? (
-                <p className="muted">No voices yet. Add some on the <Link to="/app/archive?tab=voices">Voices</Link> tab of your Library.</p>
+                <p className="muted">No voices yet. Add some in <Link to="/app/voices">Manage voices</Link>.</p>
               ) : (
                 <div className="vw-voice-list vw-voice-list-compact" role="radiogroup" aria-label="Narration voice">
                   {saved.map((v) => {

frontend/src/pages/VoiceProfile.tsx

@@ -1,21 +1,11 @@
 import { useCallback, useEffect, useRef, useState } from "react";
-import { useSearchParams } from "react-router-dom";
 import { voiceApi } from "../api/endpoints";
-import type { Job, VoiceDesignInput, VoiceDesignPreview, VoiceProfileData, VoiceState } from "../api/types";
-import { DocPicker } from "../components/DocPicker";
+import type { Job, VoiceDesignInput, VoiceDesignPreview, VoiceState } from "../api/types";
 import { YourVoices } from "../components/voice/YourVoices";
-import { ConfirmButton, errorMessage, formatDate, JobProgress, Loading, Modal, Tabs } from "../components/ui";
+import { ConfirmButton, errorMessage, JobProgress, Loading, Modal, Tabs } from "../components/ui";
 import { useJob } from "../hooks/useJob";
 import { useUpgrade } from "../hooks/useUpgrade";
 
-const LIST_FIELDS: { key: keyof VoiceProfileData; label: string; hint: string }[] = [
-  { key: "tone", label: "Tone", hint: "warm, wry, direct" },
-  { key: "vocabulary", label: "Signature words and phrases", hint: "readers, the long game" },
-  { key: "structure_habits", label: "Structure habits", hint: "short paragraphs, one idea each" },
-  { key: "openings", label: "How pieces open", hint: "a number, a small scene" },
-  { key: "avoid", label: "Never does", hint: "jargon, hashtags" },
-];
-
 /** Plays one URL at a time across the page. */
 function usePlayer() {
   const audio = useRef<HTMLAudioElement | null>(null);
@@ -416,216 +406,79 @@ function CloneModal({ state, onClose, onDone }: { state: VoiceState; onClose: ()
   );
 }
 
-// The page: two steps. The writing voice builds itself, then the writer picks the two hosts.
-// Cloning lives in the "+ Add a voice" menu; a clone's status shows under the voice cards.
-
-type Step = "writing" | "hosts";
-
-/** The underlined link between the two views (Speaking voices <-> Writing voice), its arrow pointing the way. */
-function ViewLink({ to, label, onGo }: { to: Step; label: string; onGo: (s: Step) => void }) {
-  const back = to === "hosts";
-  return (
-    <button type="button" className={`vp-switch${back ? " back" : ""}`} onClick={() => onGo(to)}>
-      {back && <span aria-hidden="true">←</span>}
-      <span className="vp-switch-text">{label}</span>
-      {!back && <span aria-hidden="true">→</span>}
-    </button>
-  );
-}
+// The page: the speaking voices (who reads audio and video aloud). Cloning lives in the "+ Add a voice" menu; a
+// clone's status shows under the voice cards. The writing voice is built by the server on import and not shown here.
 
 export default function VoiceProfile() {
   const [state, setState] = useState<VoiceState | null>(null);
-  const [draft, setDraft] = useState<VoiceProfileData | null>(null);
-  const [params] = useSearchParams();
-  // Opens on Speaking voices; ?step=writing opens the writing voice (links between the two switch views).
-  const [step, setStep] = useState<Step>(params.get("step") === "writing" ? "writing" : "hosts");
-  const [picking, setPicking] = useState(false);
-  const [samples, setSamples] = useState<string[]>([]);
-  const [buildJob, setBuildJob] = useState<Job | null>(null);
   const [cloneJob, setCloneJob] = useState<Job | null>(null);
   const [cloning, setCloning] = useState(false);
   const [adding, setAdding] = useState(false); // the Add voices modal
   const [voicesKey, setVoicesKey] = useState(0); // bumped when a voice was made, so Your voices reloads
   const { openUpgrade } = useUpgrade();
-  const [saved, setSaved] = useState(false);
   const [error, setError] = useState<string | null>(null);
-  const autoBuilt = useRef(false);
   const { play, playing } = usePlayer();
 
-  const load = () =>
-    voiceApi.get().then((s) => {
-      setState(s);
-      setDraft(s.profile);
-      setSamples(s.sample_doc_ids);
-      return s;
-    });
+  const load = () => voiceApi.get().then(setState, (e) => setError(errorMessage(e)));
   const loadVoices = () => setVoicesKey((k) => k + 1);
 
-  const startBuild = async (ids: string[]) => {
-    setPicking(false);
-    setError(null);
-    try {
-      setBuildJob(await voiceApi.build(ids));
-    } catch (e) {
-      setError(errorMessage(e));
-    }
-  };
-
   useEffect(() => {
-    // No writing voice yet: build one from the longest posts straight away instead of asking.
-    load().then((s) => {
-      if (!s.profile && !autoBuilt.current) {
-        autoBuilt.current = true;
-        void startBuild([]);
-      }
-    });
+    void load();
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
-  const build = useJob(buildJob, () => load());
   const clone = useJob(cloneJob, () => {
     load();
     loadVoices(); // a finished clone is saved to Your voices as "My voice"
   });
 
   if (!state) return <div className="loading-center"><Loading label="Loading your voice" /></div>;
-  const building = build && (build.status === "queued" || build.status === "running");
   const cloneRunning = clone && (clone.status === "queued" || clone.status === "running");
   const showClone = state.clone.status !== "none" || Boolean(clone);
 
-  const saveProfile = async () => {
-    setError(null);
-    try {
-      setState(await voiceApi.update({ profile: draft! }));
-      setSaved(true);
-      setTimeout(() => setSaved(false), 1500);
-    } catch (e) {
-      setError(errorMessage(e));
-    }
-  };
-
   return (
-    // The Library's Voices tab: speaking voices, and the writing voice behind a link.
+    // Manage voices (/app/voices): the speaking voices.
     <div className="stack vp">
-
-      <div className="vp-switch-row">
-        {step === "hosts"
-          ? <ViewLink to="writing" label="Writing voice" onGo={setStep} />
-          : <ViewLink to="hosts" label="Speaking voices" onGo={setStep} />}
-      </div>
       {error && <p className="error-text">{error}</p>}
 
-      {step === "writing" && (
-        <section className="card stack vp-card">
-          <h2>How you write</h2>
-          <p className="muted">Launch Kits, carousels, hooks and scripts are all written in this voice, so they read like you wrote them.</p>
-          {build && (building || build.status === "failed") && <JobProgress job={build} />}
-          {!draft && !building && (
+      <section className="card stack vp-card">
+        <h2>Who reads your work aloud</h2>
+        {!state.tts_configured && <p className="muted">Voice previews are unavailable right now.</p>}
+        <YourVoices reloadKey={voicesKey} onAdd={() => setAdding(true)} />
+
+        {showClone && (
+          <div className="vp-clone">
+            <strong>Your cloned voice</strong>
+            {clone && (cloneRunning || clone.status === "failed") && <JobProgress job={clone} compact />}
+            {state.clone.status === "processing" && !clone && <p className="muted small">Your voice is being created. It joins your voices when ready.</p>}
+            {state.clone.status === "failed" && state.clone.error && !cloneRunning && <p className="error-text">{state.clone.error}</p>}
             <div className="row">
-              <button className="btn btn-primary" onClick={() => startBuild([])}>
-                Build my writing voice
-              </button>
-              <button className="link-btn small" onClick={() => setPicking(true)}>
-                or pick the posts yourself
-              </button>
-            </div>
-          )}
-
-          {draft && (
-            <>
-              <label className="field">
-                <span>In a sentence, you sound like this</span>
-                <textarea className="textarea" rows={7} value={draft.summary} onChange={(e) => setDraft({ ...draft, summary: e.target.value })} />
-              </label>
-              <details className="delivery">
-                <summary className="mono muted small">Fine-tune tone, phrases and habits</summary>
-                <label className="field">
-                  <span>Sentence length</span>
-                  <select className="input input-sm" value={draft.sentence_length} onChange={(e) => setDraft({ ...draft, sentence_length: e.target.value as VoiceProfileData["sentence_length"] })}>
-                    {["short", "medium", "long", "varied"].map((v) => (
-                      <option key={v}>{v}</option>
-                    ))}
-                  </select>
-                </label>
-                {LIST_FIELDS.map((f) => (
-                  <label key={f.key} className="field">
-                    <span>{f.label}</span>
-                    <input
-                      className="input input-sm"
-                      placeholder={f.hint}
-                      value={(draft[f.key] as string[]).join(", ")}
-                      onChange={(e) => setDraft({ ...draft, [f.key]: e.target.value.split(",").map((x) => x.trim()).filter(Boolean) })}
-                    />
-                  </label>
-                ))}
-              </details>
-              <p className="mono muted small">
-                Built {formatDate(state.updated_at, true)} from {state.sample_doc_ids.length} posts ·{" "}
-                <button className="link-btn small" disabled={Boolean(building)} onClick={() => setPicking(true)}>
-                  Rebuild from other posts
+              {state.clone.status === "ready" && state.clone.preview_url && (
+                <button className="btn btn-small" onClick={() => play(state.clone.preview_url!, "clone")}>
+                  {playing === "clone" ? "Stop" : "Hear my voice"}
                 </button>
-              </p>
-              <div className="row end">
-                <button className="btn btn-small" onClick={saveProfile}>
-                  {saved ? "Saved" : "Save changes"}
+              )}
+              {!cloneRunning && state.clone.allowed && (
+                <button className="btn btn-small" onClick={() => setCloning(true)}>
+                  {state.clone.status === "failed" ? "Try again" : "Record again"}
                 </button>
-              </div>
-            </>
-          )}
-        </section>
-      )}
-
-      {step === "hosts" && (
-        <section className="card stack vp-card">
-          <h2>Who reads your work aloud</h2>
-          {!state.tts_configured && <p className="muted">Voice previews are unavailable right now.</p>}
-          <YourVoices reloadKey={voicesKey} onAdd={() => setAdding(true)} />
-
-          {showClone && (
-            <div className="vp-clone">
-              <strong>Your cloned voice</strong>
-              {clone && (cloneRunning || clone.status === "failed") && <JobProgress job={clone} compact />}
-              {state.clone.status === "processing" && !clone && <p className="muted small">Your voice is being created. It joins your voices when ready.</p>}
-              {state.clone.status === "failed" && state.clone.error && !cloneRunning && <p className="error-text">{state.clone.error}</p>}
-              <div className="row">
-                {state.clone.status === "ready" && state.clone.preview_url && (
-                  <button className="btn btn-small" onClick={() => play(state.clone.preview_url!, "clone")}>
-                    {playing === "clone" ? "Stop" : "Hear my voice"}
-                  </button>
-                )}
-                {!cloneRunning && state.clone.allowed && (
-                  <button className="btn btn-small" onClick={() => setCloning(true)}>
-                    {state.clone.status === "failed" ? "Try again" : "Record again"}
-                  </button>
-                )}
-                {state.clone.status !== "none" && (
-                  <ConfirmButton
-                    confirmLabel="Revoke and delete my voice?"
-                    onConfirm={async () => {
-                      setState(await voiceApi.revoke());
-                      loadVoices();
-                    }}
-                  >
-                    Revoke consent
-                  </ConfirmButton>
-                )}
-              </div>
+              )}
+              {state.clone.status !== "none" && (
+                <ConfirmButton
+                  confirmLabel="Revoke and delete my voice?"
+                  onConfirm={async () => {
+                    setState(await voiceApi.revoke());
+                    loadVoices();
+                  }}
+                >
+                  Revoke consent
+                </ConfirmButton>
+              )}
             </div>
-          )}
-        </section>
-      )}
-
-      {picking && (
-        <Modal title="Pick 5 to 10 posts that sound most like you" onClose={() => setPicking(false)} wide>
-          <DocPicker selected={samples} onChange={setSamples} max={10} />
-          <p className="muted small">Leave empty to let Notestack pick your longest posts.</p>
-          <div className="row end">
-            <button className="btn btn-primary" onClick={() => startBuild(samples)}>
-              Build profile
-            </button>
           </div>
-        </Modal>
-      )}
+        )}
+      </section>
+
       {cloning && <CloneModal state={state} onClose={() => setCloning(false)} onDone={setCloneJob} />}
       {adding && (
         <Modal title="Add voices" onClose={() => setAdding(false)} wide>

frontend/src/pages/Voices.tsx

@@ -0,0 +1,12 @@
+import { PageHeader } from "../components/ui";
+import VoiceProfile from "./VoiceProfile";
+
+/** Manage voices (in the sidebar): the speaking voices for audio and video, and the writing voice. */
+export default function Voices() {
+  return (
+    <div className="page-wrap">
+      <PageHeader eyebrow="Voices" title="Manage voices" />
+      <VoiceProfile />
+    </div>
+  );
+}

frontend/src/styles/pages.css

@@ -2277,54 +2277,6 @@ select.input option {
   animation: welcome-in 0.35s ease both;
 }
 
-/* The link between the two views (Speaking voices / Writing voice): underlined text and an arrow */
-.vp-switch-row {
-  display: flex;
-  justify-content: flex-end; /* at the right end */
-  margin: -6px 0 4px;
-}
-
-.vp-switch {
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-  padding: 4px 0;
-  border: 0;
-  background: none;
-  color: var(--text-2);
-  font: inherit;
-  font-size: 0.95rem;
-  cursor: pointer;
-  transition: color 0.15s;
-}
-
-.vp-switch-text {
-  text-decoration: underline;
-  text-decoration-color: var(--line-strong);
-  text-underline-offset: 4px;
-  transition: text-decoration-color 0.15s;
-}
-
-.vp-switch:hover {
-  color: var(--text);
-}
-
-.vp-switch:hover .vp-switch-text {
-  text-decoration-color: var(--blue);
-}
-
-.vp-switch > span[aria-hidden] {
-  transition: transform 0.15s;
-}
-
-.vp-switch:hover > span[aria-hidden] {
-  transform: translateX(3px);
-}
-
-.vp-switch.back:hover > span[aria-hidden] {
-  transform: translateX(-3px);
-}
-
 .voice-grid {
   list-style: none;
   margin: 0;
@@ -4403,6 +4355,87 @@ select.input,
   color: var(--white);
 }
 
+/* Under the calendar: how many posts are coming up, and how to change one */
+.lp-cal-foot {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: baseline;
+  justify-content: space-between;
+  gap: 6px 16px;
+}
+
+.lp-cal-foot p {
+  margin: 0;
+}
+
+.lp-cal-hint {
+  color: var(--text-2);
+}
+
+/* Editing a scheduled post: When and Account side by side, their labels and boxes on one line (the time zone note
+   sits under When without pushing Account down), and the actions on their own line below a rule */
+.lp-edit-when {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  align-items: start;
+  gap: 16px;
+}
+
+.lp-edit-when .field {
+  margin: 0;
+}
+
+.lp-edit-when select.input {
+  width: 100%;
+}
+
+@media (max-width: 640px) {
+  .lp-edit-when {
+    grid-template-columns: minmax(0, 1fr);
+  }
+}
+
+.lp-edit-actions {
+  flex-wrap: wrap;
+  gap: 12px;
+  margin-top: 4px;
+  padding-top: 16px;
+  border-top: 1px solid var(--line);
+}
+
+/* "Audio can't be posted": the headphones, why, and the download */
+.lp-audio-only {
+  max-width: 460px;
+}
+
+.lp-audio-only p {
+  margin: 0;
+  line-height: 1.6;
+}
+
+.lp-audio-only-icon {
+  display: grid;
+  place-items: center;
+  width: 52px;
+  height: 52px;
+  border-radius: 50%;
+  background: var(--blue-10);
+  color: var(--blue);
+}
+
+.lp-audio-only-actions {
+  justify-content: flex-end;
+  align-items: center;
+  gap: 10px;
+}
+
+/* A slide deck: outlined like a video, dashed (its slides go out as images) */
+.lp-tag.deck {
+  border-color: var(--blue-35);
+  border-style: dashed;
+  color: var(--white);
+}
+
 .lp-pick-go {
   display: inline-flex;
   flex: none;