wizards 0.3.5 → 0.3.7

package/apps/runtime/dist/film/project.js

@@ -3,8 +3,9 @@ import { existsSync } from "node:fs";
 import { cp, mkdir, readFile, rm, writeFile } from "node:fs/promises";
 import { dirname, join, normalize } from "node:path";
 import { dataRef, FILM_SIZES } from "@engenty-wizards/shared/definition";
+import { gradientCss, ruleLines, textStyleLine } from "@engenty-wizards/shared/projects";
 import { unzipSync } from "fflate";
-import { renderTemplate, resolveRef } from "../engine/template.js";
+import { logoSectionLine, renderTemplate, resolveRef } from "../engine/template.js";
 import { env } from "../env.js";
 import { getBlob } from "../files/blobs.js";
 import { extFor, loadAsset } from "../files/storage.js";
@@ -128,23 +129,72 @@ export async function prepareFilmFolder(step, ctx) {
     // The space's brand.
     const b = ctx.scope.brand;
     const logos = [];
+    const patterns = [];
+    for (const p of b.patterns ?? []) {
+        const f = ctx.projectFiles.find((x) => x.id === p.file);
+        try {
+            if (f) {
+                const { data } = await projectFileContent(f.projectId, f.id);
+                const name = `patterns/${safeName(f.name.replace(/\.[^.]+$/, ""))}.${extFor(f.mime) === "bin" ? (f.name.split(".").pop() ?? "bin") : extFor(f.mime)}`;
+                await put(join(root, "brand"), name, data);
+                patterns.push({ file: name, name: p.name, tile: Boolean(p.tile) });
+            }
+        }
+        catch {
+            // a pattern less
+        }
+    }
     for (const f of ctx.projectFiles.filter((p) => p.kind === "logo")) {
         try {
             const { data } = await projectFileContent(f.projectId, f.id);
             const name = `logos/${safeName(f.name.replace(/\.[^.]+$/, ""))}.${extFor(f.mime) === "bin" ? (f.name.split(".").pop() ?? "bin") : extFor(f.mime)}`;
             await put(join(root, "brand"), name, data);
-            logos.push(name);
+            const section = logoSectionLine(b.logoSections, f.id);
+            logos.push({
+                file: name,
+                ...(section ? { section } : {}),
+                ...(f.description ? { description: f.description } : {}),
+            });
         }
         catch {
             // a logo less
         }
     }
     await put(join(root, "brand"), "brand.json", JSON.stringify({
-        note: "The space's brand. Colours are named by what they are for; the first is the accent.",
+        note: "The space's brand. Colours are named by what they are for; the first is the accent. A logo's or a colour's section says when to use it; colorRules, logoRules and typeRules, where there are any, say how colours, logos and type may be used; text is set in the fonts.",
         name: b.name ?? "",
         about: b.about ?? "",
-        colors: (b.colors ?? []).map((c) => ({ name: c.name, value: c.value })),
+        colors: (b.colors ?? []).map((c) => {
+            const s = b.colorSections?.find((x) => x.id === c.section);
+            return { name: c.name, value: c.value, ...(s ? { section: s.title } : {}) };
+        }),
+        ...(b.gradients?.length
+            ? {
+                gradients: b.gradients.map((g) => ({
+                    name: g.name,
+                    section: b.colorSections?.find((x) => x.id === g.section)?.title,
+                    css: gradientCss(g),
+                })),
+            }
+            : {}),
+        ...(patterns.length ? { patterns } : {}),
         logos,
+        ...(b.colorRules?.length ? { colorRules: ruleLines(b.colorRules).split("\n") } : {}),
+        ...(b.fonts?.length
+            ? {
+                fonts: b.fonts.map(({ family, role, weights }) => ({ family, role, weights })),
+            }
+            : {}),
+        ...(b.textStyles?.length
+            ? {
+                textStyles: b.textStyles.map((s) => ({
+                    name: s.name,
+                    style: textStyleLine(s, b.fonts ?? []),
+                })),
+            }
+            : {}),
+        ...(b.typeRules?.length ? { typeRules: ruleLines(b.typeRules).split("\n") } : {}),
+        ...(b.logoRules?.length ? { logoRules: ruleLines(b.logoRules).split("\n") } : {}),
         facts: (b.facts ?? []).map((f) => `${f.label}: ${f.value}`),
     }, null, 1));
     // What the run made before.

package/apps/runtime/dist/routes/studio.js

@@ -1,7 +1,7 @@
 import { mkdirSync } from "node:fs";
 import { join } from "node:path";
 import { ASSISTANT_LAYOUTS, ASSISTANT_PAGE_BYTES, assistantTurnSchema, } from "@engenty-wizards/shared/assistant";
-import { MODEL_CLASSES, TEXT_CLASSES } from "@engenty-wizards/shared/definition";
+import { MODEL_CLASSES, TEXT_CLASSES, } from "@engenty-wizards/shared/definition";
 import { CATEGORY_TYPES, whereSchema } from "@engenty-wizards/shared/knowledge";
 import { PROJECT_FILE_KINDS } from "@engenty-wizards/shared/projects";
 import { isCreditsRef } from "@engenty-wizards/shared/providers";
@@ -13,6 +13,7 @@ import { nanoid } from "nanoid";
 import { z } from "zod";
 import { runStudioAssistant } from "../agents/studio-assistant.js";
 import { chatEngine, setChatEngine, subscriptionClients } from "../agents/subscription.js";
+import { scanColors, scanFonts, scanImages, scanLogos } from "../agents/website.js";
 import { answerBrowser, awaitBrowser } from "../assistant/browser.js";
 import { accountOverview, linkedAccount, startLink, unlink } from "../auth/account.js";
 import { createLocalKey, deleteLocalKey, listLocalKeys } from "../auth/keys.js";
@@ -45,7 +46,7 @@ import { categoryContents, listKnowledge, resolvePath, valueContents, } from "..
 import { writeSummary } from "../services/knowledge-model.js";
 import { exportWizard, importWizard } from "../services/package.js";
 import { profileSchema, saveProfile, userProfile } from "../services/profile.js";
-import { addProjectFile, fileView, orderProjectFiles, projectFile, projectFileContent, projectFiles, reindexProjectFile, removeProjectFile, updateProjectFile, } from "../services/project-files.js";
+import { addProjectFile, addProjectFileFromUrl, fileView, orderProjectFiles, projectFile, projectFileContent, projectFiles, reindexProjectFile, removeProjectFile, updateProjectFile, } from "../services/project-files.js";
 import { documentText, queueIndex, searchKnowledge } from "../services/project-index.js";
 import { createProject, deleteProject, listProjects, maskedServers, ownedProject, projectLimitOrNull, projectPatchSchema, updateProject, } from "../services/projects.js";
 import { runnersOf, wizardRunners } from "../services/runners.js";
@@ -53,7 +54,7 @@ import { listResults, listRuns, startTestRun } from "../services/runs.js";
 import { addCategoryValue, categoryRow, categoryValue, deleteCategory, deleteCategoryValue, mergeCategoryValues, orderCategoryValues, putCategory, renameCategoryValue, setItemCategory, updateCategory, } from "../services/space-categories.js";
 import { addTableRow, createPage, createTable, deletePage, deleteTable, deleteTableRows, getPage, getTable, listSpaceData, orderSubPages, updatePage, updateTable, updateTableRow, } from "../services/space-data.js";
 import { draftWidgetPreview } from "../services/widgets.js";
-import { createWizard, deleteWizard, duplicateWizard, listWizards, ownedWizard, rotateShareLink, updateWizardSettings, wizardMessages, wizardState, writableWizard, writeDraft, } from "../services/wizards.js";
+import { createWizard, deleteWizard, draftChanges, duplicateWizard, listWizards, ownedWizard, rotateShareLink, updateWizardSettings, wizardMessages, wizardState, writableWizard, writeDraft, } from "../services/wizards.js";
 import { readSetting, writeSetting } from "../settings.js";
 import { codeOf } from "../tenants/control.js";
 import { currentTenant } from "../tenants/tenant.js";
@@ -452,6 +453,41 @@ export const studio = new Hono()
         data: new Uint8Array(await file.arrayBuffer()),
     });
     return c.json(fileView(row));
