wizards 0.2.27 → 0.2.29

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

@@ -389,7 +389,11 @@ export declare const pageStepSchema: z.ZodObject<{
 }, z.core.$strip>;
 export declare const agentStepSchema: z.ZodObject<{
     type: z.ZodLiteral<"agent">;
-    instructions: z.ZodString;
+    instructions: z.ZodDefault<z.ZodString>;
+    call: z.ZodOptional<z.ZodObject<{
+        tool: z.ZodTemplateLiteral<`${string}.${string}`>;
+        input: z.ZodDefault<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
+    }, z.core.$strip>>;
     tools: z.ZodDefault<z.ZodArray<z.ZodUnion<readonly [z.ZodEnum<{
         image: "image";
         web_search: "web_search";
@@ -1059,7 +1063,11 @@ export declare const stepSchema: z.ZodDiscriminatedUnion<[z.ZodObject<{
     }, z.core.$strip>>>;
 }, z.core.$strip>, z.ZodObject<{
     type: z.ZodLiteral<"agent">;
-    instructions: z.ZodString;
+    instructions: z.ZodDefault<z.ZodString>;
+    call: z.ZodOptional<z.ZodObject<{
+        tool: z.ZodTemplateLiteral<`${string}.${string}`>;
+        input: z.ZodDefault<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
+    }, z.core.$strip>>;
     tools: z.ZodDefault<z.ZodArray<z.ZodUnion<readonly [z.ZodEnum<{
         image: "image";
         web_search: "web_search";
@@ -1981,7 +1989,11 @@ export declare const wizardSchema: z.ZodObject<{
         }, z.core.$strip>>>;
     }, z.core.$strip>, z.ZodObject<{
         type: z.ZodLiteral<"agent">;
-        instructions: z.ZodString;
+        instructions: z.ZodDefault<z.ZodString>;
+        call: z.ZodOptional<z.ZodObject<{
+            tool: z.ZodTemplateLiteral<`${string}.${string}`>;
+            input: z.ZodDefault<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
+        }, z.core.$strip>>;
         tools: z.ZodDefault<z.ZodArray<z.ZodUnion<readonly [z.ZodEnum<{
             image: "image";
             web_search: "web_search";

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

@@ -262,17 +262,30 @@ export const pageStepSchema = z.object({
     groups: z.array(fieldGroupSchema).max(6).optional(),
     cta: z.string().optional(),
 });
+/** A plugin's tool as a step names it: `<plugin>.<tool>`. */
+const pluginToolIdSchema = z.templateLiteral([
+    z.string().regex(PLUGIN_ID),
+    ".",
+    z.string().regex(PLUGIN_TOOL_NAME),
+]);
 export const agentStepSchema = z.object({
     ...stepBase,
     type: z.literal("agent"),
-    /** What the agent does. A template: {{field}}, {{steps.id}}, {{brand.name}}. */
-    instructions: z.string().min(1),
-    tools: z
-        .array(z.union([
-        z.enum(TOOL_IDS),
-        z.templateLiteral([z.string().regex(PLUGIN_ID), ".", z.string().regex(PLUGIN_TOOL_NAME)]),
-    ]))
-        .default([]),
+    /** What the agent does. A template: {{field}}, {{steps.id}}, {{brand.name}}. Empty with `call`. */
+    instructions: z.string().default(""),
+    /**
+     * One tool of a plugin, called once with these inputs and no model: its answer is the step's
+     * json output, as it is. For data a later page shows unchanged (free appointment times), where
+     * a model would only copy it. String inputs are templates; a filled-in whole number or
+     * true/false is passed as one, an empty one is left out.
+     */
+    call: z
+        .object({
+        tool: pluginToolIdSchema,
+        input: z.record(z.string(), z.unknown()).default({}),
+    })
+        .optional(),
+    tools: z.array(z.union([z.enum(TOOL_IDS), pluginToolIdSchema])).default([]),
     /** Ids of project MCP servers this step may use. */
     mcp: z.array(z.string()).optional(),
     /** Ids of wizard connections (the person's accounts) this step may use. */
@@ -477,7 +490,8 @@ export const stepSchema = z.discriminatedUnion("type", [
  */
 export function isDecisionStep(step) {
     const fields = step.output.fields ?? [];
-    return (step.model === "classifier" &&
+    return (!step.call &&
+        step.model === "classifier" &&
         step.output.format === "json" &&
         fields.length > 0 &&
         fields.every((f) => f.kind === "yesno" || f.kind === "choice" || f.kind === "score") &&
@@ -918,6 +932,21 @@ export function validateWizard(def, files) {
             }
             case "agent":
                 checkTemplate(step, step.instructions);
+                if (step.call) {
+                    checkTemplate(step, JSON.stringify(step.call.input));
+                    if (step.each) {
+                        issues.push({ stepId: step.id, message: 'A step with "call" runs once: no "each".' });
+                    }
+                    if (step.output.format !== "json") {
+                        issues.push({
+                            stepId: step.id,
+                            message: 'A step with "call" keeps the tool\'s answer: output format "json".',
+                        });
+                    }
+                }
+                else if (!step.instructions.trim()) {
+                    issues.push({ stepId: step.id, message: "An AI step needs instructions." });
+                }
                 for (const c of step.connections ?? []) {
                     if (!connectionIds.has(c)) {
                         issues.push({ stepId: step.id, message: `Step uses unknown connection "${c}".` });

package/node_modules/@engenty-wizards/shared/dist/marketplace-search.js

@@ -85,13 +85,15 @@ export function matchesFilters(e, f) {
             e.industries.includes(f.industry) ||
             (f.industry !== "any" && e.industries.includes("any"))) &&
         (!f.format || e.formats.includes(f.format)) &&
-        (!f.capability || e.capabilities.includes(f.capability)));
+        (!f.capability || e.capabilities.includes(f.capability)) &&
+        (!f.plan || (e.plan ?? "free") === f.plan));
 }
 const FACETS = {
     useCase: (e) => e.useCases,
     industry: (e) => e.industries,
     format: (e) => e.formats,
     capability: (e) => e.capabilities,
+    plan: (e) => [e.plan ?? "free"],
 };
 /**
  * Per option of each filter, the found entries it would leave with the other filters as they
@@ -103,6 +105,7 @@ function facetsOf(all, found, filters) {
         industry: {},
         format: {},
         capability: {},
+        plan: {},
     };
     for (const key of Object.keys(FACETS)) {
         const options = new Set(all.flatMap(FACETS[key]));

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

@@ -1,4 +1,4 @@
-import type { WizardDefinition } from "./definition.js";
+import { type WizardDefinition } from "./definition.js";
 /**
  * The marketplace: wizards anyone can start from. What an entry is sorted by — formats, industry,
  * use case — and what follows from its definition: the AI capabilities it needs, how much a
@@ -196,14 +196,34 @@ export declare const COST_TIERS: {
     };
 };
 export type CostTier = keyof typeof COST_TIERS;
+/**
+ * The plan a wizard needs. Free runs on what every runtime has; Pro needs plugins, which come
+ * with the Pro and Team plans of engenty.ai.
+ */
+export declare const MARKETPLACE_PLANS: {
+    free: {
+        de: string;
+        en: string;
+    };
+    pro: {
+        de: string;
+        en: string;
+    };
+};
+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 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[];
 /** The capabilities a definition needs, read from its steps. */
 export declare function capabilitiesOf(def: WizardDefinition): Capability[];
+/** The plugins a definition's steps use, by id: a runtime without one of them cannot run it. */
+export declare function pluginsOf(def: WizardDefinition): string[];
+/** The plan a wizard needs: Pro as soon as it uses a plugin. */
+export declare const planOf: (plugins: readonly string[]) => MarketplacePlan;
 /** What a person does in a run, and about how long the whole run takes. */
 export interface Effort {
     /** Fields to fill in, the required ones of them. */
@@ -249,6 +269,18 @@ export interface MarketplaceSummary {
     steps: number;
     /** The definition version the entry's wizard is written in (`DEFINITION_VERSION`). */
     version: number;
+    /**
+     * The plugins its wizard uses, by id (`pluginsOf`). A marketplace older than this field leaves
+     * it out: read it as none.
+     */
+    plugins?: string[];
+    /** The plan it needs (`planOf`); left out by an older marketplace: free. */
+    plan?: MarketplacePlan;
+    /**
+     * The plugin's own starter this entry shows in the catalog, `<plugin id>.<starter id>`: a
+     * runtime with that plugin lists the plugin's starter instead.
+     */
+    pluginStarter?: string;
 }
 /** What a search narrows by, besides its words. */
 export interface MarketplaceFilters {
@@ -256,6 +288,7 @@ export interface MarketplaceFilters {
     industry?: Industry;
     format?: ItemFormat;
     capability?: Capability;
+    plan?: MarketplacePlan;
 }
 /** Per option of a filter: the entries it would leave, with the other filters as they are. */
 export interface MarketplaceFacets {
@@ -264,6 +297,8 @@ export interface MarketplaceFacets {
     format: Partial<Record<ItemFormat, number>>;
     /** Optional: a marketplace older than this filter leaves it out. */
     capability?: Partial<Record<Capability, number>>;
+    /** Optional: a marketplace older than this filter leaves it out. */
+    plan?: Partial<Record<MarketplacePlan, number>>;
 }
 /** A page of a search: the entries, best first, how many there are, and the filters' counts. */
 export interface MarketplacePage<T extends MarketplaceSummary = MarketplaceSummary> {
@@ -319,4 +354,6 @@ export interface MarketplaceEntry extends MarketplaceSummary {
         id: string;
         name: string;
     };
+    /** The plugins it needs that this app does not have: a wizard made from it would not run. */
+    needs?: string[];
 }

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

@@ -1,3 +1,4 @@
+import { pluginToolOf } from "./definition.js";
 /**
  * The marketplace: wizards anyone can start from. What an entry is sorted by — formats, industry,
  * use case — and what follows from its definition: the AI capabilities it needs, how much a
@@ -63,11 +64,20 @@ export const COST_TIERS = {
     medium: { de: "mittel", en: "medium cost" },
     high: { de: "teuer", en: "high cost" },
 };
+/**
+ * The plan a wizard needs. Free runs on what every runtime has; Pro needs plugins, which come
+ * with the Pro and Team plans of engenty.ai.
+ */
+export const MARKETPLACE_PLANS = {
+    free: { de: "Kostenlos", en: "Free" },
+    pro: { de: "Pro", en: "Pro" },
+};
 const keys = (o) => Object.keys(o);
 export const ITEM_FORMAT_IDS = keys(ITEM_FORMATS);
 export const INDUSTRY_IDS = keys(INDUSTRIES);
 export const USE_CASE_IDS = keys(USE_CASES);
 export const CAPABILITY_IDS = keys(CAPABILITIES);
+export const MARKETPLACE_PLAN_IDS = keys(MARKETPLACE_PLANS);
 const FORMAT_OF = {
     pdf: "document",
     docx: "document",
@@ -119,6 +129,10 @@ export function capabilitiesOf(def) {
             }
         }
         else if (step.type === "agent") {
+            // A call runs no model: it needs nothing but its plugin.
+            if (step.call) {
+                continue;
+            }
             found.add("text");
             for (const tool of step.tools) {
                 if (tool === "web_search" || tool === "web_fetch") {
@@ -164,6 +178,23 @@ export function capabilitiesOf(def) {
     }
     return CAPABILITY_IDS.filter((c) => found.has(c));
 }
+/** The plugins a definition's steps use, by id: a runtime without one of them cannot run it. */
+export function pluginsOf(def) {
+    const found = new Set();
+    for (const step of def.steps) {
+        if (step.type === "agent") {
+            for (const tool of step.call ? [...step.tools, step.call.tool] : step.tools) {
+                const of = pluginToolOf(tool);
+                if (of) {
+                    found.add(of.plugin);
+                }
+            }
+        }
+    }
+    return [...found].sort();
+}
+/** The plan a wizard needs: Pro as soon as it uses a plugin. */
+export const planOf = (plugins) => plugins.length ? "pro" : "free";
 const WORK_SECONDS = { agent: 25, tools: 70, browser: 150, image: 30, video: 120, voice: 20 };
 export function effortOf(def) {
     let fields = 0;
@@ -180,6 +211,9 @@ export function effortOf(def) {
             reviews += 1;
             seconds += 30;
         }
+        else if (step.type === "agent" && step.call) {
+            seconds += 1;
+        }
         else if (step.type === "agent") {
             seconds += step.tools.includes("browser")
                 ? WORK_SECONDS.browser

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wizards",
-  "version": "0.2.27",
+  "version": "0.2.29",
   "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/Account-DW396ig5.js

@@ -1 +0,0 @@
-import{a as e,n as t,t as n}from"./jsx-runtime-D3jfb0Ew.js";import{R as r,p as i}from"./brand-CCAI9p0f.js";import{D as a,G as o,H as s,c,f as l,g as u,h as d,j as f,k as p,n as m,o as h,r as g,s as _,t as v,x as y}from"./ui-8QmvuC9u.js";import{n as b,r as x}from"./upload-CL1R6shM.js";import{t as S}from"./external-link-wKL1HE6G.js";import{J as ee,Q as te,_t as C,et as w,kt as T,nt as E,tt as D,wt as O}from"./index-YJMooz0J.js";import{n as k}from"./LocalRuntime-DjSNCRnV.js";var A={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`}]]};A.node;var j=o(A),M={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`}]]};M.node;var N=o(M),P={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`}]]};P.node;var F=o(P),I=e(t(),1),L=e=>[`project-files`,e];function R(e){return i({queryKey:L(e),queryFn:()=>y.get(`/api/studio/projects/${e}/files`),refetchInterval:e=>e.state.data?.files.some(e=>e.status===`pending`)?2e3:!1})}function z(e,t){return a(`/api/studio/projects/${e}/files/${t}/content`)}function B(e,t=!1){let n=r(),[i,a]=(0,I.useState)(!1),[o,s]=(0,I.useState)(null),c=()=>n.invalidateQueries({queryKey:L(e)}),l=async e=>{s(null);try{await e()}catch(e){s(e.message)}finally{await c()}};return{busy:i,error:o,readOnly:t,upload:async(t,n)=>{a(!0),await l(async()=>{for(let r of n)await y.upload(`/api/studio/projects/${e}/files?kind=${t}`,r),await c()}),a(!1)},describe:(t,n)=>l(()=>y.patch(`/api/studio/projects/${e}/files/${t}`,{description:n})),remove:t=>l(()=>y.del(`/api/studio/projects/${e}/files/${t}`)),reindex:t=>l(()=>y.post(`/api/studio/projects/${e}/files/${t}/reindex`)),order:(t,n)=>l(()=>y.put(`/api/studio/projects/${e}/files/order`,{kind:t,ids:n}))}}function V(e,t){let n=`wz.layout.${e}`,[r,i]=(0,I.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 H(e,t,n=700){let[r,i]=(0,I.useState)(`idle`),[a,o]=(0,I.useState)(null),s=JSON.stringify(e),c=(0,I.useRef)(s),l=(0,I.useRef)({value:e,json:s,save:t});l.current={value:e,json:s,save:t};let u=(0,I.useRef)(Promise.resolve()),d=(0,I.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,I.useEffect)(()=>{if(s===c.current)return;let e=setTimeout(d,n);return()=>clearTimeout(e)},[s,n,d]),(0,I.useEffect)(()=>d,[d]),{state:r,error:a}}function U(e){return e<1e6?`${Math.max(1,Math.round(e/1e3))} KB`:`${(e/1e6).toFixed(1)} MB`}var W=e(n(),1);function G({id:e,children:t}){return(0,W.jsx)(`div`,{id:e,className:`scroll-mt-24 max-md:scroll-mt-36`,children:t})}function K({title:e,hint:t,save:n,action:r,locked:i,plain:a,children:o}){return(0,W.jsxs)(`section`,{className:`flex flex-col gap-2.5`,children:[(0,W.jsxs)(`div`,{className:`flex items-start justify-between gap-4 px-1`,children:[(0,W.jsxs)(`div`,{className:`min-w-0`,children:[(0,W.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,W.jsx)(`h2`,{className:`font-display font-semibold text-lg leading-tight`,children:e}),n?.state===`saving`?(0,W.jsxs)(`span`,{className:`inline-flex items-center gap-1.5 text-[0.75rem] text-ink-3`,children:[(0,W.jsx)(l,{className:`size-3`}),` `,f(`project.saving`)]}):n?.state===`saved`?(0,W.jsxs)(`span`,{className:`inline-flex items-center gap-1 text-[0.75rem] text-moss`,children:[(0,W.jsx)(s,{className:`size-3.5`}),` `,f(`settings.saved`)]}):null]}),t?(0,W.jsx)(`p`,{className:`mt-1 text-[0.875rem] text-ink-3 leading-snug`,children:t}):null]}),r?(0,W.jsx)(`div`,{className:`shrink-0`,children:r}):null]}),a?o:(0,W.jsxs)(m,{className:`p-3.5 sm:p-5`,children:[i?(0,W.jsx)(`fieldset`,{disabled:!0,className:`min-w-0`,children:o}):o,n?.state===`error`&&n.error?(0,W.jsx)(`p`,{className:`mt-4 text-[0.875rem] text-rose`,children:n.error}):null]})]})}function q({children:e,layout:t,onToggle:n}){return(0,W.jsxs)(`div`,{className:`mb-3 flex items-start gap-2`,children:[(0,W.jsx)(`div`,{className:`min-w-0 flex-1`,children:(0,W.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,W.jsx)(h,{label:f(t===`list`?`project.viewCards`:`project.viewList`),onClick:n,children:t===`list`?(0,W.jsx)(N,{className:`size-4`}):(0,W.jsx)(F,{className:`size-4`})})]})}function J({value:e,onChange:t,onEnter:n,placeholder:r,busy:i}){return(0,W.jsxs)(`div`,{className:`relative`,children:[(0,W.jsx)(b,{className:`-translate-y-1/2 pointer-events-none absolute top-1/2 left-3 size-4 text-ink-4`}),(0,W.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-[0.875rem] text-ink outline-none transition placeholder:text-ink-4 focus:border-focus focus:ring-4 focus:ring-focus-glow`}),i?(0,W.jsx)(l,{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,W.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:u(`flex cursor-pointer items-center justify-center gap-2 rounded-lg border border-input border-dashed text-[0.875rem] 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,W.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-[0.8125rem] text-ink-3`;function Z(e){let t=r(),[n,i]=(0,I.useState)(!1),a=T({mutationFn:e=>y.post(`/api/studio/account/link`,e),onSuccess:({url:e})=>{k(e),i(!0)}});return(0,I.useEffect)(()=>{if(!n)return;let e=setInterval(()=>void t.invalidateQueries({queryKey:[`me`]}),2e3),r=setTimeout(()=>i(!1),3e5);return()=>{clearInterval(e),clearTimeout(r)}},[n,t]),(0,I.useEffect)(()=>{e&&i(!1)},[e]),{link:a,waiting:n}}function Q({link:e,waiting:t}){return e.isError?(0,W.jsx)(`p`,{className:`text-[0.8125rem] text-rose`,children:f(`local.accountFailed`)}):t?(0,W.jsxs)(`p`,{className:`flex items-center gap-2 text-[0.8125rem] text-ink-3`,children:[(0,W.jsx)(l,{className:`size-3.5`}),` `,f(`local.accountWaiting`)]}):null}function ne(){let e=Z(!1),{link:t}=e,[n,r]=(0,I.useState)(``);return(0,W.jsxs)(`div`,{className:`flex flex-col divide-y divide-border-soft`,children:[(0,W.jsxs)(`div`,{className:`flex items-start gap-4 py-5 first:pt-0 last:pb-0`,children:[(0,W.jsx)(`div`,{className:`flex size-11 shrink-0 items-center justify-center rounded-full bg-paper-2 text-ink-2`,children:(0,W.jsx)(j,{className:`size-5`})}),(0,W.jsxs)(`div`,{className:`min-w-0`,children:[(0,W.jsx)(`div`,{className:`font-medium text-[0.9375rem]`,children:f(`account.local`)}),(0,W.jsx)(`p`,{className:`mt-1 text-[0.875rem] text-ink-3 leading-relaxed`,children:f(`account.localText`)})]})]}),D.account?(0,W.jsxs)(`div`,{className:`flex flex-col gap-4 py-5 last:pb-0`,children:[(0,W.jsxs)(`div`,{children:[(0,W.jsx)(`div`,{className:`font-medium text-[0.9375rem]`,children:f(`account.with`)}),(0,W.jsxs)(`ul`,{className:`mt-2 flex flex-col gap-2 text-[0.875rem] text-ink-2 leading-snug`,children:[(0,W.jsxs)(`li`,{className:`flex items-start gap-2.5`,children:[(0,W.jsx)(x,{className:`mt-0.5 size-4 shrink-0 text-amber`}),f(`account.withCredits`)]}),(0,W.jsxs)(`li`,{className:`flex items-start gap-2.5`,children:[(0,W.jsx)(O,{className:`mt-0.5 size-4 shrink-0 text-cobalt`}),f(`account.withCloud`)]})]})]}),(0,W.jsx)(`div`,{children:(0,W.jsx)(v,{busy:t.isPending&&!t.variables?.signup,onClick:()=>t.mutate({}),children:f(`account.signIn`)})})]}):null,D.account?(0,W.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,W.jsxs)(`div`,{children:[(0,W.jsx)(`div`,{className:`font-medium text-[0.9375rem]`,children:f(`account.new`)}),(0,W.jsx)(`p`,{className:`mt-1 text-[0.875rem] text-ink-3 leading-relaxed`,children:f(`account.newHint`)})]}),(0,W.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,W.jsx)(_,{value:n,maxLength:64,autoComplete:`off`,spellCheck:!1,placeholder:f(`account.code`),"aria-label":f(`account.code`),onChange:e=>r(e.target.value),className:`w-56 font-mono text-[0.875rem]`}),(0,W.jsx)(v,{type:`submit`,variant:`secondary`,className:`h-11`,busy:t.isPending&&!!t.variables?.signup,children:f(`account.create`)})]}),(0,W.jsx)(Q,{...e})]}):null]})}var $={start:`account.kind.start`,monthly:`account.kind.monthly`,gift:`account.kind.gift`};function re({account:e}){let t=r(),n=Z(e.signedIn),i=T({mutationFn:()=>y.del(`/api/studio/account`),onSuccess:()=>t.invalidateQueries({queryKey:[`me`]})}),a=new Intl.DateTimeFormat(p,{dateStyle:`medium`});return(0,W.jsxs)(`div`,{className:`flex flex-col divide-y divide-border-soft`,children:[(0,W.jsxs)(`div`,{className:`flex flex-wrap items-center gap-x-4 gap-y-3 py-5 first:pt-0`,children:[(0,W.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,W.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,W.jsx)(`span`,{className:`truncate font-medium text-[0.9375rem]`,children:e.name||e.email}),e.signedIn?(0,W.jsx)(g,{tone:`live`,children:f(`account.linked`)}):null]}),(0,W.jsx)(`div`,{className:`truncate text-[0.875rem] text-ink-3`,children:e.email})]}),(0,W.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,W.jsxs)(v,{variant:`secondary`,onClick:()=>k(e.url),children:[f(`setup.openAccount`),` `,(0,W.jsx)(S,{className:`size-4`})]}),(0,W.jsxs)(v,{variant:`ghost`,busy:i.isPending,onClick:()=>i.mutate(),children:[(0,W.jsx)(C,{className:`size-4`}),` `,f(`nav.logout`)]})]})]}),e.signedIn?null:(0,W.jsxs)(`div`,{className:`flex flex-col gap-3 py-5`,children:[(0,W.jsx)(`p`,{className:`text-[0.875rem] text-ink-2`,children:f(`local.accountExpired`)}),(0,W.jsx)(`div`,{children:(0,W.jsx)(v,{busy:n.link.isPending,onClick:()=>n.link.mutate({}),children:f(`account.signInAgain`)})}),(0,W.jsx)(Q,{...n})]}),e.credits===null?null:(0,W.jsxs)(`div`,{className:`py-5`,children:[(0,W.jsxs)(`div`,{className:`flex flex-wrap items-center gap-x-4 gap-y-3`,children:[(0,W.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,W.jsx)(`div`,{className:`text-[0.8125rem] text-ink-3`,children:f(`account.credits`)}),(0,W.jsx)(`div`,{className:`font-display font-semibold text-[1.375rem] tabular-nums leading-tight`,children:f(`nav.credits`,{n:Math.floor(e.credits).toLocaleString()})})]}),(0,W.jsxs)(v,{variant:`secondary`,onClick:()=>k(`${e.url}/billing`),children:[f(`account.topUp`),` `,(0,W.jsx)(S,{className:`size-4`})]})]}),e.expiring.length?(0,W.jsx)(`ul`,{className:`mt-3 flex flex-col gap-1 text-[0.8125rem] text-ink-3 tabular-nums`,children:e.expiring.map(e=>(0,W.jsxs)(`li`,{children:[f(`account.expires`,{n:Math.floor(e.credits).toLocaleString(),date:a.format(new Date(e.expiresAt))}),$[e.kind]?(0,W.jsxs)(`span`,{className:`text-ink-4`,children:[` · `,f($[e.kind])]}):null]},`${e.kind}:${e.expiresAt}`))}):null]}),(0,W.jsxs)(`div`,{className:`flex items-start gap-2.5 py-5 text-[0.875rem] text-ink-2 leading-snug last:pb-0`,children:[(0,W.jsx)(O,{className:`mt-0.5 size-4 shrink-0 text-cobalt`}),(0,W.jsx)(`p`,{children:f(`account.cloud`,{host:ee(e.cloudUrl)})})]})]})}function ie({me:e,fromAccount:t}){let n=r(),[i,a]=(0,I.useState)(e.profile),o=e=>a(t=>({...t,...e})),s=H(i,async e=>{await y.put(`/api/studio/profile`,e),await n.invalidateQueries({queryKey:[`me`]})});return(0,W.jsx)(K,{title:f(`account.profile`),hint:f(`account.hint`),save:s,children:(0,W.jsxs)(`div`,{className:`flex flex-col gap-6 sm:flex-row sm:gap-8`,children:[(0,W.jsxs)(`div`,{className:`flex shrink-0 flex-col items-center gap-2 sm:w-32`,children:[(0,W.jsx)(`div`,{className:`flex size-20 items-center justify-center overflow-hidden rounded-full bg-ember-tint font-semibold text-[1.75rem] text-ember-strong ring-1 ring-border-soft`,children:e.user.image?(0,W.jsx)(`img`,{src:e.user.image,alt:``,className:`size-full object-cover`}):E(i.name)||`?`}),(0,W.jsx)(`p`,{className:`text-center text-[0.75rem] text-ink-3 leading-snug`,children:f(`account.initials`)})]}),(0,W.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-5`,children:[(0,W.jsxs)(`div`,{children:[(0,W.jsx)(c,{children:f(`account.name`)}),(0,W.jsx)(_,{value:i.name,maxLength:80,disabled:t,onChange:e=>o({name:e.target.value})}),(0,W.jsx)(`p`,{className:X,children:f(t?`account.fromAccount`:`account.nameHint`)})]}),(0,W.jsxs)(`div`,{children:[(0,W.jsx)(c,{children:f(`account.about`)}),(0,W.jsx)(d,{minRows:3,maxLength:2e3,value:i.about,onChange:e=>o({about:e.target.value})}),(0,W.jsx)(`p`,{className:X,children:f(`account.aboutHint`)})]}),(0,W.jsxs)(`div`,{className:`grid gap-5 sm:grid-cols-2`,children:[(0,W.jsxs)(`div`,{children:[(0,W.jsx)(c,{children:f(`account.email`)}),(0,W.jsx)(_,{type:`email`,value:i.email,maxLength:200,disabled:t,onChange:e=>o({email:e.target.value})})]}),(0,W.jsxs)(`div`,{children:[(0,W.jsx)(c,{children:f(`account.phone`)}),(0,W.jsx)(_,{type:`tel`,value:i.phone,maxLength:40,onChange:e=>o({phone:e.target.value})})]})]})]})]})})}function ae({me:e}){let t=e.mode===`managed`,n=t||!!e.account;return(0,W.jsxs)(`div`,{className:`flex flex-col gap-9`,children:[(0,W.jsx)(K,{title:f(`account.connection`),hint:f(`account.connectionHint`),children:t?(0,W.jsxs)(`div`,{className:`flex flex-wrap items-center gap-4`,children:[(0,W.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,W.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,W.jsx)(`span`,{className:`truncate font-medium text-[0.9375rem]`,children:e.user.name}),(0,W.jsx)(g,{tone:`live`,children:f(`account.linked`)})]}),(0,W.jsx)(`div`,{className:`truncate text-[0.875rem] text-ink-3`,children:e.user.email})]}),e.manageUrl?(0,W.jsxs)(v,{variant:`secondary`,onClick:()=>k(`${e.manageUrl}/account`),children:[f(`setup.openAccount`),` `,(0,W.jsx)(S,{className:`size-4`})]}):null]}):e.account?(0,W.jsx)(re,{account:e.account}):(0,W.jsx)(ne,{})}),(0,W.jsx)(ie,{me:e,fromAccount:n},n?`account`:`own`),(0,W.jsx)(K,{title:f(`account.look`),hint:f(`account.lookHint`),children:(0,W.jsxs)(`div`,{className:`flex flex-col divide-y divide-border-soft`,children:[(0,W.jsxs)(`div`,{className:`flex items-center justify-between gap-4 pb-4`,children:[(0,W.jsx)(`span`,{className:`font-medium text-[0.875rem]`,children:f(`nav.language`)}),(0,W.jsx)(w,{tone:`surface`})]}),(0,W.jsxs)(`div`,{className:`flex items-center justify-between gap-4 pt-4`,children:[(0,W.jsx)(`span`,{className:`font-medium text-[0.875rem]`,children:f(`nav.theme`)}),(0,W.jsx)(te,{})]})]})})]})}export{Y as a,K as c,H as d,B as f,N as h,G as i,U as l,R as m,Q as n,q as o,V as p,Z as r,J as s,ae as t,z as u};