@vibes.diy/prompts 2.0.1 → 2.0.6

package/README.md

@@ -19,6 +19,12 @@ Create beautiful, interactive mini apps with zero setup. Your creations are auto
    - Install with `pnpm i`
    - Run `pnpm dev`
 
+## Community
+
+We are committed to providing a welcoming and inclusive environment for all contributors. Please review our [Code of Conduct](CODE_OF_CONDUCT.md) before participating.
+
+Interested in contributing? Check out our [Contributing Guide](CONTRIBUTING.md) to get started.
+
 ## Your Work is Always Safe
 
 Every app you create is automatically saved, so you can:

package/cli-footer.md

@@ -0,0 +1,15 @@
+## CLI Quickstart
+
+### Deploy workflow
+
+1. Run `npx vibes-diy system` to get the coding rules
+2. Write `App.jsx` following the rules above
+3. Run `npx vibes-diy push` to deploy — prints a live HTTPS URL
+4. Edit and push again to iterate
+
+### Other Commands
+
+- `npx vibes-diy push --instant-join` — deploy and auto-accept sharing so anyone with the link can use it
+- `npx vibes-diy push --app-slug other-name` — deploy to a different app slug instead of the directory name
+- `npx vibes-diy login` — authenticate this device (run once before first push)
+- `npx vibes-diy help` — show all available commands

package/json-docs.d.ts

