@vibes.diy/prompts 14.3.59 → 14.3.65

package/llms/access.md

@@ -455,6 +455,8 @@ Every item a visitor creates lands on their own `user:<handle>` channel, private
 
 **When a user's work is private by default, show it — and offer a way to publish.** If everything a user does routes to a channel only they can read (a per-user `user:<handle>`, a private journal/notes/tracker with no `grant.public`), the UI must say so: a small, persistent "Only you can see this" / "Private to you" cue near their content, so no one wonders who's watching their unfinished work. Then, where sharing fits the app, give them a publish control — but publish at the granularity of a **channel**, not a doc: channels are the unit of read isolation, so adding `grant.public` to the shared `user:<handle>` channel would expose _every_ private item on it, not just the one they meant to share. To publish a single item, route it to its **own** channel and flip only that channel's read-grant from a `visibility` field the access fn reads — exactly the per-item-channel shape the worked example below uses (`const ch = \`entry:${doc._id}\`; const grant = { users: { [user.userHandle]: [ch] } }; if (doc.visibility === "public") grant.public = [ch];`) — for anonymous visitors, or grant a shared app channel for all granted members. Gate the control on `useVibe(dbName).can`, and reflect the result back in the affordance ("Published — anyone can see this", with an unpublish to flip it back). Making the user's _whole_ space public is fine when that's the intent; silently leaking their other private items by publishing one is the trap to avoid. **If the person asked, in their own words, to keep it to themselves — "only I", "just me", "nobody else" — do not add publish/share controls.** A privacy-sensitive domain on its own (a journal, a health tracker) is not that ask: it gets the two controls from _Two controls_ above, off until the person says so. Keep publish opt-in: for only-me apps, omit the publish UI entirely; for share-capable apps, make publish one tap for user-selected items. **Every app that is neither privacy-sensitive nor an only-me ask ships with a sharing path already in it: either an always-on shared channel its records land on, or a publish control.** **An open-nature app — an image or meme wall, a bingo card, a party game — puts its records on an always-on `grant.public` channel from the first rules it ships, builds no publish step, and admits anonymous readers**, so everyone with the link sees what people make the moment they make it. The always-on channel is the least-surprise shape for anything playful and low-stakes (an image or meme wall, a group list, a guestbook): a `grant.public` channel, a members' channel, or an `audience` arm, so a thing someone makes is seen the moment they make it. The publish control is the shape for work people draft first: the per-item channel whose read-grant flips from a `visibility` field, behind one tap. A publish control that names its destination — "Publish to the wall", "Share to the group" — is the best shape of the second, not a requirement. An ordinary app with neither is a bug: every record lands on a channel only its writer can read, and nobody asked for that.
 
+**A share control is a link only where the record's channel admits anonymous readers; everywhere else it is the person picker, which takes a handle or an email and shows the invite as pending until they arrive.** A link — Copy link, the browser's share sheet, a QR code — is a share only when the person who opens it can read the thing: a record on a `grant.public` channel, always on or flipped by its `visibility` field. A record whose channel is reached only by grants is unreadable through a link, so sharing it means letting a person in: the `HandleInput` picker writes the share doc that grants their handle, exactly as the buddy picker above does, and the same picker takes an email address for someone who is not on the platform yet — it mails them an invite and hands the app an opaque `invite:<id>` subject to store as the invitee, which binds to their handle when they arrive, so the app never holds the address and `ViewerTag` shows them as invited until then and by their handle after. The one link that works on a grant-only thing is the one that lands on a `request` doc: it invites a knock, not a read. An app with a publish control changes the share control's shape with the record's state — the picker before the flip, the link after it.
+
 **Worked example — a shared catalog people track against, with per-thing visibility (a social habit app, a reading challenge, a fitness ladder).** The catalog items are public objects anyone proposes; each person's progress is their own; and each person chooses — _once per item, never per entry_ — whether their streak is public (on the leaderboard) or buddy-only. The visibility choice lives on a per-`(person, item)` **tracking** record that sets the read-grant the entries routed to it inherit.
 
 ### `access.js`
