@vibes.diy/prompts 14.3.202 → 14.3.204

package/llms/{pouf-crm.md → ui-crm.md}

@@ -1,8 +1,8 @@
-# Pouf CRM
+# CRM
 
 A customer list that remembers where every relationship stands: a design studio's clients, a bakery's wholesale accounts, a freelancer's leads, a nonprofit's donors. Reach for it whenever the app's core is people or companies the person keeps in touch with, each carrying a stage (a lead, active, at risk), a few account details and a running trail of notes. Customers, their stage and every note persist, so the list is where it was left on the next visit and for everyone working the accounts.
 
-Built from @vibes.diy/pouf components; persisted state lives in Fireproof. Every write surface is gated on `useVibe(dbName).can`.
+Built from @vibes.diy/ui components; persisted state lives in Fireproof. Every write surface is gated on `useVibe(dbName).can`.
 
 ## The block
 
@@ -33,8 +33,8 @@ import {
   Stack,
   Text,
   Textarea,
-} from "@vibes.diy/pouf";
-import { Dialog, Select, Toaster, toast } from "@vibes.diy/pouf/interactive";
+} from "@vibes.diy/ui";
+import { Dialog, Select, Toaster, toast } from "@vibes.diy/ui/interactive";
 
 const STAGES = {
   lead: { label: "Lead", tone: "info" },
@@ -312,7 +312,7 @@ export default function App() {
           )}
         </Stack>
       )}
-      <div className="pouf-toasts">
+      <div className="ui-toasts">
         <Toaster />
       </div>
     </main>

package/llms/ui-dashboard.d.ts

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

package/llms/ui-dashboard.js

@@ -0,0 +1,7 @@
+export const uiDashboardConfig = {
+    name: "ui-dashboard",
+    aliases: ["pouf-dashboard"],
+    label: "Dashboard block",
+    description: "Sales dashboard with figures, a range chart and a sortable table",
+};
+//# sourceMappingURL=ui-dashboard.js.map

package/llms/ui-dashboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-dashboard.js","sourceRoot":"","sources":["../../jsr/llms/ui-dashboard.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,MAAM,iBAAiB,GAAc;IAC1C,IAAI,EAAE,cAAc;IACpB,OAAO,EAAE,CAAC,gBAAgB,CAAC;IAC3B,KAAK,EAAE,iBAAiB;IACxB,WAAW,EAAE,kEAAkE;CAChF,CAAC"}

package/llms/{pouf-dashboard.md → ui-dashboard.md}

@@ -1,12 +1,12 @@
-# Pouf Dashboard
+# Dashboard
 
 An overview page that turns the records an app keeps into a few headline figures, a chart and a table: a candle shop's sales, a bake sale's takings, a market stall's week, a club's ticket sales. Reach for it whenever the app's core is "how are we doing", answered from things people log. The figures are never typed in by hand: each sale is its own document, and every number, bar and row on the page is computed from those documents when it renders, so the dashboard is current on the next visit and on every device that opens the app.
 
-Built from @vibes.diy/pouf components; persisted state lives in Fireproof. Every write surface is gated on `useVibe(dbName).can`.
+Built from @vibes.diy/ui components; persisted state lives in Fireproof. Every write surface is gated on `useVibe(dbName).can`.
 
 ## The block
 
