Form Builder Does Not Display Tabs from tabview

I created a two-section test form in Form Builder. Then I chose "Edit Source" to add the <tabview> and <tab>, ending up with this:

    <xhtml:body>
        <fr:view>
            <xforms:label ref="instance('fr-form-metadata')/title"/>
            <fr:body>
                <fr:tabview>
                    <fr:tab>
                        <fr:label>TAB ONE</fr:label>
                        <fr:section id="section-1-section" bind="section-1-bind">
                            <xforms:label ref="$form-resources/section-1/label"/>
                            <xforms:help ref="$form-resources/section-1/help"/>
                            <fr:grid columns="2">
                                <xhtml:tr>
                                    <xhtml:td>
                                        <xforms:input id="control-1-control" bind="control-1-bind">
                                            <xforms:label ref="$form-resources/control-1/label"/>
                                            <xforms:hint ref="$form-resources/control-1/hint"/>
                                            <xforms:help ref="$form-resources/control-1/help"/>
                                            <xforms:alert ref="$fr-resources/detail/labels/alert"/>
                                        </xforms:input>
                                    </xhtml:td>
                                    <xhtml:td/>
                                </xhtml:tr>
                            </fr:grid>
                        </fr:section>
                    </fr:tab>
                    <fr:tab>
                        <fr:label>TAB TWO</fr:label>
                        <fr:section id="section-2-section" bind="section-2-bind">
                            <xforms:label ref="$form-resources/section-2/label"/>
                            <xforms:help ref="$form-resources/section-2/help"/>
                            <fr:grid columns="1">
                                <xhtml:tr>
                                    <xhtml:td>
                                        <xforms:input xmlns:xbl="http://www.w3.org/ns/xbl"
                                                      xmlns:fb="http://orbeon.org/oxf/xml/form-builder"
                                                      xmlns:pipeline="java:org.orbeon.oxf.processor.pipeline.PipelineFunctionLibrary"
                                                      id="control-2-control"
                                                      bind="control-2-bind">
                                            <xforms:label ref="$form-resources/control-2/label"/>
                                            <xforms:hint ref="$form-resources/control-2/hint"/>
                                            <xforms:help ref="$form-resources/control-2/help"/>
                                            <xforms:alert ref="$fr-resources/detail/labels/alert"/>
                                        </xforms:input>
                                    </xhtml:td>
                                </xhtml:tr>
                            </fr:grid>
                        </fr:section>
                    </fr:tab>
                </fr:tabview>
            </fr:body>
        </fr:view>
    </xhtml:body>


When I save the source, the Form Builder editor does not show the tabs or the sections (first screen shot).


But when I click "Test", it looks fine (second screen shot).


Have I done something wrong/incomplete? Or is this just the way it works for now?

Thank you!!

/tjd/