Docs Panel

The Docs panel manages rich-text documents that are embedded directly in the GLB file alongside the 3D model. Documents are created and edited with the TipTap editor and support formatted text, images, tables, and links.

Open as

At the top of the Docs panel, the Open as dropdown chooses how documents are displayed when opened. The choice is saved in the browser and applies to the next document you open (and to an already open document immediately).

• Side-by-side (default) – The document opens in a panel docked on the right (~45% width). The 3D viewport on the left stays fully interactive — you can orbit, select, and measure while reading or editing the document. The BG and 🖱 3D header controls are hidden in this mode because they are not needed. Drag the vertical splitter on the left edge of the document panel to resize its width (280 px–90% of the viewport) in both view and edit mode; the width is remembered in the browser.

• Fullscreen – The document covers the entire viewport (previous behaviour). In view mode, use the BG slider to see the model behind the document, or 🖱 3D to orbit through the overlay. In edit mode, 3D interaction is blocked until you save or close.

On narrow screens (≤768 px), documents always open fullscreen regardless of this setting.

Panel Buttons

• + New document – Creates a new blank document at the root of the Docs tree. Click the document to open it.

• + New folder – Creates a folder at the root of the Docs tree. Folders can be nested; each folder has its own New document, New folder, Rename folder, and Delete folder actions. Deleting a folder permanently deletes all documents and subfolders inside after a confirmation prompt.

• ⬆ Import JSON – Imports a previously exported .docs.json file as a new document at the root (folder placement is not stored in JSON).

• The panel lists the same folder tree as the Scene outliner. Nested folders appear as collapsible groups; each document is a button. Clicking a document opens it in view mode. The label shows the File name (falling back to Title if File is empty) and optionally the last-edited or import date (configurable in View → Preferences → Document Name).

• To move an existing document into a folder, drag it in the Scene outliner. The Docs panel does not support drag-and-drop.

Document Overlay

When a document is opened, it appears either as a side panel (Side-by-side) or as a full-screen overlay (Fullscreen) on top of the 3D viewport.

The header has two rows: the top row shows the TOC toggle (when available) and action buttons (Edit, Save, Print, exports, Delete, Close); the second row shows the document title and layout controls (Font, LH, PS, W, table borders, and in Fullscreen also BG and 3D).

Header Controls

Editor Toolbar (Edit Mode)

The toolbar appears below the header when a document is in edit mode.

Text Formatting

• ↩ Undo / ↪ Redo – Undo or redo the last editing action.

• B – Bold

• I – Italic

• U – Underline

• S̶ – Strikethrough

Headings

• H1 / H2 / H3 – Apply heading levels 1, 2, or 3 to the current paragraph. Used to structure the document and automatically populate the Table of Contents.

Lists & Blocks

• •— Bullet list – Unordered list.

• 1— Ordered list – Numbered list.

• ❝ Blockquote – Indented quote block.

• <> Inline code – Monospace inline code style.

• — Horizontal rule – Inserts a horizontal separator line.

Alignment

• Align Left / Center / Right – Sets text alignment for the current paragraph. Also works for images: aligns the image within the document width.

Media & Links

• 🖼️ Insert image from disk – Opens a file picker to choose an image. A compression dialog lets you select quality and maximum pixel size before inserting.

• 📎🖼 Insert image from Files – Insert an image that is already stored in the Files panel (no re-upload needed).

• 🔗 Insert / edit link – Opens a prompt to enter a URL. Apply to a text selection to create a hyperlink. Ctrl+click a link in view mode to open it in a new tab.

Tables

• ⊞ Insert table – Prompts for dimensions (e.g. 3x4) and inserts a table with a header row.

• +row / −row – Add a row below / delete the current row.

• +col / −col – Add a column to the right / delete the current column.

• ⊟ Merge cells – Merges the selected cells into one.

• ⊞⊞ Split cell – Splits a previously merged cell back into individual cells.

• ✕⊞ Delete table – Removes the entire table.

Font Size & Indent

• px (font size selector) – Sets the font size of the selected text in pixels.

• Indent selector – Sets the first-line text indent of the current paragraph.

• Text color picker – Changes the color of the selected text.

Table of Contents

The TOC sidebar is generated automatically from all H1–H4 headings in the document. It appears on the left side of the overlay when at least two headings are present. Clicking a TOC entry smoothly scrolls the document to that heading and highlights the active section as you scroll.