wizards 0.2.7 → 0.2.8

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

@@ -0,0 +1,75 @@
+import type { ModelClass, TextClass } from "./definition.js";
+/**
+ * What a wizard asks models for, as a person thinks of it. Each stands for model classes; the
+ * names are the marketplace's capabilities.
+ */
+export declare const MODEL_CAPABILITIES: readonly ["text", "image", "video", "speech", "listening"];
+export type ModelCapability = (typeof MODEL_CAPABILITIES)[number];
+export declare const CAPABILITY_CLASSES: Record<ModelCapability, readonly ModelClass[]>;
+export declare function capabilityOf(cls: ModelClass): ModelCapability;
+/**
+ * A binding that sends a class to the credits of the account (or of the team in the cloud),
+ * whatever keys are there; engenty picks the model. `credits:<model>` names the model, as the
+ * gateway lists it (`fal:fal-ai/flux/schnell`, `elevenlabs:eleven_multilingual_v2`,
+ * `google/veo-3.1-fast-generate-001`).
+ */
+export declare const CREDITS = "credits";
+/** A binding to the credits: the class's model (`credits`) or a model named (`credits:<id>`). */
+export declare function isCreditsRef(ref: string | undefined): boolean;
+/** The model a credits binding names; null where engenty picks it. */
+export declare function creditsModelOf(ref: string | undefined): string | null;
+export declare function creditsRef(model: string | null): string;
+/** A media model the credits pay for, as the model-gateway lists it (`/v1/models`, `models`). */
+export interface CreditModel {
+    id: string;
+    name: string;
+    /** Who serves it: `ai-gateway`, `fal`, `elevenlabs`. */
+    source: string;
+    /** Who made it: `google`, `bfl`, `fal`, `elevenlabs` … */
+    provider: string;
+    kind: "image" | "video" | "speech" | "transcription";
+    creditsPerImage?: number;
+    creditsPerSecond?: number;
+    creditsPer1kCharacters?: number;
+    creditsPerMinute?: number;
+}
+/** The capability a credit model serves. */
+export declare function capabilityOfKind(kind: CreditModel["kind"]): ModelCapability;
+/** The providers whose API key a person can bring. */
+export declare const PROVIDER_IDS: readonly ["openai", "anthropic", "google", "fal", "elevenlabs", "replicate", "gateway"];
+export type ProviderId = (typeof PROVIDER_IDS)[number];
+interface Labels {
+    de: string;
+    en: string;
+}
+export interface ModelOption {
+    /** The binding: `<provider>:<the provider's model id>`. */
+    ref: string;
+    /** The model's own name; not translated. */
+    label: string;
+    note?: Labels;
+}
+export interface ProviderInfo {
+    id: ProviderId;
+    name: string;
+    /** One line on what it is, for someone who never heard of it. */
+    about: Labels;
+    /** Where a person makes a key. */
+    keyUrl: string;
+    /** How a key looks, for the input's placeholder. */
+    keyPlaceholder: string;
+    /** The models offered per capability, the first one is taken when the provider is picked. */
+    models: Partial<Record<ModelCapability, ModelOption[]>>;
+    /** For text: the model of each class when this provider thinks. */
+    text?: Record<TextClass, string>;
+}
+export declare const PROVIDERS: readonly ProviderInfo[];
+export declare function providerInfo(id: string): ProviderInfo | null;
+/**
+ * The provider a binding goes to: `fal:…` names it, a binding without one (`google/veo-…`) goes
+ * through the AI Gateway. Null for an installed client (`codex/…`), a local model and credits.
+ */
+export declare function providerOfRef(ref: string): ProviderId | null;
+/** The name of a bound model as a person reads it: the offered label, else the provider's id. */
+export declare function modelLabel(ref: string): string;
+export {};

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