-One view with one job: read the business at a glance. The `Heading` and a muted line open the page, beside a `Segmented` range picker (`tone="info"`) that scopes the money taken, the sales count, the chart and the table. Three `Stat`s follow in a `Grid`, each toned by meaning (`up` for money taken, `info` for a plain count, `warn` for sales still waiting on payment); the unpaid count ignores the range on purpose, because a sale still owed does not stop being owed when it scrolls out of the week. Under them a `Card` holds the `AreaChart` from `@vibes.diy/pouf/charts`, one bucket per day, week or month, its one series toned `up` like the money-taken `Stat` it breaks down. The `Grid cols="sidebar"` below puts the range's latest sales in a `Table` on the main side (sortable columns, the status as a `Badge` read from the stored field: `up` paid, `warn` awaiting payment) and the `Record a sale` form on the side, whose button is the view's one lead and shows `loading` while the write lands. A sale still awaiting payment gets a quiet `Mark paid` in its row, showing `loading` until its write lands. Every write waits on its `can` verdict from `useVibe("sales")`, the database the sales live in: the form shows a `Skeleton` inside an `aria-busy` wrapper while the verdict resolves, a `Sign in to record sales` lead wired to `useViewer().requestLogin()` for a visitor who has not signed in, and a sentence in the app's own words when recording is closed to a signed-in visitor; `Mark paid` renders only where `can.edit(sale).ok`.
+One view with one job: read the business at a glance. The `Heading` and a muted line open the page, beside a `Segmented` range picker (`tone="info"`) that scopes the money taken, the sales count, the chart and the table. Three `Stat`s follow in a `Grid`, each toned by meaning (`up` for money taken, `info` for a plain count, `warn` for sales still waiting on payment); the unpaid count ignores the range on purpose, because a sale still owed does not stop being owed when it scrolls out of the week. Under them a `Card` holds the `AreaChart` from `@vibes.diy/ui/charts`, one bucket per day, week or month, its one series toned `up` like the money-taken `Stat` it breaks down. The `Grid cols="sidebar"` below puts the range's latest sales in a `Table` on the main side (sortable columns, the status as a `Badge` read from the stored field: `up` paid, `warn` awaiting payment) and the `Record a sale` form on the side, whose button is the view's one lead and shows `loading` while the write lands. A sale still awaiting payment gets a quiet `Mark paid` in its row, showing `loading` until its write lands. Every write waits on its `can` verdict from `useVibe("sales")`, the database the sales live in: the form shows a `Skeleton` inside an `aria-busy` wrapper while the verdict resolves, a `Sign in to record sales` lead wired to `useViewer().requestLogin()` for a visitor who has not signed in, and a sentence in the app's own words when recording is closed to a signed-in visitor; `Mark paid` renders only where `can.edit(sale).ok`.
 
 ### `App.jsx`
 ```jsx
@@ -30,9 +30,9 @@ import {
   Stat,
   Table,
   Text,
-} from "@vibes.diy/pouf";
-import { Select, Toaster, toast } from "@vibes.diy/pouf/interactive";
-import { AreaChart } from "@vibes.diy/pouf/charts";
+} from "@vibes.diy/ui";
+import { Select, Toaster, toast } from "@vibes.diy/ui/interactive";
+import { AreaChart } from "@vibes.diy/ui/charts";
 
 const MONEY = new Intl.NumberFormat(undefined, { style: "currency", currency: "USD" });
 const RANGES = [
@@ -255,7 +255,7 @@ export default function App() {
           {form}
         </Grid>
       </Stack>
-      <div className="pouf-toasts">
+      <div className="ui-toasts">
         <Toaster />
       </div>
     </main>

package/llms/ui-editorial.d.ts

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

package/llms/ui-editorial.js

@@ -0,0 +1,7 @@
+export const uiEditorialConfig = {
+    name: "ui-editorial",
+    aliases: ["pouf-editorial"],
+    label: "Editorial block",
+    description: "Story pipeline moving drafts through scheduled to published",
+};
+//# sourceMappingURL=ui-editorial.js.map

package/llms/ui-editorial.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-editorial.js","sourceRoot":"","sources":["../../jsr/llms/ui-editorial.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,MAAM,iBAAiB,GAAc;IAC1C,IAAI,EAAE,cAAc;IACpB,OAAO,EAAE,CAAC,gBAAgB,CAAC;IAC3B,KAAK,EAAE,iBAAiB;IACxB,WAAW,EAAE,6DAA6D;CAC3E,CAAC"}

package/llms/{pouf-editorial.md → ui-editorial.md}

@@ -1,8 +1,8 @@
-# Pouf Editorial
+# Editorial
 
 A story pipeline that walks each piece from idea to launch: a school newspaper's desk, a newsletter's post queue, a team blog's calendar, a zine's issue plan. Reach for it whenever the app's core is pieces of writing that each sit in one stage (draft, scheduled, published) and move forward one step at a time. Stories and their stage persist, so the desk is where the team left it on the next visit and for everyone working it.
 
-Built from @vibes.diy/pouf components; persisted state lives in Fireproof. Every write surface is gated on `useVibe(dbName).can`.
+Built from @vibes.diy/ui components; persisted state lives in Fireproof. Every write surface is gated on `useVibe(dbName).can`.
 
 ## The block
 
@@ -32,8 +32,8 @@ import {
   Spacer,
   Stack,
   Text,
-} from "@vibes.diy/pouf";
-import { Dialog, Toaster, toast } from "@vibes.diy/pouf/interactive";
+} from "@vibes.diy/ui";
+import { Dialog, Toaster, toast } from "@vibes.diy/ui/interactive";
 
 const STAGES = {
   draft: { label: "Draft", plural: "Drafts", empty: "No drafts", tone: "idle" },
@@ -228,7 +228,7 @@ export default function App() {
           )}
         </Stack>
       )}
-      <div className="pouf-toasts">
+      <div className="ui-toasts">
         <Toaster />
       </div>
     </main>

package/llms/ui-event.d.ts

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

package/llms/ui-event.js

@@ -0,0 +1,7 @@
+export const uiEventConfig = {
+    name: "ui-event",
+    aliases: ["pouf-event"],
+    label: "Event block",
+    description: "Guest check-in desk with arrivals count, search and attendance filter",
+};
+//# sourceMappingURL=ui-event.js.map

package/llms/ui-event.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-event.js","sourceRoot":"","sources":["../../jsr/llms/ui-event.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,MAAM,aAAa,GAAc;IACtC,IAAI,EAAE,UAAU;IAChB,OAAO,EAAE,CAAC,YAAY,CAAC;IACvB,KAAK,EAAE,aAAa;IACpB,WAAW,EAAE,uEAAuE;CACrF,CAAC"}

package/llms/{pouf-event.md → ui-event.md}

@@ -1,8 +1,8 @@
-# Pouf Event
+# Event
 
 A check-in desk for the door of an event: an astronomy night's arrivals, a wedding reception, a meetup's RSVPs, a workshop's sign-in sheet. Reach for it whenever the app's core is a list of people expected somewhere who get marked as arrived, with a running count of who is in and who is still on the way. Guests and their check-ins persist, so every volunteer at the door sees the same list on their own phone and it survives a reload.
 
-Built from @vibes.diy/pouf components; persisted state lives in Fireproof. Every write surface is gated on `useVibe(dbName).can`.
+Built from @vibes.diy/ui components; persisted state lives in Fireproof. Every write surface is gated on `useVibe(dbName).can`.
 
 ## The block
 
@@ -31,8 +31,8 @@ import {
   Stack,
   Stat,
   Text,
-} from "@vibes.diy/pouf";
-import { Dialog, Select, Toaster, toast } from "@vibes.diy/pouf/interactive";
+} from "@vibes.diy/ui";
+import { Dialog, Select, Toaster, toast } from "@vibes.diy/ui/interactive";
 
 const NUMBER = new Intl.NumberFormat();
 
@@ -218,7 +218,7 @@ export default function App() {
           </Stack>
         )}
       </Stack>
-      <div className="pouf-toasts">
+      <div className="ui-toasts">
         <Toaster />
       </div>
     </main>

package/llms/ui-feed.d.ts

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

package/llms/ui-feed.js

@@ -0,0 +1,7 @@
+export const uiFeedConfig = {
+    name: "ui-feed",
+    aliases: ["pouf-feed"],
+    label: "Feed block",
+    description: "Social feed to post updates, like them and reply in comments",
+};
+//# sourceMappingURL=ui-feed.js.map

package/llms/ui-feed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-feed.js","sourceRoot":"","sources":["../../jsr/llms/ui-feed.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,MAAM,YAAY,GAAc;IACrC,IAAI,EAAE,SAAS;IACf,OAAO,EAAE,CAAC,WAAW,CAAC;IACtB,KAAK,EAAE,YAAY;IACnB,WAAW,EAAE,8DAA8D;CAC5E,CAAC"}

package/llms/{pouf-feed.md → ui-feed.md}

@@ -1,8 +1,8 @@
-# Pouf Feed
+# Feed
 
 A stream of short posts that people write, like and talk under: a club's news board, a family update wall, a class's shout-outs, a team's wins channel. Reach for it whenever the app's core is people posting a few sentences for each other and reacting to what others posted. Posts, likes and comments persist, so the conversation is waiting on the next visit and on every device that opens the app.
 
-Built from @vibes.diy/pouf components; persisted state lives in Fireproof. Every write surface is gated on `useVibe(dbName).can`.
+Built from @vibes.diy/ui components; persisted state lives in Fireproof. Every write surface is gated on `useVibe(dbName).can`.
 
 ## The block
 
@@ -13,8 +13,8 @@ One view with one job: the feed. The `Heading` and a muted count open the page;
 import React, { useState } from "react";
 import { useFireproof } from "use-fireproof";
 import { useViewer, useVibe } from "use-vibes";
-import { Button, Card, Empty, Field, Heading, Icon, IconButton, Input, Row, Skeleton, Spacer, Stack, Text, Textarea } from "@vibes.diy/pouf";
-import { Confirm, Toaster, toast } from "@vibes.diy/pouf/interactive";
+import { Button, Card, Empty, Field, Heading, Icon, IconButton, Input, Row, Skeleton, Spacer, Stack, Text, Textarea } from "@vibes.diy/ui";
+import { Confirm, Toaster, toast } from "@vibes.diy/ui/interactive";
 
 const when = (ms) => new Date(ms).toLocaleString([], { month: "short", day: "numeric", hour: "numeric", minute: "2-digit" });
 
@@ -231,7 +231,7 @@ export default function App() {
           </Stack>
         )}
       </Stack>
-      <div className="pouf-toasts">
+      <div className="ui-toasts">
         <Toaster />
       </div>
     </main>

package/llms/ui-game.d.ts

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

package/llms/ui-game.js

@@ -0,0 +1,7 @@
+export const uiGameConfig = {
+    name: "ui-game",
+    aliases: ["pouf-game"],
+    label: "Game block",
+    description: "Turn-based game screen with health bars, inventory and saved high scores",
+};
+//# sourceMappingURL=ui-game.js.map

package/llms/ui-game.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-game.js","sourceRoot":"","sources":["../../jsr/llms/ui-game.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,MAAM,YAAY,GAAc;IACrC,IAAI,EAAE,SAAS;IACf,OAAO,EAAE,CAAC,WAAW,CAAC;IACtB,KAAK,EAAE,YAAY;IACnB,WAAW,EAAE,0EAA0E;CACxF,CAAC"}

package/llms/{pouf-game.md → ui-game.md}

@@ -1,20 +1,20 @@
-# Pouf Game
+# Game
 
 A small turn-based game screen with a scoreboard that remembers: a boss fight for friends, a kids' dungeon run, a classroom quiz battle, a quick office break game. Reach for it whenever the app's core is a short run someone plays through, with bars that move, a few items to equip and a high-score table to beat. The run itself lives in the page while it is played; each finished run that someone saves is its own score document, so the leaderboard is there on the next visit and for everyone who opens the app.
 
-Built from @vibes.diy/pouf components; persisted state lives in Fireproof. Every write surface is gated on `useVibe(dbName).can`.
+Built from @vibes.diy/ui components; persisted state lives in Fireproof. Every write surface is gated on `useVibe(dbName).can`.
 
 ## The block
 
-One view with one job: play the run, then post the score. An `Eyebrow`, the `Heading` and two `Stat`s (this run's score `info`, the visitor's best `up`) open the page. The fight sits on a `Card`: the boss's health as a `Progress` toned `down`, the player's as `up` (turning `warn` when low), the spell charge as `info`, each with a muted numeric readout, and `Attack` as the view's one lead beside a quiet `Cast spell`. The boss hits back after every move it survives, a cast that only charges included, so attacking and casting both cost health and the scores spread out instead of piling up at one ceiling. The inventory is one clickable `RowCard` per item with a decorative `orange` `Blob`, its name and effect in `Text`, and a `Badge` for its state (`up` equipped, `idle` not). When the run ends the actions give way to the result: `Save score` becomes the lead, with `loading` while the write lands, and a quiet `Play again`. The leaderboard `Table` shows each player's best saved run, the player as a `ViewerTag`. Saving waits on its `can` verdict from `useVibe("arcade")`, the database the scores live in: a `Skeleton` inside an `aria-busy` wrapper while it resolves, a `Sign in to save your score` lead wired to `useViewer().requestLogin()` for a visitor who has not signed in, and a sentence in the app's own words when saving is closed. Anyone can play without signing in. The finished run lives only in the page until it is saved, so if signing in reloads the app that run is gone; the copy says so rather than promising otherwise.
+One view with one job: play the run, then post the score. An `Eyebrow`, the `Heading` and two `Stat`s (this run's score `info`, the visitor's best `up`) open the page. The fight sits on a `Card`: the boss's health as a `Progress` toned `down`, the player's as `up` (turning `warn` when low), the spell charge as `info`, each with a muted numeric readout, and `Attack` as the view's one lead beside a quiet `Cast spell`. The boss hits back after every move it survives, a cast that only charges included, so attacking and casting both cost health and the scores spread out instead of piling up at one ceiling. The inventory is one clickable `RowCard` per item with a decorative `orange` `IconTile`, its name and effect in `Text`, and a `Badge` for its state (`up` equipped, `idle` not). When the run ends the actions give way to the result: `Save score` becomes the lead, with `loading` while the write lands, and a quiet `Play again`. The leaderboard `Table` shows each player's best saved run, the player as a `ViewerTag`. Saving waits on its `can` verdict from `useVibe("arcade")`, the database the scores live in: a `Skeleton` inside an `aria-busy` wrapper while it resolves, a `Sign in to save your score` lead wired to `useViewer().requestLogin()` for a visitor who has not signed in, and a sentence in the app's own words when saving is closed. Anyone can play without signing in. The finished run lives only in the page until it is saved, so if signing in reloads the app that run is gone; the copy says so rather than promising otherwise.
 
 ### `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, Grid, Heading, Row, RowCard, Skeleton, Stack, Stat, Table, Text } from "@vibes.diy/pouf";
