Commit d30cf3c

- Settings Documents list UX should follow a Google Docs-like per-row ⋮ menu, not inline visibility toggles. The menu lists Open, Copy link when public, Rename, Duplicate, Favorite or Unfavorite, then Private and Read-only. Favorite sits after Duplicate and before the Private divider. No toolbar star. Name is Favorite, never Bookmark or Pin (see CONTEXT.md §Documents list). Keep it minimal and size-fit for the settings panel. On mobile the Documents toolbar must stay 44px-target size-fit (flex/truncate sort, icon-only Trash, no desktop-width overflow). Private ON must clear and disable Read-only on that menu and on `DocumentSettingsPanel` (see §Document Access).

- Date sorts on Settings → Documents use Date buckets on the rest after Favorites. No Favorites heading.

- Last opened is a sort. The pad owner stamps `lastOpenedAt` via `POST /api/documents/:documentId/opened`. Last modified does not move.

- TOC long heading titles must wrap (e.g. `text-pretty` / `whitespace-pre-line`), never truncate — use the full row width left of the trailing chat/unread rail. Tree connectors use daisyUI nested menu rails on `toc__children` only (vertical rails, no L-elbows). Accept stock rail opacity — do not reintroduce a TOC `::before` strengthen overwrite.

- Mobile heading control stays a one-frame stepper, name first: `[name | − | +]`. Do not replace it with a chip that opens a list. The three cells share one join; no inner box around plus and minus. When the caret is Title, the join uses the same `is-active` color as other heading levels.

- TOC chat/unread/presence all live in-flow in `TocRowTrail`. Desktop presence is `<AvatarStack anchor="right">` right of the chat trigger (right-anchored, fixed right edge, grows left, `translate-x-3` to the column inner edge). The scrollbar must stay inside the column, so do NOT widen `.toc__scroll` to overhang presence beyond the wrapper. That widening pushed the scrollbar out over the editor. Fix broken shipped UI motion (e.g. `RollingNumber`) in place — never strip it for a static fallback unless the maintainer asks.

export turns a lone video, audio, or embed URL into a player, and writes each

picture's natural width and height. A labeled link and a filter link stay links.

Paste of a bare file address is unchanged.

- Sort Settings → Documents by Last opened. Opening an owned pad stamps Last

opened. Last modified does not move. A document never opened shows

“Never opened”.

_Avoid_: public fleet (omits Favorite, DocumentGridPreview, and Last opened)

- **Owner Trash list** — the owner's soft-deleted Documents. Includes DocumentGridPreview and Last opened. Omits Favorite. Same NULL fill as the Owner live list.

_Avoid_: Owner live list

_Avoid_: DocumentPreview (admin stale-doc shape), screenshot, thumbnail

- **Last opened** — `DocumentMetadata.lastOpenedAt`, stamped when the owner opens the pad. Sort key `lastOpenedAt_desc`. Does not move Last modified. Owner lists only.

- **Date buckets** — Today / Yesterday / Previous 7 days / Previous 30 days / Earlier / Never opened. Used on date sorts in Settings → Documents. Favorites stay unbucketed. Never opened is for a null sort timestamp (Last opened with no stamp).

- Glossary: root [`CONTEXT.md`](../../CONTEXT.md) §Documents list. Owner-only. Not **Bookmark** (chat + hyperlink picker) and not **Pin** (channel messages).

- ⋮ **Favorite** / **Unfavorite** after Duplicate, before the Private divider. The menu stays open. No toolbar star. No Favorites heading.

- Soft-delete keeps `DocumentFavorite`. Purge cascade-drops it.

<div className="divide-base-300 divide-y">

{[0, 1, 2, 3, 4].map((i) => (

<div key={i} className="flex items-center gap-3 py-3">

<div className="flex min-w-0 flex-1 flex-col gap-1">

<div className="skeleton rounded-field h-4 w-3/4" />

<div className="skeleton rounded-field h-3 w-16 sm:hidden" />

}}

className="flex flex-col text-left focus-visible:outline-none">

<span className="rounded-t-box relative flex aspect-[4/3] items-end justify-center bg-[var(--pad-well)] px-3.5 pt-2.5">

{doc.isFavorite && (

<span className="absolute top-2 left-2 z-10">

<LuStar size={14} className="text-accent fill-accent" aria-label="Favorite" />

import TextInput from '@components/ui/TextInput'

import { useRouter } from 'next/router'

import { useEffect, useRef, useState } from 'react'

import useCommitDocumentRename from '../hooks/useCommitDocumentRename'

import { type DocumentMembersEntry } from '../hooks/useDocumentMembers'

import type { DocumentSortKey, OwnedDocument } from '../types'

import { documentListDate } from '../utils/documentListDate'

import DocumentMembersCluster from './DocumentMembersCluster'

import DocumentRowMenu from './DocumentRowMenu'

interface DocumentListRowProps {

if (isRenaming) {

return (

<li data-doc-row className="flex items-center gap-3 px-2 py-2">

<TextInput

ref={inputRef}

size="sm"

}

}}

className="rounded-field focus-visible:ring-primary flex min-w-0 flex-1 items-center gap-3 px-2 py-3 text-left transition-colors focus-visible:ring-2 focus-visible:outline-none">

<span className="flex min-w-0 flex-1 flex-col">

<span className="flex min-w-0 items-center gap-1.5">

<span className="text-base-content truncate font-medium">{label}</span>

interface DocumentPreviewPaperProps {

preview?: DocumentGridPreview | null

title?: string | null

const [hideImage, setHideImage] = useState(false)

const heading = visibleHeading(preview?.heading, title)

const lines = preview?.lines ?? []

preview?.imageSrc && !hideImage && isHttpSrc(preview.imageSrc) ? preview.imageSrc : undefined

const empty = preview != null && !heading && lines.length === 0 && list.length === 0 && !imageSrc

return (

<span

aria-hidden

className="border-base-300 bg-base-100 relative h-full w-full overflow-hidden rounded-t-[2px] border border-b-0 px-3 pt-2.5">

</span>

)

<div className="divide-base-300 divide-y">

{[0, 1, 2, 3, 4].map((i) => (

<div key={i} className="flex items-center gap-3 py-3">

<div className="flex min-w-0 flex-1 flex-col gap-1">

<div className="skeleton rounded-field h-4 w-3/4" />

<div className="skeleton rounded-field h-3 w-16 sm:hidden" />