@@ -0,0 +1,339 @@
+/**
+ * What a wizard asks models for, as a person thinks of it. Each stands for model classes; the
+ * names are the marketplace's capabilities.
+ */
+export const MODEL_CAPABILITIES = ["text", "image", "video", "speech", "listening"];
+export const CAPABILITY_CLASSES = {
+    text: ["classifier", "standard", "high", "highest"],
+    image: ["image"],
+    video: ["video"],
+    speech: ["speech"],
+    listening: ["audio"],
+};
+export function capabilityOf(cls) {
+    return Object.keys(CAPABILITY_CLASSES).find((c) => CAPABILITY_CLASSES[c].includes(cls));
+}
+/**
+ * A binding that sends a class to the credits of the account (or of the team in the cloud),
+ * whatever keys are there; engenty picks the model. `credits:<model>` names the model, as the
+ * gateway lists it (`fal:fal-ai/flux/schnell`, `elevenlabs:eleven_multilingual_v2`,
+ * `google/veo-3.1-fast-generate-001`).
+ */
+export const CREDITS = "credits";
+const CREDITS_PREFIX = `${CREDITS}:`;
+/** A binding to the credits: the class's model (`credits`) or a model named (`credits:<id>`). */
+export function isCreditsRef(ref) {
+    return ref === CREDITS || Boolean(ref?.startsWith(CREDITS_PREFIX));
+}
+/** The model a credits binding names; null where engenty picks it. */
+export function creditsModelOf(ref) {
+    return ref?.startsWith(CREDITS_PREFIX) ? ref.slice(CREDITS_PREFIX.length) || null : null;
+}
+export function creditsRef(model) {
+    return model ? `${CREDITS_PREFIX}${model}` : CREDITS;
+}
+/** The capability a credit model serves. */
+export function capabilityOfKind(kind) {
+    return kind === "transcription" ? "listening" : kind;
+}
+/** The providers whose API key a person can bring. */
+export const PROVIDER_IDS = [
+    "openai",
+    "anthropic",
+    "google",
+    "fal",
+    "elevenlabs",
+    "replicate",
+    "gateway",
+];
+const note = (de, en) => ({ de, en });
+export const PROVIDERS = [
+    {
+        id: "openai",
+        name: "OpenAI",
+        about: note("GPT-Modelle, GPT Image und Stimmen.", "GPT models, GPT Image and voices."),
+        keyUrl: "https://platform.openai.com/api-keys",
+        keyPlaceholder: "sk-…",
+        text: {
+            classifier: "openai:gpt-5.4-mini",
+            standard: "openai:gpt-5.4-mini",
+            high: "openai:gpt-5.5",
+            highest: "openai:gpt-5.5",
+        },
+        models: {
+            text: [
+                { ref: "openai:gpt-5.4-mini", label: "GPT-5.4 mini", note: note("schnell", "fast") },
+                { ref: "openai:gpt-5.5", label: "GPT-5.5", note: note("gründlich", "thorough") },
+            ],
+            image: [
+                { ref: "openai:gpt-image-2", label: "GPT Image 2", note: note("vielseitig", "versatile") },
+                {
+                    ref: "openai:gpt-image-1-mini",
+                    label: "GPT Image 1 mini",
+                    note: note("günstig", "low cost"),
+                },
+            ],
+            speech: [
+                {
+                    ref: "openai:gpt-4o-mini-tts",
+                    label: "GPT-4o mini TTS",
+                    note: note("günstig", "low cost"),
+                },
+            ],
+            listening: [
+                {
+                    ref: "openai:gpt-4o-mini-transcribe",
+                    label: "GPT-4o mini Transcribe",
+                    note: note("schnell, günstig", "fast, low cost"),
+                },
+                { ref: "openai:whisper-1", label: "Whisper" },
+            ],
+        },
+    },
+    {
+        id: "anthropic",
+        name: "Anthropic",
+        about: note("Die Claude-Modelle.", "The Claude models."),
+        keyUrl: "https://console.anthropic.com/settings/keys",
+        keyPlaceholder: "sk-ant-…",
+        text: {
+            classifier: "anthropic:claude-haiku-4-5",
+            standard: "anthropic:claude-haiku-4-5",
+            high: "anthropic:claude-sonnet-5-5",
+            highest: "anthropic:claude-opus-5-5",
+        },
+        models: {
+            text: [
+                {
+                    ref: "anthropic:claude-haiku-4-5",
+                    label: "Claude Haiku 4.5",
+                    note: note("schnell", "fast"),
+                },
+                { ref: "anthropic:claude-sonnet-5-5", label: "Claude Sonnet 5.5" },
+                {
+                    ref: "anthropic:claude-opus-5-5",
+                    label: "Claude Opus 5.5",
+                    note: note("am stärksten", "strongest"),
+                },
+            ],
+        },
+    },
+    {
+        id: "google",
+        name: "Google Gemini",
+        about: note("Gemini, Veo für Videos und Stimmen – ein Key aus dem AI Studio.", "Gemini, Veo for video and voices – one key from AI Studio."),
+        keyUrl: "https://aistudio.google.com/apikey",
+        keyPlaceholder: "AIza…",
+        text: {
+            classifier: "google:gemini-flash-lite-latest",
+            standard: "google:gemini-flash-latest",
+            high: "google:gemini-pro-latest",
+            highest: "google:gemini-pro-latest",
+        },
+        models: {
+            text: [
+                {
+                    ref: "google:gemini-flash-lite-latest",
+                    label: "Gemini Flash-Lite",
+                    note: note("günstig", "low cost"),
+                },
+                { ref: "google:gemini-flash-latest", label: "Gemini Flash" },
+                {
+                    ref: "google:gemini-pro-latest",
+                    label: "Gemini Pro",
+                    note: note("gründlich", "thorough"),
+                },
+            ],
+            image: [
+                {
+                    ref: "google:gemini-3.1-flash-image-preview",
+                    label: "Gemini 3.1 Flash Image",
+                    note: note("schnell, bearbeitet Fotos", "fast, edits photos"),
+                },
+                {
+                    ref: "google:gemini-3-pro-image-preview",
+                    label: "Gemini 3 Pro Image",
+                    note: note("beste Qualität", "best quality"),
+                },
+            ],
+            video: [
+                {
+                    ref: "google:veo-3.1-fast-generate-preview",
+                    label: "Veo 3.1 Fast",
+                    note: note("mit Ton", "with sound"),
+                },
+                {
+                    ref: "google:veo-3.1-generate-preview",
+                    label: "Veo 3.1",
+                    note: note("beste Qualität", "best quality"),
+                },
+            ],
+            speech: [{ ref: "google:gemini-3.8-flash-tts", label: "Gemini Flash TTS" }],
+            listening: [{ ref: "google:gemini-flash-lite-latest", label: "Gemini Flash-Lite" }],
+        },
+    },
+    {
+        id: "fal",
+        name: "fal.ai",
+        about: note("Hunderte Bild-, Video- und Audio-Modelle mit einem Key: FLUX, Recraft, Veo, Luma, MiniMax.", "Hundreds of image, video and audio models with one key: FLUX, Recraft, Veo, Luma, MiniMax."),
+        keyUrl: "https://fal.ai/dashboard/keys",
+        keyPlaceholder: "xxxxxxxx-…:…",
+        models: {
+            image: [
+                {
+                    ref: "fal:fal-ai/flux/schnell",
+                    label: "FLUX.1 schnell",
+                    note: note("schnell, günstig", "fast, low cost"),
+                },
+                {
+                    ref: "fal:fal-ai/flux-pro/v1.1",
+                    label: "FLUX 1.1 pro",
+                    note: note("hohe Qualität", "high quality"),
+                },
+                {
+                    ref: "fal:fal-ai/recraft/v3/text-to-image",
+                    label: "Recraft V3",
+                    note: note("Grafiken, Logos, Text im Bild", "graphics, logos, text in images"),
+                },
+                {
+                    ref: "fal:fal-ai/imagen4/preview",
+                    label: "Imagen 4",
+                    note: note("fotorealistisch", "photorealistic"),
+                },
+            ],
+            video: [
+                { ref: "fal:veo3/fast", label: "Veo 3 Fast", note: note("mit Ton", "with sound") },
+                { ref: "fal:luma-ray-2-flash", label: "Luma Ray 2 Flash", note: note("schnell", "fast") },
+                { ref: "fal:minimax-video", label: "MiniMax Hailuo" },
+            ],
+            speech: [
+                {
+                    ref: "fal:fal-ai/minimax/speech-02-turbo",
+                    label: "MiniMax Speech-02 Turbo",
+                    note: note("schnell", "fast"),
+                },
+                { ref: "fal:fal-ai/minimax/speech-02-hd", label: "MiniMax Speech-02 HD" },
+            ],
+            listening: [
+                { ref: "fal:wizper", label: "Wizper", note: note("schnell", "fast") },
+                { ref: "fal:whisper", label: "Whisper" },
+            ],
+        },
+    },
+    {
+        id: "elevenlabs",
+        name: "ElevenLabs",
+        about: note("Natürliche Stimmen in vielen Sprachen und genaue Transkripte.", "Natural voices in many languages and accurate transcripts."),
+        keyUrl: "https://elevenlabs.io/app/settings/api-keys",
+        keyPlaceholder: "sk_…",
+        models: {
+            speech: [
+                {
+                    ref: "elevenlabs:eleven_multilingual_v2",
+                    label: "Multilingual v2",
+                    note: note("natürlich, viele Sprachen", "natural, many languages"),
+                },
+                {
+                    ref: "elevenlabs:eleven_flash_v2_5",
+                    label: "Flash v2.5",
+                    note: note("schnell, günstig", "fast, low cost"),
+                },
+                {
+                    ref: "elevenlabs:eleven_v3",
+                    label: "Eleven v3",
+                    note: note("ausdrucksstark", "expressive"),
+                },
+            ],
+            listening: [
+                {
+                    ref: "elevenlabs:scribe_v2",
+                    label: "Scribe v2",
+                    note: note("sehr genau", "very accurate"),
+                },
+            ],
+        },
+    },
+    {
+        id: "replicate",
+        name: "Replicate",
+        about: note("Offene Bild- und Video-Modelle, abgerechnet pro Lauf.", "Open image and video models, billed per run."),
+        keyUrl: "https://replicate.com/account/api-tokens",
+        keyPlaceholder: "r8_…",
+        models: {
+            image: [
+                {
+                    ref: "replicate:black-forest-labs/flux-schnell",
+                    label: "FLUX.1 schnell",
+                    note: note("schnell, günstig", "fast, low cost"),
+                },
+                { ref: "replicate:black-forest-labs/flux-1.1-pro", label: "FLUX 1.1 pro" },
+                { ref: "replicate:recraft-ai/recraft-v3", label: "Recraft V3" },
+            ],
+            video: [{ ref: "replicate:minimax/video-01", label: "MiniMax Video-01" }],
+        },
+    },
+    {
+        id: "gateway",
+        name: "Vercel AI Gateway",
+        about: note("Ein Key für die Modelle vieler Anbieter, abgerechnet bei Vercel.", "One key for many providers' models, billed by Vercel."),
+        keyUrl: "https://vercel.com/d?to=%2F%5Bteam%5D%2F%7E%2Fai-gateway%2Fapi-keys",
+        keyPlaceholder: "vck_…",
+        text: {
+            classifier: "anthropic/claude-haiku-4.5",
+            standard: "anthropic/claude-haiku-4.5",
+            high: "anthropic/claude-sonnet-5.5",
+            highest: "anthropic/claude-sonnet-5.5",
+        },
+        models: {
+            text: [
+                {
+                    ref: "anthropic/claude-haiku-4.5",
+                    label: "Claude Haiku 4.5",
+                    note: note("schnell", "fast"),
+                },
+                { ref: "anthropic/claude-sonnet-5.5", label: "Claude Sonnet 5.5" },
+                { ref: "openai/gpt-5.5", label: "GPT-5.5" },
+                { ref: "google/gemini-3.5-flash", label: "Gemini 3.5 Flash" },
+            ],
+            image: [{ ref: "google/gemini-3.1-flash-image", label: "Gemini 3.1 Flash Image" }],
+            video: [
+                {
+                    ref: "google/veo-3.1-fast-generate-001",
+                    label: "Veo 3.1 Fast",
+                    note: note("mit Ton", "with sound"),
+                },
+            ],
+            speech: [{ ref: "google/gemini-3.8-flash-tts", label: "Gemini Flash TTS" }],
+            listening: [{ ref: "google/gemini-3.5-flash-lite", label: "Gemini 3.5 Flash-Lite" }],
+        },
+    },
+];
+export function providerInfo(id) {
+    return PROVIDERS.find((p) => p.id === id) ?? null;
+}
+/**
+ * The provider a binding goes to: `fal:…` names it, a binding without one (`google/veo-…`) goes
+ * through the AI Gateway. Null for an installed client (`codex/…`), a local model and credits.
+ */
+export function providerOfRef(ref) {
+    if (isCreditsRef(ref)) {
+        return null;
+    }
+    const prefix = /^([a-z]+):/.exec(ref)?.[1];
+    if (prefix) {
+        return PROVIDER_IDS.includes(prefix) ? prefix : null;
+    }
+    return ref?.includes("/") ? "gateway" : null;
+}
+/** The name of a bound model as a person reads it: the offered label, else the provider's id. */
+export function modelLabel(ref) {
+    for (const p of PROVIDERS) {
+        for (const list of Object.values(p.models)) {
+            const hit = list?.find((m) => m.ref === ref);
+            if (hit) {
+                return hit.label;
+            }
+        }
+    }
+    return ref.replace(/^[a-z]+:/, "");
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wizards",
-  "version": "0.2.7",
+  "version": "0.2.8",
   "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",
@@ -23,8 +23,12 @@
   ],
   "dependencies": {
     "@ai-sdk/anthropic": "4.0.54",
+    "@ai-sdk/elevenlabs": "3.0.42",
+    "@ai-sdk/fal": "3.0.42",
     "@ai-sdk/gateway": "4.0.82",
+    "@ai-sdk/google": "4.0.72",
     "@ai-sdk/openai": "4.0.67",
+    "@ai-sdk/replicate": "3.0.42",
     "@clack/prompts": "1.8.1",
     "@engenty-wizards/plugin-sdk": "0.1.0",
     "@engenty-wizards/shared": "0.1.0",

package/apps/web/dist/assets/Account-DLLeEwJL.js

@@ -1 +0,0 @@
-import{a as e,n as t,t as n}from"./jsx-runtime-D3jfb0Ew.js";import{c as r,j as i,n as a,nt as o}from"./api-Bf-l9Sd8.js";import{f as s,t as c}from"./session-C7LDDcj7.js";import{t as l}from"./createLucideIcon-q3MZMmnf.js";import{t as u}from"./check-CUpby_J9.js";import{n as d,r as f}from"./upload-DNRENWzQ.js";import{t as p}from"./external-link-MAL7vJYj.js";import{_ as m,c as h,d as g,h as _,m as ee,n as v,o as y,r as b,s as x,t as S,y as C}from"./ui-BT0Y_Hci.js";import{_ as w,b as T,c as E,d as D,i as O,u as k}from"./index-BR5ELbeZ.js";import{r as A}from"./LocalRuntime-C199bg_B.js";var j={name:`hard-drive`,size:24,node:[[`path`,{d:`M10 16h.01`,key:`1bzywj`}],[`path`,{d:`M2.212 11.577a2 2 0 0 0-.212.896V18a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-5.527a2 2 0 0 0-.212-.896L18.55 5.11A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z`,key:`18tbho`}],[`path`,{d:`M21.946 12.013H2.054`,key:`zqlbp7`}],[`path`,{d:`M6 16h.01`,key:`1pmjb7`}]]};j.node;var M=l(j),N={name:`layout-grid`,size:24,node:[[`rect`,{width:`7`,height:`7`,x:`3`,y:`3`,rx:`1`,key:`1g98yp`}],[`rect`,{width:`7`,height:`7`,x:`14`,y:`3`,rx:`1`,key:`6d4xhi`}],[`rect`,{width:`7`,height:`7`,x:`14`,y:`14`,rx:`1`,key:`nxv5o0`}],[`rect`,{width:`7`,height:`7`,x:`3`,y:`14`,rx:`1`,key:`1bb6yr`}]]};N.node;var P=l(N),F={name:`list`,size:24,node:[[`path`,{d:`M3 5h.01`,key:`18ugdj`}],[`path`,{d:`M3 12h.01`,key:`nlz23k`}],[`path`,{d:`M3 19h.01`,key:`noohij`}],[`path`,{d:`M8 5h13`,key:`1pao27`}],[`path`,{d:`M8 12h13`,key:`1za7za`}],[`path`,{d:`M8 19h13`,key:`m83p4d`}]]};F.node;var I=l(F),L=e(t(),1),R=e=>[`project-files`,e];function z(e){return i({queryKey:R(e),queryFn:()=>a.get(`/api/studio/projects/${e}/files`),refetchInterval:e=>e.state.data?.files.some(e=>e.status===`pending`)?2e3:!1})}function B(e,t){return r(`/api/studio/projects/${e}/files/${t}/content`)}function V(e,t=!1){let n=o(),[r,i]=(0,L.useState)(!1),[s,c]=(0,L.useState)(null),l=()=>n.invalidateQueries({queryKey:R(e)}),u=async e=>{c(null);try{await e()}catch(e){c(e.message)}finally{await l()}};return{busy:r,error:s,readOnly:t,upload:async(t,n)=>{i(!0),await u(async()=>{for(let r of n)await a.upload(`/api/studio/projects/${e}/files?kind=${t}`,r),await l()}),i(!1)},describe:(t,n)=>u(()=>a.patch(`/api/studio/projects/${e}/files/${t}`,{description:n})),remove:t=>u(()=>a.del(`/api/studio/projects/${e}/files/${t}`)),reindex:t=>u(()=>a.post(`/api/studio/projects/${e}/files/${t}/reindex`)),order:(t,n)=>u(()=>a.put(`/api/studio/projects/${e}/files/order`,{kind:t,ids:n}))}}function H(e,t){let n=`wz.layout.${e}`,[r,i]=(0,L.useState)(()=>{try{let e=localStorage.getItem(n);return e===`list`||e===`cards`?e:t}catch{return t}});return[r,()=>i(e=>{let t=e===`list`?`cards`:`list`;try{localStorage.setItem(n,t)}catch{}return t})]}function U(e,t,n=700){let[r,i]=(0,L.useState)(`idle`),[a,o]=(0,L.useState)(null),s=JSON.stringify(e),c=(0,L.useRef)(s),l=(0,L.useRef)({value:e,json:s,save:t});l.current={value:e,json:s,save:t};let u=(0,L.useRef)(Promise.resolve()),d=(0,L.useCallback)(()=>{let e=l.current;e.json!==c.current&&(c.current=e.json,i(`saving`),u.current=u.current.then(async()=>{try{await e.save(e.value),o(null),i(`saved`)}catch(e){c.current=``,o(e.message),i(`error`)}}))},[]);return(0,L.useEffect)(()=>{if(s===c.current)return;let e=setTimeout(d,n);return()=>clearTimeout(e)},[s,n,d]),(0,L.useEffect)(()=>d,[d]),{state:r,error:a}}function W(e){return e<1e6?`${Math.max(1,Math.round(e/1e3))} KB`:`${(e/1e6).toFixed(1)} MB`}var G=e(n(),1);function K({title:e,hint:t,save:n,action:r,locked:i,children:a}){return(0,G.jsxs)(`section`,{className:`flex flex-col gap-2.5`,children:[(0,G.jsxs)(`div`,{className:`flex items-start justify-between gap-4 px-1`,children:[(0,G.jsxs)(`div`,{className:`min-w-0`,children:[(0,G.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,G.jsx)(`h2`,{className:`font-display font-semibold text-lg leading-tight`,children:e}),n?.state===`saving`?(0,G.jsxs)(`span`,{className:`inline-flex items-center gap-1.5 text-[12px] text-ink-3`,children:[(0,G.jsx)(g,{className:`size-3`}),` `,C(`project.saving`)]}):n?.state===`saved`?(0,G.jsxs)(`span`,{className:`inline-flex items-center gap-1 text-[12px] text-moss`,children:[(0,G.jsx)(u,{className:`size-3.5`}),` `,C(`settings.saved`)]}):null]}),t?(0,G.jsx)(`p`,{className:`mt-1 text-[14px] text-ink-3 leading-snug`,children:t}):null]}),r?(0,G.jsx)(`div`,{className:`shrink-0`,children:r}):null]}),(0,G.jsxs)(v,{className:`p-5`,children:[i?(0,G.jsx)(`fieldset`,{disabled:!0,className:`min-w-0`,children:a}):a,n?.state===`error`&&n.error?(0,G.jsx)(`p`,{className:`mt-4 text-[14px] text-rose`,children:n.error}):null]})]})}function q({children:e,layout:t,onToggle:n}){return(0,G.jsxs)(`div`,{className:`mb-3 flex items-start gap-2`,children:[(0,G.jsx)(`div`,{className:`min-w-0 flex-1`,children:(0,G.jsx)(`div`,{className:`w-56 max-w-full transition-[width] duration-200 focus-within:w-full has-[input:not(:placeholder-shown)]:w-full`,children:e})}),(0,G.jsx)(y,{label:C(t===`list`?`project.viewCards`:`project.viewList`),onClick:n,children:t===`list`?(0,G.jsx)(P,{className:`size-4`}):(0,G.jsx)(I,{className:`size-4`})})]})}function J({value:e,onChange:t,onEnter:n,placeholder:r,busy:i}){return(0,G.jsxs)(`div`,{className:`relative`,children:[(0,G.jsx)(d,{className:`-translate-y-1/2 pointer-events-none absolute top-1/2 left-3 size-4 text-ink-4`}),(0,G.jsx)(`input`,{type:`search`,value:e,placeholder:r,onChange:e=>t(e.target.value),onKeyDown:e=>e.key===`Enter`&&n?.(),className:`h-9 w-full rounded-lg border border-input bg-card pr-3 pl-9 text-[14px] text-ink outline-none transition placeholder:text-ink-4 focus:border-focus focus:ring-4 focus:ring-focus-glow`}),i?(0,G.jsx)(g,{className:`-translate-y-1/2 absolute top-1/2 right-3 size-4 text-ink-3`}):null]})}function Y({onFiles:e,accept:t,multiple:n=!0,className:r,children:i}){return(0,G.jsxs)(`label`,{onDragOver:e=>{e.preventDefault(),e.currentTarget.dataset.over=`1`},onDragLeave:e=>{delete e.currentTarget.dataset.over},onDrop:t=>{t.preventDefault(),delete t.currentTarget.dataset.over;let r=Array.from(t.dataTransfer.files);r.length&&e(n?r:r.slice(0,1))},className:_(`flex cursor-pointer items-center justify-center gap-2 rounded-lg border border-input border-dashed text-[14px] text-ink-3 transition focus-within:border-focus focus-within:ring-4 focus-within:ring-focus-glow hover:border-ink-4 hover:text-ink data-[over]:border-focus data-[over]:bg-paper-2 data-[over]:text-ink`,r),children:[i,(0,G.jsx)(`input`,{className:`sr-only`,type:`file`,accept:t,multiple:n,onChange:t=>{let n=Array.from(t.target.files??[]);t.target.value=``,n.length&&e(n)}})]})}var X=`mt-1.5 text-[13px] text-ink-3`;function Z(e){let t=o(),[n,r]=(0,L.useState)(!1),i=s({mutationFn:e=>a.post(`/api/studio/account/link`,e),onSuccess:({url:e})=>{A(e),r(!0)}});return(0,L.useEffect)(()=>{if(!n)return;let e=setInterval(()=>void t.invalidateQueries({queryKey:[`me`]}),2e3),i=setTimeout(()=>r(!1),3e5);return()=>{clearInterval(e),clearTimeout(i)}},[n,t]),(0,L.useEffect)(()=>{e&&r(!1)},[e]),{link:i,waiting:n}}function Q({link:e,waiting:t}){return e.isError?(0,G.jsx)(`p`,{className:`text-[13px] text-rose`,children:C(`local.accountFailed`)}):t?(0,G.jsxs)(`p`,{className:`flex items-center gap-2 text-[13px] text-ink-3`,children:[(0,G.jsx)(g,{className:`size-3.5`}),` `,C(`local.accountWaiting`)]}):null}function te(){let e=Z(!1),{link:t}=e,[n,r]=(0,L.useState)(``);return(0,G.jsxs)(`div`,{className:`flex flex-col divide-y divide-border-soft`,children:[(0,G.jsxs)(`div`,{className:`flex items-start gap-4 py-5 first:pt-0 last:pb-0`,children:[(0,G.jsx)(`div`,{className:`flex size-11 shrink-0 items-center justify-center rounded-full bg-paper-2 text-ink-2`,children:(0,G.jsx)(M,{className:`size-5`})}),(0,G.jsxs)(`div`,{className:`min-w-0`,children:[(0,G.jsx)(`div`,{className:`font-medium text-[15px]`,children:C(`account.local`)}),(0,G.jsx)(`p`,{className:`mt-1 text-[14px] text-ink-3 leading-relaxed`,children:C(`account.localText`)})]})]}),D.account?(0,G.jsxs)(`div`,{className:`flex flex-col gap-4 py-5 last:pb-0`,children:[(0,G.jsxs)(`div`,{children:[(0,G.jsx)(`div`,{className:`font-medium text-[15px]`,children:C(`account.with`)}),(0,G.jsxs)(`ul`,{className:`mt-2 flex flex-col gap-2 text-[14px] text-ink-2 leading-snug`,children:[(0,G.jsxs)(`li`,{className:`flex items-start gap-2.5`,children:[(0,G.jsx)(f,{className:`mt-0.5 size-4 shrink-0 text-amber`}),C(`account.withCredits`)]}),(0,G.jsxs)(`li`,{className:`flex items-start gap-2.5`,children:[(0,G.jsx)(T,{className:`mt-0.5 size-4 shrink-0 text-cobalt`}),C(`account.withCloud`)]})]})]}),(0,G.jsx)(`div`,{children:(0,G.jsx)(S,{busy:t.isPending&&!t.variables?.signup,onClick:()=>t.mutate({}),children:C(`account.signIn`)})})]}):null,D.account?(0,G.jsxs)(`form`,{className:`flex flex-col gap-3 py-5 last:pb-0`,onSubmit:e=>{e.preventDefault(),t.mutate({signup:!0,code:n.trim()||void 0})},children:[(0,G.jsxs)(`div`,{children:[(0,G.jsx)(`div`,{className:`font-medium text-[15px]`,children:C(`account.new`)}),(0,G.jsx)(`p`,{className:`mt-1 text-[14px] text-ink-3 leading-relaxed`,children:C(`account.newHint`)})]}),(0,G.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,G.jsx)(x,{value:n,maxLength:64,autoComplete:`off`,spellCheck:!1,placeholder:C(`account.code`),"aria-label":C(`account.code`),onChange:e=>r(e.target.value),className:`w-56 font-mono text-[14px]`}),(0,G.jsx)(S,{type:`submit`,variant:`secondary`,className:`h-11`,busy:t.isPending&&!!t.variables?.signup,children:C(`account.create`)})]}),(0,G.jsx)(Q,{...e})]}):null]})}var $={start:`account.kind.start`,monthly:`account.kind.monthly`,gift:`account.kind.gift`};function ne({account:e}){let t=o(),n=Z(e.signedIn),r=s({mutationFn:()=>a.del(`/api/studio/account`),onSuccess:()=>t.invalidateQueries({queryKey:[`me`]})}),i=new Intl.DateTimeFormat(m,{dateStyle:`medium`});return(0,G.jsxs)(`div`,{className:`flex flex-col divide-y divide-border-soft`,children:[(0,G.jsxs)(`div`,{className:`flex flex-wrap items-center gap-x-4 gap-y-3 py-5 first:pt-0`,children:[(0,G.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,G.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,G.jsx)(`span`,{className:`truncate font-medium text-[15px]`,children:e.name||e.email}),e.signedIn?(0,G.jsx)(b,{tone:`live`,children:C(`account.linked`)}):null]}),(0,G.jsx)(`div`,{className:`truncate text-[14px] text-ink-3`,children:e.email})]}),(0,G.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,G.jsxs)(S,{variant:`secondary`,onClick:()=>A(e.url),children:[C(`setup.openAccount`),` `,(0,G.jsx)(p,{className:`size-4`})]}),(0,G.jsxs)(S,{variant:`ghost`,busy:r.isPending,onClick:()=>r.mutate(),children:[(0,G.jsx)(w,{className:`size-4`}),` `,C(`nav.logout`)]})]})]}),e.signedIn?null:(0,G.jsxs)(`div`,{className:`flex flex-col gap-3 py-5`,children:[(0,G.jsx)(`p`,{className:`text-[14px] text-ink-2`,children:C(`local.accountExpired`)}),(0,G.jsx)(`div`,{children:(0,G.jsx)(S,{busy:n.link.isPending,onClick:()=>n.link.mutate({}),children:C(`account.signInAgain`)})}),(0,G.jsx)(Q,{...n})]}),e.credits===null?null:(0,G.jsxs)(`div`,{className:`py-5`,children:[(0,G.jsxs)(`div`,{className:`flex flex-wrap items-center gap-x-4 gap-y-3`,children:[(0,G.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,G.jsx)(`div`,{className:`text-[13px] text-ink-3`,children:C(`account.credits`)}),(0,G.jsx)(`div`,{className:`font-display font-semibold text-[22px] tabular-nums leading-tight`,children:C(`nav.credits`,{n:Math.floor(e.credits).toLocaleString()})})]}),(0,G.jsxs)(S,{variant:`secondary`,onClick:()=>A(`${e.url}/billing`),children:[C(`account.topUp`),` `,(0,G.jsx)(p,{className:`size-4`})]})]}),e.expiring.length?(0,G.jsx)(`ul`,{className:`mt-3 flex flex-col gap-1 text-[13px] text-ink-3 tabular-nums`,children:e.expiring.map(e=>(0,G.jsxs)(`li`,{children:[C(`account.expires`,{n:Math.floor(e.credits).toLocaleString(),date:i.format(new Date(e.expiresAt))}),$[e.kind]?(0,G.jsxs)(`span`,{className:`text-ink-4`,children:[` · `,C($[e.kind])]}):null]},`${e.kind}:${e.expiresAt}`))}):null]}),(0,G.jsxs)(`div`,{className:`flex items-start gap-2.5 py-5 text-[14px] text-ink-2 leading-snug last:pb-0`,children:[(0,G.jsx)(T,{className:`mt-0.5 size-4 shrink-0 text-cobalt`}),(0,G.jsx)(`p`,{children:C(`account.cloud`,{host:O(e.cloudUrl)})})]})]})}function re({me:e,fromAccount:t}){let n=o(),[r,i]=(0,L.useState)(e.profile),s=e=>i(t=>({...t,...e})),l=U(r,async e=>{await a.put(`/api/studio/profile`,e),await n.invalidateQueries({queryKey:[`me`]})});return(0,G.jsx)(K,{title:C(`account.profile`),hint:C(`account.hint`),save:l,children:(0,G.jsxs)(`div`,{className:`flex flex-col gap-6 sm:flex-row sm:gap-8`,children:[(0,G.jsxs)(`div`,{className:`flex shrink-0 flex-col items-center gap-2 sm:w-32`,children:[(0,G.jsx)(`div`,{className:`flex size-20 items-center justify-center overflow-hidden rounded-full bg-ember-tint font-semibold text-[28px] text-ember-strong ring-1 ring-border-soft`,children:e.user.image?(0,G.jsx)(`img`,{src:e.user.image,alt:``,className:`size-full object-cover`}):c(r.name)||`?`}),(0,G.jsx)(`p`,{className:`text-center text-[12px] text-ink-3 leading-snug`,children:C(`account.initials`)})]}),(0,G.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-5`,children:[(0,G.jsxs)(`div`,{children:[(0,G.jsx)(h,{children:C(`account.name`)}),(0,G.jsx)(x,{value:r.name,maxLength:80,disabled:t,onChange:e=>s({name:e.target.value})}),(0,G.jsx)(`p`,{className:X,children:C(t?`account.fromAccount`:`account.nameHint`)})]}),(0,G.jsxs)(`div`,{children:[(0,G.jsx)(h,{children:C(`account.about`)}),(0,G.jsx)(ee,{minRows:3,maxLength:2e3,value:r.about,onChange:e=>s({about:e.target.value})}),(0,G.jsx)(`p`,{className:X,children:C(`account.aboutHint`)})]}),(0,G.jsxs)(`div`,{className:`grid gap-5 sm:grid-cols-2`,children:[(0,G.jsxs)(`div`,{children:[(0,G.jsx)(h,{children:C(`account.email`)}),(0,G.jsx)(x,{type:`email`,value:r.email,maxLength:200,disabled:t,onChange:e=>s({email:e.target.value})})]}),(0,G.jsxs)(`div`,{children:[(0,G.jsx)(h,{children:C(`account.phone`)}),(0,G.jsx)(x,{type:`tel`,value:r.phone,maxLength:40,onChange:e=>s({phone:e.target.value})})]})]})]})]})})}function ie({me:e}){let t=e.mode===`managed`,n=t||!!e.account;return(0,G.jsxs)(`div`,{className:`flex flex-col gap-9`,children:[(0,G.jsx)(K,{title:C(`account.connection`),hint:C(`account.connectionHint`),children:t?(0,G.jsxs)(`div`,{className:`flex flex-wrap items-center gap-4`,children:[(0,G.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,G.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,G.jsx)(`span`,{className:`truncate font-medium text-[15px]`,children:e.user.name}),(0,G.jsx)(b,{tone:`live`,children:C(`account.linked`)})]}),(0,G.jsx)(`div`,{className:`truncate text-[14px] text-ink-3`,children:e.user.email})]}),e.manageUrl?(0,G.jsxs)(S,{variant:`secondary`,onClick:()=>A(`${e.manageUrl}/account`),children:[C(`setup.openAccount`),` `,(0,G.jsx)(p,{className:`size-4`})]}):null]}):e.account?(0,G.jsx)(ne,{account:e.account}):(0,G.jsx)(te,{})}),(0,G.jsx)(re,{me:e,fromAccount:n},n?`account`:`own`),(0,G.jsx)(K,{title:C(`account.look`),hint:C(`account.lookHint`),children:(0,G.jsxs)(`div`,{className:`flex flex-col divide-y divide-border-soft`,children:[(0,G.jsxs)(`div`,{className:`flex items-center justify-between gap-4 pb-4`,children:[(0,G.jsx)(`span`,{className:`font-medium text-[14px]`,children:C(`nav.language`)}),(0,G.jsx)(k,{tone:`surface`})]}),(0,G.jsxs)(`div`,{className:`flex items-center justify-between gap-4 pt-4`,children:[(0,G.jsx)(`span`,{className:`font-medium text-[14px]`,children:C(`nav.theme`)}),(0,G.jsx)(E,{})]})]})})]})}export{q as a,W as c,V as d,H as f,Y as i,B as l,Q as n,J as o,z as p,Z as r,K as s,ie as t,U as u};