TreeBloom

• Panning: Click and drag on any empty space in the grid-patterned workspace to pan around your map.
• Zooming: Use your mouse scroll wheel to zoom in and out.
• Zoom Controls: Located in the lower-right corner of the canvas. Click + to zoom in, - to zoom out, or click the percentage indicator to reset the zoom to 100%.

• Add an Item: Click the + Add Item button in the top-right toolbar. A new item will spawn in the center of your screen.
• Select an Item: Click on any item to highlight it. The properties panel on the left sidebar will update to show its details.
• Move an Item: Click and drag the header bar (marked with a dotted handle ⋮⋮) of any node to move it around the grid. Nodes snap to a clean grid layout.
• Delete an Item: Select the item and click Delete Item in the sidebar header, or press the Delete / Backspace key on your keyboard.

• Standard Properties: By default, every item contains three core properties: Name (title shown on the item card), Description (detailed text), and Color (click the swatch to change the item's background color on the canvas).
• Optional Standard Properties: You can delete optional standard properties (Owner / Role, Start Date, and End Date) per node by clicking the delete button (×) next to them in the sidebar properties panel. This keeps your cards clean. Deleting a property also clears its values.

Expand the structured data of any item by adding custom fields:

• Adding a Custom Property: Select an item, click + Add Custom Field at the bottom of the properties panel, choose a name (key) and a field type. If using a Dropdown/Select type, enter a comma-separated list of options. Click Add Field.
• Supported Custom Field Types:
  • Text & Text Area: Standard single-line or multi-line textboxes.
  • Number: Digital inputs.
  • Date & Time: Calendar and time selectors.
  • Color: Swatches matching the default color picker styling.
  • Checkbox: Toggles displaying as interactive checkboxes in the canvas details peek.
  • Dropdown/Select: Custom select list populated with your choices.
  • URL & Email: Validated inputs. URLs render as clickable hyperlinks in the peek window.

• Create a Connection: Drag from the circular connection handle on the right side (output) of one item and drop it onto the connection handle on the left side (input) of another item.
• Delete a Connection: Click on a wire to select it (it will highlight in red), then press the Delete or Backspace key on your keyboard.

• Click the Details button on any item card to expand its detail peek.
• The peek acts as a popover displaying the Description, Dates, Owner, and all Custom Properties.
• URLs are clickable, checkboxes are interactive, and custom selectors show their current options directly within this peek window. Click Details again to collapse it.

• Instantly Duplicate: Click the gear icon (⚙) in the header of the item you want to copy, and select Duplicate. A new copy offset by +40px appears.
• Save as Custom Type: Click the gear icon (⚙) on an item, select Save As Type, and provide a name. Your template is saved directly into the project's data model.
• Spawning Custom Types: Click the Add Item Type button in the top toolbar to see a dropdown of all saved templates. Click any custom type to spawn it, or click the delete button (×) next to any type to remove it. Custom types are serialized inside the project map file itself, making them fully portable.

• Start Presentation: Click File in the menu bar and select Start Presentation.
• Mode Choice: Choose Automatic (camera flies from node to node focusing and opening detail peeks every 2 seconds) or Manual (use the controls overlay at the bottom to navigate).
• Exit: Click Exit Presentation or click the canvas.
• Traversals Order: Path is determined dynamically by wires: predecessor nodes are visited before descendants; parallel networks leftmost-to-rightmost; nodes sharing the same horizontal axis are sorted top-to-bottom; circular loops are dynamically broken to prevent hangs.

Click File in the top-left corner to access operations:

• New Map & Open...: Start blank projects or load .json maps.
• Save / Save As...: Save the project map. Custom fields, configurations, layouts, and custom item types are serialized directly into the file.
• Export CSV: Download a spreadsheet of your map's items, positions, connections, standard fields, and custom properties.
• Export Narrative (.docx): Generate a written document of your node map, detailing item descriptions, owners, and custom properties.
• Export Map as Image: Capture the visible canvas coordinates and download as a high-quality PNG.
• Record Presentation: Record your flyover presentations directly to video.