@vibes.diy/prompts 14.3.202 → 14.3.204

package/llms/access.md

@@ -839,7 +839,7 @@ App.jsx — `useVibe().can` gates every write surface (posts AND owner-only mana
 import React from "react";
 import { useFireproof } from "use-fireproof";
 import { useViewer, useVibe } from "use-vibes";
-import { Button, Field, RowCard, Skeleton, Stack, Text, Textarea } from "@vibes.diy/pouf";
+import { Button, Field, RowCard, Skeleton, Stack, Text, Textarea } from "@vibes.diy/ui";
 
 export default function App() {
   const { viewer, isViewerPending, ViewerTag } = useViewer();
@@ -1674,7 +1674,7 @@ The app before the edit, a note form wrapped in a sign-in wall:
 ```jsx
 import { useState } from "react";
 import { useFireproof } from "use-fireproof";
-import { Field, Input, Stack } from "@vibes.diy/pouf";
+import { Field, Input, Stack } from "@vibes.diy/ui";
 import { SignInGate } from "./SignInGate.jsx";
 
 export default function App() {
@@ -1694,9 +1694,9 @@ App.jsx — gate the form on `can.create({ type: "entry" }).ok`, which is true e
 
 ```jsx
 <<<<<<< SEARCH
-import { Field, Input, Stack } from "@vibes.diy/pouf";
+import { Field, Input, Stack } from "@vibes.diy/ui";
 =======
-import { Button, Field, Input, RowCard, Stack, Text } from "@vibes.diy/pouf";
+import { Button, Field, Input, RowCard, Stack, Text } from "@vibes.diy/ui";
 import { useVibe } from "use-vibes";
 >>>>>>> REPLACE
 ```

package/llms/backend.md

@@ -699,7 +699,7 @@ export async function scheduled(event, ctx) {
 ```jsx
 import React from "react";
 import { useFireproof } from "use-fireproof";
-import { Badge, Heading, RowCard, Stack, Text } from "@vibes.diy/pouf";
+import { Badge, Heading, RowCard, Stack, Text } from "@vibes.diy/ui";
 
 export default function App() {
   const { useLiveQuery } = useFireproof("nodeReleases");

package/llms/blockly.md

@@ -306,8 +306,8 @@ edit the open project, schedules an autosave.
 import React, { useEffect, useMemo, useRef, useState } from "react";
 import { useFireproof } from "use-fireproof";
 import { useVibe, useViewer } from "use-vibes";
-import { Badge, Button, Card, Grid, Heading, Row, Segmented, Skeleton, Spacer, Stack, Text } from "@vibes.diy/pouf";
-import { Switch } from "@vibes.diy/pouf/interactive";
+import { Badge, Button, Card, Grid, Heading, Row, Segmented, Skeleton, Spacer, Stack, Text } from "@vibes.diy/ui";
+import { Switch } from "@vibes.diy/ui/interactive";
 import { Blockly, compile, toolbox, STARTER } from "./lib/blocks.js";
 
 const EMPTY = { html: "", css: "", js: "", full: "" };

package/llms/bluesky.md

@@ -264,7 +264,7 @@ account of the visitor's involved.
 ### `App.jsx`
 ```jsx app=bluesky-browser
 import React, { useState } from "react";
-import { Button, Field, Input, Row, RowCard, Stack } from "@vibes.diy/pouf";
+import { Button, Field, Input, Row, RowCard, Stack } from "@vibes.diy/ui";
 
 export default function App() {
   const [handle, setHandle] = useState("bsky.app");

package/llms/board-games.md

@@ -71,6 +71,100 @@ function Wheel({ cx, cy, on }) {
 **The same move on other boards:** checkers as poker chips (two concentric `<circle>`s with a dashed edge stripe); a word-guess as wooden tiles (a `<rect>` with a lighter top edge, letters in the display face); sudoku as graph paper (thin `stroke-border` rules, thick box rules, entries in a handwritten-looking face and givens in the body face); memory as a deck (a card back with a pattern drawn from the deck's seed, flipped with a `scaleX` transition); mancala as carved pits (an ellipse with an inner shadow ring and seeds as small circles scattered from the seed).
 
 
+## Board surface — the board is the app
+
+On a board game the board is the thing people came for, so the look's components only frame it: the title, a `Stat` or `Badge` for the score and the turn, `Button`s for New game / Undo / Share, a `Dialog` for the win. Taste goes into the board itself — its material, tiles, pieces, texture and motion — and a board drawn from `Card`s, `RowCard`s or one `IconButton` per square reads as an admin screen, whatever the palette.
+
+On an app built from the UI's components (the default look or any look on its surface) the board takes the `reskin` technique, even when the person never asked for a look:
+
+- **One wrapper.** The app renders inside a root `<div data-reskin>` with `<style>{SKIN}</style>` as its first child, `SKIN` one module-level CSS string. A later "make it look like a 1970s wooden set" then lands in the same place.
+- **Colour from the look's tokens.** The board's CSS reads `var(--surface)`, `var(--ink)`, `var(--purple)`, `var(--up)`, `var(--down)` and `var(--r-card)`, so the Look tab and a reskin restyle the board with the chrome. A material colour no token carries (walnut, felt green) is set as a token on the wrapper first, `--felt: …`, and read from there.
+- **Plain elements for tiles and pieces.** The board is SVG or a CSS grid of `div`s with the app's own class names (`.board`, `.sq`, `.sq--dark`, `.piece`), each cell a `<g role="button">` or `div role="button" tabIndex={0}` as above. They take classes freely; the look's components never do.
+- **Texture and motion on the board, capture-safe.** Grain or felt is a gradient on `.board`; a piece slides with a `transform` transition and lands once; the first frame is already a full board.
+
+```jsx
+import React, { useState } from "react";
+import { Badge, Button, Heading, Row, Stack } from "@vibes.diy/ui";
+
+const SKIN = `
+[data-reskin], body:has([data-reskin]) { --felt: color-mix(in srgb, var(--up) 55%, var(--ink)); }
+[data-reskin] .board { display: grid; grid-template: repeat(8, 1fr) / repeat(8, 1fr); width: min(100%, 28rem); aspect-ratio: 1;
+  padding: 10px; border-radius: var(--r-card); background: var(--ink); touch-action: manipulation; user-select: none; }
+[data-reskin] .sq { display: grid; place-items: center; background: var(--surface); }
+[data-reskin] .sq--dark { background: repeating-linear-gradient(135deg, var(--felt) 0 3px, color-mix(in srgb, var(--felt) 88%, var(--ink)) 3px 6px); }
+[data-reskin] .piece { width: 76%; aspect-ratio: 1; border-radius: 50%; border: 3px dashed color-mix(in srgb, var(--surface) 60%, transparent);
+  box-shadow: 0 3px 0 color-mix(in srgb, var(--ink) 45%, transparent); transition: transform 180ms ease; }
+[data-reskin] .piece--red { background: var(--down); }
+[data-reskin] .piece--black { background: var(--ink); border-color: var(--text-secondary); }
+[data-reskin] .sq[aria-pressed="true"] .piece { transform: translateY(-4px) scale(1.06); }
+`;
+
+const START = Array.from({ length: 64 }, (_, i) => {
+  const dark = (Math.floor(i / 8) + i) % 2 === 1;
+  return !dark ? null : i < 24 ? "black" : i >= 40 ? "red" : null;
+});
+
+export default function App() {
+  const [cells, setCells] = useState(START);
+  const [held, setHeld] = useState(-1);
+  const [turn, setTurn] = useState("red");
+
+  // Any empty square takes the held piece here; a real game asks legalMoves(state) first (below).
+  function tap(i) {
+    if (cells[i] === turn) return setHeld(i);
+    if (held < 0 || cells[i] !== null) return;
+    setCells(cells.map((c, j) => (j === i ? turn : j === held ? null : c)));
+    setHeld(-1);
+    setTurn(turn === "red" ? "black" : "red");
+  }
+
+  function newGame() {
+    setCells(START);
+    setHeld(-1);
+    setTurn("red");
+  }
+
+  return (
+    <div data-reskin>
+      <style>{SKIN}</style>
+      <Stack gap={4}>
+        <Row gap={2} align="center">
+          <Heading level={1}>Checkers</Heading>
+          <Badge tone={turn === "red" ? "down" : "idle"}>{turn} to move</Badge>
+        </Row>
+        <div className="board" role="group" aria-label="Checkers board">
+          {cells.map((c, i) => (
+            <div
+              key={i}
+              role="button"
+              tabIndex={0}
+              aria-label={`Square ${i + 1}${c ? `, ${c}` : ""}`}
+              aria-pressed={held === i}
+              className={(Math.floor(i / 8) + i) % 2 === 1 ? "sq sq--dark" : "sq"}
+              onClick={() => tap(i)}
+              onKeyDown={(e) => {
+                if (e.key !== "Enter" && e.key !== " ") return;
+                e.preventDefault();
+                tap(i);
+              }}
+            >
+              {c && <span className={`piece piece--${c}`} />}
+            </div>
+          ))}
+        </div>
+        <Row gap={2}>
+          <Button variant="quiet" onClick={newGame}>
+            New game
+          </Button>
+        </Row>
+      </Stack>
+    </div>
+  );
+}
+```
+
+The rules functions, seeds and access shapes below are unchanged; this is only where the board's look lives. The same move covers a puzzle grid, a card table (a `.table` in felt, `.card` faces as plain elements) and the HUD around a canvas or voxel world, where the canvas is the board and the components are the frame.
+
 ## Seeds — the same deal on every device
 
 Every deal, shuffle and daily puzzle comes from a seed, so the same player sees the same card on every reload and every device.
@@ -122,7 +216,7 @@ The table is public (anyone with the link watches the board and the race), the h
 import React, { useState } from "react";
 import { useFireproof } from "use-fireproof";
 import { useVibe, useViewer } from "use-vibes";
-import { Badge, Button, Card, Field, Heading, Row, Skeleton, Spacer, Stack, Text, Textarea } from "@vibes.diy/pouf";
+import { Badge, Button, Card, Field, Heading, Row, Skeleton, Spacer, Stack, Text, Textarea } from "@vibes.diy/ui";
 
 const N = 5;
 const FREE = 12; // the center square

package/llms/calendar.md

@@ -23,7 +23,7 @@ person meant across time zones.
 ```jsx app=practice-log
 import React, { useState } from "react";
 import { useFireproof } from "use-fireproof";
-import { Button, Field, Input, Row, Stack, Text } from "@vibes.diy/pouf";
+import { Button, Field, Input, Row, Stack, Text } from "@vibes.diy/ui";
 
 const pad = (n) => String(n).padStart(2, "0");
 const keyOf = (d) => `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}`;

package/llms/callai.md

@@ -28,7 +28,7 @@ import React, { useState } from "react";
 import { callAI } from "call-ai";
 import { useFireproof } from "use-fireproof";
 import { useVibe } from "use-vibes";
-import { Button, Field, Heading, Icon, IconButton, Input, Row, RowCard, Stack, Text, Textarea } from "@vibes.diy/pouf";
+import { Button, Field, Heading, Icon, IconButton, Input, Row, RowCard, Stack, Text, Textarea } from "@vibes.diy/ui";
 
 const taskSchema = {
   type: "object",
@@ -235,7 +235,7 @@ import React, { useState } from "react";
 import { callAI } from "call-ai";
 import { useFireproof } from "use-fireproof";
 import { useVibe } from "use-vibes";
-import { Button, Field, Heading, Icon, IconButton, Input, Row, RowCard, Stack, Text } from "@vibes.diy/pouf";
+import { Button, Field, Heading, Icon, IconButton, Input, Row, RowCard, Stack, Text } from "@vibes.diy/ui";
 
 const offerSchema = {
   type: "object",
@@ -391,8 +391,8 @@ Inside `backend.js`, `ctx.callAI` takes a string prompt.
 ```jsx
 import React, { useEffect, useState } from "react";
 import { callAI, listModels } from "call-ai";
-import { Button, Stack, Text } from "@vibes.diy/pouf";
-import { Select } from "@vibes.diy/pouf/interactive";
+import { Button, Stack, Text } from "@vibes.diy/ui";
+import { Select } from "@vibes.diy/ui/interactive";
 
 export default function App() {
   const [models, setModels] = useState([]);

package/llms/connections.md

@@ -82,7 +82,7 @@ for the rest.
 ### `App.jsx`
 ```jsx app=instagram-connection
 import { useConnection } from "use-vibes";
-import { Button, Text } from "@vibes.diy/pouf";
+import { Button, Text } from "@vibes.diy/ui";
 
 function ConnectInstagram() {
   const { state, consented, available, accountLabel, link, refresh } = useConnection("instagram");

package/llms/create-vibe.md

@@ -28,7 +28,7 @@ when they're ready.
 ```jsx
 import React from "react";
 import { createVibe } from "use-vibes";
-import { Button } from "@vibes.diy/pouf";
+import { Button } from "@vibes.diy/ui";
 
 export default function App() {
   // `ready` + `spec` come from the interview (see the full example below).
@@ -69,7 +69,7 @@ Let the user edit each slide inline and present full-screen.`;
 import React from "react";
 import { callAI } from "call-ai";
 import { createVibe } from "use-vibes";
-import { Button } from "@vibes.diy/pouf";
+import { Button } from "@vibes.diy/ui";
 
 export default function App() {
   const [answers, setAnswers] = React.useState({});
@@ -131,7 +131,7 @@ blocked), offer a fallback link so the hand-off still works:
 
 ```jsx
 import { createVibe, buildCreateVibeUrl } from "use-vibes";
-import { Button } from "@vibes.diy/pouf";
+import { Button } from "@vibes.diy/ui";
 
 function HandoffButton({ spec }) {
   const [blocked, setBlocked] = React.useState(false);

package/llms/fireproof.md

@@ -94,7 +94,7 @@ import React, { useState } from "react";
 import { callAI } from "call-ai";
 import { useFireproof } from "use-fireproof";
 import { useVibe } from "use-vibes";
-import { Button, Field, Heading, Icon, IconButton, Input, Row, RowCard, Stack, Text, Textarea } from "@vibes.diy/pouf";
+import { Button, Field, Heading, Icon, IconButton, Input, Row, RowCard, Stack, Text, Textarea } from "@vibes.diy/ui";
 
 const taskSchema = {
   type: "object",
@@ -411,7 +411,7 @@ A continuous control (slider, drag, color picker, live-typed text bound to one d
 import { useFireproof } from "use-fireproof";
 =======
 import { useFireproof } from "use-fireproof";
-import { Slider } from "@vibes.diy/pouf/interactive";
+import { Slider } from "@vibes.diy/ui/interactive";
 >>>>>>> REPLACE
 ```
 
@@ -463,7 +463,7 @@ A draft reaches only the peers already subscribed to its channel, and a channel'
 import React, { useEffect, useRef } from "react";
 import { useFireproof } from "use-fireproof";
 import { useViewer, useVibe } from "use-vibes";
-import { Button } from "@vibes.diy/pouf";
+import { Button } from "@vibes.diy/ui";
 
 const SIZE = 32;
 const CELL = 16;
@@ -809,7 +809,7 @@ Building an image uploader with `_files`:
 ```jsx
 import React from "react";
 import { useFireproof } from "use-fireproof";
-import { Button, Card, ErrorNote, Field, Figure, Grid, Heading, Input, Stack, Text } from "@vibes.diy/pouf";
+import { Button, Card, ErrorNote, Field, Figure, Grid, Heading, Input, Stack, Text } from "@vibes.diy/ui";
 
 export default function App() {
   const { useDocument, useLiveQuery } = useFireproof("imageUploads");
@@ -945,8 +945,8 @@ Code listing for a bird sightings log App.jsx. Note the code ordering: hooks, th
 ```js
 import React from "react";
 import { useFireproof } from "use-fireproof";
-import { Button, Field, Heading, Input, Row, RowCard, Spacer, Stack, Text } from "@vibes.diy/pouf";
-import { Checkbox } from "@vibes.diy/pouf/interactive";
+import { Button, Field, Heading, Input, Row, RowCard, Spacer, Stack, Text } from "@vibes.diy/ui";
+import { Checkbox } from "@vibes.diy/ui/interactive";
 
 export default function App() {
   // 1. Hooks and document shapes
@@ -978,7 +978,7 @@ export default function App() {
     submitNewSighting();
   };
 
-  // 3. ClassNames — right before JSX, for the plain elements only; the pouf
+  // 3. ClassNames — right before JSX, for the plain elements only; the UI
   // components carry their own surface, ink and shape.
   const c = {
     page: "min-h-screen max-w-md mx-auto p-6 bg-background text-foreground font-sans",

package/llms/github.md

@@ -73,9 +73,13 @@ own, and `:write` includes `:read`:
 | `checks:read` | read check results on commits | `/check-runs`, `/check-suites`, `/commits/{ref}/check-runs` (GET) |
 | `checks:write` | post check results on commits | creating and updating check runs |
 | `actions:read` | read its Actions runs | `/actions/runs`, `/actions/workflows`, `/actions/jobs`, `/actions/artifacts` (GET) |
+| `workflows:write` | add and update its CI workflows | writing a file under `.github/workflows/` with `/contents` (together with `contents:write`) |
 
 - A repo's own record (`GET /repos/{owner}/{repo}`) and
   `/installation/repositories` need no permission; every app has them.
+- An app that adds a CI workflow (a file under `.github/workflows/`, such as a
+  linter run) declares `contents:write` and `workflows:write`, plus
+  `pull_requests:write` when it opens a pull request for it.
 - A pull request's conversation comments and labels live at
   `/repos/{owner}/{repo}/issues/{number}/comments` and `…/labels` on GitHub, and
   `pull_requests:write` covers them when `{number}` is a pull request. An app
@@ -433,8 +437,8 @@ export default function (doc, oldDoc, user, ctx) {
 import React, { useCallback, useEffect, useState } from "react";
 import { apiFetch, buildGithubInstallUrl, useViewer } from "use-vibes";
 import { useFireproof } from "use-fireproof";
-import { Badge, Button, Field, Heading, Input, RowCard, Skeleton, Stack, Text } from "@vibes.diy/pouf";
-import { RadioGroup } from "@vibes.diy/pouf/interactive";
+import { Badge, Button, Field, Heading, Input, RowCard, Skeleton, Stack, Text } from "@vibes.diy/ui";
+import { RadioGroup } from "@vibes.diy/ui/interactive";
 
 const TONE = { done: "up", failed: "warn", running: "info", waiting: "info" };
 const WHO_CHOICES = [

package/llms/image-gen.md

@@ -188,7 +188,7 @@ When each item's substance is its words — a generated joke, a short verse, a p
 
 ```jsx
 import { ImgGen, useImgGen } from "use-vibes";
-import { Button, RowCard, Text } from "@vibes.diy/pouf";
+import { Button, RowCard, Text } from "@vibes.diy/ui";
 
 function PunCard({ pun, database }) {
   const [wanted, setWanted] = React.useState(false);
@@ -271,7 +271,7 @@ import React, { useEffect, useState } from "react";
 import { useFireproof } from "use-fireproof";
 import { ImgGen, useVibe } from "use-vibes";
 import { listModels } from "call-ai";
-import { Button, Card, Field, Grid, Input, Skeleton, Stack, Text } from "@vibes.diy/pouf";
+import { Button, Card, Field, Grid, Input, Skeleton, Stack, Text } from "@vibes.diy/ui";
 
 function AuditionComposer({ database, models }) {
   const { can, me, ready } = useVibe("auditions");

package/llms/index.d.ts

@@ -31,34 +31,34 @@ export { motionConfig } from "./motion.js";
 export { richtextConfig } from "./richtext.js";
 export { matchStyleConfig } from "./match-style.js";
 export { reskinConfig } from "./reskin.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 { uiTodoConfig } from "./ui-todo.js";
+export { uiFeedConfig } from "./ui-feed.js";
+export { uiChatConfig } from "./ui-chat.js";
+export { uiKanbanConfig } from "./ui-kanban.js";
+export { uiInboxConfig } from "./ui-inbox.js";
+export { uiSupportConfig } from "./ui-support.js";
+export { uiCrmConfig } from "./ui-crm.js";
+export { uiInventoryConfig } from "./ui-inventory.js";
+export { uiEditorialConfig } from "./ui-editorial.js";
+export { uiEventConfig } from "./ui-event.js";
+export { uiCourseConfig } from "./ui-course.js";
+export { uiLoginConfig } from "./ui-login.js";
+export { uiSettingsConfig } from "./ui-settings.js";
+export { uiOnboardingConfig } from "./ui-onboarding.js";
+export { uiContactConfig } from "./ui-contact.js";
+export { uiStorefrontConfig } from "./ui-storefront.js";
+export { uiBookingConfig } from "./ui-booking.js";
+export { uiDashboardConfig } from "./ui-dashboard.js";
+export { uiGameConfig } from "./ui-game.js";
+export { uiPricingConfig } from "./ui-pricing.js";
+export { uiBlogConfig } from "./ui-blog.js";
+export { uiProfileConfig } from "./ui-profile.js";
+export { uiMusicConfig } from "./ui-music.js";
+export { uiWeatherConfig } from "./ui-weather.js";
+export { uiQuizConfig } from "./ui-quiz.js";
+export { uiLandingConfig } from "./ui-landing.js";
+export { uiCalendarConfig } from "./ui-calendar.js";
+export { uiTestimonialsConfig } from "./ui-testimonials.js";
 export type { LlmConfig } from "./types.js";
 export { cueMatches, cueMatchedSkills, type CueCatalogEntry } from "./cues.js";
 export declare const allConfigs: readonly [LlmConfig, LlmConfig, LlmConfig, LlmConfig, LlmConfig, LlmConfig, LlmConfig, LlmConfig, LlmConfig, LlmConfig, LlmConfig, LlmConfig, LlmConfig, LlmConfig, LlmConfig, LlmConfig, LlmConfig, LlmConfig, LlmConfig, LlmConfig, LlmConfig, LlmConfig, LlmConfig, LlmConfig, LlmConfig, LlmConfig, LlmConfig, LlmConfig, LlmConfig, LlmConfig, LlmConfig, LlmConfig, LlmConfig, LlmConfig, LlmConfig, LlmConfig, LlmConfig, LlmConfig, LlmConfig, LlmConfig, LlmConfig, LlmConfig, LlmConfig, LlmConfig, LlmConfig, LlmConfig, LlmConfig, LlmConfig, LlmConfig, LlmConfig, LlmConfig, LlmConfig, LlmConfig, LlmConfig, LlmConfig, LlmConfig, LlmConfig, LlmConfig, LlmConfig, LlmConfig, LlmConfig];

package/llms/index.js

@@ -31,34 +31,34 @@ import { motionConfig } from "./motion.js";
 import { richtextConfig } from "./richtext.js";
 import { matchStyleConfig } from "./match-style.js";
 import { reskinConfig } from "./reskin.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";
+import { uiTodoConfig } from "./ui-todo.js";
+import { uiFeedConfig } from "./ui-feed.js";
+import { uiChatConfig } from "./ui-chat.js";
+import { uiKanbanConfig } from "./ui-kanban.js";
+import { uiInboxConfig } from "./ui-inbox.js";
+import { uiSupportConfig } from "./ui-support.js";
+import { uiCrmConfig } from "./ui-crm.js";
+import { uiInventoryConfig } from "./ui-inventory.js";
+import { uiEditorialConfig } from "./ui-editorial.js";
+import { uiEventConfig } from "./ui-event.js";
+import { uiCourseConfig } from "./ui-course.js";
+import { uiLoginConfig } from "./ui-login.js";
+import { uiSettingsConfig } from "./ui-settings.js";
+import { uiOnboardingConfig } from "./ui-onboarding.js";
+import { uiContactConfig } from "./ui-contact.js";
+import { uiStorefrontConfig } from "./ui-storefront.js";
+import { uiBookingConfig } from "./ui-booking.js";
+import { uiDashboardConfig } from "./ui-dashboard.js";
+import { uiGameConfig } from "./ui-game.js";
+import { uiPricingConfig } from "./ui-pricing.js";
+import { uiBlogConfig } from "./ui-blog.js";
+import { uiProfileConfig } from "./ui-profile.js";
+import { uiMusicConfig } from "./ui-music.js";
+import { uiWeatherConfig } from "./ui-weather.js";
+import { uiQuizConfig } from "./ui-quiz.js";
+import { uiLandingConfig } from "./ui-landing.js";
+import { uiCalendarConfig } from "./ui-calendar.js";
+import { uiTestimonialsConfig } from "./ui-testimonials.js";
 export { backendConfig } from "./backend.js";
 export { calendarConfig } from "./calendar.js";
 export { boardGamesConfig } from "./board-games.js";
@@ -91,34 +91,34 @@ export { motionConfig } from "./motion.js";
 export { richtextConfig } from "./richtext.js";
 export { matchStyleConfig } from "./match-style.js";
 export { reskinConfig } from "./reskin.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 { uiTodoConfig } from "./ui-todo.js";
+export { uiFeedConfig } from "./ui-feed.js";
+export { uiChatConfig } from "./ui-chat.js";
+export { uiKanbanConfig } from "./ui-kanban.js";
+export { uiInboxConfig } from "./ui-inbox.js";
+export { uiSupportConfig } from "./ui-support.js";
+export { uiCrmConfig } from "./ui-crm.js";
+export { uiInventoryConfig } from "./ui-inventory.js";
+export { uiEditorialConfig } from "./ui-editorial.js";
+export { uiEventConfig } from "./ui-event.js";
+export { uiCourseConfig } from "./ui-course.js";
+export { uiLoginConfig } from "./ui-login.js";
+export { uiSettingsConfig } from "./ui-settings.js";
+export { uiOnboardingConfig } from "./ui-onboarding.js";
+export { uiContactConfig } from "./ui-contact.js";
+export { uiStorefrontConfig } from "./ui-storefront.js";
+export { uiBookingConfig } from "./ui-booking.js";
+export { uiDashboardConfig } from "./ui-dashboard.js";
+export { uiGameConfig } from "./ui-game.js";
+export { uiPricingConfig } from "./ui-pricing.js";
+export { uiBlogConfig } from "./ui-blog.js";
+export { uiProfileConfig } from "./ui-profile.js";
+export { uiMusicConfig } from "./ui-music.js";
+export { uiWeatherConfig } from "./ui-weather.js";
+export { uiQuizConfig } from "./ui-quiz.js";
+export { uiLandingConfig } from "./ui-landing.js";
+export { uiCalendarConfig } from "./ui-calendar.js";
+export { uiTestimonialsConfig } from "./ui-testimonials.js";
 export { cueMatches, cueMatchedSkills } from "./cues.js";
 export const allConfigs = [
     callaiConfig,
@@ -154,34 +154,34 @@ export const allConfigs = [
     richtextConfig,
     reskinConfig,
     matchStyleConfig,
-    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,
+    uiTodoConfig,
+    uiFeedConfig,
+    uiChatConfig,
+    uiKanbanConfig,
+    uiInboxConfig,
+    uiSupportConfig,
+    uiCrmConfig,
+    uiInventoryConfig,
+    uiEditorialConfig,
+    uiEventConfig,
+    uiCourseConfig,
+    uiLoginConfig,
+    uiSettingsConfig,
+    uiOnboardingConfig,
+    uiContactConfig,
+    uiStorefrontConfig,
+    uiBookingConfig,
+    uiDashboardConfig,
+    uiGameConfig,
+    uiPricingConfig,
+    uiBlogConfig,
+    uiProfileConfig,
+    uiMusicConfig,
+    uiWeatherConfig,
+    uiQuizConfig,
+    uiLandingConfig,
+    uiCalendarConfig,
+    uiTestimonialsConfig,
 ];
 export { mapsConfig } from "./maps.js";
 export const SKILL_ALIASES = new Map(allConfigs.flatMap((c) => (c.aliases ?? []).map((alias) => [alias, c.name])));