openyida 2026.9.18 → 2026.9.20

package/README.md

@@ -183,7 +183,7 @@ openyida get-schema APP_XXX FORM_XXX --compact --resolve-fields "Customer Name,S
 openyida get-schema APP_XXX --all --output-dir .cache/schemas
 ```
 
-Form definitions support 19 business field types plus verified presentation/layout components. Prefer `Divider` for section titles and `ColumnContainer` (mapped to `ColumnsLayout` + `Column`) for multi-column layout; use `GroupContainer` / `PageSection` only when an actual grouping container is needed.
+Native forms use a component tree: business fields capture data, tabs switch content, action groups trigger business actions, images establish visual focus, status areas provide feedback, and `Divider` plus `ColumnContainer` organize hierarchy and columns. `create-form` field definitions create 19 business field types plus `Divider` and `ColumnContainer` (mapped to `ColumnsLayout` + `Column`), while updates retain other existing components.
 
 ### Custom Page Development
 
@@ -399,8 +399,8 @@ Run `openyida --help` or `openyida <command> --help` for detailed usage.
 | `openyida design-plan catalog [--json]` | List available planning themes and page patterns |
 | `openyida design-plan init <requirement-brief.json> [--theme-id <id>] [--output-dir <dir>] [--json]` | Initialize a plan draft from confirmed requirements |
 | `openyida design-plan preview <build-plan.json> --part-file <module.json> [--json]` | Update plan drafts by module |
-| `openyida design-plan materialize <build-plan.json> [--from-preview \| --business-file <json> --visual-file <json>] [--output-dir <dir>] [--check] [--json]` | Generate and validate design-plan artifacts from build-plan.json |
-| `openyida design-plan patch <build-plan.json> --set <path=value> [--set <path=value> ...] [--materialize] [--output-dir <dir>] [--json]` | Patch a design plan; asset progress preserves existing approval |
+| `openyida design-plan materialize <build-plan.json> [--from-preview \| --business-file <json> --visual-file <json>] [--output-dir <dir>] [--check] [--json]` | Generate or update plan documents and theme with consistency checks |
+| `openyida design-plan patch <build-plan.json> --set <path=value> [--set <path=value> ...] [--materialize] [--output-dir <dir>] [--json]` | Patch plan fields and optionally sync documents and theme |
 | `openyida update-app <appType> [--name "..."] [--desc "..."] [--icon <name>] [--icon-color <color>] [--colour <key>] [--theme-color <color>] [--theme-file <css>] [--nav-theme light\|dark\|white\|gray] [--logo-source appIcon\|customImage] [--layout side\|top\|l_shape] [--hide-app-nav\|--show-app-nav]` | Update app info |
 | `openyida app-online <appType> [--to-ding-app-center] [--show-app-center]` | Enable a Yida app |
 | `openyida app-offline <appType> [--to-ding-app-center] [--show-app-center]` | Disable a Yida app |
@@ -415,7 +415,7 @@ Run `openyida --help` or `openyida <command> --help` for detailed usage.
 | Command | Description |
 |---------|-------------|
 | `openyida create-form batch <appType> <plan.json> [--concurrency 1..4] [--check] [--json]` | Create forms concurrently by dependency |
-| `openyida create-form create <appType> "<formTitle>" <fieldsJsonFile> [--icon auto\|<iconName>] [--locale zh_CN\|en_US\|ja_JP] [--open\|--no-open]` | Create a form page |
+| `openyida create-form create <appType> "<formTitle>" <fieldsJsonFile> [--layout single\|double\|card\|section] [--theme default\|compact\|comfortable] [--label-align top\|left\|right] [--icon auto\|<iconName>] [--locale zh_CN\|en_US\|ja_JP] [--open\|--no-open]` | Create a form page |
 | `openyida create-form icons [--json]` | List available form navigation icons |
 | `openyida create-form validate-fields <fieldsJsonOrFile> [--json]` | Validate form field JSON locally |
 | `openyida create-form update <appType> <formUuid> (<changesJsonOrFile> \| --data-file <changesJsonOrFile>) [--locale zh_CN\|en_US\|ja_JP] [--open\|--no-open]` | Update a form page |
@@ -430,12 +430,13 @@ Run `openyida --help` or `openyida <command> --help` for detailed usage.
 | `openyida aggregate-table <list\|create-empty\|inspect\|preview\|save\|publish\|status> <appType> ...` | Manage aggregate tables (virtualView) |
 | `openyida get-schema <appType> <formUuid\|--all> [--summary-json\|--field-map-json\|--analysis-json]` | Get one form Schema or all form Schemas |
 | `openyida check-prd-completeness <prd.md> --app-type <appType> [--build-manifest <file>] [--json]` | Check PRD page/resource count risk |
+| `openyida check-design <design.md> [--prd <prd.md>] [--base-dir <dir>] [--json]` | Validate design documents, theme tokens and PRD handoff |
 | `openyida er <appType> [--format mermaid\|json] [--output file] [--include-system] [--include-pages]` | Export app entity relationship diagram |
 | `openyida create-page <appType> "<name>" [--mode dashboard] [--hide-nav] [--locale zh_CN\|en_US\|ja_JP] [--open\|--no-open]` | Create a custom display page |
 | `openyida build-page <sourceFile> [--output file\|--write]` | Build Yida-compatible page source |
-| `openyida check-page <src> [--compat]` | Check custom page standards |
-| `openyida compile <src> [--canvas] [--json]` | Compile custom page locally |
-| `openyida publish <src> <appType> <formUuid> [--health-check] [--force] [--canvas] [--auto-nav-order] [--open\|--no-open]` | Compile and publish custom page |
+| `openyida check-page <src> [--compat] [--json]` | Check custom page standards |
+| `openyida compile <src> [--canvas] [--compat] [--skip-lint] [--json]` | Compile custom page locally |
+| `openyida publish <src> <appType> <formUuid> [--health-check] [--force] [--canvas] [--compat] [--skip-lint] [--auto-nav-order] [--open\|--no-open] [--json]` | Compile and publish custom page |
 | `openyida update-form-config <appType> <formUuid> <true\|false\|keep> "<title>" [--locale zh_CN\|en_US\|ja_JP]` | Update form configuration |
 | `openyida get-form-config <appType> <formUuid> [--json]` | Query form configuration |
 
@@ -458,7 +459,7 @@ Run `openyida --help` or `openyida <command> --help` for detailed usage.
 | Command | Description |
 |---------|-------------|
 | `openyida configure-process <appType> <formUuid> <definition> [processCode] [--replace]` | Configure and publish process rules; Supports append/forward via JSON nodes[].actions.normalActions/appendActions |
-| `openyida create-process <appType> ... [--replace]` | Create process form (all-in-one); Supports append/forward via JSON nodes[].actions.normalActions/appendActions |
+| `openyida create-process <appType> <formTitle> <fieldsJsonFile> <processDefinitionFile> [--replace] \| create-process <appType> --formUuid <formUuid> <processDefinitionFile> [--replace]` | Create process form (all-in-one); Supports append/forward via JSON nodes[].actions.normalActions/appendActions |
 | `openyida ai-form-setting <get\|fields\|models\|enable\|disable\|save> <appType> ...` | Manage process form AI approval prompts |
 | `openyida process preview <appType> ...` | Preview process instance (visual flowchart) |
 
@@ -522,7 +523,7 @@ Run `openyida --help` or `openyida <command> --help` for detailed usage.
 | `openyida a2a <serve\|agent-card> [options]` | Start local read-only A2A adapter or print Agent Card |
 | `openyida bridge start [--token <pair-token>] [--port 6736] [--origin https://demo.aliwork.com] [--open\|--no-open]` | Start OpenYida local web bridge service |
 | `openyida copy [--force]` | Copy project working directory |
-| `openyida sample [--list] [<skill> <name>] [--output <file>] [--var KEY=VALUE ...] [--design-file <design.md>]` | Output code samples/templates |
+| `openyida sample [--list] [<skill> <name>] [--output <file-or-directory>] [--var KEY=VALUE ...] [--design-file <design.md>] [--style-id <themeId\|free-creative>]` | Output code samples/templates |
 | `openyida doctor [--fix]` | Environment diagnostics & auto-fix |
 | `openyida db-seq-fix [--fix]` | Detect and repair PostgreSQL sequence drift |
 | `openyida formula evaluate <formula\|file> [--schema file]` | Static-check Yida formula syntax and field refs |

package/bin/yida.js

@@ -526,6 +526,7 @@ function printManifestCommandHelp(commandName) {
   printCommandUsage(...entries.flatMap((entry) => [
     entry.usage,
     entry.description,
+    ...(entry.notes || []),
     ...(entry.examples || []),
   ]));
   return true;
@@ -798,6 +799,12 @@ async function main() {
       break;
     }
 
+    case 'check-design': {
+      const { run } = require('../lib/design/check-design');
+      await run(args);
+      break;
+    }
+
     case 'er': {
       const { run } = require('../lib/app/er');
       await run(args);
@@ -1009,9 +1016,6 @@ async function main() {
     }
 
     case 'create-process': {
-      if (args.length < 2) {
-        throwCliUsage(t('cli.create_process_usage'), t('cli.create_process_example'));
-      }
       const { run: runCreateProcess } = require('../lib/process/create-process');
       await runCreateProcess(args);
       break;

package/lib/app/application-style.js

@@ -0,0 +1,67 @@
+'use strict';
+
+const fs = require('fs');
+const path = require('path');
+const { CliError } = require('../core/cli-error');
+const { t } = require('../core/i18n');
+const { DESIGN_SKILL_ROOT, loadThemeIndex } = require('../design-plan/themes');
+const START = '/* OPENYIDA APPLICATION STYLE RECIPES START';
+const END = '/* OPENYIDA APPLICATION STYLE RECIPES END */';
+const CREATIVE_TOKENS = [
+  '--pod-page-bg-color', '--pod-card-bg-color', '--color-text1-4',
+  '--form-element-medium-corner', '--form-element-medium-height',
+  '--pod-page-footer-bg-color', '--pod-sticky-footer-box-shadow',
+  '--oyd-content-width', '--oyd-content-padding', '--oyd-field-gap',
+  '--oyd-heading-font', '--oyd-heading-size', '--oyd-rule-style',
+];
+
+function validateCreativeDirection(direction, tokens) {
+  const missing = ['businessRationale', 'composition', 'typography', 'material', 'formLayout']
+    .filter(key => typeof direction?.[key] !== 'string' || !direction[key].trim());
+  missing.push(...CREATIVE_TOKENS.filter(key => typeof tokens?.[key] !== 'string' || !tokens[key].trim()));
+  if (missing.length) {
+    throw new CliError(t('design_document.invalid', 'creativeDirection', missing.join(', ')), {
+      code: 'APPLICATION_STYLE_CREATIVE_INCOMPLETE', details: { missing },
+    });
+  }
+}
+
+function applyApplicationStyle(css, metadata, tokens) {
+  const style = metadata.applicationStyle;
+  if (style && (style.recipe !== 'application-style-v1' || !['template', 'creative'].includes(style.mode))) {
+    throw new CliError(t('design_document.invalid', 'applicationStyle', 'APPLICATION_STYLE_INVALID'), { code: 'APPLICATION_STYLE_INVALID' });
+  }
+  if (style?.mode === 'creative') {validateCreativeDirection(metadata.creativeDirection, tokens);}
+  const first = css.indexOf(START);
+  const last = css.indexOf(END);
+  if (first >= 0 && last < first) {
+    throw new CliError(t('design_document.invalid', 'app_theme.css', 'APPLICATION_STYLE_CSS_INVALID'), { code: 'APPLICATION_STYLE_CSS_INVALID' });
+  }
+  const recipe = style
+    ? fs.readFileSync(path.join(DESIGN_SKILL_ROOT, 'references/theme/application-style-recipes.css'), 'utf8').trim()
+    : '';
+  // Only the managed recipe block is replaced. User-authored rules stay intact.
+  if (first >= 0) {return css.slice(0, first) + recipe + css.slice(last + END.length);}
+  return recipe ? `${css.trimEnd()}\n\n${recipe}\n` : css;
+}
+
+function exportApplicationStyle(id, outputDirectory) {
+  const theme = loadThemeIndex().themes.find(item => item.themeId === id && item.collection === 'application-styles');
+  if (!theme) {throw new CliError(t('design_document.invalid', id || '--style-id', 'APPLICATION_STYLE_UNKNOWN'), { code: 'APPLICATION_STYLE_UNKNOWN' });}
+  const directory = path.resolve(outputDirectory);
+  const assets = [['design.md', theme.templatePath], ['app_theme.css', theme.cssTemplatePath], ['form-layout.json', theme.formLayoutPath]];
+  const outputs = assets.map(([name, relative]) => {
+    const source = path.resolve(DESIGN_SKILL_ROOT, relative);
+    const target = path.join(directory, name);
+    const root = path.resolve(DESIGN_SKILL_ROOT, 'templates/design-themes') + path.sep;
+    if (!source.startsWith(root) || fs.existsSync(target)) {
+      throw new CliError(t('design_document.invalid', target, 'APPLICATION_STYLE_OUTPUT_CONFLICT'), { code: 'APPLICATION_STYLE_OUTPUT_CONFLICT' });
+    }
+    return { source, target, content: fs.readFileSync(source, 'utf8') };
+  });
+  fs.mkdirSync(directory, { recursive: true });
+  for (const item of outputs) {fs.writeFileSync(item.target, item.content, { flag: 'wx' });}
+  return { success: true, mode: theme.mode, themeId: id, authoringRequired: true, outputs: outputs.map(item => item.target) };
+}
+
+module.exports = { applyApplicationStyle, validateCreativeDirection, CREATIVE_TOKENS, exportApplicationStyle };

package/lib/app/canvas-compile.js

@@ -49,6 +49,7 @@ const {
   formatFormDetailLinkMessage,
 } = require('./form-detail-link-guard');
 const { t } = require('../core/i18n');
+const { assertFormDataResponse } = require('./form-data-response-guard');
 const { assertInlineCssStructure } = require('./inline-css-guard');
 const { assertCanvasThemeStructure } = require('./canvas-theme-guard');
 const { assertCanvasIconExports } = require('./canvas-icon-guard');
@@ -940,32 +941,33 @@ function compileCanvasLocal(source, options = {}) {
       },
     });
   }
-  const directFormOpenIssues = findDirectFormOpenIssues(source);
-  if (directFormOpenIssues.length > 0) {
-    const firstIssue = directFormOpenIssues[0];
-    throw new CliError(formatDirectFormOpenMessage(), {
-      code: 'OPENYIDA_CANVAS_FORM_OPEN_CONTAINER_REQUIRED',
+  const formDetailLinkIssues = findFormDetailLinkIssues(source);
+  if (formDetailLinkIssues.length > 0) {
+    const firstIssue = formDetailLinkIssues[0];
+    throw new CliError(formatFormDetailLinkMessage(firstIssue), {
+      code: 'OPENYIDA_CANVAS_FORM_DETAIL_LINK_INVALID',
       details: {
         stage: 'canvas_compile',
         sourcePath: options.sourcePath || '',
         line: firstIssue.line,
-        callee: firstIssue.callee,
+        issueType: firstIssue.type,
       },
     });
   }
-  const formDetailLinkIssues = findFormDetailLinkIssues(source);
-  if (formDetailLinkIssues.length > 0) {
-    const firstIssue = formDetailLinkIssues[0];
-    throw new CliError(formatFormDetailLinkMessage(firstIssue), {
-      code: 'OPENYIDA_CANVAS_FORM_DETAIL_LINK_INVALID',
+  const directFormOpenIssues = findDirectFormOpenIssues(source);
+  if (directFormOpenIssues.length > 0) {
+    const firstIssue = directFormOpenIssues[0];
+    throw new CliError(formatDirectFormOpenMessage(), {
+      code: 'OPENYIDA_CANVAS_FORM_OPEN_CONTAINER_REQUIRED',
       details: {
         stage: 'canvas_compile',
         sourcePath: options.sourcePath || '',
         line: firstIssue.line,
-        issueType: firstIssue.type,
+        callee: firstIssue.callee,
       },
     });
   }
+  assertFormDataResponse(source, options);
   assertNoUnavailableCanvasInstanceApis(source, options);
   assertNoSelfReferentialDependencyBindings(source, options);
   assertNoBareDependencyGlobals(source, options);

package/lib/app/create-form/args.js

@@ -2,6 +2,10 @@
 
 const { detectDeprecatedCreateFormInvocation } = require('../../core/command-contract');
 
+const CREATE_FORM_LAYOUTS = new Set(['single', '1', 'double', '2', 'card', 'section']);
+const CREATE_FORM_THEMES = new Set(['default', 'compact', 'comfortable']);
+const CREATE_FORM_LABEL_ALIGNS = new Set(['top', 'left', 'right']);
+
 function parseMaybeJsonValue(value) {
   if (typeof value !== 'string') {
     return value;
@@ -94,24 +98,38 @@ function createParseArgs(dependencies) {
     const args = [...rawArgs];
 
     for (let i = 0; i < args.length; i++) {
-      if (args[i] === '--layout' && i + 1 < args.length) {
-        options.layout = args[i + 1];
+      if (args[i] === '--layout') {
+        const value = args[i + 1];
+        if (!value || value.startsWith('--') || !CREATE_FORM_LAYOUTS.has(value)) {
+          throwCreateFormError('--layout must be one of: single, double, card, section', 'CREATE_FORM_INVALID_ARGUMENTS');
+        }
+        options.layout = value;
         args.splice(i, 2);
         i--;
-      } else if (args[i] === '--theme' && i + 1 < args.length) {
-        options.theme = args[i + 1];
+      } else if (args[i] === '--theme') {
+        const value = args[i + 1];
+        if (!value || value.startsWith('--') || !CREATE_FORM_THEMES.has(value)) {
+          throwCreateFormError('--theme must be one of: default, compact, comfortable', 'CREATE_FORM_INVALID_ARGUMENTS');
+        }
+        options.theme = value;
         args.splice(i, 2);
         i--;
-      } else if (args[i] === '--label-align' && i + 1 < args.length) {
-        options.labelAlign = args[i + 1];
+      } else if (args[i] === '--label-align') {
+        const value = args[i + 1];
+        if (!value || value.startsWith('--') || !CREATE_FORM_LABEL_ALIGNS.has(value)) {
+          throwCreateFormError('--label-align must be one of: top, left, right', 'CREATE_FORM_INVALID_ARGUMENTS');
+        }
+        options.labelAlign = value;
         args.splice(i, 2);
         i--;
-      } else if (args[i] === '--icon' && i + 1 < args.length) {
-        options.icon = args[i + 1];
+      } else if (args[i] === '--icon') {
+        const value = args[i + 1];
+        if (!value || value.startsWith('--')) {
+          throwCreateFormError('--icon requires a value', 'CREATE_FORM_INVALID_ARGUMENTS');
+        }
+        options.icon = value;
         args.splice(i, 2);
         i--;
-      } else if (args[i] === '--icon') {
-        throwCreateFormError('--icon requires a value', 'CREATE_FORM_INVALID_ARGUMENTS');
       } else if (args[i] === '--data-file') {
         const next = args[i + 1];
         if (dataFileInput !== undefined || !next || next.startsWith('--')) {
@@ -120,8 +138,12 @@ function createParseArgs(dependencies) {
         dataFileInput = next;
         args.splice(i, 2);
         i--;
-      } else if ((args[i] === '--locale' || args[i] === '--content-locale' || args[i] === '--lang') && i + 1 < args.length) {
-        options.contentLocale = args[i + 1];
+      } else if (args[i] === '--locale' || args[i] === '--content-locale' || args[i] === '--lang') {
+        const value = args[i + 1];
+        if (!value || value.startsWith('--')) {
+          throwCreateFormError(`${args[i]} requires a value`, 'CREATE_FORM_INVALID_ARGUMENTS');
+        }
+        options.contentLocale = value;
         if (!normalizeYidaLocale(options.contentLocale)) {
           error(`Unsupported locale: ${options.contentLocale}`);
           throwCreateFormError(`Unsupported locale: ${options.contentLocale}`, 'CREATE_FORM_INVALID_ARGUMENTS');
@@ -361,4 +383,7 @@ module.exports = {
   createParseArgs,
   parseInlineValidationOptions,
   parseMaybeJsonValue,
+  CREATE_FORM_LAYOUTS,
+  CREATE_FORM_THEMES,
+  CREATE_FORM_LABEL_ALIGNS,
 };

package/lib/app/create-form/batch.js

@@ -9,10 +9,15 @@ const { t } = require('../../core/i18n');
 const { usage, hint } = require('../../core/chalk');
 const { assertNoEmojiInText, assertNoEmojiInValue } = require('../../core/no-emoji-guard');
 const { normalizeYidaLocale } = require('../../core/yida-i18n');
+const {
+  CREATE_FORM_LAYOUTS,
+  CREATE_FORM_THEMES,
+  CREATE_FORM_LABEL_ALIGNS,
+} = require('./args');
 const { FORM_NAV_ICONS, resolveFormNavIcon } = require('./nav-icon');
 
 const BATCH_USAGE = 'openyida create-form batch <appType> <plan.json> [--concurrency 1..4] [--check] [--json]';
-const BATCH_PLAN_EXAMPLE = '{"forms":[{"key":"customer","title":"客户","fieldsFile":"customer-fields.json"},{"key":"order","title":"订单","fieldsFile":"order-fields.json","dependsOn":["customer"]}]}';
+const BATCH_PLAN_EXAMPLE = '{"forms":[{"key":"customer","title":"客户","fieldsFile":"customer-fields.json","layout":"section","theme":"comfortable","labelAlign":"left"},{"key":"order","title":"订单","fieldsFile":"order-fields.json","dependsOn":["customer"]}]}';
 
 function invalid(reason) {
   throw new CliError(t('create_form.batch_invalid'), { code: 'FORM_BATCH_INVALID', details: { reason } });
@@ -46,6 +51,20 @@ function validateStaticDefinition(form, fields) {
       locale: form.locale,
     });
   }
+  for (const [key, values] of [
+    ['layout', CREATE_FORM_LAYOUTS],
+    ['theme', CREATE_FORM_THEMES],
+    ['labelAlign', CREATE_FORM_LABEL_ALIGNS],
+  ]) {
+    if (form[key] !== undefined && !values.has(form[key])) {
+      invalid({
+        formKey: form.key,
+        errorCode: 'CREATE_FORM_INVALID_ARGUMENTS',
+        errorMsg: `Unsupported ${key}: ${form[key]}`,
+        [key]: form[key],
+      });
+    }
+  }
 }
 
 function parseArgs(args) {
@@ -126,9 +145,9 @@ function loadPlan(file, options = {}) {
     if (!form || !/^[a-zA-Z][\w-]*$/.test(form.key || '') || typeof form.title !== 'string' || !form.title.trim() ||
       (form.fields === undefined) === (form.fieldsFile === undefined) ||
       (form.dependsOn !== undefined && (!Array.isArray(form.dependsOn) || form.dependsOn.some(key => typeof key !== 'string')))) { invalid('form'); }
-    if (Object.keys(form).some(key => !['key', 'title', 'fields', 'fieldsFile', 'dependsOn', 'formUuid', 'icon', 'locale'].includes(key))) { invalid(form.key); }
+    if (Object.keys(form).some(key => !['key', 'title', 'fields', 'fieldsFile', 'dependsOn', 'formUuid', 'layout', 'theme', 'labelAlign', 'icon', 'locale'].includes(key))) { invalid(form.key); }
     if (form.formUuid !== undefined && (typeof form.formUuid !== 'string' || !form.formUuid.startsWith('FORM'))) { invalid(form.key); }
-    for (const key of ['icon', 'locale']) { if (form[key] !== undefined && typeof form[key] !== 'string') { invalid(key); } }
+    for (const key of ['layout', 'theme', 'labelAlign', 'icon', 'locale']) { if (form[key] !== undefined && typeof form[key] !== 'string') { invalid(key); } }
     const rawFields = form.fieldsFile === undefined ? form.fields : JSON.parse(fs.readFileSync(path.resolve(path.dirname(file), form.fieldsFile), 'utf8'));
     const fields = normalizeAssociationReferences(rawFields, options.appType);
     validateStaticDefinition(form, fields);
@@ -192,7 +211,7 @@ function expectedReadbackFields(fields) {
       expected.push(...expectedReadbackFields(field.children));
       continue;
     }
-    if (['Divider', 'RichText', 'PageSection', 'GroupContainer'].includes(field.type)) { continue; }
+    if (['Divider', 'RichText'].includes(field.type)) { continue; }
     if (typeof field.label === 'string' && field.label.trim()) {
       expected.push({ label: field.label.trim(), componentName: field.type });
     }
@@ -361,7 +380,15 @@ async function run(args, dependencies = {}) {
       const resolvedFields = mapReferences(form.fields, resolve);
       if (!formUuid) {
         const argv = ['create-form', 'create', options.appType, form.title, JSON.stringify(resolvedFields), '--no-open'];
-        for (const key of ['icon', 'locale']) { if (form[key]) { argv.push(`--${key}`, form[key]); } }
+        for (const [key, option] of Object.entries({
+          layout: '--layout',
+          theme: '--theme',
+          labelAlign: '--label-align',
+          icon: '--icon',
+          locale: '--locale',
+        })) {
+          if (form[key]) { argv.push(option, form[key]); }
+        }
         try {
           const created = await call(argv);
           if (typeof created.formUuid !== 'string' || !created.formUuid.startsWith('FORM')) { invalid(`create result: ${form.key}`); }