-import { Progress } from "@vibes.diy/pouf/interactive";
+import { Badge, IconTile, Button, Card, Empty, Eyebrow, Grid, Heading, Row, RowCard, Skeleton, Stack, Stat, Table, Text } from "@vibes.diy/ui";
+import { Progress } from "@vibes.diy/ui/interactive";
 
 const BOSS_MAX = 120;
 // The boss's counter-hit: 10 to 16 each turn, less whatever armour blocks.
@@ -219,7 +219,7 @@ export default function App() {
                   <RowCard key={item.id} onClick={used || over ? undefined : () => toggleItem(item)}>
                     <Row justify="between" wrap={false}>
                       <Row gap={3} wrap={false}>
-                        <Blob icon={item.icon} tone="orange" size="sm" />
+                        <IconTile icon={item.icon} tone="orange" size="sm" />
                         <Stack gap={1}>
                           <Text>{item.name}</Text>
                           <Text size="sm" muted>

package/llms/ui-inbox.d.ts

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

package/llms/ui-inbox.js

@@ -0,0 +1,7 @@
+export const uiInboxConfig = {
+    name: "ui-inbox",
+    aliases: ["pouf-inbox"],
+    label: "Inbox block",
+    description: "Shared inbox to send notes, search, read, reply and archive",
+};
+//# sourceMappingURL=ui-inbox.js.map

package/llms/ui-inbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-inbox.js","sourceRoot":"","sources":["../../jsr/llms/ui-inbox.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,MAAM,aAAa,GAAc;IACtC,IAAI,EAAE,UAAU;IAChB,OAAO,EAAE,CAAC,YAAY,CAAC;IACvB,KAAK,EAAE,aAAa;IACpB,WAAW,EAAE,6DAA6D;CAC3E,CAAC"}

package/llms/{pouf-inbox.md → ui-inbox.md}

@@ -1,8 +1,8 @@
-# Pouf Inbox
+# Inbox
 
 A shared mailbox of notes that people send in and a few people read, answer and file away: a residents' committee inbox, workshop feedback, a club's suggestion box, a family's requests for the weekend. Reach for it whenever the app's core is messages that arrive one at a time, each with a subject, and get opened, replied to and archived. Notes and replies persist, so the inbox, what has been read and what has been archived are the same on the next visit and for everyone who opens it.
 
-Built from @vibes.diy/pouf components; persisted state lives in Fireproof. Every write surface is gated on `useVibe(dbName).can`.
+Built from @vibes.diy/ui components; persisted state lives in Fireproof. Every write surface is gated on `useVibe(dbName).can`.
 
 ## The block
 
@@ -13,8 +13,8 @@ Two views, one job each. The list opens with the `Heading` and a muted unread co
 import React, { useState } from "react";
 import { useFireproof } from "use-fireproof";
 import { useViewer, useVibe } from "use-vibes";
-import { Button, Card, Dot, Empty, Field, Heading, Icon, IconButton, Input, Row, RowCard, Segmented, Skeleton, Spacer, Stack, Text, Textarea } from "@vibes.diy/pouf";
-import { Confirm, Dialog, Toaster, toast } from "@vibes.diy/pouf/interactive";
+import { Button, Card, Dot, Empty, Field, Heading, Icon, IconButton, Input, Row, RowCard, Segmented, Skeleton, Spacer, Stack, Text, Textarea } from "@vibes.diy/ui";
+import { Confirm, Dialog, Toaster, toast } from "@vibes.diy/ui/interactive";
 
 const BOXES = [
   { value: "inbox", label: "Inbox" },
@@ -313,7 +313,7 @@ export default function App() {
           )}
         </Stack>
       )}
