2️⃣ Hands-on Practice - Blocks - Thinkeo Documentation

🧩 Creating Blocks

Let's return to our App and go to the "Hierarchy" tab.

This tab presents the block tree structure - this is where we're going to add, move and nest blocks as needed.

🎛️ Understanding the Interface

Before creating our blocks, let's clarify this interface. On your App block or when you select a block, you'll always see three icons appear: a "+", a settings icon, and "…".

➕ Add Button

The "+" is used to add a new block or an existing block to the tree structure.

⚙️ Settings Icon

The settings icon is used to access the specific parameters of each block, parameters that vary according to their type.

⋯ Options Menu

The "…" is used to open the block in a new tab, remove it from the parent block, or delete it.

WARNING

⚠️ Important: The "Delete" option is a permanent deletion - you will never be able to recover a block deleted this way. We recommend using the "Remove from parent block" option, which means it will be removed from its current location in the tree but will still exist. You can find it again via the existing block search.

🏗️ Creating the Necessary Blocks

We're now going to create the blocks necessary for our App.

We saw during the requirements definition that we needed:

An AI block

A paragraph block with instructions for the AI

A file block

🤖 Creating the AI Block

Let's start with the AI block - it will be the parent block and will rely on information from the nested blocks.

Add AI Block

Click on the "+" of your App block and select "AI" to add a new AI block to your tree structure.

Rename the Block

Start by double-clicking on the title "New AI Block" to rename it. Here we'll call it "DS. AI. Summary".

DS corresponds to the application initials, AI to the block type, and Summary to the role of this AI block.

📝 Adding Nested Blocks

Now we're going to add two blocks nested in this AI block, namely the paragraph block on which we'll write the instructions for the AI and the file block.

Important: Keep the AI block selected (when it's highlighted in green) for the next steps.

Add Paragraph Block

With the AI block still selected, click on the "+" to the right of its name. Select "paragraph" to add a paragraph block.

You'll then see the tree structure change - a small arrow now allows you to fold/unfold to display or hide the nested blocks of our AI block.

Rename Paragraph Block

Rename your paragraph block to "DS. P. Summary".

Before filling it by writing the instructions for the AI, we're first going to add the file block to finish the structure of our block before going further in configuring each block.

Add File Block

Select your AI block again, click on the "+" and this time add a file reader block. It should arrive as a nested block of your AI block, under your paragraph block "DS. P. Summary".

Rename your file block to "DS. F. Document", always to maintain our nomenclature:

DS for the Document Summary App

F for File

Document to designate the role of this file block in our App

🎯 Block Structure Overview

At this point, your block hierarchy should look like this:

📱 Document Summary (App)
└── 🤖 DS. AI. Summary (AI Block)
    ├── 📝 DS. P. Summary (Paragraph Block)
    └── 📄 DS. F. Document (File Block)

✅ Completion Checkpoint

You have now successfully:

✅ Understood the Studio interface and navigation elements
✅ Created the core AI block that will orchestrate the summary generation
✅ Added the paragraph block for AI instructions
✅ Added the file reader block for document content
✅ Applied consistent naming conventions across all elements

Next Phase: With your block structure in place, you're ready to configure the AI block functionality and write the prompts that will guide the summary generation.

2️⃣ Hands-on Practice - Blocks

🧩 Creating Blocks#

🎛️ Understanding the Interface#

🏗️ Creating the Necessary Blocks#

🤖 Creating the AI Block#

📝 Adding Nested Blocks#

🎯 Block Structure Overview#