@@ -8,7 +8,7 @@ export interface JsonDocs {
     "callai.json": JsonDoc;
     "d3.json": JsonDoc;
     "fireproof.json": JsonDoc;
-    "image-gen.json": JsonDoc;
+    "img-vibes.json": JsonDoc;
     "three-js.json": JsonDoc;
     "web-audio.json": JsonDoc;
     [key: string]: JsonDoc;

package/llms/fireproof.md

@@ -274,46 +274,6 @@ database.subscribe((changes) => {
 }, true);
 ```
 
-### Working with Files
-
-Attach files to a document by adding them to the \_files property. For example:
-
-```html
-<input accept="image/*" title="save to Fireproof" type="file" id="files" multiple />
-```
-
-```js
-function handleFiles() {
-  const fileList = this.files;
-  const doc = {
-    type: "files",
-    _files: {},
-  };
-  for (const file of fileList) {
-    // Assign each File object to the document
-    doc._files[file.name] = file;
-  }
-  database.put(doc);
-}
-
-document.getElementById("files").addEventListener("change", handleFiles, false);
-```
-
-When loading a document with attachments, you can retrieve each attachment's actual File object by calling its .file() method. This returns a Promise that resolves with the File data, which you can display in your app:
-
-```js
-const doc = await database.get("my-doc-id");
-for (const fileName in doc._files) {
-  const meta = doc._files[fileName];
-  if (meta.file) {
-    const fileObj = await meta.file();
-    console.log("Loaded file:", fileObj.name);
-  }
-}
-```
-
-See the final example application in this file for a working example.
-
 ### Form Validation
 
 You can use React's `useState` to manage validation states and error messages. Validate inputs at the UI level before allowing submission.
@@ -425,74 +385,4 @@ export default function App() {
 }
 ```
 
-### Example Image Uploader
-
-This React example shows a simple image uploader application that uses Fireproof to store and sort images by creation date. These APIs easily work with plain JavaScript also.
-
-Code listing for App.jsx:
-
-```js
-import { useFireproof, ImgFile } from "use-fireproof";
-import { useState } from "react";
-
-export default function App() {
-  // 1. Hooks and document shapes
-  const { useDocument, useLiveQuery } = useFireproof("image-uploads");
-  const { doc, merge, submit } = useDocument({ _files: {}, description: "" });
-  const { docs } = useLiveQuery("_id", { descending: true, limit: 5 });
-  const [error, setError] = useState(false);
-
-  // 2. Event handlers
-  const handleFileChange = (e) => {
-    if (e.target.files[0]) merge({ _files: { uploaded: e.target.files[0] } });
-  };
-
-  const handleUpload = () => {
-    if (doc.description.trim()) {
-      submit();
-    } else {
-      setError(true);
-    }
-  };
-
-  // 3. ClassNames
-  const c = {
-    bg: "bg-white",
-    card: "bg-gray-50",
-    accent: "bg-blue-500 hover:bg-blue-600",
-    text: "text-gray-700",
-  };
-
-  // 4. JSX return
-  return (
-    <div className={`p-6 max-w-lg mx-auto ${c.bg} shadow-lg rounded-lg`}>
-      <h2 className="text-2xl font-bold mb-4">Image Uploader</h2>
-      <input type="file" accept="image/*" onChange={handleFileChange} className="mb-2 border p-2 w-full rounded" />
-      <input
-        type="text"
-        placeholder="Enter description"
-        value={doc.description}
-        onChange={(e) => {
-          setError(false);
-          merge({ description: e.target.value });
-        }}
-        className={`w-full p-2 border rounded mb-4 ${error ? "border-red-500" : "border-gray-300"}`}
-      />
-      <button onClick={handleUpload} className={`px-4 py-2 ${c.accent} text-white rounded`}>
-        Upload
-      </button>
-      <h3 className="text-lg font-semibold mt-6">Recent Uploads</h3>
-      <div className="grid grid-cols-2 gap-4 mt-2">
-        {docs.map((doc) => (
-          <div key={doc._id} className={`border p-2 rounded shadow-sm ${c.card}`}>
-            {doc._files?.uploaded && <ImgFile file={doc._files.uploaded} alt="Uploaded Image" className="w-full h-auto rounded" />}
-            <p className={`text-sm ${c.text} mt-2`}>{doc.description || "No description"}</p>
-          </div>
-        ))}
-      </div>
-    </div>
-  );
-}
-```
-
 IMPORTANT: Don't use `useState()` on form data, instead use `merge()` and `submit()` from `useDocument`. Only use `useState` for ephemeral UI state (active tabs, open/closed panels, cursor positions). Keep your data model in Fireproof.

package/llms/img-vibes.d.ts

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

package/llms/img-vibes.js

@@ -0,0 +1,9 @@
+export const imgVibesConfig = {
+    name: "img-vibes",
+    label: "Image Generation",
+    module: "OpenAi",
+    description: "Generate and edit images",
+    importModule: "img-vibes",
+    importName: "ImgVibes",
+};
+//# sourceMappingURL=img-vibes.js.map

package/llms/img-vibes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"img-vibes.js","sourceRoot":"","sources":["../../jsr/llms/img-vibes.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,cAAc,GAAc;IACvC,IAAI,EAAE,WAAW;IACjB,KAAK,EAAE,kBAAkB;IACzB,MAAM,EAAE,QAAQ;IAChB,WAAW,EAAE,0BAA0B;IACvC,YAAY,EAAE,WAAW;IACzB,UAAU,EAAE,UAAU;CACvB,CAAC"}

package/llms/img-vibes.md

@@ -0,0 +1,152 @@
+# ImgVibes Component
+
+## Basic Usage
+
+The ImgVibes component can be used in several ways:
+
+1. **With a prompt prop** - Immediately generates an image (cached across reloads):
+
+```jsx
+import { ImgVibes } from "img-vibes";
+
+function MyComponent() {
+  return <ImgVibes prompt="A sunset over mountains" />;
+}
+```
+
+2. **With an input image** - Edits or transforms an uploaded image:
+
+```jsx
+import { ImgVibes } from "img-vibes";
+
+function MyComponent() {
+  const [file, setFile] = useState(null);
+  return (
+    <div>
+      <input type="file" accept="image/*" onChange={(e) => setFile(e.target.files[0])} />
+      {file && <ImgVibes prompt="Make it look like a watercolor painting" images={[file]} />}
+    </div>
+  );
+}
+```
+
+The input image is automatically resized (max 1024px) and compressed as JPEG before sending.
+
+3. **With an \_id prop** - Loads a specific image from the database:
+
+```jsx
+import { ImgVibes } from "img-vibes";
+
+function MyComponent() {
+  return <ImgVibes _id="my-image-id" database={database} />;
+}
+```
+
+If the document has a `prompt` field but no generated image yet, it will generate one automatically.
+
+## Gallery Pattern
+
+Images and prompts are tracked in a Fireproof database with a `type` of `image`. If a database is not provided, it uses `"ImgVibes"` as the default.
+
+Display stored images by their ID using `useLiveQuery`:
+
+```jsx
+import { useFireproof } from "use-fireproof";
+import { ImgVibes } from "img-vibes";
+
+function MyComponent() {
+  const { database, useLiveQuery } = useFireproof("my-db-name");
+  const { docs: imageDocuments } = useLiveQuery("type", {
+    key: "image",
+    descending: true,
+  });
+
+  return (
+    <div>
+      <ImgVibes database={database} prompt="A colorful landscape" />
+      {imageDocuments.length > 0 && (
+        <div className="history">
+          <h3>Previously Generated Images</h3>
+          <ul className="image-list">
+            {imageDocuments.map((doc) => (
+              <li key={doc._id} className="image-item">
+                <ImgVibes _id={doc._id} database={database} />
+              </li>
+            ))}
+          </ul>
+        </div>
+      )}
+    </div>
+  );
+}
+```
+
+## Passing User Images Through App State
+
+When your app captures or collects images earlier in the flow (camera, file picker, canvas), store the `File` object in React state and pass it to `ImgVibes` later. This is the most common pattern for img2img — don't discard the user's image before reaching ImgVibes:
+
+```jsx
+import { useState } from "react";
+import { ImgVibes } from "img-vibes";
+
+function App() {
+  const [photo, setPhoto] = useState(null);
+  const [prompt, setPrompt] = useState("");
+  const [submitted, setSubmitted] = useState(false);
+
+  return (
+    <div>
+      {!submitted ? (
+        <>
+          <input type="file" accept="image/*" onChange={(e) => setPhoto(e.target.files[0])} />
+          <input value={prompt} onChange={(e) => setPrompt(e.target.value)} placeholder="Transform into..." />
+          <button onClick={() => setSubmitted(true)} disabled={!photo || !prompt}>
+            Go
+          </button>
+        </>
+      ) : (
+        <ImgVibes prompt={prompt} images={[photo]} />
+      )}
+    </div>
+  );
+}
+```
+
+**Key rule**: Any time the user provides an image (camera capture, file upload, canvas export) and the app later generates an image based on it, the `File` must be kept in state and passed via the `images` prop. Never generate without the user's image when one was provided — that's the whole point of img2img.
+
+## Caching and Versions
+
+- Same prompt generates a deterministic `_id` (hash-based), so results are cached across reloads
+- Each image has a **regenerate** button that creates a new version
+- Use **prev/next** controls to navigate between versions
+- Set `showControls={false}` to hide the regen and version navigation buttons
+
+## Styling
+
+ImgVibes supports custom styling through CSS variables or custom class names:
+
+```jsx
+// With CSS variables in your styles
+:root {
+  --imggen-text-color: #222;
+  --imggen-accent: #0088ff;
+  --imggen-border-radius: 8px;
+}
+
+// With custom class names
+<ImgVibes
+  prompt="A landscape"
+  className="my-custom-image"
+/>
+```
+
+#### Props
+
+- `prompt`: Text prompt for image generation (required unless `_id` is provided)
+- `images`: Array of `File` objects for img2img editing/transformation (uses first image, optional)
+- `_id`: Document ID to load a specific image instead of generating a new one
+- `database`: Database name or instance to use for storing images (default: `'ImgVibes'`)
+- `className`: CSS class name for the image element (optional)
+- `alt`: Alt text for the image element (optional)
+- `style`: Inline styles for the image element (optional)
+- `showControls`: Toggle regenerate and version navigation buttons (default: `true`)

package/llms/index.d.ts

@@ -1,6 +1,6 @@
 export { callaiConfig } from "./callai.js";
 export { fireproofConfig } from "./fireproof.js";
-export { imageGenConfig } from "./image-gen.js";
+export { imgVibesConfig } from "./img-vibes.js";
 export { webAudioConfig } from "./web-audio.js";
 export { d3Config } from "./d3.js";
 export { threeJsConfig } from "./three-js.js";

package/llms/index.js

@@ -1,14 +1,14 @@
 import { callaiConfig } from "./callai.js";
 import { fireproofConfig } from "./fireproof.js";
-import { imageGenConfig } from "./image-gen.js";
+import { imgVibesConfig } from "./img-vibes.js";
 import { webAudioConfig } from "./web-audio.js";
 import { d3Config } from "./d3.js";
 import { threeJsConfig } from "./three-js.js";
 export { callaiConfig } from "./callai.js";
 export { fireproofConfig } from "./fireproof.js";
-export { imageGenConfig } from "./image-gen.js";
+export { imgVibesConfig } from "./img-vibes.js";
 export { webAudioConfig } from "./web-audio.js";
 export { d3Config } from "./d3.js";
 export { threeJsConfig } from "./three-js.js";
-export const allConfigs = [callaiConfig, imageGenConfig, webAudioConfig, d3Config, threeJsConfig, fireproofConfig];
+export const allConfigs = [callaiConfig, imgVibesConfig, webAudioConfig, d3Config, threeJsConfig, fireproofConfig];
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vibes.diy/prompts",
-  "version": "2.0.1",
+  "version": "2.0.6",
   "type": "module",
   "main": "./index.js",
   "description": "",
@@ -24,14 +24,14 @@
   "license": "Apache-2.0",
   "dependencies": {
     "@adviser/cement": "~0.5.34",
-    "@fireproof/core": "~0.24.16",
-    "@fireproof/core-keybag": "~0.24.16",
-    "@fireproof/core-runtime": "~0.24.16",
-    "@fireproof/core-types-base": "~0.24.16",
-    "@fireproof/core-types-protocols-cloud": "~0.24.16",
-    "@fireproof/use-fireproof": "~0.24.16",
-    "@vibes.diy/call-ai-v2": "^2.0.1",
-    "@vibes.diy/use-vibes-types": "^2.0.1",
+    "@fireproof/core": "~0.24.19",
+    "@fireproof/core-keybag": "~0.24.19",
+    "@fireproof/core-runtime": "~0.24.19",
+    "@fireproof/core-types-base": "~0.24.19",
+    "@fireproof/core-types-protocols-cloud": "~0.24.19",
+    "@fireproof/use-fireproof": "~0.24.19",
+    "@vibes.diy/call-ai-v2": "^2.0.6",
+    "@vibes.diy/use-vibes-types": "^2.0.6",
     "arktype": "~2.2.0",
     "json-schema-faker": "~0.6.1"
   },

package/prompts.d.ts

@@ -1,7 +1,5 @@
 import type { UserSettings } from "./settings.js";
-import { Result } from "@adviser/cement";
 import { LlmCatalogEntry } from "./json-docs.js";
-import { ChatMessage } from "@vibes.diy/call-ai-v2";
 export declare const DEFAULT_CODING_MODEL: "anthropic/claude-opus-4.5";
 export declare function normalizeModelId(id: unknown): string | undefined;
 export declare function isPermittedModelId(id: unknown): id is string;
@@ -10,21 +8,53 @@ export declare function resolveEffectiveModel(settingsDoc?: {
 }, vibeDoc?: {
     selectedModel?: string;
 }): Promise<string>;
-export declare function getDefaultDependencies(): Promise<string[]>;
+export declare function getDefaultSkills(): Promise<string[]>;
+export declare function makePreAllocUserMessage(userPrompt: string): Promise<string>;
+export declare const preAllocSchema: {
+    readonly name: "pre_alloc";
+    readonly properties: {
+        readonly skills: {
+            readonly type: "array";
+            readonly description: "Selected skill names from the catalog above, appropriate for the app described by the user prompt. Only use names present in the catalog.";
+            readonly items: {
+                readonly type: "string";
+            };
+        };
+        readonly pairs: {
+            readonly type: "array";
+            readonly description: "Exactly 3 title/slug pairs ranked by fit. Title in Title Case, 1-4 words. Slug in kebab-case derived from title.";
+            readonly items: {
+                readonly type: "object";
+                readonly properties: {
+                    readonly title: {
+                        readonly type: "string";
+                    };
+                    readonly slug: {
+                        readonly type: "string";
+                    };
+                };
+            };
+        };
+    };
+};
+export declare const preAllocParsed: import("arktype/internal/variants/object.ts").ObjectType<{
+    skills: string[];
+    pairs: {
+        title: string;
+        slug: string;
+    }[];
+}, {}>;
+export type PreAllocParsed = typeof preAllocParsed.infer;
 export interface SystemPromptResult {
     systemPrompt: string;
-    dependencies: string[];
+    skills: string[];
     demoData: boolean;
     model: string;
 }
-interface LlmSelectionOptions {
-    readonly appMode?: "test" | "production";
+export declare function generateImportStatements(llms: LlmCatalogEntry[]): string;
+export interface MakeBaseSystemPromptOptions {
     fetch?: typeof fetch;
-    readonly callAi: {
-        ModuleAndOptionsSelection(msgs: ChatMessage[]): Promise<Result<string>>;
-    };
 }
-export declare function generateImportStatements(llms: LlmCatalogEntry[]): string;
-export declare function makeBaseSystemPrompt(model: string, sessionDoc: Partial<UserSettings> & LlmSelectionOptions): Promise<SystemPromptResult>;
+export declare function makeBaseSystemPrompt(model: string, sessionDoc: Partial<UserSettings> & MakeBaseSystemPromptOptions): Promise<SystemPromptResult>;
+export declare function getCliFooter(): Promise<string>;
 export declare function getSkillText(name: string): Promise<string>;
-export {};

package/prompts.js

@@ -1,8 +1,8 @@
-import { exception2Result, loadAsset, KeyedResolvOnce } from "@adviser/cement";
+import { loadAsset, KeyedResolvOnce } from "@adviser/cement";
 import { getLlmCatalog, getLlmCatalogNames } from "./json-docs.js";
+import { type } from "arktype";
 import { defaultStylePrompt } from "./style-prompts.js";
 export const DEFAULT_CODING_MODEL = "anthropic/claude-opus-4.5";
-const RAG_DECISION_MODEL = "openai/gpt-4o";
 async function defaultCodingModel() {
     return DEFAULT_CODING_MODEL;
 }
@@ -27,70 +27,47 @@ export async function resolveEffectiveModel(settingsDoc, vibeDoc) {
         return globalChoice;
     return defaultCodingModel();
 }
-export async function getDefaultDependencies() {
-    return ["fireproof", "callai", "web-audio"];
+export async function getDefaultSkills() {
+    return ["fireproof", "callai", "img-vibes", "web-audio"];
 }
-async function detectModulesInHistory(history, _opts) {
-    const detected = new Set();
-    if (!Array.isArray(history))
-        return detected;
-    for (const msg of history) {
-        const content = msg?.content || "";
-        if (!content || typeof content !== "string")
-            continue;
-    }
-    return detected;
+export async function makePreAllocUserMessage(userPrompt) {
+    const catalog = await getLlmCatalog();
+    const catalogText = catalog.map((l) => `- ${l.name}: ${l.description}`).join("\n");
+    return [
+        "Pick skills from this catalog that fit the user's app request, and propose 3 title/slug pairs for naming.",
+        "",
+        "Skill catalog:",
+        catalogText,
+        "",
+        "User request:",
+        userPrompt,
+    ].join("\n");
 }
-async function selectLlmsAndOptions(model, userPrompt, history, iopts) {
-    const opts = {
-        ...iopts,
-        mode: iopts.appMode === "test" ? "test" : "production",
-    };
-    const llmsCatalog = await getLlmCatalog();
-    const catalog = llmsCatalog.map((l) => ({
-        name: l.name,
-        description: l.description || "",
-    }));
-    const payload = {
-        catalog,
-        userPrompt: userPrompt || "",
-        history: history || [],
-    };
-    const messages = [
-        {
-            role: "system",
-            content: [
-                {
-                    type: "text",
-                    text: `You select which library modules from a catalog should 
-         be included AND whether to include a demo-data button. 
-         First analyze if the user prompt describes specific 
-         look & feel requirements. For demo data: include it 
-         only when asked for. Read the JSON payload and return 
-         JSON with properties: 
-         "selected" (array of catalog "name" strings) and "demoData" (boolean). 
-         Only choose modules from the catalog. Include any 
-         libraries already used in history. Respond with JSON only.`,
+export const preAllocSchema = {
+    name: "pre_alloc",
+    properties: {
+        skills: {
+            type: "array",
+            description: "Selected skill names from the catalog above, appropriate for the app described by the user prompt. Only use names present in the catalog.",
+            items: { type: "string" },
+        },
+        pairs: {
+            type: "array",
+            description: "Exactly 3 title/slug pairs ranked by fit. Title in Title Case, 1-4 words. Slug in kebab-case derived from title.",
+            items: {
+                type: "object",
+                properties: {
+                    title: { type: "string" },
+                    slug: { type: "string" },
                 },
-            ],
+            },
         },
-        { role: "user", content: [{ type: "text", text: JSON.stringify(payload) }] },
-    ];
-    const rRaw = await opts.callAi.ModuleAndOptionsSelection(messages);
-    if (rRaw.isErr()) {
-        console.warn("Module/options selection call failed:", rRaw.Err());
-        return { selected: [], demoData: true };
-    }
-    const rParsed = exception2Result(() => JSON.parse(rRaw.Ok()) ?? {});
-    if (rParsed.isErr()) {
-        console.warn("Module/options selection: Failed to parse JSON response:", rRaw.Ok());
-        return { selected: [], demoData: true };
-    }
-    const parsed = rParsed.Ok();
-    const selected = Array.isArray(parsed?.selected) ? parsed.selected.filter((v) => typeof v === "string") : [];
-    const demoData = typeof parsed?.demoData === "boolean" ? parsed.demoData : true;
-    return { selected, demoData };
-}
+    },
+};
+export const preAllocParsed = type({
+    skills: type("string").array(),
+    pairs: type({ title: "string", slug: "string" }).array(),
+});
 export function generateImportStatements(llms) {
     const seen = new Set();
     return llms
@@ -121,30 +98,18 @@ export function generateImportStatements(llms) {
 const keyedLoadAsset = new KeyedResolvOnce();
 export async function makeBaseSystemPrompt(model, sessionDoc) {
     const userPrompt = sessionDoc?.userPrompt || "";
-    const history = Array.isArray(sessionDoc?.history) ? sessionDoc.history : [];
-    const useOverride = !!sessionDoc?.dependenciesUserOverride;
-    let selectedNames = [];
-    let includeDemoData = true;
     const llmsCatalog = await getLlmCatalog();
     const llmsCatalogNames = await getLlmCatalogNames();
-    if (useOverride) {
-        selectedNames = (sessionDoc.dependencies ?? [])
-            .filter((v) => typeof v === "string")
-            .filter((name) => llmsCatalogNames.has(name));
-    }
-    else {
-        const decisions = await selectLlmsAndOptions(RAG_DECISION_MODEL, userPrompt, history, sessionDoc);
-        includeDemoData = decisions.demoData;
-        const detected = await detectModulesInHistory(history, sessionDoc);
-        const finalNames = new Set([...decisions.selected, ...detected]);
-        selectedNames = Array.from(finalNames);
-        if (selectedNames.length === 0)
-            selectedNames = [...(await getDefaultDependencies())];
-    }
-    if (typeof sessionDoc?.demoDataOverride === "boolean") {
-        includeDemoData = sessionDoc.demoDataOverride;
+    const rawSkills = Array.isArray(sessionDoc?.skills) ? sessionDoc.skills : undefined;
+    let selectedNames = rawSkills
+        ? rawSkills.filter((v) => typeof v === "string").filter((name) => llmsCatalogNames.has(name))
+        : [];
+    if (selectedNames.length === 0) {
+        selectedNames = [...(await getDefaultSkills())];
     }
+    const includeDemoData = sessionDoc?.demoData === true;
     const chosenLlms = llmsCatalog.filter((l) => selectedNames.includes(l.name));
+    console.log("[makeBaseSystemPrompt] chosen modules:", chosenLlms.map((l) => l.name));
     const concatenatedLlmsTxts = [];
     for (const llm of chosenLlms) {
         const rText = await keyedLoadAsset.get(llm.name).once(async () => {
@@ -188,21 +153,29 @@ export async function makeBaseSystemPrompt(model, sessionDoc) {
         "- Use `callAI` to fetch AI, use schema like this: `JSON.parse(await callAI(prompt, { schema: { properties: { todos: { type: 'array', items: { type: 'string' } } } } }))` and save final responses as individual Fireproof documents.",
         "- For file uploads use drag and drop and store using the `doc._files` API",
         "- Don't try to generate png or base64 data, use placeholder image APIs instead, like https://picsum.photos/400 where 400 is the square size",
+        "- Never use emojis in the UI. Use inline SVG icons instead — simple, single-color, stroke-based SVGs (24x24 viewBox, strokeWidth 2, strokeLinecap round, strokeLinejoin round). Build icons directly in JSX, do not import icon libraries.",
         "- Consider and potentially reuse/extend code from previous responses if relevant",
         "- Always output the full component code, keep the explanation short and concise",
         "- Never also output a small snippet to change, just the full component code",
         "- Keep your component file as short as possible for fast updates",
-        "- Keep the database name stable as you edit the code",
+        "- IMPORTANT: Never change the database name from what it was in the previous code. Changing the database name loses all existing user data. If the previous code used a specific database name, you MUST use that exact same name.",
         "- The system can send you crash reports, fix them by simplifying the affected code",
         "- List data items on the main page of your app so users don't have to hunt for them",
         "- If you save data, make sure it is browsable in the app, eg lists should be clickable for more details",
         demoDataLines,
     ];
+    const titleLines = sessionDoc?.title
+        ? [
+            `The app is called "${sessionDoc.title}". Use this exact name in the app's heading and anywhere the app refers to itself.`,
+            "",
+        ]
+        : [];
     const systemPrompt = [
         systemPromptLines.join("\n"),
         "",
         concatenatedLlmsTxt,
         "",
+        ...titleLines,
         ...(userPrompt ? [userPrompt, ""] : []),
         "IMPORTANT: You are working in one JavaScript file. Define a classNames object just before the JSX return for colors and repeated styles, then reference it in your JSX.",
         "",
@@ -221,11 +194,23 @@ export async function makeBaseSystemPrompt(model, sessionDoc) {
     ].join("\n");
     return {
         systemPrompt,
-        dependencies: selectedNames,
+        skills: selectedNames,
         demoData: includeDemoData,
         model,
     };
 }
+export async function getCliFooter() {
+    const rText = await keyedLoadAsset.get("cli-footer").once(async () => {
+        return loadAsset("./cli-footer.md", {
+            fallBackUrl: "https://esm.sh/@vibes.diy/prompts/",
+            basePath: () => import.meta.url,
+        });
+    });
+    if (rText.isErr()) {
+        return Promise.reject(rText.Err());
+    }
+    return rText.Ok();
+}
 export async function getSkillText(name) {
     const rText = await keyedLoadAsset.get(name).once(async () => {
         return loadAsset(`./llms/${name}.md`, {

package/prompts.js.map

@@ -1 +1 @@
-{"version":3,"file":"prompts.js","sourceRoot":"","sources":["../jsr/prompts.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAU,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvF,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAmB,MAAM,gBAAgB,CAAC;AAGpF,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAIxD,MAAM,CAAC,MAAM,oBAAoB,GAAG,2BAAoC,CAAC;AAGzE,MAAM,kBAAkB,GAAG,eAAwB,CAAC;AAEpD,KAAK,UAAU,kBAAkB;IAC/B,OAAO,oBAAoB,CAAC;AAC9B,CAAC;AAED,SAAS,wBAAwB,CAAC,EAAW;IAC3C,IAAI,OAAO,EAAE,KAAK,QAAQ;QAAE,OAAO,SAAS,CAAC;IAC7C,MAAM,OAAO,GAAG,EAAE,CAAC,IAAI,EAAE,CAAC;IAC1B,OAAO,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;AAClD,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,EAAW;IAC1C,OAAO,wBAAwB,CAAC,EAAE,CAAC,CAAC;AACtC,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,EAAW;IAC5C,OAAO,OAAO,wBAAwB,CAAC,EAAE,CAAC,KAAK,QAAQ,CAAC;AAC1D,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,qBAAqB,CACzC,WAAgC,EAChC,OAAoC;IAEpC,MAAM,aAAa,GAAG,wBAAwB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;IACvE,IAAI,aAAa;QAAE,OAAO,aAAa,CAAC;IACxC,MAAM,YAAY,GAAG,wBAAwB,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;IAClE,IAAI,YAAY;QAAE,OAAO,YAAY,CAAC;IACtC,OAAO,kBAAkB,EAAE,CAAC;AAC9B,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,sBAAsB;IAC1C,OAAO,CAAC,WAAW,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC;AAC9C,CAAC;AAqCD,KAAK,UAAU,sBAAsB,CAAC,OAAyB,EAAE,KAA0B;IACzF,MAAM,QAAQ,GAAG,IAAI,GAAG,EAAU,CAAC;IACnC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC;QAAE,OAAO,QAAQ,CAAC;IAC7C,KAAK,MAAM,GAAG,IAAI,OAAO,EAAE,CAAC;QAC1B,MAAM,OAAO,GAAG,GAAG,EAAE,OAAO,IAAI,EAAE,CAAC;QACnC,IAAI,CAAC,OAAO,IAAI,OAAO,OAAO,KAAK,QAAQ;YAAE,SAAS;IAMxD,CAAC;IACD,OAAO,QAAQ,CAAC;AAClB,CAAC;AA8BD,KAAK,UAAU,oBAAoB,CACjC,KAAa,EACb,UAAkB,EAClB,OAAyB,EACzB,KAA0B;IAE1B,MAAM,IAAI,GAAG;QACX,GAAG,KAAK;QACR,IAAI,EAAE,KAAK,CAAC,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,YAAY;KACvD,CAAC;IAQF,MAAM,WAAW,GAAG,MAAM,aAAa,EAAE,CAAC;IAC1C,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QACtC,IAAI,EAAE,CAAC,CAAC,IAAI;QACZ,WAAW,EAAE,CAAC,CAAC,WAAW,IAAI,EAAE;KACjC,CAAC,CAAC,CAAC;IACJ,MAAM,OAAO,GAAG;QACd,OAAO;QACP,UAAU,EAAE,UAAU,IAAI,EAAE;QAC5B,OAAO,EAAE,OAAO,IAAI,EAAE;KACvB,CAAC;IAEF,MAAM,QAAQ,GAAkB;QAC9B;YACE,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE;gBACP;oBACE,IAAI,EAAE,MAAM;oBACZ,IAAI,EAAE;;;;;;;;oEAQoD;iBAC3D;aACF;SACF;QACD,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE;KAC7E,CAAC;IAqBF,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,MAAM,CAAC,yBAAyB,CAAC,QAAQ,CAAC,CAAC;IACnE,IAAI,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC;QACjB,OAAO,CAAC,IAAI,CAAC,uCAAuC,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;QAClE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;IAC1C,CAAC;IA2BD,MAAM,OAAO,GAAG,gBAAgB,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC;IACpE,IAAI,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC;QACpB,OAAO,CAAC,IAAI,CAAC,0DAA0D,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;QACpF,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;IAC1C,CAAC;IACD,MAAM,MAAM,GAAG,OAAO,CAAC,EAAE,EAAE,CAAC;IAC5B,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAU,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACtH,MAAM,QAAQ,GAAG,OAAO,MAAM,EAAE,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC;IAEhF,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;AAKhC,CAAC;AAED,MAAM,UAAU,wBAAwB,CAAC,IAAuB;IAC9D,MAAM,IAAI,GAAG,IAAI,GAAG,EAAU,CAAC;IAC/B,OAAO,IAAI;SACR,KAAK,EAAE;SACP,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;SAC5D,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,IAAI,CAAC,CAAC,UAAU,CAAC;SAC7C,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE;QACZ,MAAM,GAAG,GAAG,GAAG,CAAC,CAAC,YAAY,IAAI,CAAC,CAAC,UAAU,EAAE,CAAC;QAChD,IAAI,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC;YAAE,OAAO,KAAK,CAAC;QAChC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QACd,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;SACD,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;QACT,MAAM,UAAU,GAAG,CAAC,CAAC,UAAU,IAAI,OAAO,CAAC;QAC3C,QAAQ,UAAU,EAAE,CAAC;YACnB,KAAK,WAAW;gBACd,OAAO,iBAAiB,CAAC,CAAC,UAAU,UAAU,CAAC,CAAC,YAAY,GAAG,CAAC;YAClE,KAAK,SAAS;gBACZ,OAAO,YAAY,CAAC,CAAC,UAAU,UAAU,CAAC,CAAC,YAAY,GAAG,CAAC;YAC7D,KAAK,OAAO,CAAC;YACb;gBACE,OAAO,cAAc,CAAC,CAAC,UAAU,YAAY,CAAC,CAAC,YAAY,GAAG,CAAC;QACnE,CAAC;IACH,CAAC,CAAC;SACD,IAAI,CAAC,EAAE,CAAC,CAAC;AACd,CAAC;AAED,MAAM,cAAc,GAAG,IAAI,eAAe,EAAE,CAAC;AAG7C,MAAM,CAAC,KAAK,UAAU,oBAAoB,CACxC,KAAa,EACb,UAAuD;IAEvD,MAAM,UAAU,GAAG,UAAU,EAAE,UAAU,IAAI,EAAE,CAAC;IAChD,MAAM,OAAO,GAAqB,KAAK,CAAC,OAAO,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/F,MAAM,WAAW,GAAG,CAAC,CAAC,UAAU,EAAE,wBAAwB,CAAC;IAE3D,IAAI,aAAa,GAAa,EAAE,CAAC;IACjC,IAAI,eAAe,GAAG,IAAI,CAAC;IAE3B,MAAM,WAAW,GAAG,MAAM,aAAa,EAAE,CAAC;IAC1C,MAAM,gBAAgB,GAAG,MAAM,kBAAkB,EAAE,CAAC;IAEpD,IAAI,WAAW,EAAE,CAAC;QAChB,aAAa,GAAG,CAAC,UAAU,CAAC,YAAY,IAAI,EAAE,CAAC;aAC5C,MAAM,CAAC,CAAC,CAAC,EAAe,EAAE,CAAC,OAAO,CAAC,KAAK,QAAQ,CAAC;aACjD,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,gBAAgB,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC;IAClD,CAAC;SAAM,CAAC;QACN,MAAM,SAAS,GAAG,MAAM,oBAAoB,CAAC,kBAAkB,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC;QAClG,eAAe,GAAG,SAAS,CAAC,QAAQ,CAAC;QAErC,MAAM,QAAQ,GAAG,MAAM,sBAAsB,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;QACnE,MAAM,UAAU,GAAG,IAAI,GAAG,CAAS,CAAC,GAAG,SAAS,CAAC,QAAQ,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC;QACzE,aAAa,GAAG,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAEvC,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC;YAAE,aAAa,GAAG,CAAC,GAAG,CAAC,MAAM,sBAAsB,EAAE,CAAC,CAAC,CAAC;IACxF,CAAC;IACD,IAAI,OAAO,UAAU,EAAE,gBAAgB,KAAK,SAAS,EAAE,CAAC;QACtD,eAAe,GAAG,UAAU,CAAC,gBAAgB,CAAC;IAChD,CAAC;IAED,MAAM,UAAU,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;IAE7E,MAAM,oBAAoB,GAAa,EAAE,CAAC;IAC1C,KAAK,MAAM,GAAG,IAAI,UAAU,EAAE,CAAC;QAC7B,MAAM,KAAK,GAAG,MAAM,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE;YAE/D,OAAO,SAAS,CAAC,UAAU,GAAG,CAAC,IAAI,KAAK,EAAE;gBACxC,WAAW,EAAE,oCAAoC;gBACjD,QAAQ,EAAE,GAAG,EAAE;oBACb,MAAM,GAAG,GAAG,OAAO,IAAI,CAAC,GAAG,CAAC;oBAE5B,OAAO,GAAG,CAAC;gBACb,CAAC;gBACD,IAAI,EAAE;oBACJ,KAAK,EAAE,UAAU,CAAC,KAAK;iBACxB;aAkBF,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QACH,IAAI,KAAK,CAAC,KAAK,EAAE,EAAE,CAAC;YAClB,OAAO,CAAC,IAAI,CAAC,+BAA+B,GAAG,CAAC,IAAI,YAAY,OAAO,IAAI,CAAC,OAAO,WAAW,GAAG,CAAC,IAAI,MAAM,EAAE,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC;YAC3H,SAAS;QACX,CAAC;QAMD,oBAAoB,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,KAAK,QAAQ,CAAC,CAAC;QACjD,oBAAoB,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC;QAE5C,oBAAoB,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,KAAK,QAAQ,CAAC,CAAC;IACpD,CAAC;IACD,MAAM,mBAAmB,GAAG,oBAAoB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAI5D,MAAM,WAAW,GAAG,UAAU,EAAE,WAAW,IAAI,kBAAkB,CAAC;IAElE,MAAM,aAAa,GAAG,eAAe;QACnC,CAAC,CAAC,2ZAA2Z;QAC7Z,CAAC,CAAC,EAAE,CAAC;IAEP,MAAM,iBAAiB,GAAG;QACxB,mGAAmG;QACnG,wTAAwT;QACxT,iDAAiD;QACjD,kHAAkH;QAClH,+SAA+S;QAC/S,yDAAyD,WAAW,EAAE;QACtE,+FAA+F;QAC/F,0FAA0F;QAC1F,8JAA8J;QAC9J,6HAA6H;QAC7H,mNAAmN;QACnN,sCAAsC;QACtC,uOAAuO;QACvO,2EAA2E;QAC3E,6IAA6I;QAC7I,kFAAkF;QAClF,iFAAiF;QACjF,6EAA6E;QAC7E,kEAAkE;QAClE,sDAAsD;QACtD,oFAAoF;QACpF,qFAAqF;QACrF,yGAAyG;QACzG,aAAa;KACd,CAAC;IAEF,MAAM,YAAY,GAAG;QACnB,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC;QAC5B,EAAE;QACF,mBAAmB;QACnB,EAAE;QACF,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QACvC,yKAAyK;QACzK,EAAE;QACF,4RAA4R;QAC5R,EAAE;QACF,oJAAoJ;QACpJ,EAAE;QACF,wFAAwF;QACxF,EAAE;QACF,OAAO;QACP,qCAAqC,wBAAwB,CAAC,UAAU,CAAC,EAAE;QAC3E,EAAE;QACF,sCAAsC;QACtC,KAAK;QACL,EAAE;KACH,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAEb,OAAO;QACL,YAAY;QACZ,YAAY,EAAE,aAAa;QAC3B,QAAQ,EAAE,eAAe;QACzB,KAAK;KACN,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,YAAY,CAAC,IAAY;IAC7C,MAAM,KAAK,GAAG,MAAM,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE;QAC3D,OAAO,SAAS,CAAC,UAAU,IAAI,KAAK,EAAE;YACpC,WAAW,EAAE,oCAAoC;YACjD,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,IAAI,CAAC,GAAG;SAChC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IACH,IAAI,KAAK,CAAC,KAAK,EAAE,EAAE,CAAC;QAClB,OAAO,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC;IACrC,CAAC;IACD,OAAO,KAAK,CAAC,EAAE,EAAE,CAAC;AACpB,CAAC"}
+{"version":3,"file":"prompts.js","sourceRoot":"","sources":["../jsr/prompts.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAmB,MAAM,gBAAgB,CAAC;AACpF,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAG/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAGxD,MAAM,CAAC,MAAM,oBAAoB,GAAG,2BAAoC,CAAC;AAEzE,KAAK,UAAU,kBAAkB;IAC/B,OAAO,oBAAoB,CAAC;AAC9B,CAAC;AAED,SAAS,wBAAwB,CAAC,EAAW;IAC3C,IAAI,OAAO,EAAE,KAAK,QAAQ;QAAE,OAAO,SAAS,CAAC;IAC7C,MAAM,OAAO,GAAG,EAAE,CAAC,IAAI,EAAE,CAAC;IAC1B,OAAO,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;AAClD,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,EAAW;IAC1C,OAAO,wBAAwB,CAAC,EAAE,CAAC,CAAC;AACtC,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,EAAW;IAC5C,OAAO,OAAO,wBAAwB,CAAC,EAAE,CAAC,KAAK,QAAQ,CAAC;AAC1D,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,qBAAqB,CACzC,WAAgC,EAChC,OAAoC;IAEpC,MAAM,aAAa,GAAG,wBAAwB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;IACvE,IAAI,aAAa;QAAE,OAAO,aAAa,CAAC;IACxC,MAAM,YAAY,GAAG,wBAAwB,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;IAClE,IAAI,YAAY;QAAE,OAAO,YAAY,CAAC;IACtC,OAAO,kBAAkB,EAAE,CAAC;AAC9B,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,gBAAgB;IACpC,OAAO,CAAC,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC;AAC3D,CAAC;AASD,MAAM,CAAC,KAAK,UAAU,uBAAuB,CAAC,UAAkB;IAC9D,MAAM,OAAO,GAAG,MAAM,aAAa,EAAE,CAAC;IACtC,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACnF,OAAO;QACL,2GAA2G;QAC3G,EAAE;QACF,gBAAgB;QAChB,WAAW;QACX,EAAE;QACF,eAAe;QACf,UAAU;KACX,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACf,CAAC;AAOD,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,IAAI,EAAE,WAAW;IACjB,UAAU,EAAE;QACV,MAAM,EAAE;YACN,IAAI,EAAE,OAAO;YACb,WAAW,EACT,2IAA2I;YAC7I,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;SAC1B;QACD,KAAK,EAAE;YACL,IAAI,EAAE,OAAO;YACb,WAAW,EACT,kHAAkH;YACpH,KAAK,EAAE;gBACL,IAAI,EAAE,QAAQ;gBACd,UAAU,EAAE;oBACV,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;oBACzB,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;iBACzB;aACF;SACF;KACF;CACO,CAAC;AAGX,MAAM,CAAC,MAAM,cAAc,GAAG,IAAI,CAAC;IACjC,MAAM,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE;IAC9B,KAAK,EAAE,IAAI,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,EAAE;CACzD,CAAC,CAAC;AAsCH,MAAM,UAAU,wBAAwB,CAAC,IAAuB;IAC9D,MAAM,IAAI,GAAG,IAAI,GAAG,EAAU,CAAC;IAC/B,OAAO,IAAI;SACR,KAAK,EAAE;SACP,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;SAC5D,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,IAAI,CAAC,CAAC,UAAU,CAAC;SAC7C,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE;QACZ,MAAM,GAAG,GAAG,GAAG,CAAC,CAAC,YAAY,IAAI,CAAC,CAAC,UAAU,EAAE,CAAC;QAChD,IAAI,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC;YAAE,OAAO,KAAK,CAAC;QAChC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QACd,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;SACD,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;QACT,MAAM,UAAU,GAAG,CAAC,CAAC,UAAU,IAAI,OAAO,CAAC;QAC3C,QAAQ,UAAU,EAAE,CAAC;YACnB,KAAK,WAAW;gBACd,OAAO,iBAAiB,CAAC,CAAC,UAAU,UAAU,CAAC,CAAC,YAAY,GAAG,CAAC;YAClE,KAAK,SAAS;gBACZ,OAAO,YAAY,CAAC,CAAC,UAAU,UAAU,CAAC,CAAC,YAAY,GAAG,CAAC;YAC7D,KAAK,OAAO,CAAC;YACb;gBACE,OAAO,cAAc,CAAC,CAAC,UAAU,YAAY,CAAC,CAAC,YAAY,GAAG,CAAC;QACnE,CAAC;IACH,CAAC,CAAC;SACD,IAAI,CAAC,EAAE,CAAC,CAAC;AACd,CAAC;AAED,MAAM,cAAc,GAAG,IAAI,eAAe,EAAE,CAAC;AAM7C,MAAM,CAAC,KAAK,UAAU,oBAAoB,CACxC,KAAa,EACb,UAA+D;IAE/D,MAAM,UAAU,GAAG,UAAU,EAAE,UAAU,IAAI,EAAE,CAAC;IAChD,MAAM,WAAW,GAAG,MAAM,aAAa,EAAE,CAAC;IAC1C,MAAM,gBAAgB,GAAG,MAAM,kBAAkB,EAAE,CAAC;IAEpD,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;IACpF,IAAI,aAAa,GAAG,SAAS;QAC3B,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,EAAe,EAAE,CAAC,OAAO,CAAC,KAAK,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,gBAAgB,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QAC1G,CAAC,CAAC,EAAE,CAAC;IACP,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC/B,aAAa,GAAG,CAAC,GAAG,CAAC,MAAM,gBAAgB,EAAE,CAAC,CAAC,CAAC;IAClD,CAAC;IACD,MAAM,eAAe,GAAG,UAAU,EAAE,QAAQ,KAAK,IAAI,CAAC;IAEtD,MAAM,UAAU,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;IAC7E,OAAO,CAAC,GAAG,CACT,wCAAwC,EACxC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAC9B,CAAC;IAEF,MAAM,oBAAoB,GAAa,EAAE,CAAC;IAC1C,KAAK,MAAM,GAAG,IAAI,UAAU,EAAE,CAAC;QAC7B,MAAM,KAAK,GAAG,MAAM,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE;YAE/D,OAAO,SAAS,CAAC,UAAU,GAAG,CAAC,IAAI,KAAK,EAAE;gBACxC,WAAW,EAAE,oCAAoC;gBACjD,QAAQ,EAAE,GAAG,EAAE;oBACb,MAAM,GAAG,GAAG,OAAO,IAAI,CAAC,GAAG,CAAC;oBAE5B,OAAO,GAAG,CAAC;gBACb,CAAC;gBACD,IAAI,EAAE;oBACJ,KAAK,EAAE,UAAU,CAAC,KAAK;iBACxB;aAkBF,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QACH,IAAI,KAAK,CAAC,KAAK,EAAE,EAAE,CAAC;YAClB,OAAO,CAAC,IAAI,CAAC,+BAA+B,GAAG,CAAC,IAAI,YAAY,OAAO,IAAI,CAAC,OAAO,WAAW,GAAG,CAAC,IAAI,MAAM,EAAE,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC;YAC3H,SAAS;QACX,CAAC;QAMD,oBAAoB,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,KAAK,QAAQ,CAAC,CAAC;QACjD,oBAAoB,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC;QAE5C,oBAAoB,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,KAAK,QAAQ,CAAC,CAAC;IACpD,CAAC;IACD,MAAM,mBAAmB,GAAG,oBAAoB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAI5D,MAAM,WAAW,GAAG,UAAU,EAAE,WAAW,IAAI,kBAAkB,CAAC;IAElE,MAAM,aAAa,GAAG,eAAe;QACnC,CAAC,CAAC,2ZAA2Z;QAC7Z,CAAC,CAAC,EAAE,CAAC;IAEP,MAAM,iBAAiB,GAAG;QACxB,mGAAmG;QACnG,wTAAwT;QACxT,iDAAiD;QACjD,kHAAkH;QAClH,+SAA+S;QAC/S,yDAAyD,WAAW,EAAE;QACtE,+FAA+F;QAC/F,0FAA0F;QAC1F,8JAA8J;QAC9J,6HAA6H;QAC7H,mNAAmN;QACnN,sCAAsC;QACtC,uOAAuO;QACvO,2EAA2E;QAC3E,6IAA6I;QAC7I,4OAA4O;QAC5O,kFAAkF;QAClF,iFAAiF;QACjF,6EAA6E;QAC7E,kEAAkE;QAClE,oOAAoO;QACpO,oFAAoF;QACpF,qFAAqF;QACrF,yGAAyG;QACzG,aAAa;KACd,CAAC;IAEF,MAAM,UAAU,GAAG,UAAU,EAAE,KAAK;QAClC,CAAC,CAAC;YACE,sBAAsB,UAAU,CAAC,KAAK,oFAAoF;YAC1H,EAAE;SACH;QACH,CAAC,CAAC,EAAE,CAAC;IAEP,MAAM,YAAY,GAAG;QACnB,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC;QAC5B,EAAE;QACF,mBAAmB;QACnB,EAAE;QACF,GAAG,UAAU;QACb,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QACvC,yKAAyK;QACzK,EAAE;QACF,4RAA4R;QAC5R,EAAE;QACF,oJAAoJ;QACpJ,EAAE;QACF,wFAAwF;QACxF,EAAE;QACF,OAAO;QACP,qCAAqC,wBAAwB,CAAC,UAAU,CAAC,EAAE;QAC3E,EAAE;QACF,sCAAsC;QACtC,KAAK;QACL,EAAE;KACH,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAEb,OAAO;QACL,YAAY;QACZ,MAAM,EAAE,aAAa;QACrB,QAAQ,EAAE,eAAe;QACzB,KAAK;KACN,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,YAAY;IAChC,MAAM,KAAK,GAAG,MAAM,cAAc,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE;QACnE,OAAO,SAAS,CAAC,iBAAiB,EAAE;YAClC,WAAW,EAAE,oCAAoC;YACjD,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,IAAI,CAAC,GAAG;SAChC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IACH,IAAI,KAAK,CAAC,KAAK,EAAE,EAAE,CAAC;QAClB,OAAO,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC;IACrC,CAAC;IACD,OAAO,KAAK,CAAC,EAAE,EAAE,CAAC;AACpB,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,YAAY,CAAC,IAAY;IAC7C,MAAM,KAAK,GAAG,MAAM,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE;QAC3D,OAAO,SAAS,CAAC,UAAU,IAAI,KAAK,EAAE;YACpC,WAAW,EAAE,oCAAoC;YACjD,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,IAAI,CAAC,GAAG;SAChC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IACH,IAAI,KAAK,CAAC,KAAK,EAAE,EAAE,CAAC;QAClB,OAAO,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC;IACrC,CAAC;IACD,OAAO,KAAK,CAAC,EAAE,EAAE,CAAC;AACpB,CAAC"}

package/settings.d.ts

@@ -1,15 +1,10 @@
-export interface HistoryMessage {
-    role: "user" | "assistant" | "system";
-    content: string;
-}
 export interface UserSettings {
     _id: string;
     stylePrompt?: string;
     userPrompt?: string;
     model?: string;
     showModelPickerInChat?: boolean;
-    history?: HistoryMessage[];
-    dependenciesUserOverride?: boolean;
-    dependencies?: string[];
-    demoDataOverride?: boolean;
+    skills?: string[];
+    title?: string;
+    demoData?: boolean;
 }

package/style-prompts.js

@@ -1,7 +1,7 @@
 export const stylePrompts = [
     {
         name: "brutalist web",
-        prompt: 'Create a UI theme in a neo-brutalist style: blocky geometry, oversized controls, thick 4-12px outlines, and big bold offsets (hard shadow plates offset 6-12px bottom-right; active press reduces offset by 2-4px). Use grid/blueprint cues—graph lines, micro-dots, hatch/stipple textures—on flat matte surfaces; reserve subtle gloss only for CTAs. Background (only skeuomorphic element): grey-blue graph paper via CSS—base #f1f5f9, grid from repeating-linear-gradients in #cbd5e1/#94a3b8 at 16-24px; add a fullscreen grain layer (SVG turbulence or 1px noise PNG) at 3-6% opacity with filter: blur(0.4-0.8px) contrast(102%) brightness(101%); lock to viewport. Corner rule: components are either square (0px radius) or very rounded (50% of component height)—no in-between. Mobile-first layout: single-column flow on phones, 4/8/16/24 spacing scale, tap targets >= 48x48, sticky header + bottom nav; expand to 2-4 columns at sm >= 640 / md >= 768 / lg >= 1024 with asymmetric stacks. Maintain high contrast on light backgrounds. Secret name "Neobrute Blueprint." Use these colors: #f1f5f9 #cbd5e1 #94a3b8 #64748b #0f172a #242424 #ffffff. Never use white text; #ffffff is for surfaces only.',
+        prompt: 'THEME: Neobrutalist — Neobrutalist Design System. A bold, retro-arcade-inspired neobrutalist theme. Hard edges, chunky black borders, thick offset drop shadows, vivid primary color blocks, and uppercase display typography. The mood is playful and unapologetically loud without leaning on direct IP references — it is "level dashboard" energy: raw, graphic, readable, kinetic.\n\nCOLOR PALETTE (oklch): --bg: oklch(0.96 0.01 90) warm off-white canvas; --card-bg: oklch(1.00 0 0) pure white surfaces; --text: oklch(0.15 0.02 280) near-black ink, cool undertone; --border: oklch(0.15 0.02 280) same as text — every stroke is bold; --muted: oklch(0.50 0.02 280) secondary labels; --accent/--red: oklch(0.55 0.24 28) primary action/danger; --yellow: oklch(0.85 0.18 85) highlight/hover; --yellow-dark: oklch(0.75 0.16 85); --green: oklch(0.62 0.19 145) success/active; --blue: oklch(0.52 0.18 255) info/informational accents; --accent-light: oklch(0.55 0.24 28 / 0.1).\n\nTOKENS: --radius: 4px (tiny, never pill-shaped); --shadow: 4px 4px 0px var(--border); --shadow-sm: 3px 3px 0px var(--border).\n\nTYPOGRAPHY: Primary: "Space Grotesk", sans-serif (400, 500, 600, 700). Mono: "JetBrains Mono", monospace (400, 500, 700) — for stats, numbers, tabular data. Loaded from Google Fonts only, no other external deps. Headings are UPPERCASE with tight tracking (-0.02em) and heavy weight (700). Section labels: 0.65rem, uppercase, letter-spacing 0.15em, muted color. Nav/button labels: 0.7–0.8rem, uppercase, letter-spacing 0.05–0.08em.\n\nSURFACE & BORDER LANGUAGE: Every primary surface (nav, cards, hero, modal, inputs, buttons) has a solid 3px var(--border) outline and border-radius of 4px. No gradients on strokes, no thin hairlines. Every elevated surface carries a hard offset shadow — 4px 4px 0px var(--border) by default, 3px 3px for smaller chips, 6px 6px on hover for lift, 8px 8px on modals. Shadows are NEVER blurred. Hover pattern: transform: translate(-2px, -2px) combined with a larger hard shadow — gives a "card pops forward" feel. Active/pressed state flips to translate(2px, 2px) with box-shadow: none — the object visibly slams back down. Transitions: 0.15s for micro-interactions, 0.2s cubic-bezier(0.34, 1.56, 0.64, 1) for toggle knobs (slight overshoot).\n\nLAYOUT: A single centered column, max-width: 920px, padding 3rem 2rem, position: relative; z-index: 10; so it sits above ambient background decorations.\n\nAMBIENT BACKGROUND: Fixed inset grid: two linear-gradients at 60px × 60px with oklch(0.15 0.02 280 / 0.04) — subtle graph-paper feel. 8 floating geometric blocks (.float-block-1..8) placed across the viewport edges, sizes 25–80px, in --red/--yellow/--green/--blue, some square some circular (border-radius: 50%), opacity 0.15–0.3 so they don\'t overpower content. 2 floating plus/cross shapes built from ::before/::after pseudo-elements (40×40, arms 10px thick) — var(--border) color, low opacity. 2 floating diamonds — 30×30 --yellow squares with 3px borders, rotated 45deg. Keyframes (all on loops 5–12s, ease-in-out or linear): drift-spin-1, drift-spin-2, drift-bounce, drift-diagonal, drift-zigzag, drift-pulse, drift-diamond. The shapes should drift, not race.\n\nSECTION COMPOSITION: 1. NAV: Card-style bar with 3px border, shadow, 4px radius. Left: logo = three 12×12 squares (red/yellow/green) + uppercase brand text. Right: .nav-link pill-looking-but-square chips + .status-badge in --green with pulsing 7px dot. 2. HERO: Big bordered card with .hero-accent-bar along the top: a 6px horizontal rainbow split into four equal segments — red 0–25%, yellow 25–50%, green 50–75%, blue 75–100%. Big clamped uppercase title with .hero-text-shadow duplicate offset 5px/5px in --red, opacity 0.5. 3. STAT ROW: 4-column grid of .stat-cards (collapses to 2 then 1 on small screens). Each card has colored header bar: child 1 = --red (white text), 2 = --yellow (dark text), 3 = --blue (white text), 4 = --green (dark text). Body shows big mono number + small uppercase unit label. 4. TABLE: Full-bleed inside bordered card. th: 0.6rem uppercase, 2px bottom border. td: 0.82rem, thin separators. Columns 3 & 4 use JetBrains Mono. Row hover fills with --yellow instantly. Badge styles: badge-active (--green), badge-pending (--yellow), badge-locked (neutral gray). 5. FORM + CONTROLS GRID: 2-column grid of cards. Left: text input + select + progress bar + primary/secondary buttons. Inputs lift on focus with translate(-2px,-2px) + shadow. Progress bar has repeating striped gradient at -45° in --green. Right: checkboxes (22×22, 3px border, --green when checked) + toggles (48×26, 3px border, 4px radius, --yellow when on, knob translates with overshoot) + tag row in four colors. 6. ACTIONS CARD: Flex row with .btn-primary (--red bg, white text, 4×4 shadow), .btn-secondary (--yellow bg, 3×3 shadow), .btn-ghost (card-bg, no shadow, gains 3×3 on hover). 7. MODAL: Overlay oklch(0.15 0.02 280 / 0.6). Modal card: 3px border, 8×8 hard shadow, entry animation modal-pop. .modal-bar: --blue title strip with white text.\n\nINTERACTION: Nothing eases slowly. All hovers/presses resolve in ≤0.2s. Hover lifts up-and-left; press slams down-and-right. Nothing uses soft blur. Every shadow is a discrete offset block. Rounded corners are tiny (4px) everywhere. Color use: --red is primary/danger; --yellow is highlight/warning; --green is success/status; --blue is informational. Don\'t tint surfaces — keep all cards --card-bg white.\n\nACCESSIBILITY: Body text ≥0.82rem, section labels ≥0.6rem. Strong contrast (text on red → white; text on yellow → ink; text on green → ink; text on blue → white). aria-hidden the decorative .hero-text-shadow.\n\nRESPONSIVENESS: ≤700px: stat row collapses to 2 columns, form grid to 1 column. ≤500px: nav stacks vertically, stat row to single column.\n\nFONTS: Use Google Fonts for Space Grotesk (400,500,600,700) and JetBrains Mono (400,500,700). Apply this theme to the generated React component.',
     },
     {
         name: "memphis",

package/style-prompts.js.map

@@ -1 +1 @@
-{"version":3,"file":"style-prompts.js","sourceRoot":"","sources":["../jsr/style-prompts.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,MAAM,YAAY,GAAkB;IAIzC;QACE,IAAI,EAAE,eAAe;QACrB,MAAM,EACJ,gqCAAgqC;KACnqC;IACD;QACE,IAAI,EAAE,SAAS;QACf,MAAM,EACJ,+8BAA+8B;KACl9B;IACD;QACE,IAAI,EAAE,WAAW;QACjB,MAAM,EAAE,uBAAuB;KAChC;IACD;QACE,IAAI,EAAE,YAAY;QAClB,MAAM,EAAE,sBAAsB;KAC/B;IACD;QACE,IAAI,EAAE,YAAY;QAClB,MAAM,EAAE,mBAAmB;KAC5B;IACD;QACE,IAAI,EAAE,cAAc;QACpB,MAAM,EAAE,mBAAmB;KAC5B;IACD;QACE,IAAI,EAAE,aAAa;QACnB,MAAM,EAAE,kBAAkB;KAC3B;IACD;QACE,IAAI,EAAE,SAAS;QACf,MAAM,EAAE,qBAAqB;KAC9B;IACD;QACE,IAAI,EAAE,YAAY;QAClB,MAAM,EAAE,0BAA0B;KACnC;IACD;QACE,IAAI,EAAE,cAAc;QACpB,MAAM,EAAE,kBAAkB;KAC3B;IACD;QACE,IAAI,EAAE,UAAU;QAChB,MAAM,EACJ,orCAAorC;KACvrC;CACF,CAAC;AAGF,MAAM,CAAC,MAAM,kBAAkB,GAAG,eAAwB,CAAC;AAG3D,MAAM,WAAW,GAAG,IAAI,GAAG,EAAuB,CAAC;AACnD,KAAK,MAAM,CAAC,IAAI,YAAY,EAAE,CAAC;IAC7B,IAAI,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;QAC5B,MAAM,IAAI,KAAK,CAAC,mCAAmC,CAAC,CAAC,IAAI,gCAAgC,CAAC,CAAC;IAC7F,CAAC;IACD,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;AAC7B,CAAC;AAGD,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,GAAG,EAAE;IACtC,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;IAClD,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC5D,MAAM,IAAI,KAAK,CACb,uBAAuB,kBAAkB,iDAAiD,SAAS,gDAAgD,CACpJ,CAAC;IACJ,CAAC;IACD,OAAO,KAAK,CAAC,MAAM,CAAC;AACtB,CAAC,CAAC,EAAE,CAAC"}
+{"version":3,"file":"style-prompts.js","sourceRoot":"","sources":["../jsr/style-prompts.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,MAAM,YAAY,GAAkB;IAIzC;QACE,IAAI,EAAE,eAAe;QACrB,MAAM,EACJ,o0LAAo0L;KACv0L;IACD;QACE,IAAI,EAAE,SAAS;QACf,MAAM,EACJ,+8BAA+8B;KACl9B;IACD;QACE,IAAI,EAAE,WAAW;QACjB,MAAM,EAAE,uBAAuB;KAChC;IACD;QACE,IAAI,EAAE,YAAY;QAClB,MAAM,EAAE,sBAAsB;KAC/B;IACD;QACE,IAAI,EAAE,YAAY;QAClB,MAAM,EAAE,mBAAmB;KAC5B;IACD;QACE,IAAI,EAAE,cAAc;QACpB,MAAM,EAAE,mBAAmB;KAC5B;IACD;QACE,IAAI,EAAE,aAAa;QACnB,MAAM,EAAE,kBAAkB;KAC3B;IACD;QACE,IAAI,EAAE,SAAS;QACf,MAAM,EAAE,qBAAqB;KAC9B;IACD;QACE,IAAI,EAAE,YAAY;QAClB,MAAM,EAAE,0BAA0B;KACnC;IACD;QACE,IAAI,EAAE,cAAc;QACpB,MAAM,EAAE,kBAAkB;KAC3B;IACD;QACE,IAAI,EAAE,UAAU;QAChB,MAAM,EACJ,orCAAorC;KACvrC;CACF,CAAC;AAGF,MAAM,CAAC,MAAM,kBAAkB,GAAG,eAAwB,CAAC;AAG3D,MAAM,WAAW,GAAG,IAAI,GAAG,EAAuB,CAAC;AACnD,KAAK,MAAM,CAAC,IAAI,YAAY,EAAE,CAAC;IAC7B,IAAI,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;QAC5B,MAAM,IAAI,KAAK,CAAC,mCAAmC,CAAC,CAAC,IAAI,gCAAgC,CAAC,CAAC;IAC7F,CAAC;IACD,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;AAC7B,CAAC;AAGD,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,GAAG,EAAE;IACtC,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;IAClD,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC5D,MAAM,IAAI,KAAK,CACb,uBAAuB,kBAAkB,iDAAiD,SAAS,gDAAgD,CACpJ,CAAC;IACJ,CAAC;IACD,OAAO,KAAK,CAAC,MAAM,CAAC;AACtB,CAAC,CAAC,EAAE,CAAC"}

package/llms/image-gen.d.ts

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

package/llms/image-gen.js

@@ -1,9 +0,0 @@
-export const imageGenConfig = {
-    name: "image-gen",
-    label: "Image Generation",
-    module: "OpenAi",
-    description: "Generate and edit images",
-    importModule: "use-vibes",
-    importName: "ImgGen",
-};
-//# sourceMappingURL=image-gen.js.map

package/llms/image-gen.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"image-gen.js","sourceRoot":"","sources":["../../jsr/llms/image-gen.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,cAAc,GAAc;IACvC,IAAI,EAAE,WAAW;IACjB,KAAK,EAAE,kBAAkB;IACzB,MAAM,EAAE,QAAQ;IAChB,WAAW,EAAE,0BAA0B;IACvC,YAAY,EAAE,WAAW;IACzB,UAAU,EAAE,QAAQ;CACrB,CAAC"}

package/llms/image-gen.md

@@ -1,127 +0,0 @@
-# ImgGen Component
-
-## Basic Usage
-
-The ImgGen component can be used in three ways:
-
-1. **With no props** - Shows a form UI for users to enter a prompt and/or upload images:
-
-```jsx
-import { ImgGen } from "use-vibes";
-
-function MyComponent() {
-  return <ImgGen />; // Shows built-in form for prompt entry and image upload
-}
-```
-
-2. **With a prompt prop** - Immediately generates an image (no form shown):
-
-```jsx
-import { ImgGen } from "use-vibes";
-
-function MyComponent() {
-  return <ImgGen prompt="A sunset over mountains" />; // Direct generation, no form
-}
-```
-
-3. **With images prop** - Edits or combines images with AI (no form shown):
-
-```jsx
-import { ImgGen } from "use-vibes";
-
-function MyComponent() {
-  const [files, setFiles] = useState([]);
-  return (
-    <ImgGen
-      prompt="Create a gift basket with these items"
-      images={files} // Array of File objects
-    />
-  );
-}
-```
-
-4. **With an \_id prop** - Loads a specific image from the database (no form shown):
-
-If there is no image generated for the document yet, but it has a `prompt` field, it will generate a new image with the prompt. If there an images is stored, at doc.\_files.original, it will use that as the base image.
-
-```jsx
-import { ImgGen } from "use-vibes";
-
-function MyComponent() {
-  return <ImgGen _id="my-image-id" />; // Loads specific image by ID
-}
-```
-
-## List by ID
-
-Images and prompts are tracked in a Fireproof database with a `type` of `image`. If a database is not provided, it uses `"ImgGen"` as the database name.
-
-Display stored images by their ID. Ensure you do this, so users can find the images they created.
-
-```jsx
-import { useFireproof } from "use-fireproof";
-import { ImgGen } from "use-vibes";
-
-function MyComponent() {
-  const { database, useLiveQuery } = useFireproof("my-db-name");
-  const { docs: imageDocuments } = useLiveQuery("type", {
-    key: "image",
-    descending: true,
-  });
-
-  return (
-    <div>
-      <ImgGen database={database} />
-      {imageDocuments.length > 0 && (
-        <div className="history">
-          <h3>Previously Generated Images</h3>
-          <ul className="image-list">
-            {imageDocuments.map((doc) => (
-              <li key={doc._id} className="image-item">
-                <ImgGen _id={doc._id} database={database} />
-              </li>
-            ))}
-          </ul>
-        </div>
-      )}
-    </div>
-  );
-}
-```
-
-## Styling
-
-ImgGen supports custom styling through CSS variables or custom class names:
-
-```jsx
-// With CSS variables in your styles
-:root {
-  --imggen-text-color: #222;
-  --imggen-accent: #0088ff;
-  --imggen-border-radius: 8px;
-}
-
-// With custom class names
-<ImgGen
-  prompt="A landscape"
-  className="my-custom-image"
-  classes={{
-    root: 'custom-container',
-    image: 'custom-img',
-    overlay: 'custom-overlay'
-  }}
-/>
-```
-
-#### Props
-
-- `prompt`: Text prompt for image generation (required unless `_id` is provided)
-- `_id`: Document ID to load a specific image instead of generating a new one
-- `database`: Database name or instance to use for storing images (default: `'ImgGen'`)- `options` (object, optional): Configuration options for image generation
-  - `model` (string, optional): Model to use for image generation, defaults to 'gpt-image-1'
-  - `size` (string, optional): Size of the generated image (Must be one of 1024x1024, 1536x1024 (landscape), 1024x1536 (portrait), or 'auto' (default value) for gpt-image-1, and one of 256x256, 512x512, or 1024x1024 for dall-e-2.)
-  - `quality` (string, optional): Quality of the generated image (high, medium and low are only supported for gpt-image-1. dall-e-2 only supports standard quality. Defaults to auto.)
-  - `debug` (boolean, optional): Enable debug logging, defaults to false
-- `onLoad`: Callback when image load completes successfully
-- `onError`: Callback when image load fails, receives the error as parameter
-- `className`: CSS class name for the image element (optional)- `classes`: Object containing custom CSS classes for styling component parts (see Styling section)

package/load-docs.ts-off

@@ -1,16 +0,0 @@
-import { CoerceURI, Result } from "@adviser/cement";
-import { joinUrlParts } from "call-ai";
-
-export async function loadDocs(localPath: string, baseUrl: CoerceURI): Promise<Result<string>> {
-  const url = joinUrlParts(baseUrl?.toString() || "", localPath);
-  try {
-    const response = await fetch(url);
-    if (!response.ok) {
-      return Result.Err(`Failed to fetch ${url}: ${response.status} ${response.statusText}`);
-    }
-    const text = await response.text();
-    return Result.Ok(text);
-  } catch (error) {
-    return Result.Err(`Error fetching ${url}: ${error}`);
-  }
-}

package/txt-docs.ts-off

@@ -1,58 +0,0 @@
-import { CoerceURI, ResolveOnce } from "@adviser/cement";
-// import { loadDocs } from "./load-docs.js";
-
-// TODO: Replace loadDocs with loadAsset for better cement integration
-
-export interface TxtDoc {
-  readonly name: string;
-  readonly txt: string;
-}
-
-const files = ["callai.txt", "fireproof.txt", "image-gen.txt", "web-audio.txt", "d3.md", "three-js.md"];
-
-// // Lazy loading per file instead of eager loading all files
-// const fileLoaders = new Map<string, ResolveOnce<TxtDoc | undefined>>();
-
-// function getFileLoader(file: string, fallBackUrl: CoerceURI): ResolveOnce<TxtDoc | undefined> {
-//   const key = `${fallBackUrl?.toString() || ""}:${file}`;
-//   if (!fileLoaders.has(key)) {
-//     fileLoaders.set(key, new ResolveOnce<TxtDoc | undefined>());
-//   }
-//   const loader = fileLoaders.get(key);
-//   if (!loader) {
-//     throw new Error(`File loader not found for key: ${key}`);
-//   }
-//   return loader;
-// }
-
-// async function loadTxtDoc(file: string, fallBackUrl: CoerceURI): Promise<TxtDoc | undefined> {
-//   const loader = getFileLoader(file, fallBackUrl);
-//   return loader.once(async () => {
-//     const rAsset = await loadDocs(file, fallBackUrl);
-//     if (rAsset.isErr()) {
-//       console.error(`Failed to load asset ${file}: ${rAsset.Err()}`);
-//       return undefined;
-//     }
-//     return { name: file, txt: rAsset.Ok() };
-//   });
-// }
-
-// export async function getTexts(name: string, fallBackUrl: CoerceURI): Promise<string | undefined> {
-//   name = name.toLocaleLowerCase().trim();
-
-//   // Try exact match first by looking for the file directly
-//   for (const file of files) {
-//     const fileName =
-//       file
-//         .split("/")
-//         .pop()
-//         ?.toLowerCase()
-//         .replace(/\.(txt|md)$/, "") || "";
-//     if (fileName === name) {
-//       const doc = await loadTxtDoc(file, fallBackUrl);
-//       return doc?.txt;
-//     }
-//   }
-
-//   return undefined;
-// }