+})
+    .post("/projects/:id/files/url", async (c) => {
+    const project = await ownedProject(c.get("user").id, c.req.param("id"));
+    const input = z
+        .object({ url: z.string().min(1).max(500_000), kind: z.enum(PROJECT_FILE_KINDS) })
+        .parse(await c.req.json());
+    const url = /^(https?:\/\/|data:)/i.test(input.url) ? input.url : `https://${input.url}`;
+    try {
+        return c.json({ file: fileView(await addProjectFileFromUrl(project.id, { ...input, url })) });
+    }
+    catch (err) {
+        // A web page where a logo or an asset was asked for: its logos or pictures, to pick from.
+        if (err instanceof ServiceError && err.data.reason === "page") {
+            const page = String(err.data.url ?? url);
+            const scan = input.kind === "logo" ? scanLogos : scanImages;
+            return c.json({ candidates: await scan(page) });
+        }
+        throw err;
+    }
+})
+    .post("/projects/:id/colors/scan", async (c) => {
+    await ownedProject(c.get("user").id, c.req.param("id"));
+    const { url } = z.object({ url: z.string().min(1).max(2000) }).parse(await c.req.json());
+    const colors = await scanColors(url).catch(() => {
+        throw new ServiceError("invalid", "Die Seite ist nicht erreichbar.");
+    });
+    return c.json({ colors });
+})
+    .post("/projects/:id/fonts/scan", async (c) => {
+    await ownedProject(c.get("user").id, c.req.param("id"));
+    const { url } = z.object({ url: z.string().min(1).max(2000) }).parse(await c.req.json());
+    const fonts = await scanFonts(url).catch(() => {
+        throw new ServiceError("invalid", "Die Seite ist nicht erreichbar.");
+    });
+    return c.json({ fonts });
 })
     .put("/projects/:id/files/order", async (c) => {
     const project = await ownedProject(c.get("user").id, c.req.param("id"));
@@ -891,6 +927,19 @@ export const studio = new Hono()
 })
     // With an account linked the published version also goes to its cloud: `cloud` says how that went.
     .post("/wizards/:id/publish", async (c) => c.json(await publishAndSync(c.get("user").id, c.req.param("id"))))