-      <div className="pouf-toasts">
+      <div className="ui-toasts">
         <Toaster />
       </div>
     </main>

package/llms/ui-inventory.d.ts

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

package/llms/ui-inventory.js

@@ -0,0 +1,7 @@
+export const uiInventoryConfig = {
+    name: "ui-inventory",
+    aliases: ["pouf-inventory"],
+    label: "Inventory block",
+    description: "Stock list with low-stock alerts, receiving and per-item details",
+};
+//# sourceMappingURL=ui-inventory.js.map

package/llms/ui-inventory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-inventory.js","sourceRoot":"","sources":["../../jsr/llms/ui-inventory.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,MAAM,iBAAiB,GAAc;IAC1C,IAAI,EAAE,cAAc;IACpB,OAAO,EAAE,CAAC,gBAAgB,CAAC;IAC3B,KAAK,EAAE,iBAAiB;IACxB,WAAW,EAAE,kEAAkE;CAChF,CAAC"}

package/llms/{pouf-inventory.md → ui-inventory.md}

@@ -1,8 +1,8 @@
-# Pouf Inventory
+# Inventory
 
 A stock list that says what is ready to sell and what needs reordering: a candle shop's shelves, a food pantry's cupboard, a makerspace's supplies, a café's dry goods. Reach for it whenever the app's core is items counted on hand, each with a level at which it should be restocked, and deliveries that bring the counts back up. Items and every delivery persist, so the stockroom reads the same on the next visit and for everyone keeping it.
 
