Tabs and Wizard

export const usersSchema = {
  resource: "users",
  layout: {
    type: "tabs",
    tabs: [
      { key: "profile", title: "Profile", fields: ["name", "email"] },
      { key: "access", title: "Access", fields: ["roleId", "status"] }
    ]
  },
  form: {
    fields: [
      { name: "name", type: "text" },
      { name: "email", type: "email" },
      { name: "roleId", label: "Role", type: "select" },
      { name: "status", type: "select" }
    ]
  }
} as const;

export const projectSchema = {
  resource: "projects",
  layout: {
    type: "wizard",
    steps: [
      { key: "basic", title: "Basic Information", fields: ["name", "ownerId"] },
      { key: "scope", title: "Scope", fields: ["budget", "startDate", "endDate"] },
      { key: "settings", title: "Settings", fields: ["visibility", "metadata"] }
    ]
  },
  form: {
    mode: "page",
    fields: [
      { name: "name", type: "text", required: true },
      { name: "ownerId", label: "Owner", type: "combobox" },
      { name: "budget", type: "number", min: 0 },
      { name: "startDate", type: "date" },
      { name: "endDate", type: "date" },
      { name: "visibility", type: "radio-group" },
      { name: "metadata", type: "json" }
    ]
  }
} as const;