+    // What publishing the draft would change: the steps and files, its last test, the cost of a run before and after.
+    .get("/wizards/:id/changes", async (c) => {
+    const w = await ownedWizard(c.get("user").id, c.req.param("id"));
+    const { published, ...found } = await draftChanges(w);
+    const cost = async (def) => estimateRun(w.id, null, def, await stepsWithoutModel(def));
+    const [before, after] = published ? await Promise.all([cost(published), cost(w.draft)]) : [];
+    return c.json({
+        ...found,
+        cost: before?.available && after?.available
+            ? { before: before.credits, after: after.credits }
+            : null,
+    });
+})
     // What a run of the draft is expected to cost, per step and in total.
     .get("/wizards/:id/estimate", async (c) => {
     const w = await ownedWizard(c.get("user").id, c.req.param("id"));

package/apps/runtime/dist/services/brand.js

@@ -1,12 +1,15 @@
+import { mainLogo } from "@engenty-wizards/shared/projects";
 import { and, asc, eq } from "drizzle-orm";
 import { db, schema } from "../db/client.js";
-/** The project's first logo: the one end users, documents and widgets get. */
+/** The project's main logo, the first standard one: what end users, documents and widgets get. */
 export async function mainLogoId(projectId) {
-    const logo = await db.query.projectFile.findFirst({
+    const p = await db.query.project.findFirst({ where: eq(schema.project.id, projectId) });
+    const logos = await db.query.projectFile.findMany({
+        columns: { id: true },
         where: and(eq(schema.projectFile.projectId, projectId), eq(schema.projectFile.kind, "logo")),
         orderBy: [asc(schema.projectFile.position), asc(schema.projectFile.createdAt)],
     });
-    return logo?.id ?? null;
+    return mainLogo(logos, p?.brand.logoSections)?.id ?? null;
 }
 /** What end users see of the project: its title, accent and logo — never the project name. */
 export async function brandView(projectId) {

package/apps/runtime/dist/services/project-files.js

@@ -7,6 +7,7 @@ import { loadAsset, removeAsset, replaceAsset, saveAsset } from "../files/storag
 import { embeddingModel, textModel } from "../models.js";
 import { spaceFileChanged } from "../plugins/events.js";
 import { dropLinks, putLink } from "../tenants/control.js";
+import { safeFetch } from "../tools/net-guard.js";
 import { requireWritableProject } from "./access.js";
 import { notFound, ServiceError } from "./errors.js";
 import { convertDocument, fillCategories } from "./knowledge-model.js";
@@ -58,12 +59,17 @@ export async function projectFileContent(projectId, fileId) {
     }
     return { row, data: found.data };
 }
+/**
+ * Assets are what wizards put into what they make: pictures, clips, recordings, and files to
+ * hand on as they are — PDFs, fonts, Lottie animations (JSON), 3D models.
+ */
+const ASSET_TYPES = /^((image|video|audio|font)\/|application\/(pdf|json)$|model\/gltf)/;
 function accepts(kind, mime) {
-    if (kind === "logo") {
+    if (kind === "logo" || kind === "pattern") {
         return mime.startsWith("image/");
     }
     if (kind === "asset") {
-        return /^(image|video|audio)\//.test(mime);
+        return ASSET_TYPES.test(mime);
     }
     return true;
 }
@@ -73,7 +79,9 @@ export async function addProjectFile(projectId, input) {
     if (!accepts(input.kind, mime)) {
         throw new ServiceError("invalid", input.kind === "logo"
             ? "Ein Logo ist ein Bild (PNG, SVG, JPEG, WebP)."
-            : "Hierher gehören Bilder, Grafiken, Videos und Audio. Anderes bitte zu den Dokumenten.");
+            : input.kind === "pattern"
+                ? "Ein Muster ist ein Bild (SVG, PNG, JPEG, WebP)."
+                : "Hierher gehören Bilder, Videos, Audio, PDFs, Schriften, Lottie und 3D-Modelle. Texte zum Nachschlagen bitte zu den Dokumenten.");
     }
     const limit = projectFileLimit(input.kind, mime);
     if (!input.data.byteLength || input.data.byteLength > limit) {
@@ -120,6 +128,54 @@ export async function addProjectFile(projectId, input) {
     }
     return row;
 }
+/**
+ * Fetches a file from a public web address into the project, as an upload of it would add it.
+ * A drawing a page holds inline comes as a `data:image/svg+xml` address. A web page where a
+ * picture was asked for is refused with the reason `page`.
+ */
+export async function addProjectFileFromUrl(projectId, input) {
+    const { url, kind, signal } = input;
+    const inline = url.match(/^data:image\/svg\+xml;base64,([A-Za-z0-9+/=]+)$/);
+    if (inline) {
+        return addProjectFile(projectId, {
+            kind,
+            name: `${kind}.svg`,
+            mime: "image/svg+xml",
+            data: new Uint8Array(Buffer.from(inline[1], "base64")),
+            description: input.description,
+        });
+    }
+    const res = await safeFetch(url, {
+        headers: { "user-agent": "Mozilla/5.0 (compatible; engenty-wizards/0.1)" },
+        signal: AbortSignal.any([AbortSignal.timeout(60_000), ...(signal ? [signal] : [])]),
+    }).catch(() => {
+        throw new ServiceError("invalid", "Die Adresse ist nicht erreichbar.");
+    });
+    if (!res.ok) {
+        throw new ServiceError("invalid", `Die Adresse antwortete ${res.status}.`);
+    }
+    const mime = (res.headers.get("content-type") ?? "").split(";")[0].trim().toLowerCase();
+    if (mime === "text/html" && kind !== "document") {
+        await res.body?.cancel();
+        throw new ServiceError("invalid", "Unter der Adresse steht eine Webseite, kein Bild.", {
+            reason: "page",
+            url: res.url,
+        });
+    }
+    if (Number(res.headers.get("content-length") ?? 0) > projectFileLimit(kind, mime)) {
+        throw new ServiceError("invalid", "Die Datei ist zu groß.");
+    }
+    const data = new Uint8Array(await res.arrayBuffer());
+    const name = decodeURIComponent(new URL(res.url).pathname.split("/").pop() || kind);
+    return addProjectFile(projectId, {
+        kind,
+        name,
+        mime,
+        data,
+        description: input.description,
+        source: res.url,
+    });
+}
 // --- reading, describing, indexing -------------------------------------------------
 /** Files are worked through two at a time: each costs model calls. */
 let running = 0;

package/apps/runtime/dist/services/projects.js

@@ -1,4 +1,4 @@
-import { FACT_TYPES, PROJECT_LIMITS } from "@engenty-wizards/shared/projects";
+import { COLOR_SECTION_KINDS, cleanAssetSections, cleanLogoSections, FACT_TYPES, FONT_WEIGHTS, GRADIENT_TYPES, orderColors, PROJECT_LIMITS, RULE_MARKS, } from "@engenty-wizards/shared/projects";
 import { and, count, eq, isNull } from "drizzle-orm";
 import { nanoid } from "nanoid";
 import { z } from "zod";
@@ -18,9 +18,66 @@ export const mcpServerSchema = z.object({
     url: z.string().url(),
     headers: z.record(z.string(), z.string()).optional(),
 });
+const sectionId = z.string().regex(/^[A-Za-z0-9_-]{1,40}$/);
 export const brandColorSchema = z.object({
     name: z.string().max(120),
     value: z.string().regex(/^#[0-9a-fA-F]{6}$/),
+    section: sectionId.optional(),
+});
+export const colorSectionSchema = z.object({
+    id: sectionId,
+    title: z.string().max(80),
+    description: z.string().max(400),
+    kind: z.enum(COLOR_SECTION_KINDS).optional(),
+});
+const hexColor = z.string().regex(/^#[0-9a-fA-F]{6}$/);
+export const gradientSchema = z.object({
+    id: sectionId,
+    name: z.string().max(80),
+    section: sectionId,
+    type: z.enum(GRADIENT_TYPES),
+    angle: z.number().min(-360).max(720),
+    stops: z
+        .array(z.object({ color: hexColor, at: z.number().min(0).max(100) }))
+        .min(2)
+        .max(12),
+});
+export const patternSchema = z.object({
+    id: sectionId,
+    name: z.string().max(80),
+    section: sectionId,
+    file: z.string().max(40),
+    tile: z.boolean().optional(),
+});
+const rulesSchema = z
+    .array(z.object({ text: z.string().max(200), mark: z.enum(RULE_MARKS).optional() }))
+    .max(PROJECT_LIMITS.logoRules);
+export const brandFontSchema = z.object({
+    id: sectionId,
+    family: z.string().max(80),
+    role: z.string().max(200),
+    weights: z.array(z.number().int().min(100).max(900)).max(FONT_WEIGHTS.length + 3),
+});
+export const textStyleSchema = z.object({
+    id: sectionId,
+    name: z.string().max(60),
+    font: sectionId.optional(),
+    size: z.number().min(6).max(400),
+    weight: z.number().int().min(100).max(900),
+    lineHeight: z.number().min(50).max(300),
+    tracking: z.number().min(-20).max(50),
+    uppercase: z.boolean().optional(),
+});
+export const assetSectionSchema = z.object({
+    id: sectionId,
+    title: z.string().max(80),
+    assets: z.array(z.string().max(40)).max(PROJECT_LIMITS.files.asset),
+});
+export const logoSectionSchema = z.object({
+    id: sectionId,
+    title: z.string().max(80),
+    description: z.string().max(400),
+    logos: z.array(z.string().max(40)).max(PROJECT_LIMITS.files.logo),
 });
 export const projectFactSchema = z.object({
     key: z.string().regex(/^[a-z0-9_]{1,40}$/),
@@ -35,6 +92,16 @@ export const projectPatchSchema = z.object({
         name: z.string().max(120).optional(),
         about: z.string().max(8000).optional(),
         colors: z.array(brandColorSchema).max(PROJECT_LIMITS.colors).optional(),
+        colorSections: z.array(colorSectionSchema).max(PROJECT_LIMITS.logoSections).optional(),
+        gradients: z.array(gradientSchema).max(PROJECT_LIMITS.gradients).optional(),
+        patterns: z.array(patternSchema).max(PROJECT_LIMITS.files.pattern).optional(),
+        colorRules: rulesSchema.optional(),
+        assetSections: z.array(assetSectionSchema).max(PROJECT_LIMITS.logoSections).optional(),
+        fonts: z.array(brandFontSchema).max(PROJECT_LIMITS.fonts).optional(),
+        textStyles: z.array(textStyleSchema).max(PROJECT_LIMITS.textStyles).optional(),
+        typeRules: rulesSchema.optional(),
+        logoSections: z.array(logoSectionSchema).max(PROJECT_LIMITS.logoSections).optional(),
+        logoRules: rulesSchema.optional(),
     })
         .optional(),
     facts: z.array(projectFactSchema).max(PROJECT_LIMITS.facts).optional(),
@@ -182,7 +249,7 @@ export async function updateProject(userId, projectId, patch) {
         .update(schema.project)
         .set({
         ...(patch.name ? { name: patch.name } : {}),
-        ...(patch.brand ? { brand: { ...p.brand, ...patch.brand } } : {}),
+        ...(patch.brand ? { brand: brandAfter(p.brand, patch.brand) } : {}),
         ...(patch.facts ? { facts: patch.facts } : {}),
         ...(mcpServers ? { mcpServers } : {}),
         updatedAt: new Date(),
@@ -190,11 +257,92 @@ export async function updateProject(userId, projectId, patch) {
         .where(eq(schema.project.id, p.id));
     spaceChanged("space.updated", p.id);
 }
+/**
+ * The brand with the patch on it. Sections and rules are optional: a section without title and
+ * logos and rules without words are not kept.
+ */
+function brandAfter(brand, patch) {
+    const { logoSections, logoRules, colors, colorSections, colorRules, gradients, patterns, assetSections, fonts, textStyles, typeRules, ...rest } = {
+        ...brand,
+        ...patch,
+    };
+    // A rule is its words and its sign; a bullet is the sign of none.
+    const rows = (list) => (list ?? [])
+        .map(({ text, mark }) => ({
+        text: text.trim(),
+        ...(mark && mark !== "bullet" ? { mark } : {}),
+    }))
+        .filter((r) => r.text);
+    const used = new Set([...(colors ?? []), ...(gradients ?? []), ...(patterns ?? [])].map((c) => c.section));
+    const colorGroups = (colorSections ?? [])
+        .map((s) => ({
+        ...s,
+        title: s.title.trim(),
+        description: s.description.trim(),
+        ...(s.kind && s.kind !== "colors" ? { kind: s.kind } : { kind: undefined }),
+    }))
+        .filter((s) => s.title || used.has(s.id));
+    // A gradient or a pattern lives in a section of its kind; colours only in colour sections.
+    const kindOf = (id) => colorGroups.find((s) => s.id === id)?.kind ?? "colors";
+    const inKind = (id, kind) => colorGroups.some((s) => s.id === id && s.kind === kind);
+    const fills = (gradients ?? [])
+        .filter((g) => inKind(g.section, "gradients"))
+        .map((g) => ({ ...g, name: g.name.trim() }));
+    const tiles = (patterns ?? [])
+        .filter((p) => inKind(p.section, "patterns"))
+        .map((p) => ({ ...p, name: p.name.trim() }));
+    const swatches = colors?.map((c) => c.section && kindOf(c.section) !== "colors" ? { name: c.name, value: c.value } : c);
+    const sections = cleanLogoSections((logoSections ?? []).map((s) => ({
+        ...s,
+        title: s.title.trim(),
+        description: s.description.trim(),
+    }))).filter((s) => s.title || s.logos.length);
+    const assetGroups = cleanAssetSections((assetSections ?? []).map((s) => ({ ...s, title: s.title.trim() }))).filter((s) => s.title || s.assets.length);
+    const typefaces = (fonts ?? [])
+        .map((f) => ({ ...f, family: f.family.trim(), role: f.role.trim() }))
+        .filter((f) => f.family);
+    const styles = (textStyles ?? [])
+        .map((s) => ({
+        ...s,
+        name: s.name.trim(),
+        font: typefaces.some((f) => f.id === s.font) ? s.font : undefined,
+    }))
+        .filter((s) => s.name);
+    const typeRows = rows(typeRules);
+    const rules = rows(logoRules);
+    const colourRules = rows(colorRules);
+    return {
+        ...rest,
+        ...(swatches ? { colors: orderColors(swatches, colorGroups) } : {}),
+        ...(colorGroups.length
+            ? { colorSections: colorGroups.map(({ kind, ...s }) => (kind ? { ...s, kind } : s)) }
+            : {}),
+        ...(fills.length ? { gradients: fills } : {}),
+        ...(tiles.length ? { patterns: tiles } : {}),
+        ...(colourRules.length ? { colorRules: colourRules } : {}),
+        ...(assetGroups.length ? { assetSections: assetGroups } : {}),
+        ...(typefaces.length ? { fonts: typefaces } : {}),
+        ...(styles.length ? { textStyles: styles } : {}),
+        ...(typeRows.length ? { typeRules: typeRows } : {}),
+        ...(sections.length ? { logoSections: sections } : {}),
+        ...(rules.length ? { logoRules: rules } : {}),
+    };
+}
 export function projectProfile(p) {
     return {
         name: p.brand.name ?? "",
         about: p.brand.about ?? "",
         colors: p.brand.colors ?? [],
+        colorSections: p.brand.colorSections ?? [],
+        gradients: p.brand.gradients ?? [],
+        patterns: p.brand.patterns ?? [],
+        colorRules: p.brand.colorRules ?? [],
+        logoSections: p.brand.logoSections ?? [],
+        assetSections: p.brand.assetSections ?? [],
+        fonts: p.brand.fonts ?? [],
+        textStyles: p.brand.textStyles ?? [],
+        typeRules: p.brand.typeRules ?? [],
+        logoRules: p.brand.logoRules ?? [],
         facts: p.facts.filter((f) => f.value.trim()),
     };
 }

package/apps/runtime/dist/services/wizards.js

@@ -1,3 +1,4 @@
+import { versionChanges } from "@engenty-wizards/shared/changes";
 import { pluginToolOf, shapeIssues, validateWizard, wizardSchema, } from "@engenty-wizards/shared/definition";
 import { and, desc, eq, sql } from "drizzle-orm";
 import { nanoid } from "nanoid";
@@ -159,6 +160,30 @@ export async function wizardState(w) {
         studioUrl: studioUrl(w.id),
     };
 }
+/**
+ * What "Änderungen live schalten" says: the version people run, what the draft changes of it,
+ * and the latest test run of exactly this draft and its files.
+ */
+export async function draftChanges(w) {
+    const published = await publishedVersion(w);
+    const files = await draftFiles(w.id);
+    const draft = JSON.stringify(w.draft);
+    const tests = await db.query.run.findMany({
+        where: and(eq(schema.run.wizardId, w.id), eq(schema.run.mode, "test")),
+        orderBy: [desc(schema.run.createdAt)],
+        columns: { id: true, definition: true, files: true, createdAt: true, status: true },
+        limit: 20,
+    });
+    const tested = tests.find((r) => JSON.stringify(r.definition) === draft && sameFiles(r.files, files));
+    return {
+        version: published?.version ?? null,
+        published: published?.definition ?? null,
+        changes: published ? versionChanges(published, { definition: w.draft, files }) : [],
+        tested: tested
+            ? { runId: tested.id, at: tested.createdAt.toISOString(), status: tested.status }
+            : null,
+    };
+}
 export async function wizardMessages(wizardId) {
     return db.query.wizardMessage.findMany({
         where: eq(schema.wizardMessage.wizardId, wizardId),

package/apps/web/dist/assets/AboutDialog-C0dN86zd.js

@@ -0,0 +1 @@
+import{r as e}from"./rolldown-runtime-hePW80VL.js";import{n as t,t as n}from"./jsx-runtime-BNakU3Ej.js";import{t as r}from"./logo-C4V2_3Ar.js";import{t as i}from"./preload-helper-CNEI7N0N.js";import{Ct as a,Dt as o,Tt as s,Zt as c,bt as l,ft as u,ht as d,jt as f,kt as p,mt as m,nn as h,pt as g}from"./ui-BOCXzzHi.js";import{ft as _,pt as v,wt as y}from"./index-Df6UxElH.js";import{c as b,f as x}from"./settings-menu-DV5D91TD.js";import{ReleaseNotes as S,loadReleases as C,releaseDate as w,releaseLabel as T}from"./ChangelogDialog-Cv81t7tj.js";var E=e(t(),1),D=[{name:`engenty wizards`,description:{de:`KI-Wizards aus einer Beschreibung, mit einem Link geteilt.`,en:`AI wizards built from a description, shared with a link.`},homepage:`https://github.com/engenty/wizards`,license:`FSL-1.1-MIT`},{name:`engenty`,description:{de:`Konnektoren, Datentabellen, Suche und die Engenties stammen aus dem engenty-Framework.`,en:`Connectors, data tables, search and the engenties come from the engenty framework.`},homepage:`https://github.com/engenty/engenty`,license:`FSL-1.1-MIT`}],O=[{name:`Mastra`,description:{de:`Agent-Framework hinter den KI-Schritten.`,en:`Agent framework behind the AI steps.`},homepage:`https://github.com/mastra-ai/mastra`,license:`Apache-2.0`},{name:`AI SDK`,description:{de:`Modell-Aufrufe für Text, Bild, Video und Sprache.`,en:`Model calls for text, image, video and speech.`},homepage:`https://github.com/vercel/ai`,license:`Apache-2.0`},{name:`Model Context Protocol`,description:{de:`MCP-Server zum Bauen von Wizards, MCP-Client für Werkzeuge der Schritte.`,en:`MCP server for building wizards, MCP client for the steps' tools.`},homepage:`https://github.com/modelcontextprotocol/typescript-sdk`,license:`MIT`},{name:`Hono`,description:{de:`HTTP-API der Runtime.`,en:`The runtime's HTTP API.`},homepage:`https://github.com/honojs/hono`,license:`MIT`},{name:`Drizzle ORM`,description:{de:`Schema und Migrationen der Datenbanken.`,en:`Schema and migrations of the databases.`},homepage:`https://github.com/drizzle-team/drizzle-orm`,license:`Apache-2.0`},{name:`libSQL`,description:{de:`Eine Datenbank je Mandant, lokal als Datei oder bei Turso.`,en:`One database per tenant, a local file or at Turso.`},homepage:`https://github.com/tursodatabase/libsql`,license:`MIT`},{name:`Playwright`,description:{de:`Browser-Schritte sowie PDF- und PNG-Export.`,en:`Browser steps and the PDF and PNG export.`},homepage:`https://github.com/microsoft/playwright`,license:`Apache-2.0`},{name:`agentOS`,description:{de:`Sandbox für Code-Schritte ohne Docker.`,en:`Sandbox for code steps without Docker.`},homepage:`https://github.com/rivet-dev/agentos`,license:`Apache-2.0`},{name:`React`,description:{de:`UI-Bibliothek der Web-App.`,en:`UI library of the web app.`},homepage:`https://github.com/facebook/react`,license:`MIT`},{name:`Vite`,description:{de:`Build-Werkzeug der Web-App.`,en:`Build tool of the web app.`},homepage:`https://github.com/vitejs/vite`,license:`MIT`},{name:`Tailwind CSS`,description:{de:`Styling der Oberfläche.`,en:`Styling of the interface.`},homepage:`https://github.com/tailwindlabs/tailwindcss`,license:`MIT`},{name:`React Flow`,description:{de:`Das Diagramm der Schritte im Editor.`,en:`The diagram of steps in the editor.`},homepage:`https://github.com/xyflow/xyflow`,license:`MIT`},{name:`TanStack Query`,description:{de:`Server-Daten in der Web-App.`,en:`Server data in the web app.`},homepage:`https://github.com/TanStack/query`,license:`MIT`},{name:`xterm.js`,description:{de:`Das Terminal auf der Seite, in dem sich KI-Clients anmelden.`,en:`The terminal on the page where AI clients sign in.`},homepage:`https://github.com/xtermjs/xterm.js`,license:`MIT`},{name:`Lucide`,description:{de:`Icons.`,en:`Icons.`},homepage:`https://github.com/lucide-icons/lucide`,license:`ISC`},{name:`Geist & Geist Mono`,description:{de:`Schrift der Oberfläche.`,en:`Typeface of the interface.`},homepage:`https://github.com/vercel/geist-font`,license:`OFL-1.1`},{name:`Space Grotesk`,description:{de:`Schrift der Überschriften.`,en:`Typeface of the headings.`},homepage:`https://github.com/floriankarsten/space-grotesk`,license:`OFL-1.1`},{name:`git-cliff`,description:{de:`Erzeugt den Changelog aus den Commits.`,en:`Generates the changelog from the commits.`},homepage:`https://github.com/orhun/git-cliff`,license:`MIT OR Apache-2.0`}],k=e(n(),1),A=(e,...t)=>t.some(t=>t?.toLowerCase().includes(e));function j({name:e,homepage:t,version:n,license:r,description:i}){return(0,k.jsxs)(`li`,{className:`py-2.5`,children:[(0,k.jsxs)(`div`,{className:`flex flex-wrap items-baseline gap-x-2.5 gap-y-0.5`,children:[t?(0,k.jsxs)(`a`,{href:t,target:`_blank`,rel:`noreferrer`,className:`inline-flex items-center gap-1 font-medium text-[0.875rem] text-ink underline-offset-4 hover:underline`,children:[e,(0,k.jsx)(c,{"aria-hidden":!0,className:`size-3 text-ink-4`})]}):(0,k.jsx)(`span`,{className:`font-medium text-[0.875rem] text-ink`,children:e}),n?(0,k.jsx)(`span`,{className:`text-[0.75rem] text-ink-3 tabular-nums`,children:n}):null,(0,k.jsx)(`span`,{className:`text-[0.75rem] text-ink-3`,children:r})]}),i?(0,k.jsx)(`p`,{className:`mt-0.5 text-[0.8125rem] text-ink-3`,children:i}):null]})}function M({title:e,hint:t,children:n}){return(0,k.jsxs)(`section`,{className:`mt-6`,children:[(0,k.jsx)(`h3`,{className:`border-border-soft border-b pb-2 font-display font-semibold text-[1rem]`,children:e}),t?(0,k.jsx)(`p`,{className:`mt-2 text-[0.8125rem] text-ink-3`,children:t}):null,n]})}function N({credits:e}){return(0,k.jsx)(`ul`,{className:`divide-y divide-border-soft`,children:e.map(e=>(0,k.jsx)(j,{name:e.name,homepage:e.homepage,license:e.license,description:e.description[o]},e.name))})}function P({label:e,packages:t}){return(0,k.jsxs)(`div`,{className:`mt-4`,children:[(0,k.jsx)(`h4`,{className:`font-medium text-[0.75rem] text-ink-3 tracking-wide`,children:e}),(0,k.jsx)(`ul`,{className:`divide-y divide-border-soft`,children:t.map(e=>(0,k.jsx)(j,{...e},e.name))})]})}function F({active:e}){let[t,n]=(0,E.useState)(null),[r,a]=(0,E.useState)(``);(0,E.useEffect)(()=>{if(!e||t)return;let r=!1;return i(()=>import(`./oss-credits-BQQX0kvk.js`).then(e=>{r||n(e.default)}),[]),()=>{r=!0}},[e,t]),(0,E.useEffect)(()=>{e||a(``)},[e]);let o=r.trim().toLowerCase(),s=e=>o?e.filter(e=>A(o,e.name,e.license,e.description.de,e.description.en)):e,c=e=>o?e.filter(e=>A(o,e.name,e.license,e.version)):e,u=s(D),f=s(O),m=t?[{id:`shared`,label:p(`about.creditsShared`),packages:c(t.shared)},...t.groups.map(e=>({id:e.id,label:e.label,packages:c(e.packages)}))].filter(e=>e.packages.length>0):[],h=u.length===0&&f.length===0&&m.length===0;return(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(`p`,{className:`mb-4 text-[0.875rem] text-ink-3`,children:p(`about.creditsHint`)}),(0,k.jsx)(d,{type:`search`,value:r,placeholder:p(`about.search`),onChange:e=>a(e.target.value)}),u.length>0?(0,k.jsx)(M,{title:p(`about.creditsProduct`),children:(0,k.jsx)(N,{credits:u})}):null,f.length>0?(0,k.jsx)(M,{title:p(`about.creditsBuiltWith`),children:(0,k.jsx)(N,{credits:f})}):null,t===null?(0,k.jsx)(`div`,{className:`flex justify-center py-10 text-ink-3`,children:(0,k.jsx)(l,{})}):m.length>0?(0,k.jsx)(M,{title:p(`about.creditsDeps`),hint:o?void 0:p(`about.creditsDepsHint`),children:m.map(e=>(0,k.jsx)(P,{label:e.label,packages:e.packages},e.id))}):null,t!==null&&h?(0,k.jsx)(g,{children:p(`about.noMatches`)}):null]})}var I=[`new`,`earlier`,`credits`],L=e=>p(e===`new`?`about.tab.new`:e===`earlier`?`about.tab.earlier`:`about.credits`),R=e=>e===1?p(`about.change`):p(`about.changes`,{n:e});function z({open:e,onClose:t,me:n}){let i=n?.mode===`local`,{data:o,latest:c}=v(i&&e),[d,g]=(0,E.useState)(null),[D,O]=(0,E.useState)(`new`),A=x(I.indexOf(D)),j=o?.newer&&c?c:y;(0,E.useEffect)(()=>{if(!e)return;let t=!1;return g(null),C(j===`0.3.7`?void 0:j).then(e=>{t||g(e)}),()=>{t=!0}},[e,j]);let M=d?.find(e=>e.version===`v${j}`)??d?.[0]??null,N=d?.filter(e=>e!==M)??[],P=i?o?.kind??null:`cloud`;return(0,k.jsxs)(u,{open:e,onClose:t,wide:!0,height:`tall`,children:[(0,k.jsx)(`div`,{className:`-mt-2 -mr-2 sticky top-0 z-10 flex h-0 justify-end`,children:(0,k.jsx)(m,{label:p(`common.close`),onClick:t,children:(0,k.jsx)(f,{className:`size-4`})})}),(0,k.jsxs)(`div`,{className:`flex flex-col items-center pt-4 text-center`,children:[(0,k.jsx)(r,{size:96}),(0,k.jsxs)(`div`,{className:`mt-4 font-display font-semibold text-[1.5rem] tracking-tight`,children:[`engenty`,(0,k.jsx)(`span`,{className:`text-ember`,children:`.`}),(0,k.jsx)(`span`,{className:`ml-1.5 font-normal text-ink-3`,children:`wizards`})]}),(0,k.jsxs)(`div`,{className:`mt-1 text-[0.9375rem] text-ink-3 tabular-nums`,children:[p(`about.version`,{v:y}),P?` · ${p(`about.kind.${P}`)}`:``]})]}),i?(0,k.jsx)(`div`,{className:`mt-5`,children:(0,k.jsx)(_,{enabled:e})}):null,(0,k.jsx)(`div`,{className:`mt-6 flex justify-center`,children:(0,k.jsx)(a,{value:D,onChange:O,options:I.map(e=>({id:e,label:L(e)})),label:p(`about.title`)})}),(0,k.jsxs)(`div`,{className:s(`mt-5`,b(A)),children:[D===`new`?d===null?(0,k.jsx)(`div`,{className:`flex justify-center py-6 text-ink-3`,children:(0,k.jsx)(l,{})}):M?(0,k.jsxs)(k.Fragment,{children:[(0,k.jsxs)(`h3`,{className:`flex items-baseline gap-3 border-border-soft border-b pb-2 font-display font-semibold text-[1rem]`,children:[T(M),(0,k.jsx)(`span`,{className:`font-normal font-sans text-[0.8125rem] text-ink-3 tabular-nums`,children:w(M)})]}),(0,k.jsx)(`div`,{className:`mt-3`,children:(0,k.jsx)(S,{release:M})})]}):(0,k.jsx)(`p`,{className:`text-[0.875rem] text-ink-3`,children:p(`about.changelogEmpty`)}):null,D===`earlier`?(0,k.jsx)(`div`,{className:`flex flex-col divide-y divide-border-soft`,children:N.map(e=>(0,k.jsxs)(`details`,{className:`group/r py-2`,children:[(0,k.jsxs)(`summary`,{className:`flex cursor-pointer list-none items-baseline gap-3 text-[0.875rem] [&::-webkit-details-marker]:hidden`,children:[(0,k.jsx)(h,{className:`size-3.5 shrink-0 self-center text-ink-4 transition group-open/r:rotate-90`}),(0,k.jsx)(`span`,{className:`font-medium text-ink tabular-nums`,children:T(e)}),(0,k.jsx)(`span`,{className:`text-[0.8125rem] text-ink-3 tabular-nums`,children:w(e)}),(0,k.jsx)(`span`,{className:`ml-auto text-[0.8125rem] text-ink-4`,children:R(e.commits.length)})]}),(0,k.jsx)(`div`,{className:`mt-2 pl-6`,children:(0,k.jsx)(S,{release:e})})]},e.version??`unreleased`))}):null,D===`credits`?(0,k.jsx)(F,{active:!0}):null]},D)]})}export{z as AboutDialog};

package/apps/web/dist/assets/{ChangelogDialog-VEBTlC3f.js → ChangelogDialog-Cv81t7tj.js}

@@ -1 +1 @@
-import{r as e}from"./rolldown-runtime-hePW80VL.js";import{n as t,t as n}from"./jsx-runtime-BNakU3Ej.js";import{t as r}from"./preload-helper-CNEI7N0N.js";import{Tt as i,bt as a,ft as o,ht as s,kt as c,pt as l}from"./ui-CMdSOoUZ.js";var u=e(t(),1),d=e(n(),1);function f(e){switch(e.group){case`Added`:return{label:`NEW`,dot:`bg-moss`};case`Fixed`:return{label:`FIXED`,dot:`bg-amber`};case`Changed`:return{label:`CHANGED`,dot:`bg-cobalt`};case`Performance`:return{label:`PERFORMANCE`,dot:`bg-ember`};case`Deploy`:return{label:`DEPLOY`,dot:`bg-ink-4`};case`Docs`:return{label:`DOCS`,dot:`bg-ink-4`};default:return{label:`OTHER`,dot:`bg-ink-4`}}}var p=e=>e.version?e.version.replace(/^v/,``):c(`about.unreleased`),m=e=>e.timestamp?new Date(e.timestamp*1e3).toISOString().slice(0,10):``,h=e=>e.charAt(0).toUpperCase()+e.slice(1);function g(e,t){let n=t.trim().toLowerCase();if(!n)return e;let r=[];for(let t of e){if(`${p(t)} ${m(t)}`.toLowerCase().includes(n)){r.push(t);continue}let e=t.commits.filter(e=>`${f(e).label} ${e.scope??``} ${e.message}`.toLowerCase().includes(n));e.length>0&&r.push({...t,commits:e})}return r}async function _(e){if(e)try{let t=await fetch(`https://raw.githubusercontent.com/engenty/engenty-wizards/v${e}/apps/web/src/about/changelog.json`,{signal:AbortSignal.timeout(5e3)});if(t.ok)return await t.json()}catch{}return(await r(async()=>{let{default:e}=await import(`./changelog-ViHoNW7e.js`);return{default:e}},[])).default}function v({release:e}){return(0,d.jsx)(`ul`,{className:`flex flex-col gap-2`,children:e.commits.map(e=>{let t=f(e);return(0,d.jsxs)(`li`,{className:`flex items-start gap-2.5 text-[0.875rem]`,children:[(0,d.jsx)(`span`,{className:i(`mt-[7px] size-1.5 shrink-0 rounded-full`,t.dot)}),(0,d.jsxs)(`span`,{className:`min-w-0 text-ink-2`,children:[(0,d.jsxs)(`span`,{className:`font-semibold text-[0.75rem] text-ink tracking-wide`,children:[t.label,e.scope?` [${e.scope}]`:``]}),` `,h(e.message),e.breaking?(0,d.jsx)(`span`,{className:`ml-1.5 rounded-full bg-rose-tint px-1.5 py-0.5 font-medium text-[0.75rem] text-rose`,children:c(`about.breaking`)}):null]})]},e.id)})})}function y({open:e,onClose:t,version:n}){let[r,i]=(0,u.useState)(null),[f,h]=(0,u.useState)(``);(0,u.useEffect)(()=>{if(!e||r)return;let t=!1;return _(n).then(e=>{t||i(e)}),()=>{t=!0}},[e,r,n]),(0,u.useEffect)(()=>{e||h(``)},[e]);let y=r?g(r,f):[];return(0,d.jsxs)(o,{open:e,onClose:t,title:c(`about.changelog`),wide:!0,height:`tall`,children:[(0,d.jsx)(`p`,{className:`-mt-3 mb-4 text-[0.875rem] text-ink-3`,children:c(`about.changelogHint`)}),r===null?(0,d.jsx)(`div`,{className:`flex justify-center py-10 text-ink-3`,children:(0,d.jsx)(a,{})}):r.length===0?(0,d.jsx)(l,{children:c(`about.changelogEmpty`)}):(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(s,{type:`search`,value:f,placeholder:c(`about.search`),onChange:e=>h(e.target.value)}),y.length===0?(0,d.jsx)(l,{children:c(`about.noMatches`)}):null,y.map(e=>(0,d.jsxs)(`section`,{className:`mt-6`,children:[(0,d.jsxs)(`h3`,{className:`flex items-baseline gap-3 border-border-soft border-b pb-2 font-display font-semibold text-[1rem]`,children:[p(e),(0,d.jsx)(`span`,{className:`font-normal font-sans text-[0.8125rem] text-ink-3 tabular-nums`,children:m(e)})]}),(0,d.jsx)(`div`,{className:`mt-3`,children:(0,d.jsx)(v,{release:e})})]},e.version??`unreleased`))]})]})}export{y as ChangelogDialog,v as ReleaseNotes,_ as loadReleases,m as releaseDate,p as releaseLabel};
+import{r as e}from"./rolldown-runtime-hePW80VL.js";import{n as t,t as n}from"./jsx-runtime-BNakU3Ej.js";import{t as r}from"./preload-helper-CNEI7N0N.js";import{Tt as i,bt as a,ft as o,ht as s,kt as c,pt as l}from"./ui-BOCXzzHi.js";var u=e(t(),1),d=e(n(),1);function f(e){switch(e.group){case`Added`:return{label:`NEW`,dot:`bg-moss`};case`Fixed`:return{label:`FIXED`,dot:`bg-amber`};case`Changed`:return{label:`CHANGED`,dot:`bg-cobalt`};case`Performance`:return{label:`PERFORMANCE`,dot:`bg-ember`};case`Deploy`:return{label:`DEPLOY`,dot:`bg-ink-4`};case`Docs`:return{label:`DOCS`,dot:`bg-ink-4`};default:return{label:`OTHER`,dot:`bg-ink-4`}}}var p=e=>e.version?e.version.replace(/^v/,``):c(`about.unreleased`),m=e=>e.timestamp?new Date(e.timestamp*1e3).toISOString().slice(0,10):``,h=e=>e.charAt(0).toUpperCase()+e.slice(1);function g(e,t){let n=t.trim().toLowerCase();if(!n)return e;let r=[];for(let t of e){if(`${p(t)} ${m(t)}`.toLowerCase().includes(n)){r.push(t);continue}let e=t.commits.filter(e=>`${f(e).label} ${e.scope??``} ${e.message}`.toLowerCase().includes(n));e.length>0&&r.push({...t,commits:e})}return r}async function _(e){if(e)try{let t=await fetch(`https://raw.githubusercontent.com/engenty/engenty-wizards/v${e}/apps/web/src/about/changelog.json`,{signal:AbortSignal.timeout(5e3)});if(t.ok)return await t.json()}catch{}return(await r(async()=>{let{default:e}=await import(`./changelog-DCJo2mbx.js`);return{default:e}},[])).default}function v({release:e}){return(0,d.jsx)(`ul`,{className:`flex flex-col gap-2`,children:e.commits.map(e=>{let t=f(e);return(0,d.jsxs)(`li`,{className:`flex items-start gap-2.5 text-[0.875rem]`,children:[(0,d.jsx)(`span`,{className:i(`mt-[7px] size-1.5 shrink-0 rounded-full`,t.dot)}),(0,d.jsxs)(`span`,{className:`min-w-0 text-ink-2`,children:[(0,d.jsxs)(`span`,{className:`font-semibold text-[0.75rem] text-ink tracking-wide`,children:[t.label,e.scope?` [${e.scope}]`:``]}),` `,h(e.message),e.breaking?(0,d.jsx)(`span`,{className:`ml-1.5 rounded-full bg-rose-tint px-1.5 py-0.5 font-medium text-[0.75rem] text-rose`,children:c(`about.breaking`)}):null]})]},e.id)})})}function y({open:e,onClose:t,version:n}){let[r,i]=(0,u.useState)(null),[f,h]=(0,u.useState)(``);(0,u.useEffect)(()=>{if(!e||r)return;let t=!1;return _(n).then(e=>{t||i(e)}),()=>{t=!0}},[e,r,n]),(0,u.useEffect)(()=>{e||h(``)},[e]);let y=r?g(r,f):[];return(0,d.jsxs)(o,{open:e,onClose:t,title:c(`about.changelog`),wide:!0,height:`tall`,children:[(0,d.jsx)(`p`,{className:`-mt-3 mb-4 text-[0.875rem] text-ink-3`,children:c(`about.changelogHint`)}),r===null?(0,d.jsx)(`div`,{className:`flex justify-center py-10 text-ink-3`,children:(0,d.jsx)(a,{})}):r.length===0?(0,d.jsx)(l,{children:c(`about.changelogEmpty`)}):(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(s,{type:`search`,value:f,placeholder:c(`about.search`),onChange:e=>h(e.target.value)}),y.length===0?(0,d.jsx)(l,{children:c(`about.noMatches`)}):null,y.map(e=>(0,d.jsxs)(`section`,{className:`mt-6`,children:[(0,d.jsxs)(`h3`,{className:`flex items-baseline gap-3 border-border-soft border-b pb-2 font-display font-semibold text-[1rem]`,children:[p(e),(0,d.jsx)(`span`,{className:`font-normal font-sans text-[0.8125rem] text-ink-3 tabular-nums`,children:m(e)})]}),(0,d.jsx)(`div`,{className:`mt-3`,children:(0,d.jsx)(v,{release:e})})]},e.version??`unreleased`))]})]})}export{y as ChangelogDialog,v as ReleaseNotes,_ as loadReleases,m as releaseDate,p as releaseLabel};