-Built from @vibes.diy/pouf components; persisted state lives in Fireproof. Every write surface is gated on `useVibe(dbName).can`.
+Built from @vibes.diy/ui components; persisted state lives in Fireproof. Every write surface is gated on `useVibe(dbName).can`.
 
 ## The block
 
@@ -31,8 +31,8 @@ import {
   Stat,
   Table,
   Text,
-} from "@vibes.diy/pouf";
-import { Dialog, Toaster, toast } from "@vibes.diy/pouf/interactive";
+} from "@vibes.diy/ui";
+import { Dialog, Toaster, toast } from "@vibes.diy/ui/interactive";
 
 const NUMBER = new Intl.NumberFormat();
 const MONEY = new Intl.NumberFormat(undefined, { style: "currency", currency: "USD" });
@@ -326,7 +326,7 @@ export default function App() {
           </Grid>
         )}
       </Stack>
-      <div className="pouf-toasts">
+      <div className="ui-toasts">
         <Toaster />
       </div>
     </main>

package/llms/ui-kanban.d.ts

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

package/llms/ui-kanban.js

@@ -0,0 +1,7 @@
+export const uiKanbanConfig = {
+    name: "ui-kanban",
+    aliases: ["pouf-kanban"],
+    label: "Kanban block",
+    description: "Kanban board with columns and cards you drag between them",
+};
+//# sourceMappingURL=ui-kanban.js.map

