Use javascript object to store information rather than the html.

If you add one or more attributes that contains more text than the parent container, it will overflow out of the object.

There should be a keyboard shortcut for creating a new object. This may be different depending on whether you are editing an item or not.

Selecting the object after begining to edit the header puts the input box html into the name property on the side

In the properties box, underneath the name, there should be a grid/table showing each attribute and the following properties:

• Type (string)
• Default value (string)
• Non-null (checkbox)
• Primary Key (checkbox)

These should be editable by double click, and should have buttons for adding/removing the selected attribute.

You should be able to tab between objects. Possibly have a way of getting out of it and tabing to other parts of the interface.