4e:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 4f:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 50:T1ca1,import { useMemo, useState } from 'react' import { Button } from '../Button' import { BottomNav, type NavItem } from '../BottomNav' import { NavLink } from '../NavLink' import { Empty } from '../feedback' import { Blob, Badge, Dot } from '../media' import { Grid, Row, Shell, Sidebar, Stack } from '../layout' import { Segmented } from '../Segmented' import { Card, RowCard } from '../surface' import { Eyebrow, Heading, Text } from '../text' const NAV: NavItem[] = [ { href: '/', label: 'Overview', icon: 'overview', tone: 'purple' }, { href: '/editorial', label: 'Editorial', icon: 'draft', tone: 'orange' }, { href: '/calendar', label: 'Calendar', icon: 'calendar', tone: 'blue' }, { href: '/team', label: 'Team', icon: 'users', tone: 'mint' }, { href: '/settings', label: 'Settings', icon: 'settings', tone: 'yellow' }, ] const HERE = '/editorial' const DATE = new Intl.DateTimeFormat('en-US', { month: 'short', day: 'numeric' }) const NUMBER = new Intl.NumberFormat('en-US') type StoryStatus = 'draft' | 'scheduled' | 'published' interface Story { id: string title: string section: string author: string due: string status: StoryStatus words: number } const INITIAL_STORIES: Story[] = [ { id: 'soft-ui', title: 'Why soft interfaces still need sharp decisions', section: 'Design', author: 'Maya', due: '2026-08-04T09:00:00Z', status: 'draft', words: 1240 }, { id: 'local-first', title: 'A practical guide to local-first notes', section: 'Engineering', author: 'Noah', due: '2026-08-05T13:00:00Z', status: 'scheduled', words: 1860 }, { id: 'launch', title: 'Inside a calm product launch', section: 'Company', author: 'Iris', due: '2026-08-07T10:30:00Z', status: 'draft', words: 920 }, { id: 'motion', title: 'Motion that explains instead of decorates', section: 'Design', author: 'Maya', due: '2026-08-01T08:00:00Z', status: 'published', words: 1580 }, ] const STATUS_TONE: Record = { draft: 'orange', scheduled: 'blue', published: 'up', } /** An editorial workspace that filters the queue, selects stories, and moves a * draft through scheduling and publication without leaving the screen. */ export function EditorialBlock() { const [stories, setStories] = useState(INITIAL_STORIES) const [status, setStatus] = useState('draft') const [selectedId, setSelectedId] = useState(INITIAL_STORIES[0]!.id) const visible = useMemo( () => stories.filter((story) => story.status === status), [status, stories], ) const selected = visible.find((story) => story.id === selectedId) ?? visible[0] ?? stories[0]! function updateStatus(next: StoryStatus) { setStories((current) => current.map((story) => (story.id === selected.id ? { ...story, status: next } : story)), ) setStatus(next) } return ( <> Field Notes {NAV.map((item) => ( {item.label} ))} Publishing Editorial Desk Move every story from a good idea to a clean launch. {stories.length} stories {visible.length} in this stage {visible.length > 0 ? ( visible.map((story) => ( setSelectedId(story.id)} > {story.section} {story.title} {story.author} · {DATE.format(new Date(story.due))} {story.status} )) ) : ( Move a story here when it is ready. )} {selected.section} {selected.title} {selected.status} Author {selected.author} Target {DATE.format(new Date(selected.due))} Length {NUMBER.format(selected.words)} words {selected.status === 'draft' && ( )} {selected.status === 'scheduled' && ( )} {selected.status === 'published' && ( )} ) } 4d:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[null,["$","$L4e",null,{"namespace":"@1st-pouf","registryDependencies":["https://1st-pouf.worksonmy.dev/r/base.json","https://1st-pouf.worksonmy.dev/r/bottom-nav.json","https://1st-pouf.worksonmy.dev/r/button.json","https://1st-pouf.worksonmy.dev/r/feedback.json","https://1st-pouf.worksonmy.dev/r/layout.json","https://1st-pouf.worksonmy.dev/r/media.json","https://1st-pouf.worksonmy.dev/r/nav-link.json","https://1st-pouf.worksonmy.dev/r/segmented.json","https://1st-pouf.worksonmy.dev/r/surface.json","https://1st-pouf.worksonmy.dev/r/text.json"]}]]}],null]}],["$","$L4f",null,{"files":[{"path":"registry/pouf/blocks/editorial.tsx","content":"$50","type":"registry:block","target":"components/pouf/blocks/editorial.tsx"}],"className":"h-[70svh] min-h-80"}]]}]