package/llms/ui-kanban.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-kanban.js","sourceRoot":"","sources":["../../jsr/llms/ui-kanban.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,MAAM,cAAc,GAAc;IACvC,IAAI,EAAE,WAAW;IACjB,OAAO,EAAE,CAAC,aAAa,CAAC;IACxB,KAAK,EAAE,cAAc;IACrB,WAAW,EAAE,2DAA2D;CACzE,CAAC"}

package/llms/{pouf-kanban.md → ui-kanban.md}

@@ -1,8 +1,8 @@
-# Pouf Kanban
+# Kanban
 
 A board of cards in columns that move left to right as work gets done: a renovation's to do, doing and done, a sprint board, a hiring pipeline, a content calendar from idea to published. Reach for it whenever the app's core is items that pass through a fixed set of stages and the person wants to see every stage at once. Cards and the column each sits in persist, so the board looks the same on the next visit and for everyone who opens it.
 
-Built from @vibes.diy/pouf components; persisted state lives in Fireproof. Every write surface is gated on `useVibe(dbName).can`.
+Built from @vibes.diy/ui components; persisted state lives in Fireproof. Every write surface is gated on `useVibe(dbName).can`.
 
 ## The block
 
@@ -13,8 +13,8 @@ One view with one job: the board. The `Heading` and a muted count open the page,
 import React, { useEffect, useState } from "react";
 import { useFireproof } from "use-fireproof";
 import { useViewer, useVibe } from "use-vibes";
-import { Badge, Button, Card, Empty, Field, Grid, Heading, Icon, IconButton, Input, Row, RowCard, Skeleton, Stack, Text } from "@vibes.diy/pouf";
-import { Confirm, DropdownMenu, Toaster, toast } from "@vibes.diy/pouf/interactive";
+import { Badge, Button, Card, Empty, Field, Grid, Heading, Icon, IconButton, Input, Row, RowCard, Skeleton, Stack, Text } from "@vibes.diy/ui";
+import { Confirm, DropdownMenu, Toaster, toast } from "@vibes.diy/ui/interactive";
 
 const COLUMNS = [
   { key: "todo", title: "To do", tone: "idle" },
@@ -217,7 +217,7 @@ export default function App() {
           })}
         </Grid>
       </Stack>
-      <div className="pouf-toasts">
+      <div className="ui-toasts">
         <Toaster />
       </div>
     </main>

package/llms/ui-landing.d.ts

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

package/llms/ui-landing.js

@@ -0,0 +1,7 @@
+export const uiLandingConfig = {
+    name: "ui-landing",
+    aliases: ["pouf-landing"],
+    label: "Landing block",
+    description: "Marketing landing page with hero, features, story and a waitlist sign-up",
+};
+//# sourceMappingURL=ui-landing.js.map

package/llms/ui-landing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-landing.js","sourceRoot":"","sources":["../../jsr/llms/ui-landing.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,MAAM,eAAe,GAAc;IACxC,IAAI,EAAE,YAAY;IAClB,OAAO,EAAE,CAAC,cAAc,CAAC;IACzB,KAAK,EAAE,eAAe;IACtB,WAAW,EAAE,0EAA0E;CACxF,CAAC"}

package/llms/{pouf-landing.md → ui-landing.md}

@@ -1,19 +1,19 @@
-# Pouf Landing
+# Landing
 
 A one-page marketing site with a waitlist: the launch page for a pottery class, a neighbourhood tool library, a new podcast, a supper club, a side-project app before it opens. Reach for it when the app's job is to explain one thing well (a hero, what it does, a story from someone who tried it) and to let interested people put their name down. Each person on the waitlist is one small document, so the count on the page is real and nobody signs up twice.
 
-Built from @vibes.diy/pouf components; persisted state lives in Fireproof. Every write surface is gated on `useVibe(dbName).can`.
+Built from @vibes.diy/ui components; persisted state lives in Fireproof. Every write surface is gated on `useVibe(dbName).can`.
 
 ## The block
 
