wizards 0.3.5 → 0.3.7

package/node_modules/@engenty-wizards/plugin-sdk/dist/index.d.ts

@@ -139,7 +139,7 @@ export interface PluginSpaceFileEvent {
     file: {
         id: string;
         name: string;
-        kind: "logo" | "asset" | "document";
+        kind: "logo" | "asset" | "document" | "pattern";
         mime: string;
     };
 }
@@ -327,7 +327,7 @@ export interface PluginSpaceFile {
     name: string;
     mime: string;
     size: number;
-    kind: "logo" | "asset" | "document";
+    kind: "logo" | "asset" | "document" | "pattern";
     updatedAt: string;
 }
 /** What a plugin wrote into a space. */
@@ -386,7 +386,7 @@ export interface PluginSpaceData {
         parent?: string;
     }): Promise<PluginSpacePage[]>;
     /** The space's files of a kind (`document` when left out), newest first. */
-    files(space: string, kind?: "logo" | "asset" | "document"): Promise<PluginSpaceFile[]>;
+    files(space: string, kind?: "logo" | "asset" | "document" | "pattern"): Promise<PluginSpaceFile[]>;
     /** One file of the space with its bytes: a price list someone dropped into Wissen. */
     readFile(space: string, fileId: string): Promise<PluginSpaceFile & {
         data: Uint8Array;

package/node_modules/@engenty-wizards/shared/dist/changes.d.ts

@@ -0,0 +1,22 @@
+import type { WizardDefinition } from "./definition.js";
+import type { WorkspaceFile } from "./workspace.js";
+/**
+ * What changed in a draft since the version people run: the wizard's own settings, each step
+ * by its title, the steps' order, the workspace's files. "Änderungen live schalten" lists it.
+ */
+export interface VersionChange {
+    kind: "wizard" | "step" | "order" | "file";
+    change: "added" | "removed" | "changed";
+    /** The step's title or the file's path. */
+    name?: string;
+    /** What of a changed step or of the wizard itself: the definition's keys (`instructions`, `fields`). */
+    parts?: string[];
+}
+/** A version as it runs: its definition and its workspace. */
+interface Version {
+    definition: WizardDefinition;
+    files: Pick<WorkspaceFile, "path" | "hash">[];
+}
+/** What `after` changes of `before`: the wizard first, then its steps in their new order, then its files. */
+export declare function versionChanges(before: Version, after: Version): VersionChange[];
+export {};

package/node_modules/@engenty-wizards/shared/dist/changes.js

@@ -0,0 +1,61 @@
+const same = (a, b) => JSON.stringify(a) === JSON.stringify(b);
+/** The keys whose values differ, in the order the newer one has them. */
+function keysChanged(before, after) {
+    const was = before;
+    const now = after;
+    const keys = [...new Set([...Object.keys(now), ...Object.keys(was)])];
+    return keys.filter((k) => !same(was[k], now[k]));
+}
+/** What `after` changes of `before`: the wizard first, then its steps in their new order, then its files. */
+export function versionChanges(before, after) {
+    const changes = [];
+    const { steps: oldSteps, ...oldWizard } = before.definition;
+    const { steps: newSteps, ...newWizard } = after.definition;
+    const parts = keysChanged(oldWizard, newWizard);
+    if (parts.length) {
+        changes.push({ kind: "wizard", change: "changed", parts });
+    }
+    const old = new Map(oldSteps.map((s) => [s.id, s]));
+    const now = new Set(newSteps.map((s) => s.id));
+    for (const step of newSteps) {
+        const was = old.get(step.id);
+        if (!was) {
+            changes.push({ kind: "step", change: "added", name: step.title });
+        }
+        else if (!same(was, step)) {
+            changes.push({
+                kind: "step",
+                change: "changed",
+                name: step.title,
+                parts: keysChanged(was, step).filter((k) => k !== "id"),
+            });
+        }
+    }
+    for (const step of oldSteps) {
+        if (!now.has(step.id)) {
+            changes.push({ kind: "step", change: "removed", name: step.title });
+        }
+    }
+    // The steps both have, in each one's order: a move is one change, however many steps moved.
+    const kept = (steps) => steps.map((s) => s.id).filter((id) => old.has(id) && now.has(id));
+    if (!same(kept(oldSteps), kept(newSteps))) {
+        changes.push({ kind: "order", change: "changed" });
+    }
+    const oldFiles = new Map(before.files.map((f) => [f.path, f.hash]));
+    const newFiles = new Map(after.files.map((f) => [f.path, f.hash]));
+    for (const [path, hash] of newFiles) {
+        const was = oldFiles.get(path);
+        if (was === undefined) {
+            changes.push({ kind: "file", change: "added", name: path });
+        }
+        else if (was !== hash) {
+            changes.push({ kind: "file", change: "changed", name: path });
+        }
+    }
+    for (const path of oldFiles.keys()) {
+        if (!newFiles.has(path)) {
+            changes.push({ kind: "file", change: "removed", name: path });
+        }
+    }
+    return changes;
+}

package/node_modules/@engenty-wizards/shared/dist/definition.d.ts

@@ -285,12 +285,12 @@ export declare const outputFieldSchema: z.ZodObject<{
     id: z.ZodString;
     kind: z.ZodEnum<{
         number: "number";
-        choice: "choice";
-        score: "score";
         text: "text";
         list: "list";
         table: "table";
         yesno: "yesno";
+        choice: "choice";
+        score: "score";
     }>;
     description: z.ZodOptional<z.ZodString>;
     columns: z.ZodOptional<z.ZodArray<z.ZodString>>;
@@ -460,12 +460,12 @@ export declare const agentStepSchema: z.ZodObject<{
             id: z.ZodString;
             kind: z.ZodEnum<{
                 number: "number";
-                choice: "choice";
-                score: "score";
                 text: "text";
                 list: "list";
                 table: "table";
                 yesno: "yesno";
+                choice: "choice";
+                score: "score";
             }>;
             description: z.ZodOptional<z.ZodString>;
             columns: z.ZodOptional<z.ZodArray<z.ZodString>>;
@@ -1142,12 +1142,12 @@ export declare const stepSchema: z.ZodDiscriminatedUnion<[z.ZodObject<{
             id: z.ZodString;
             kind: z.ZodEnum<{
                 number: "number";
-                choice: "choice";
-                score: "score";
                 text: "text";
                 list: "list";
                 table: "table";
                 yesno: "yesno";
+                choice: "choice";
+                score: "score";
             }>;
             description: z.ZodOptional<z.ZodString>;
             columns: z.ZodOptional<z.ZodArray<z.ZodString>>;
@@ -2076,12 +2076,12 @@ export declare const wizardSchema: z.ZodObject<{
                 id: z.ZodString;
                 kind: z.ZodEnum<{
                     number: "number";
-                    choice: "choice";
-                    score: "score";
                     text: "text";
                     list: "list";
                     table: "table";
                     yesno: "yesno";
+                    choice: "choice";
+                    score: "score";
                 }>;
                 description: z.ZodOptional<z.ZodString>;
                 columns: z.ZodOptional<z.ZodArray<z.ZodString>>;

package/node_modules/@engenty-wizards/shared/dist/marketplace.d.ts

@@ -214,7 +214,7 @@ export type MarketplacePlan = keyof typeof MARKETPLACE_PLANS;
 export declare const ITEM_FORMAT_IDS: ("text" | "image" | "audio" | "video" | "document" | "dashboard" | "table")[];
 export declare const INDUSTRY_IDS: ("any" | "trades" | "gastronomy" | "hospitality" | "realEstate" | "retail" | "health" | "professional" | "agency" | "events" | "publicSector")[];
 export declare const USE_CASE_IDS: ("marketing" | "sales" | "accounting" | "service" | "research" | "hr" | "operations" | "website" | "visuals" | "inquiries" | "advice")[];
-export declare const CAPABILITY_IDS: ("code" | "text" | "image" | "browser" | "video" | "speech" | "film" | "web" | "documents" | "listening" | "connectors")[];
+export declare const CAPABILITY_IDS: ("text" | "code" | "image" | "browser" | "video" | "speech" | "film" | "web" | "documents" | "listening" | "connectors")[];
 export declare const MARKETPLACE_PLAN_IDS: ("free" | "pro")[];
 /** The formats a run hands over, read from what the result step offers. */
 export declare function formatsOf(def: WizardDefinition): ItemFormat[];

package/node_modules/@engenty-wizards/shared/dist/projects.d.ts

@@ -24,8 +24,134 @@ export interface BrandColor {
     name: string;
     /** #rrggbb */
     value: string;
+    /** The `ColorSection` it belongs to; none for the standard colours. */
+    section?: string;
 }
-export declare const PROJECT_FILE_KINDS: readonly ["logo", "asset", "document"];
+export declare const COLOR_SECTION_KINDS: readonly ["colors", "gradients", "patterns"];
+export type ColorSectionKind = (typeof COLOR_SECTION_KINDS)[number];
+/**
+ * Further colours of one use, as a brand guide groups them: "Illustration – for drawings and
+ * charts". Optional. A section holds colours, gradients or patterns (`kind`, colours when none).
+ * Colours in no section are the standard ones: they come first, and the first of them is the
+ * accent.
+ */
+export interface ColorSection {
+    id: string;
+    title: string;
+    /** When to use what is in it. */
+    description: string;
+    kind?: ColorSectionKind;
+}
+export declare const GRADIENT_TYPES: readonly ["linear", "radial", "conic"];
+export type GradientType = (typeof GRADIENT_TYPES)[number];
+/** A gradient of the brand, as CSS draws it: its type, its angle and its colour stops. */
+export interface BrandGradient {
+    id: string;
+    name: string;
+    /** The gradients section it is in. */
+    section: string;
+    type: GradientType;
+    /** Degrees: the direction of a linear one, where a conic one starts. */
+    angle: number;
+    stops: {
+        color: string;
+        at: number;
+    }[];
+}
+/** A pattern or a fill of the brand: a picture of the space (`file`), tiled or filling. */
+export interface BrandPattern {
+    id: string;
+    name: string;
+    /** The patterns section it is in. */
+    section: string;
+    /** The project file (kind `pattern`) with the picture. */
+    file: string;
+    /** Repeated as a tile; else it fills the area. */
+    tile?: boolean;
+}
+/** The gradient as CSS. */
+export declare function gradientCss(g: Pick<BrandGradient, "type" | "angle" | "stops">): string;
+/**
+ * A CSS gradient read back: linear, radial or conic, with hex stops. Stops without a position
+ * are spread evenly. Null where it is not one of these.
+ */
+export declare function parseGradient(css: string): Pick<BrandGradient, "type" | "angle" | "stops"> | null;
+/**
+ * The colours as stored: the standard ones first, then each section's in the sections' order; a
+ * section that is not there any more is dropped from its colours.
+ */
+export declare function orderColors(colors: BrandColor[], sections: ColorSection[]): BrandColor[];
+/**
+ * Further logos of one use, as a brand guide groups them: "Logomark – small spaces, app icons".
+ * Optional. Logos in no section are the standard ones: they come first, without a title, and
+ * the first of them is the main logo.
+ */
+export interface LogoSection {
+    id: string;
+    title: string;
+    /** When to use the logos in it. */
+    description: string;
+    /** The logo files in it, in order. A file sits in one section at most. */
+    logos: string[];
+}
+/** The main logo: the first standard one (in no section), else the first of all. */
+export declare function mainLogo<T extends {
+    id: string;
+}>(logos: T[], sections: LogoSection[] | undefined): T | undefined;
+/** The sign before a rule: a bullet unless chosen. */
+export declare const RULE_MARKS: readonly ["bullet", "do", "dont", "question", "important", "number"];
+export type RuleMark = (typeof RULE_MARKS)[number];
+/** A rule of the brand — for its logos, colours or type — in the admin's words. */
+export interface BrandRule {
+    text: string;
+    /** None: a bullet. */
+    mark?: RuleMark;
+}
+/** Rules as a model reads them: the sign said in words, numbered ones counted. */
+export declare function ruleLines(rules: BrandRule[]): string;
+/** A typeface of the brand and what it is for: "Space Grotesk – headings". */
+export interface BrandFont {
+    id: string;
+    /** The family as CSS names it: "Space Grotesk". */
+    family: string;
+    /** What it is for, in the admin's words. */
+    role: string;
+    /** The weights the brand uses: 400, 600, … */
+    weights: number[];
+}
+/** A text style of the type scale: "Headline XL – Space Grotesk 600, 48 px, line 90 %, −4 %". */
+export interface TextStyle {
+    id: string;
+    name: string;
+    /** The `BrandFont` it is set in; none for the first font. */
+    font?: string;
+    /** px */
+    size: number;
+    weight: number;
+    /** Line height in % of the size. */
+    lineHeight: number;
+    /** Letter spacing in % of the size. */
+    tracking: number;
+    uppercase?: boolean;
+}
+export declare const FONT_WEIGHTS: readonly [300, 400, 500, 600, 700, 800];
+/** A text style as a model and a person read it: "Space Grotesk 600, 48 px, line 90 %, tracking −4 %". */
+export declare function textStyleLine(style: TextStyle, fonts: BrandFont[]): string;
+/**
+ * Assets of one kind, shown as a tab of their own, named by its title: "Icons", "Background
+ * images". Optional.
+ * Assets in no section are the general ones, in the first tab.
+ */
+export interface AssetSection {
+    id: string;
+    title: string;
+    /** The asset files in it, in order. A file sits in one section at most. */
+    assets: string[];
+}
+/** The sections as stored: each file in its first section only, ids not known to `files` left out. */
+export declare function cleanLogoSections(sections: LogoSection[], files?: string[]): LogoSection[];
+export declare function cleanAssetSections(sections: AssetSection[], files?: string[]): AssetSection[];
+export declare const PROJECT_FILE_KINDS: readonly ["logo", "asset", "document", "pattern"];
 export type ProjectFileKind = (typeof PROJECT_FILE_KINDS)[number];
 /** `pending`: being read, described and indexed. */
 export type ProjectFileStatus = "pending" | "ready" | "failed";
@@ -48,17 +174,26 @@ export interface ProjectFileView {
 }
 export declare const PROJECT_LIMITS: {
     readonly facts: 100;
-    readonly colors: 12;
+    readonly colors: 32;
+    readonly fonts: 6;
+    readonly textStyles: 16;
+    /** Sections of logos, and of colours, each. */
+    readonly logoSections: 8;
+    /** Rows of logo rules. */
+    readonly logoRules: 16;
     readonly files: {
-        readonly logo: 8;
+        readonly logo: 24;
         readonly asset: 100;
         readonly document: 2000;
+        readonly pattern: 24;
     };
+    readonly gradients: 24;
     readonly bytes: {
         readonly logo: 5000000;
         readonly asset: 15000000;
         readonly video: 80000000;
         readonly document: 30000000;
+        readonly pattern: 10000000;
     };
 };
 /** The largest file of a kind and type a project takes. */

package/node_modules/@engenty-wizards/shared/dist/projects.js

@@ -79,13 +79,162 @@ export const BASIC_FACTS = [
     { key: "website", de: "Website", en: "Website" },
     { key: "iban", de: "IBAN", en: "IBAN" },
 ];
+export const COLOR_SECTION_KINDS = ["colors", "gradients", "patterns"];
+export const GRADIENT_TYPES = ["linear", "radial", "conic"];
+/** The gradient as CSS. */
+export function gradientCss(g) {
+    const stops = [...g.stops]
+        .sort((a, b) => a.at - b.at)
+        .map((s) => `${s.color} ${Math.round(s.at)}%`)
+        .join(", ");
+    if (g.type === "radial") {
+        return `radial-gradient(circle at center, ${stops})`;
+    }
+    if (g.type === "conic") {
+        return `conic-gradient(from ${Math.round(g.angle)}deg at center, ${stops})`;
+    }
+    return `linear-gradient(${Math.round(g.angle)}deg, ${stops})`;
+}
+const SIDES = {
+    top: 0,
+    "top right": 45,
+    right: 90,
+    "bottom right": 135,
+    bottom: 180,
+    "bottom left": 225,
+    left: 270,
+    "top left": 315,
+};
+/**
+ * A CSS gradient read back: linear, radial or conic, with hex stops. Stops without a position
+ * are spread evenly. Null where it is not one of these.
+ */
+export function parseGradient(css) {
+    const m = css.trim().match(/^(repeating-)?(linear|radial|conic)-gradient\(\s*([\s\S]*)\)\s*;?$/i);
+    if (!m) {
+        return null;
+    }
+    const type = m[2].toLowerCase();
+    const parts = m[3].split(/,(?![^(]*\))/).map((p) => p.trim());
+    let angle = type === "linear" ? 180 : 0;
+    const head = parts[0] ?? "";
+    if (!/^#|^rgb|^hsl|^oklch/i.test(head)) {
+        parts.shift();
+        const deg = head.match(/(-?[\d.]+)deg/);
+        const side = head.match(/^to\s+(.+)$/i)?.[1].toLowerCase();
+        if (deg) {
+            angle = Number(deg[1]);
+        }
+        else if (side && side in SIDES) {
+            angle = SIDES[side];
+        }
+    }
+    const stops = parts
+        .map((p) => p.match(/^(#[0-9a-f]{3,8})\b\s*(-?[\d.]+%)?/i))
+        .filter((x) => Boolean(x))
+        .map((x, i, all) => ({
+        color: x[1].toLowerCase(),
+        at: x[2] ? Number.parseFloat(x[2]) : all.length > 1 ? (i / (all.length - 1)) * 100 : 0,
+    }));
+    return stops.length >= 2 ? { type, angle: ((angle % 360) + 360) % 360, stops } : null;
+}
+/**
+ * The colours as stored: the standard ones first, then each section's in the sections' order; a
+ * section that is not there any more is dropped from its colours.
+ */
+export function orderColors(colors, sections) {
+    const at = (c) => (c.section ? sections.findIndex((s) => s.id === c.section) : -1);
+    return colors
+        .map((c) => (c.section && at(c) < 0 ? { name: c.name, value: c.value } : c))
+        .map((c, i) => ({ c, i }))
+        .sort((a, b) => at(a.c) - at(b.c) || a.i - b.i)
+        .map(({ c }) => c);
+}
+/** The main logo: the first standard one (in no section), else the first of all. */
+export function mainLogo(logos, sections) {
+    const grouped = new Set(sections?.flatMap((s) => s.logos));
+    return logos.find((f) => !grouped.has(f.id)) ?? logos[0];
+}
+/** The sign before a rule: a bullet unless chosen. */
+export const RULE_MARKS = ["bullet", "do", "dont", "question", "important", "number"];
+/** Rules as a model reads them: the sign said in words, numbered ones counted. */
+export function ruleLines(rules) {
+    let n = 0;
+    return rules
+        .map((r) => {
+        switch (r.mark) {
+            case "do":
+                return `- Do: ${r.text}`;
+            case "dont":
+                return `- Don't: ${r.text}`;
+            case "question":
+                return `- To check with the person: ${r.text}`;
+            case "important":
+                return `- Important: ${r.text}`;
+            case "number":
+                n += 1;
+                return `${n}. ${r.text}`;
+            default:
+                return `- ${r.text}`;
+        }
+    })
+        .join("\n");
+}
+export const FONT_WEIGHTS = [300, 400, 500, 600, 700, 800];
+/** A text style as a model and a person read it: "Space Grotesk 600, 48 px, line 90 %, tracking −4 %". */
+export function textStyleLine(style, fonts) {
+    const family = (fonts.find((f) => f.id === style.font) ?? fonts[0])?.family;
+    return [
+        family ? `${family} ${style.weight}` : `weight ${style.weight}`,
+        `${style.size} px`,
+        `line ${style.lineHeight} %`,
+        `tracking ${style.tracking} %`,
+        style.uppercase ? "uppercase" : "",
+    ]
+        .filter(Boolean)
+        .join(", ");
+}
+/** Each file in its first list only; ids not known to `files` left out. */
+function uniqueFiles(lists, files) {
+    const seen = new Set();
+    const known = files ? new Set(files) : null;
+    return lists.map((ids) => ids.filter((id) => {
+        if (seen.has(id) || (known && !known.has(id))) {
+            return false;
+        }
+        seen.add(id);
+        return true;
+    }));
+}
+/** The sections as stored: each file in its first section only, ids not known to `files` left out. */
+export function cleanLogoSections(sections, files) {
+    const lists = uniqueFiles(sections.map((s) => s.logos), files);
+    return sections.map((s, i) => ({ ...s, logos: lists[i] }));
+}
+export function cleanAssetSections(sections, files) {
+    const lists = uniqueFiles(sections.map((s) => s.assets), files);
+    return sections.map((s, i) => ({ ...s, assets: lists[i] }));
+}
 // --- files -----------------------------------------------------------------------
-export const PROJECT_FILE_KINDS = ["logo", "asset", "document"];
+export const PROJECT_FILE_KINDS = ["logo", "asset", "document", "pattern"];
 export const PROJECT_LIMITS = {
     facts: 100,
-    colors: 12,
-    files: { logo: 8, asset: 100, document: 2000 },
-    bytes: { logo: 5_000_000, asset: 15_000_000, video: 80_000_000, document: 30_000_000 },
+    colors: 32,
+    fonts: 6,
+    textStyles: 16,
+    /** Sections of logos, and of colours, each. */
+    logoSections: 8,
+    /** Rows of logo rules. */
+    logoRules: 16,
+    files: { logo: 24, asset: 100, document: 2000, pattern: 24 },
+    gradients: 24,
+    bytes: {
+        logo: 5_000_000,
+        asset: 15_000_000,
+        video: 80_000_000,
+        document: 30_000_000,
+        pattern: 10_000_000,
+    },
 };
 /** The largest file of a kind and type a project takes. */
 export function projectFileLimit(kind, mime) {

package/node_modules/@engenty-wizards/shared/dist/wizard-package.d.ts

@@ -32,8 +32,8 @@ export declare const manifestSchema: z.ZodObject<{
         name: z.ZodString;
         domain: z.ZodOptional<z.ZodString>;
         sourceKind: z.ZodOptional<z.ZodEnum<{
-            openapi: "openapi";
             mcp: "mcp";
+            openapi: "openapi";
         }>>;
     }, z.core.$strip>>>;
     mcpServers: z.ZodDefault<z.ZodArray<z.ZodObject<{

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wizards",
-  "version": "0.3.5",
+  "version": "0.3.7",
   "description": "Make a wish. Get your wizard. It guides you step by step. Let AI do the work. Runs on your machine, on the AI subscription you already have.",
   "license": "FSL-1.1-MIT",
   "homepage": "https://engenty.ai",

package/apps/web/dist/assets/AboutDialog-D1N4-3FE.js

@@ -1 +0,0 @@
-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-CMdSOoUZ.js";import{B as _,Q as v,V as y}from"./index-Bdx1Qity.js";import{c as b,f as x}from"./settings-menu-BOOPxcJH.js";import{ReleaseNotes as S,loadReleases as C,releaseDate as w,releaseLabel as T}from"./ChangelogDialog-VEBTlC3f.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}=y(i&&e),[d,g]=(0,E.useState)(null),[D,O]=(0,E.useState)(`new`),A=x(I.indexOf(D)),j=o?.newer&&c?c:v;(0,E.useEffect)(()=>{if(!e)return;let t=!1;return g(null),C(j===`0.3.5`?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}),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};