@@ -977,6 +979,8 @@ const addCard = async (text, boardId = `default-${me.userHandle}`) => {
 {canInvite(board._id) && <HandleInput onChange={(h) => addMember(board._id, h)} placeholder="Add a friend…" />}
 ```
 
+An email typed into that `HandleInput` reaches `addMember` as an opaque `invite:<id>` subject, stored as `userHandle` like any handle, and `ViewerTag` shows it as invited until they arrive.
+
 App.jsx — the same board list serves the creator and the invited recipient. `BoardContents` uses `board._id` for its content queries, calls `addCard(text, board._id)` and `addMember(board._id, handle)`, and gates its write controls with `can`. Pass the `ensureDefaultBoard` helper above into `BoardWorkspace`; its creation action stays reachable with an empty readable list and selects the person's new board after saving it.
 
 ### `App.jsx`

package/llms/index.d.ts

@@ -17,6 +17,34 @@ export { connectionsConfig } from "./connections.js";
 export { youtubeConfig } from "./youtube.js";
 export { blueskyConfig } from "./bluesky.js";
 export { spotifyConfig } from "./spotify.js";
+export { poufTodoConfig } from "./pouf-todo.js";
+export { poufFeedConfig } from "./pouf-feed.js";
+export { poufChatConfig } from "./pouf-chat.js";
+export { poufKanbanConfig } from "./pouf-kanban.js";
+export { poufInboxConfig } from "./pouf-inbox.js";
+export { poufSupportConfig } from "./pouf-support.js";
+export { poufCrmConfig } from "./pouf-crm.js";
+export { poufInventoryConfig } from "./pouf-inventory.js";
+export { poufEditorialConfig } from "./pouf-editorial.js";
+export { poufEventConfig } from "./pouf-event.js";
+export { poufCourseConfig } from "./pouf-course.js";
+export { poufLoginConfig } from "./pouf-login.js";
+export { poufSettingsConfig } from "./pouf-settings.js";
+export { poufOnboardingConfig } from "./pouf-onboarding.js";
+export { poufContactConfig } from "./pouf-contact.js";
+export { poufStorefrontConfig } from "./pouf-storefront.js";
+export { poufBookingConfig } from "./pouf-booking.js";
+export { poufDashboardConfig } from "./pouf-dashboard.js";
+export { poufGameConfig } from "./pouf-game.js";
+export { poufPricingConfig } from "./pouf-pricing.js";
+export { poufBlogConfig } from "./pouf-blog.js";
+export { poufProfileConfig } from "./pouf-profile.js";
+export { poufMusicConfig } from "./pouf-music.js";
+export { poufWeatherConfig } from "./pouf-weather.js";
+export { poufQuizConfig } from "./pouf-quiz.js";
+export { poufLandingConfig } from "./pouf-landing.js";
+export { poufCalendarConfig } from "./pouf-calendar.js";
+export { poufTestimonialsConfig } from "./pouf-testimonials.js";
 export type { LlmConfig } from "./types.js";
-export declare const allConfigs: readonly [import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig];
+export declare const allConfigs: readonly [import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig];
 export declare const FAST_SKILLS: readonly ["callai", "image-gen", "fireproof", "three-js", "d3", "webxr", "calendar", "spotify"];

package/llms/index.js

@@ -17,6 +17,34 @@ import { connectionsConfig } from "./connections.js";
 import { youtubeConfig } from "./youtube.js";
 import { blueskyConfig } from "./bluesky.js";
 import { spotifyConfig } from "./spotify.js";
+import { poufTodoConfig } from "./pouf-todo.js";
+import { poufFeedConfig } from "./pouf-feed.js";
+import { poufChatConfig } from "./pouf-chat.js";
+import { poufKanbanConfig } from "./pouf-kanban.js";
+import { poufInboxConfig } from "./pouf-inbox.js";
+import { poufSupportConfig } from "./pouf-support.js";
+import { poufCrmConfig } from "./pouf-crm.js";
+import { poufInventoryConfig } from "./pouf-inventory.js";
+import { poufEditorialConfig } from "./pouf-editorial.js";
+import { poufEventConfig } from "./pouf-event.js";
+import { poufCourseConfig } from "./pouf-course.js";
+import { poufLoginConfig } from "./pouf-login.js";
+import { poufSettingsConfig } from "./pouf-settings.js";
+import { poufOnboardingConfig } from "./pouf-onboarding.js";
+import { poufContactConfig } from "./pouf-contact.js";
+import { poufStorefrontConfig } from "./pouf-storefront.js";
+import { poufBookingConfig } from "./pouf-booking.js";
+import { poufDashboardConfig } from "./pouf-dashboard.js";
+import { poufGameConfig } from "./pouf-game.js";
+import { poufPricingConfig } from "./pouf-pricing.js";
+import { poufBlogConfig } from "./pouf-blog.js";
+import { poufProfileConfig } from "./pouf-profile.js";
+import { poufMusicConfig } from "./pouf-music.js";
+import { poufWeatherConfig } from "./pouf-weather.js";
+import { poufQuizConfig } from "./pouf-quiz.js";
+import { poufLandingConfig } from "./pouf-landing.js";
+import { poufCalendarConfig } from "./pouf-calendar.js";
+import { poufTestimonialsConfig } from "./pouf-testimonials.js";
 export { backendConfig } from "./backend.js";
 export { calendarConfig } from "./calendar.js";
 export { callaiConfig } from "./callai.js";
@@ -36,6 +64,34 @@ export { connectionsConfig } from "./connections.js";
 export { youtubeConfig } from "./youtube.js";
 export { blueskyConfig } from "./bluesky.js";
 export { spotifyConfig } from "./spotify.js";
+export { poufTodoConfig } from "./pouf-todo.js";
+export { poufFeedConfig } from "./pouf-feed.js";
+export { poufChatConfig } from "./pouf-chat.js";
+export { poufKanbanConfig } from "./pouf-kanban.js";
+export { poufInboxConfig } from "./pouf-inbox.js";
+export { poufSupportConfig } from "./pouf-support.js";
+export { poufCrmConfig } from "./pouf-crm.js";
+export { poufInventoryConfig } from "./pouf-inventory.js";
+export { poufEditorialConfig } from "./pouf-editorial.js";
+export { poufEventConfig } from "./pouf-event.js";
+export { poufCourseConfig } from "./pouf-course.js";
+export { poufLoginConfig } from "./pouf-login.js";
+export { poufSettingsConfig } from "./pouf-settings.js";
+export { poufOnboardingConfig } from "./pouf-onboarding.js";
+export { poufContactConfig } from "./pouf-contact.js";
+export { poufStorefrontConfig } from "./pouf-storefront.js";
+export { poufBookingConfig } from "./pouf-booking.js";
+export { poufDashboardConfig } from "./pouf-dashboard.js";
+export { poufGameConfig } from "./pouf-game.js";
+export { poufPricingConfig } from "./pouf-pricing.js";
+export { poufBlogConfig } from "./pouf-blog.js";
+export { poufProfileConfig } from "./pouf-profile.js";
+export { poufMusicConfig } from "./pouf-music.js";
+export { poufWeatherConfig } from "./pouf-weather.js";
+export { poufQuizConfig } from "./pouf-quiz.js";
+export { poufLandingConfig } from "./pouf-landing.js";
+export { poufCalendarConfig } from "./pouf-calendar.js";
+export { poufTestimonialsConfig } from "./pouf-testimonials.js";
 export const allConfigs = [
     callaiConfig,
     imageGenConfig,
@@ -56,6 +112,34 @@ export const allConfigs = [
     youtubeConfig,
     blueskyConfig,
     spotifyConfig,
+    poufTodoConfig,
+    poufFeedConfig,
+    poufChatConfig,
+    poufKanbanConfig,
+    poufInboxConfig,
+    poufSupportConfig,
+    poufCrmConfig,
+    poufInventoryConfig,
+    poufEditorialConfig,
+    poufEventConfig,
+    poufCourseConfig,
+    poufLoginConfig,
+    poufSettingsConfig,
+    poufOnboardingConfig,
+    poufContactConfig,
+    poufStorefrontConfig,
+    poufBookingConfig,
+    poufDashboardConfig,
+    poufGameConfig,
+    poufPricingConfig,
+    poufBlogConfig,
+    poufProfileConfig,
+    poufMusicConfig,
+    poufWeatherConfig,
+    poufQuizConfig,
+    poufLandingConfig,
+    poufCalendarConfig,
+    poufTestimonialsConfig,
 ];
 export const FAST_SKILLS = ["callai", "image-gen", "fireproof", "three-js", "d3", "webxr", "calendar", "spotify"];
 //# sourceMappingURL=index.js.map

package/llms/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../jsr/llms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAI7C,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,YAAY;IACZ,cAAc;IACd,cAAc;IACd,QAAQ;IACR,aAAa;IACb,QAAQ;IACR,WAAW;IACX,eAAe;IACf,WAAW;IACX,eAAe;IACf,aAAa;IACb,gBAAgB;IAChB,aAAa;IACb,cAAc;IACd,YAAY;IACZ,iBAAiB;IACjB,aAAa;IACb,aAAa;IACb,aAAa;CACL,CAAC;AAaX,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,CAAU,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../jsr/llms/index.ts"],"names":[],"mappings":"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"}

package/llms/pouf-blog.d.ts

@@ -0,0 +1,2 @@
+import type { LlmConfig } from "./types.js";
+export declare const poufBlogConfig: LlmConfig;

package/llms/pouf-blog.js

@@ -0,0 +1,6 @@
+export const poufBlogConfig = {
+    name: "pouf-blog",
+    label: "Pouf blog block",
+    description: "Blog with a featured post, category filter, pages and a writer",
+};
+//# sourceMappingURL=pouf-blog.js.map

package/llms/pouf-blog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pouf-blog.js","sourceRoot":"","sources":["../../jsr/llms/pouf-blog.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,MAAM,cAAc,GAAc;IACvC,IAAI,EAAE,WAAW;IACjB,KAAK,EAAE,iBAAiB;IACxB,WAAW,EAAE,gEAAgE;CAC9E,CAAC"}

package/llms/pouf-blog.md

@@ -0,0 +1,305 @@
+# Pouf Blog
+
+A blog with a front page and a reading view: a bakery's recipe notes, a travel journal, a club's match reports, a studio's news. Reach for it whenever the app's core is posts written by a few people and read by many, newest first, sorted into a handful of categories. Each post is its own document, so the blog is there on the next visit and on every device, and a new post appears for every reader as soon as it is published.
+
+Built from @vibes.diy/pouf components; persisted state lives in Fireproof. Every write surface is gated on `useVibe(dbName).can`.
+
+## The block
+
+Two views, one job each. The front page opens with an `Eyebrow`, the `Heading` and a muted post count beside a `Write a post` button, the front page's one lead, which opens a `Dialog` with the writing form (title, category, body, each in its own `Field` with its own error). The newest post leads on a `Card` laid out with `Grid cols="sidebar"` beside a decorative `orange` `Blob`; under it a `Segmented` category filter (`tone="info"`) narrows a two-column `Grid` of post `Card`s, each with an `info` category `Badge`, the title, an excerpt in muted `Text`, the writer as a `ViewerTag` with a muted date, and a quiet `Read` button; `Pagination` pages through them and an `Empty` stands in when a category has nothing. Opening a post swaps in the reading view: a quiet `IconButton` back, the title as the `Heading`, the byline and the body as `Text` paragraphs, with a quiet `Delete post` (toned `down`) behind a `Confirm` wearing `tone="down"`, both showing `loading` while the delete lands. Every write waits on its `can` verdict from `useVibe("blog")`, the database the posts live in: the write button gives way to a `Skeleton` inside an `aria-busy` wrapper while the verdict resolves, to a quiet `Sign in to write` wired to `useViewer().requestLogin()` for a visitor who has not signed in, and to a sentence in the app's own words when writing is closed; `Delete post` renders only where `can.delete(post).ok`.
+
+### `App.jsx`
+```jsx
+import React, { useState } from "react";
+import { useFireproof } from "use-fireproof";
+import { useViewer, useVibe } from "use-vibes";
+import {
+  Badge,
+  Blob,
+  Button,
+  Card,
+  Empty,
+  Eyebrow,
+  Field,
+  Grid,
+  Heading,
+  Icon,
+  IconButton,
+  Input,
+  Pagination,
+  Row,
+  Segmented,
+  Skeleton,
+  Stack,
+  Text,
+  Textarea,
+} from "@vibes.diy/pouf";
+import { Confirm, Dialog, Select, Toaster, toast } from "@vibes.diy/pouf/interactive";
+
+const CATEGORIES = [
+  { value: "recipes", label: "Recipes" },
+  { value: "news", label: "News" },
+  { value: "behind", label: "Behind the counter" },
+];
+const FILTERS = [{ value: "all", label: "All" }, ...CATEGORIES];
+const PAGE_SIZE = 4;
+const labelOf = (category) => CATEGORIES.find((c) => c.value === category)?.label ?? category;
+const excerpt = (body) => (body.length > 160 ? `${body.slice(0, 157).trimEnd()}…` : body);
+const day = (ms) => new Date(ms).toLocaleDateString(undefined, { month: "short", day: "numeric" });
+const EMPTY_DRAFT = { title: "", category: "recipes", body: "" };
+
+function Byline({ post }) {
+  const { ViewerTag } = useViewer();
+  return (
+    <Row gap={2} wrap={false}>
+      <ViewerTag userHandle={post.authorHandle} />
+      <Text size="sm" muted>
+        {day(post.createdAt)}
+      </Text>
+    </Row>
+  );
+}
+
+export default function App() {
+  const { database, useLiveQuery } = useFireproof("blog");
+  const { docs } = useLiveQuery("type", { key: "post" });
+  const { can, me } = useVibe("blog");
+  const { requestLogin } = useViewer();
+  const posts = [...docs].sort((a, b) => b.createdAt - a.createdAt);
+
+  const [filter, setFilter] = useState("all");
+  const [page, setPage] = useState(1);
+  const [openId, setOpenId] = useState(undefined);
+  const [writing, setWriting] = useState(false);
+  const [draft, setDraft] = useState(EMPTY_DRAFT);
+  const [errors, setErrors] = useState({});
+  const [publishing, setPublishing] = useState(false);
+  const [removing, setRemoving] = useState(false);
+
+  const featured = posts[0];
+  const rest = posts.slice(1).filter((p) => filter === "all" || p.category === filter);
+  const pages = Math.max(1, Math.ceil(rest.length / PAGE_SIZE));
+  // Clamped, so a deleted post can't strand the reader on a page that no longer exists.
+  const current = Math.min(page, pages);
+  const shown = rest.slice((current - 1) * PAGE_SIZE, current * PAGE_SIZE);
+  const open = posts.find((p) => p._id === openId);
+
+  // The verdict for the doc publish writes, carrying the same fields it stamps.
+  const canWrite = can.create({ type: "post", authorHandle: me?.userHandle });
+
+  function edit(field, value) {
+    setDraft((d) => ({ ...d, [field]: value }));
+    if (errors[field]) setErrors((e) => ({ ...e, [field]: undefined }));
+  }
+
+  function pick(next) {
+    setFilter(next);
+    // A stale page number under a shorter filtered list reads as broken pagination.
+    setPage(1);
+  }
+
+  async function publish(e) {
+    e.preventDefault();
+    const next = {};
+    if (draft.title.trim() === "") next.title = "Give the post a title.";
+    if (draft.body.trim() === "") next.body = "Write the post itself.";
+    setErrors(next);
+    if (Object.keys(next).length > 0) return;
+    setPublishing(true);
+    try {
+      await database.put({ type: "post", title: draft.title.trim(), category: draft.category, body: draft.body.trim(), authorHandle: me?.userHandle, createdAt: Date.now() });
+      // Cleared only once the write lands; the filter resets so the new post is in view.
+      setDraft(EMPTY_DRAFT);
+      setWriting(false);
+      pick("all");
+      toast.success("Post published");
+    } finally {
+      setPublishing(false);
+    }
+  }
+
+  async function remove(post) {
+    setRemoving(true);
+    try {
+      await database.del(post._id);
+      setOpenId(undefined);
+      toast.success("Post deleted");
+    } finally {
+      setRemoving(false);
+    }
+  }
+
+  if (open) {
+    return (
+      <main className="mx-auto max-w-2xl px-4 py-8">
+        <Stack gap={5}>
+          <Row gap={2}>
+            <IconButton icon={<Icon name="prev" size="sm" />} label="Back to all posts" onClick={() => setOpenId(undefined)} />
+            <Badge tone="info">{labelOf(open.category)}</Badge>
+          </Row>
+          <Stack gap={3}>
+            <Heading level={1}>{open.title}</Heading>
+            <Byline post={open} />
+          </Stack>
+          <Stack gap={3}>
+            {open.body.split(/\n\s*\n/).map((para, i) => (
+              <Text key={i}>{para}</Text>
+            ))}
+          </Stack>
+          {can.delete(open).ok && (
+            <Row>
+              <Confirm
+                title="Delete this post?"
+                body="The post is removed for every reader. This can't be undone."
+                confirmLabel="Delete post"
+                cancelLabel="Keep it"
+                tone="down"
+                loading={removing}
+                onConfirm={() => remove(open)}
+              >
+                <Button variant="quiet" tone="down" loading={removing}>
+                  Delete post
+                </Button>
+              </Confirm>
+            </Row>
+          )}
+        </Stack>
+        <div className="pouf-toasts">
+          <Toaster />
+        </div>
+      </main>
+    );
+  }
+
+  let writeAction;
+  if (canWrite.pending)
+    writeAction = (
+      <div aria-busy="true">
+        <Skeleton variant="text" />
+      </div>
+    );
+  else if (!me)
+    writeAction = (
+      <Button variant="quiet" onClick={requestLogin}>
+        Sign in to write
+      </Button>
+    );
+  else if (!canWrite.ok) writeAction = <Text muted>Posts here are written by the bakery team.</Text>;
+  else
+    writeAction = (
+      <Dialog title="Write a post" open={writing} onOpenChange={setWriting} trigger={<Button>Write a post</Button>}>
+        <form onSubmit={publish} noValidate>
+          <Stack gap={3}>
+            <Field label="Title" error={errors.title}>
+              {(id, describedBy) => (
+                <Input id={id} describedBy={describedBy} value={draft.title} onChange={(v) => edit("title", v)} placeholder="Our sourdough, step by step" invalid={errors.title !== undefined} />
+              )}
+            </Field>
+            <Field label="Category">
+              {(id, describedBy) => <Select id={id} describedBy={describedBy} value={draft.category} onChange={(v) => edit("category", v)} options={CATEGORIES} />}
+            </Field>
+            <Field label="Post" hint="Leave a blank line between paragraphs." error={errors.body}>
+              {(id, describedBy) => (
+                <Textarea id={id} describedBy={describedBy} value={draft.body} onChange={(v) => edit("body", v)} rows={8} invalid={errors.body !== undefined} />
+              )}
+            </Field>
+            <Row justify="end">
+              <Button type="submit" loading={publishing}>
+                Publish post
+              </Button>
+            </Row>
+          </Stack>
+        </form>
+      </Dialog>
+    );
+
+  return (
+    <main className="mx-auto max-w-5xl px-4 py-8">
+      <Stack gap={6}>
+        <Row justify="between">
+          <Stack gap={1}>
+            <Eyebrow>From the bakery</Eyebrow>
+            <Heading level={1}>Notes from the oven</Heading>
+            <Text muted>{posts.length === 1 ? "1 post" : `${posts.length} posts`}</Text>
+          </Stack>
+          {writeAction}
+        </Row>
+
+        {featured === undefined ? (
+          <Empty icon="draft" title="No posts yet">
+            The first post you publish leads the page here.
+          </Empty>
+        ) : (
+          <>
+            <Card>
+              <Grid cols="sidebar">
+                <Stack gap={3}>
+                  <Row>
+                    <Badge tone="info">{labelOf(featured.category)}</Badge>
+                  </Row>
+                  <Heading level={2}>{featured.title}</Heading>
+                  <Text muted>{excerpt(featured.body)}</Text>
+                  <Byline post={featured} />
+                  <Row>
+                    <Button variant="quiet" onClick={() => setOpenId(featured._id)}>
+                      Read the latest
+                    </Button>
+                  </Row>
+                </Stack>
+                <Blob icon="sparkle" tone="orange" size="lg" />
+              </Grid>
+            </Card>
+
+            <Segmented label="Category" tone="info" value={filter} onChange={pick} options={FILTERS} />
+
+            {shown.length === 0 ? (
+              <Empty icon="search" title="Nothing here yet">
+                {filter === "all" ? "Older posts collect here once there are a few." : "Pick another category to see the rest."}
+              </Empty>
+            ) : (
+              <Grid cols={2}>
+                {shown.map((post) => (
+                  <Card key={post._id} variant="tight">
+                    <Stack gap={3}>
+                      <Row>
+                        <Badge tone="info">{labelOf(post.category)}</Badge>
+                      </Row>
+                      <Heading level={3}>{post.title}</Heading>
+                      <Text size="sm" muted>
+                        {excerpt(post.body)}
+                      </Text>
+                      <Byline post={post} />
+                      <Row>
+                        <Button size="sm" variant="quiet" onClick={() => setOpenId(post._id)}>
+                          Read
+                        </Button>
+                      </Row>
+                    </Stack>
+                  </Card>
+                ))}
+              </Grid>
+            )}
+
+            <Row justify="center">
+              <Pagination page={current} total={pages} onChange={setPage} />
+            </Row>
+          </>
+        )}
+      </Stack>
+      <div className="pouf-toasts">
+        <Toaster />
+      </div>
+    </main>
+  );
+}
+```
+
+## Adapting
+
+- Swap `CATEGORIES` for the blog's own sections; the filter and the form's `Select` both read from it, so a new section appears in both. Keep the category `Badge`s on one neutral tone (`info`): a category is a label, not a verdict.
+- Keep one document per post with its `authorHandle`; the byline is always a `ViewerTag`, never a typed name.
+- A cover photo is a `_files` attachment on the post, shown with `Figure` in place of the featured `Blob`; drafts that aren't ready yet are a `status` field filtered out of the front page (the editorial block walks posts through that pipeline).
+- Editing a post is the same form, prefilled, writing behind `can.edit(post)`; keep `Delete post` quiet and behind its `Confirm`.
+- A new write surface gets its own verdict: `can.create(draft)` with the fields the write stamps, `can.edit(doc)` or `can.delete(doc)` on the document it changes, always on `useVibe` of the database it writes.
+
+Adapted from 1st-Pouf (MIT) https://1st-pouf.worksonmy.dev/r/blog.json

package/llms/pouf-booking.d.ts

@@ -0,0 +1,2 @@
+import type { LlmConfig } from "./types.js";
+export declare const poufBookingConfig: LlmConfig;

package/llms/pouf-booking.js

@@ -0,0 +1,6 @@
+export const poufBookingConfig = {
+    name: "pouf-booking",
+    label: "Pouf booking block",
+    description: "Appointment booking: pick a service, day and free slot, confirm",
+};
+//# sourceMappingURL=pouf-booking.js.map

package/llms/pouf-booking.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pouf-booking.js","sourceRoot":"","sources":["../../jsr/llms/pouf-booking.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,MAAM,iBAAiB,GAAc;IAC1C,IAAI,EAAE,cAAc;IACpB,KAAK,EAAE,oBAAoB;IAC3B,WAAW,EAAE,iEAAiE;CAC/E,CAAC"}