-One page with one job: get the reader onto the waitlist. A `Navbar` carries the brand (a decorative `orange` `Blob` and the name), in-page links and a quiet `Join` that scrolls to the sign-up. The hero is a `Grid cols="sidebar"`: an `info` `Badge`, the `Heading level={1}` with one word in an `orange` `Highlight`, a muted pitch, the waitlist action and a muted count of who has joined; beside it a `Card` of `Metric`s says what the reader gets. The waitlist action is the page's one lead: `Join the waitlist`, with `loading` from the click until the live query shows the new sign-up, so the button can't reappear and fire twice in between. Once joined it turns into an `up` `Badge` and a quiet `Leave the list`. Three feature `Card`s (each fronted by a decorative `orange` `Blob`, tilted with `motion`) explain how it works, a `Card` holds one story from an early user, and a closing `CTA` on the quiet `surface` tone sends the reader back up to the sign-up with a quiet button, so the page never shows two leads. A `Footer` repeats the in-page links. Joining waits on its `can` verdict from `useVibe("waitlist")`, the database the sign-ups live in: a `Skeleton` inside an `aria-busy` wrapper while it resolves, a `Sign in to join the waitlist` lead wired to `useViewer().requestLogin()` for a visitor who has not signed in, and a neutral sentence in the app's own words when sign-ups are closed. `Leave the list` renders only where `can.delete` allows it. The list keeps who joined and when, never an email address.
+One page with one job: get the reader onto the waitlist. A `Navbar` carries the brand (a decorative `orange` `IconTile` and the name), in-page links and a quiet `Join` that scrolls to the sign-up. The hero is a `Grid cols="sidebar"`: an `info` `Badge`, the `Heading level={1}` with one word in an `orange` `Highlight`, a muted pitch, the waitlist action and a muted count of who has joined; beside it a `Card` of `Metric`s says what the reader gets. The waitlist action is the page's one lead: `Join the waitlist`, with `loading` from the click until the live query shows the new sign-up, so the button can't reappear and fire twice in between. Once joined it turns into an `up` `Badge` and a quiet `Leave the list`. Three feature `Card`s (each fronted by a decorative `orange` `IconTile`, tilted with `motion`) explain how it works, a `Card` holds one story from an early user, and a closing `CTA` on the quiet `surface` tone sends the reader back up to the sign-up with a quiet button, so the page never shows two leads. A `Footer` repeats the in-page links. Joining waits on its `can` verdict from `useVibe("waitlist")`, the database the sign-ups live in: a `Skeleton` inside an `aria-busy` wrapper while it resolves, a `Sign in to join the waitlist` lead wired to `useViewer().requestLogin()` for a visitor who has not signed in, and a neutral sentence in the app's own words when sign-ups are closed. `Leave the list` renders only where `can.delete` allows it. The list keeps who joined and when, never an email address.
 
 ### `App.jsx`
 ```jsx
 import React, { useEffect, useState } from "react";
 import { useFireproof } from "use-fireproof";
 import { useViewer, useVibe } from "use-vibes";
-import { Badge, Blob, Button, Card, CTA, Eyebrow, Footer, Grid, Heading, Highlight, Metric, Navbar, Row, Skeleton, Stack, Text } from "@vibes.diy/pouf";
+import { Badge, IconTile, Button, Card, CTA, Eyebrow, Footer, Grid, Heading, Highlight, Metric, Navbar, Row, Skeleton, Stack, Text } from "@vibes.diy/ui";
 
 const NAME = "The Tool Shed";
 const STEPS = [
@@ -28,7 +28,7 @@ const LINKS = [
 
 const brand = (
   <Row gap={2} wrap={false}>
-    <Blob icon="home" tone="orange" size="sm" />
+    <IconTile icon="home" tone="orange" size="sm" />
     <Text>{NAME}</Text>
   </Row>
 );
@@ -165,7 +165,7 @@ export default function App() {
               {STEPS.map((s, i) => (
                 <Card key={s.title} motion={i % 2 === 0 ? "tilt-left" : "tilt-right"}>
                   <Stack gap={3}>
-                    <Blob icon={s.icon} tone="orange" />
+                    <IconTile icon={s.icon} tone="orange" />
                     <Heading level={3}>{s.title}</Heading>
                     <Text size="sm" muted>
                       {s.body}

package/llms/ui-login.d.ts

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

package/llms/ui-login.js

@@ -0,0 +1,7 @@
+export const uiLoginConfig = {
+    name: "ui-login",
+    aliases: ["pouf-login"],
+    label: "Login block",
+    description: "App-local join form for display name and bio; not sign-in auth",
+};
+//# sourceMappingURL=ui-login.js.map

package/llms/ui-login.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-login.js","sourceRoot":"","sources":["../../jsr/llms/ui-login.ts"],"names":[],"mappings":"AASA,MAAM,CAAC,MAAM,aAAa,GAAc;IACtC,IAAI,EAAE,UAAU;IAChB,OAAO,EAAE,CAAC,YAAY,CAAC;IACvB,KAAK,EAAE,aAAa;IACpB,WAAW,EAAE,gEAAgE;CAC9E,CAAC"}

package/llms/{pouf-login.md → ui-login.md}

@@ -1,20 +1,20 @@
-# Pouf Login
+# Login
 
 The join step a member sees once they are signed in: a quilting circle's "tell us who you are", a writing group's member card, a team space's first-visit profile. Reach for it whenever the app wants its own profile for each person (the name they go by here, a short bio) before they take part. It is **not** a sign-in form: the platform owns sign-in, so this block never asks for an email, a password or a magic link. The visitor signs in through `useViewer().requestLogin()`, and only then fills in the profile the app keeps. Each profile persists, so a member joins once and finds their card on every visit and device.
 
-Built from @vibes.diy/pouf components; persisted state lives in Fireproof. Every write surface is gated on `useVibe(dbName).can`.
+Built from @vibes.diy/ui components; persisted state lives in Fireproof. Every write surface is gated on `useVibe(dbName).can`.
 
 ## The block
 
-One centred `Card` with one job: get this person a profile. A `Blob` (`info`, user), the `Heading` and a muted line open it, and a muted count says how many members have joined. A visitor who has not signed in gets a `Sign in to join` button, the card's one lead, wired to `requestLogin()`; there is no email or password field anywhere, because sign-in is the platform's. A signed-in visitor gets the profile form: a display name `Input` and a short-bio `Textarea`, each in its own `Field` with its own error and `invalid` control, validated in plain state on submit; `Join the club` (or `Save profile` once they have one) is the lead and shows `loading` while the write lands. Each profile is one document with a deterministic `_id` per person (`profile:<handle>`), so saving twice updates the same card instead of adding a second. The write waits on its `can` verdict from `useVibe("members")`: `can.create` of the draft for a new profile, `can.edit` of the saved one after that; while the verdict resolves a `Skeleton` sits inside an `aria-busy` wrapper, and a sentence in the app's own words replaces the form when joining is closed to this visitor. A saved profile shows as a `Badge` toned `up` and a `toast`.
+One centred `Card` with one job: get this person a profile. An `IconTile` (`info`, user), the `Heading` and a muted line open it, and a muted count says how many members have joined. A visitor who has not signed in gets a `Sign in to join` button, the card's one lead, wired to `requestLogin()`; there is no email or password field anywhere, because sign-in is the platform's. A signed-in visitor gets the profile form: a display name `Input` and a short-bio `Textarea`, each in its own `Field` with its own error and `invalid` control, validated in plain state on submit; `Join the club` (or `Save profile` once they have one) is the lead and shows `loading` while the write lands. Each profile is one document with a deterministic `_id` per person (`profile:<handle>`), so saving twice updates the same card instead of adding a second. The write waits on its `can` verdict from `useVibe("members")`: `can.create` of the draft for a new profile, `can.edit` of the saved one after that; while the verdict resolves a `Skeleton` sits inside an `aria-busy` wrapper, and a sentence in the app's own words replaces the form when joining is closed to this visitor. A saved profile shows as a `Badge` toned `up` and a `toast`.
 
 ### `App.jsx`
 ```jsx
 import React, { useState } from "react";
 import { useFireproof } from "use-fireproof";
 import { useViewer, useVibe } from "use-vibes";
