Long-form composer mode for the blog target

Review threads live on the whole diff, not on one commit, so none are shown here - a thread's line means something in the branch's final form, and painting it into an intermediate step would put it on code it is not about.

app/Actions/Postline/CrosspostPublishAction.tsmodified+2-1

Changes to app/Actions/Postline/CrosspostPublishAction.ts

		⋯10 linesShow the 10 lines above this hunk@@ -11,6 +11,7 @@ export default new Action({
11	11
12	12	async handle(request: RequestInstance) {
13	13	const text = String(request.get('text') || request.get('body') || '').trim()
	14	+ const title = String(request.get('title') || '').trim() || undefined
14	15
15	16	const available = new Set<string>(crosspostProviders())
16	17	const providers = String(request.get('providers') || request.get('provider') || '')
		⋯37 linesShow the 37 lines above this hunk@@ -54,7 +55,7 @@ export default new Action({
54	55	catch {}
55	56
56	57	try {
57		- const content = { external, media: media.length ? media : undefined }
	58	+ const content = { title, external, media: media.length ? media : undefined }
58	59	const data = thread.length > 1
59	60	? await crosspost.publishThread(thread, providers, content)
60	61	: await crosspost.publish(thread[0] || text, providers, content)

app/Actions/Postline/QueueSaveAction.tsmodified+2-1

Changes to app/Actions/Postline/QueueSaveAction.ts

		⋯19 linesShow the 19 lines above this hunk@@ -20,9 +20,10 @@ export default new Action({
20	20	.filter(value => available.has(value)) as SocialProvider[]
21	21
22	22	const scheduledAt = String(request.get('scheduled_at') || '').trim() || null
	23	+ const title = String(request.get('title') || '').trim() || null
23	24
24	25	try {
25		- const data = await postQueue.save({ text, providers, scheduledAt })
	26	+ const data = await postQueue.save({ text, providers, title, scheduledAt })
26	27	return response.json({ ok: true, data })
27	28	}
28	29	catch (error) {

app/Services/Social/BlogService.tsmodified+8-4

Changes to app/Services/Social/BlogService.ts

		⋯57 linesShow the 57 lines above this hunk@@ -58,7 +58,7 @@ export class BlogService {
58	58
59	59	async publishToPost(
60	60	post: { id: number, body: string },
61		- _content?: PublishContent,
	61	+ content?: PublishContent,
62	62	): Promise<CrosspostTargetResult> {
63	63	const targetUuid = uuid()
64	64	const createdAt = now()
		⋯14 linesShow the 14 lines above this hunk@@ -79,16 +79,20 @@ export class BlogService {
79	79	.executeTakeFirstOrThrow()
80	80
81	81	try {
	82	+ // Explicit title (long-form composer) keeps the whole text as body;
	83	+ // otherwise the first line doubles as the title and is stripped.
	84	+ const explicitTitle = content?.title?.trim()
82	85	const lines = post.body.split('\n').map(line => line.trim())
83		- const title = (lines.find(Boolean) || 'Untitled post').slice(0, 200)
	86	+ const title = (explicitTitle || lines.find(Boolean) || 'Untitled post').slice(0, 200)
84	87	const body = post.body.trim()
85	88	const slug = await uniqueSlug(slugify(title))
86	89	const accountId = await ensureAccount()
87	90	const publishedAt = now()
88	91
89		- // Body minus the title line — the blog theme already renders the title.
90	92	const firstContentIndex = post.body.split('\n').findIndex(line => line.trim())
91		- const markdownBody = post.body.split('\n').slice(firstContentIndex + 1).join('\n').trim() || body
	93	+ const markdownBody = explicitTitle
	94	+ ? body
	95	+ : post.body.split('\n').slice(firstContentIndex + 1).join('\n').trim() || body
92	96
93	97	await mkdir(CONTENT_DIR, { recursive: true })
94	98	await Bun.write(join(CONTENT_DIR, `${slug}.md`), [

app/Services/Social/QueueService.tsmodified+3-1

Changes to app/Services/Social/QueueService.ts

		⋯29 linesShow the 29 lines above this hunk@@ -30,6 +30,8 @@ export interface QueueItemView {
30	30	export interface SaveQueueInput {
31	31	text: string
32	32	providers: SocialProvider[]
	33	+ /** Explicit title for long-form targets (blog). */
	34	+ title?: string | null
33	35	/** UTC `YYYY-MM-DD HH:MM:SS`; omitted → saved as a draft. */
34	36	scheduledAt?: string | null
35	37	}
		⋯31 linesShow the 31 lines above this hunk@@ -67,7 +69,7 @@ export class QueueService {
67	69
68	70	await database.insertInto('posts').values({
69	71	uuid: postUuid,
70		- title: body.slice(0, 80),
	72	+ title: input.title?.trim() || body.slice(0, 80),
71	73	body,
72	74	status,
73	75	scheduled_at: scheduledAt,

app/Support/Social/types.tsmodified+2-0

Changes to app/Support/Social/types.ts

		⋯51 linesShow the 51 lines above this hunk@@ -52,6 +52,8 @@ export interface PublishedPost {
52	52
53	53	/** Optional content attached to a post: a link card and/or media. */
54	54	export interface PublishContent {
	55	+ /** Explicit post title — used by long-form targets (blog); ignored by social providers. */
	56	+ title?: string
55	57	external?: {
56	58	uri: string
57	59	title: string

resources/assets/scripts/postline-social.tsmodified+3-0

Changes to resources/assets/scripts/postline-social.ts

		⋯21 linesShow the 21 lines above this hunk@@ -22,6 +22,8 @@ export interface CrosspostResultItem {
22	22	export interface CrosspostInput {
23	23	text: string
24	24	providers: string[]
	25	+ /** Explicit title for long-form targets (blog). */
	26	+ title?: string
25	27	external?: { uri: string, title: string, description?: string }
26	28	image?: { url: string, altText?: string }
27	29	/** Attached image file — uploaded to providers that accept bytes (Bluesky). */
		⋯31 linesShow the 31 lines above this hunk@@ -59,6 +61,7 @@ export async function publishCrosspost(input: CrosspostInput): Promise<{ postId:
59	61	const body = new FormData()
60	62	body.set('text', input.text)
61	63	body.set('providers', input.providers.join(','))
	64	+ if (input.title) body.set('title', input.title)
62	65	if (input.thread && input.thread.length > 1)
63	66	body.set('thread', JSON.stringify(input.thread))
64	67	if (input.external?.uri && input.external?.title) {

resources/views/index.stxmodified+13-1

Changes to resources/views/index.stx

		⋯40 linesShow the 40 lines above this hunk@@ -41,6 +41,7 @@
41	41	<span class="h-4 w-4 text-zinc-500 i-hugeicons-image-01" aria-hidden="true"></span>
42	42	<input class="px-3 h-9 w-full text-neutral-950 text-sm bg-white border border-zinc-200 outline-none rounded-xl focus:border-blue-500 focus:ring-2 focus:ring-blue-100" type="url" inputmode="url" placeholder="Image URL (required for Instagram)" aria-label="Image URL for Instagram" data-compose-image>
43	43	</label>
	44	+ <input class="hidden mb-2 w-full font-bold leading-snug text-[22px] text-neutral-950 placeholder:text-zinc-400 bg-transparent border-0 outline-none" type="text" maxlength="200" placeholder="Post title" aria-label="Blog post title" data-compose-title>
44	45	<div class="grid overflow-y-auto content-start gap-4 pr-1 max-h-72" data-composer-posts>
45	46	<article class="grid gap-2 pb-3 last:pb-0 border-b border-zinc-100 last:border-b-0" data-composer-post data-active="true">
46	47	<header class="flex gap-3 items-center justify-between">
		⋯74 linesShow the 74 lines above this hunk@@ -121,6 +122,8 @@
121	122	const attachClear = root.querySelector('[data-attach-clear]')
122	123
123	124	const attachedFile = () => attachInput?.files?.[0] || undefined
	125	+ const composeTitle = root.querySelector('[data-compose-title]')
	126	+ const composedTitle = () => composeTitle?.value.trim() || undefined
124	127
125	128	const clearAttachment = () => {
126	129	if (attachInput) attachInput.value = ''
		⋯110 linesShow the 110 lines above this hunk@@ -237,6 +240,10 @@
237	240	const needsImage = selected.has('instagram') && connectedProviders().some(provider => provider.provider === 'instagram')
238	241	composeImageRow?.classList.toggle('hidden', !needsImage)
239	242	composeImageRow?.classList.toggle('flex', needsImage)
	243	+ // Long-form title field appears whenever the blog is a target.
	244	+ const wantsTitle = selected.has('blog') && connectedProviders().some(provider => provider.provider === 'blog')
	245	+ composeTitle?.classList.toggle('hidden', !wantsTitle)
	246	+ composeTitle?.classList.toggle('block', wantsTitle)
240	247	applyMaxLength()
241	248	updateCount()
242	249	}
		⋯283 linesShow the 283 lines above this hunk@@ -526,6 +533,8 @@
526	533	const form = new FormData()
527	534	form.set('text', text)
528	535	form.set('providers', targetProviders.join(','))
	536	+ const queueTitle = composedTitle()
	537	+ if (queueTitle) form.set('title', queueTitle)
529	538	if (scheduleValue) form.set('scheduled_at', toUtcTimestamp(scheduleValue))
530	539
531	540	buttons.forEach(button => button.setAttribute('disabled', 'disabled'))
		⋯5 linesShow the 5 lines above this hunk@@ -537,6 +546,7 @@
537	546	const textarea = activeTextarea()
538	547	if (textarea) textarea.value = ''
539	548	if (scheduleInput) scheduleInput.value = ''
	549	+ if (composeTitle) composeTitle.value = ''
540	550	scheduleInput?.classList.add('hidden')
541	551	renderLinkPreview(activePost, null)
542	552	updateCount()
		⋯51 linesShow the 51 lines above this hunk@@ -594,7 +604,7 @@
594	604	: undefined
595	605	const imageUrl = composeImage?.value.trim()
596	606	const image = imageUrl ? { url: imageUrl } : undefined
597		- return await social.publishCrosspost({ text, providers: targetProviders, external, image, imageFile: attachedFile() })
	607	+ return await social.publishCrosspost({ text, title: composedTitle(), providers: targetProviders, external, image, imageFile: attachedFile() })
598	608	}
599	609
600	610	const publish = async () => {
		⋯56 linesShow the 56 lines above this hunk@@ -657,6 +667,7 @@
657	667	const thread = targets.map(post => textareaFor(post)?.value.trim() || '')
658	668	collect(await social.publishCrosspost({
659	669	text: thread[0],
	670	+ title: composedTitle(),
660	671	thread,
661	672	providers: targetProviders,
662	673	external,
		⋯21 linesShow the 21 lines above this hunk@@ -684,6 +695,7 @@
684	695	updateCount()
685	696	saveDraft()
686	697	clearAttachment()
	698	+ if (composeTitle) composeTitle.value = ''
687	699	window.postlineToast?.dismiss?.('publish')
688	700	if (failures.length && successCount === 0) {
689	701	setStatus(`Publish failed — ${failures.join('; ')}`, 'error', { title: 'Publish failed' })