diff --git a/README.md b/README.md index 437b59d..735751c 100644 --- a/README.md +++ b/README.md @@ -150,6 +150,18 @@ The complete check includes mocked provider contract/error/lock tests and a compiled-server deployment check. A real APIMart completion requires your key and model access; it is not claimed by the mocked tests. +Studio 0.1.3 offers 13 presets and comparison choices: Square, Soft, Angular, +Swiss, Forest, Ocean, Rose, Violet, Ember, Editorial, Terminal, Brutalist and +Contrast. Each supports light and dark mode. The first valid generated proposal +appears in the large preview automatically; Review switches alternatives without +changing the draft. Show current draft returns to it, while Use reviewed proposal +creates an undoable revision. Create new starts with editable preset tokens. + +Live APIMart verification on October 19 returned three distinct control-shape +alternatives in one attempt (0px, 8px and 16px). All three exported canonical +designs passed validation and compiled in both modes. Broader requests can still +fail provider or proposal validation; failures preserve the draft and candidates. + ### HTTPS proxy origin The app defaults STUDIO_PUBLIC_ORIGIN to https://component.wrnexusjs.dev. If you @@ -167,7 +179,7 @@ load failures instead of leaving the editor permanently at Checking. ### Linux component previews -Studio is pinned to 0.1.2, which resolves component files through the UI registry +Studio is pinned to 0.1.3, which resolves component files through the UI registry instead of assuming a filename from the public component name. This fixes Linux lookups such as Input -> input.wrn. Install the committed lockfile before rebuilding and restarting; restarting a deployment still using Studio 0.1.0 diff --git a/app/lib/studio-guide.ts b/app/lib/studio-guide.ts index ac19c3b..1d23d90 100644 --- a/app/lib/studio-guide.ts +++ b/app/lib/studio-guide.ts @@ -19,7 +19,7 @@ export const studioHelpScript = `(() => { })();`; export function addStudioGuide(html: string, configured: boolean) { - const guide = `
How to use Design Studio
  1. Describe your website. Open Guided design, enter your product and audience, then choose colors, shapes and spacing with Next.
  2. Generate and compare. Click Generate three directions, review an alternative, then choose Use reviewed proposal.
  3. Refine it. Try “make buttons square and use blue as the primary color” under Edit with words. Lock decisions you want to keep.
  4. Use it in your app. Open Review & apply and export Theme config or Compiled CSS. This website previews and exports designs; it does not change your deployed app automatically.

${configured ? "APIMart AI is enabled with gpt-6-luna. Generation sends your brief and current design to APIMart only when you request it." : "AI is not configured. Local presets and supported rule-based edits still work. Set APIMART_API_KEY in the server .env and restart to enable gpt-6-luna."}

`; + const guide = `
How to use Design Studio
  1. Describe your website. Open Guided design, enter your product and audience, then choose colors, shapes and spacing with Next.
  2. Generate and compare. Click Generate three directions. The first valid alternative appears in the large preview. Review another to compare, then choose Use reviewed proposal to save it. Show current draft returns without accepting.
  3. Refine it. Try “make buttons square and use blue as the primary color” under Edit with words. Lock decisions you want to keep.
  4. Use it in your app. Open Review & apply and export Theme config or Compiled CSS. This website previews and exports designs; it does not change your deployed app automatically.

${configured ? "APIMart AI is enabled with gpt-6-luna. Generation sends your brief and current design to APIMart only when you request it." : "AI is not configured. Local presets and supported rule-based edits still work. Set APIMART_API_KEY in the server .env and restart to enable gpt-6-luna."}

`; return html .replace( '