-import { Badge, Blob, Button, Card, Field, Heading, Input, Row, Skeleton, Stack, Text, Textarea } from "@vibes.diy/pouf";
-import { Toaster, toast } from "@vibes.diy/pouf/interactive";
+import { Badge, IconTile, Button, Card, Field, Heading, Input, Row, Skeleton, Stack, Text, Textarea } from "@vibes.diy/ui";
+import { Toaster, toast } from "@vibes.diy/ui/interactive";
 
 const BIO_MAX = 160;
 
@@ -116,7 +116,7 @@ export default function App() {
       <Card>
         <Stack gap={5}>
           <Stack gap={3}>
-            <Blob icon="user" tone="info" />
+            <IconTile icon="user" tone="info" />
             <Stack gap={1}>
               <Heading level={1}>{saved ? `Hi, ${saved.name}` : "Join the club"}</Heading>
               <Text muted>{saved ? "Update how other members see you." : "Pick the name you go by here and say hello."}</Text>
@@ -143,7 +143,7 @@ export default function App() {
           )}
         </Stack>
       </Card>
-      <div className="pouf-toasts">
+      <div className="ui-toasts">
         <Toaster />
       </div>
     </main>

package/llms/ui-music.d.ts

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

package/llms/ui-music.js

@@ -0,0 +1,7 @@
+export const uiMusicConfig = {
+    name: "ui-music",
+    aliases: ["pouf-music"],
+    label: "Music block",
+    description: "Music player UI with a queue, transport and saved likes",
+};
+//# sourceMappingURL=ui-music.js.map

package/llms/ui-music.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-music.js","sourceRoot":"","sources":["../../jsr/llms/ui-music.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,MAAM,aAAa,GAAc;IACtC,IAAI,EAAE,UAAU;IAChB,OAAO,EAAE,CAAC,YAAY,CAAC;IACvB,KAAK,EAAE,aAAa;IACpB,WAAW,EAAE,yDAAyD;CACvE,CAAC"}