Introduction

Welcome to the official THub documentation.

What is THub?

THub streamlines Generative AI Workflows with Low-Code, Drag-and-Drop Automation, and seamless integration for all data types and Large Language Models

Features:

🧩 No Code -Low Code Platform · Develop production ready GenAI apps at scale with no code-low code platform.

🖱️ Drag & Drop Features · Simply drag & drop data loader, LLMs, agents, chains, embedding model etc. to build your custom GenAI app.

🔄 Automated Data Pipeline · Build end to end pipeline for structured, semi-structured & Unstructured data all in one platform.

🧬 Embeddings Unstructured Data · Use industry best embedding model based on specific use case and data types.

🗄️ Vector Database · Use Vector database based on specific requirement from Pinecone, Weaviate, Qdrant etc. to store vector embeddings of unstructured data.

🔗 Langchain & LlamaIndex Framework · Develop Gen AI apps using industry leading development framework.

🤖 Integration with major LLM's · Use best of LLM's based on specific use case ranging from OpenAI, Gemini, Anthropic, Cohere etc.

💰 Pay as You use Model · Pay for what you use to keep your GenAI app cost under control

1. Registering or Logging In: -

· Continue with Google

· Continue with GitHub

· Continuing with Microsoft

Step 1: - Registering Manually:

a) Visit the official website: https://app.thub.tech/signup

b) Scroll down to locate the Registration Form on the homepage.

c) Fill in the required details:

· First Name

· Last Name

· Email

· Phone Number

· Password

d) Once all fields are filled, click the Submit button to complete your sign-up, you’ll receive confirmation via email.

Step 2: - Log in to the THub platform using your “Continue with Google” or “Continue with GitHub” or “Microsoft” credentials by selecting the corresponding option.

2. Home Page Overview – AI Workspace: -

Once you log in to https://app.thub.tech/workflows you’ll land on the AI Workspace Dashboard, which is your central hub to build, manage, and launch AI-powered workflows.

The left-hand navigation gives you access to:

Ø AI Workspace: Monitor and manage your existing AI apps and workflows.

Ø Templates: Kickstart your workflow using ready-made templates designed to save time and effort.

Ø Tools: Add functionality using a library of AI and utility nodes.

Ø Credentials: Securely store your external API keys, tokens, and login credentials.

Ø Variables: Define and manage environment or app-specific variables that make your workflows flexible.

Ø API Keys: Generate secure API keys to connect and integrate your TextileTradeBuddy apps with external systems.

1. Home Page Overview – AI Workspace: -

Once you log in to https://app.thub.tech/workflows you’ll land on the AI Workspace Dashboard, which is your central hub to build, manage, and launch AI-powered workflows.

The left-hand navigation gives you access to:

Ø AI Workspace: Monitor and manage your existing AI apps and workflows.

Ø Templates: Kickstart your workflow using ready-made templates designed to save time and effort.

Ø Tools: Add functionality using a library of AI and utility nodes.

Ø Credentials: Securely store your external API keys, tokens, and login credentials.

Ø Variables: Define and manage environment or app-specific variables that make your workflows flexible.

Ø API Keys: Generate secure API keys to connect and integrate your TextileTradeBuddy apps with external systems.

3. Working with Credentials:

Credentials allow you to authenticate and integrate external services with your workflows. You can store service-specific credentials securely to avoid hardcoding them into your workflows.

Example: - How to create the API key

a. Click on the OpenAI link https://platform.openai.com/

b. Click on settings, in the left side navigation bar click on API Key.

c. Click on the 'Create New Secret Key' button, fill in the required information, and then click the 'Create Secret Key' button.

d. The API key will be generated. Copy the API key.

Step 1: - Navigate to the Credentials section to generate new keys.

Step 2: - Use Credentials to store and access external API tokens securely within your workflows.

4. Using Templates:

· Templates offer ready-made app structures to help you get started quickly without building from scratch.

· To use one, simply navigate to the "Templates" section, choose a template that fits your use case, and customize it as needed to suit your specific workflow.

Step 1: - Choose any template and click on that template.

Step 2: - Once the template page opens, click the ‘Use Template’ button in the top-right corner, save the template, and then utilize the toolbar at the bottom-right corner to zoom, align, undo/redo actions etc.….

5. Creating Your First GenAI App: -

The AI Workspace provides an intuitive visual interface to help you design and deploy GenAI applications efficiently.

Follow the steps below to create your first application:

Step 1:- Initiate a New App

Click on the “Create GenAI App” button to start building a new AI-powered workflow.

Step 2:- Name and Categorize Your App Provide a clear name and choose an appropriate category to help organize and identify your app within the workspace.

Step 3:- Add Nodes from the Toolbox Use the toolbox on the left panel to drag and drop functional components (nodes) into the canvas.

Key categories include:

· Chat Models – Integrate AI conversation capabilities.

· Logic Nodes – Implement decision-making or conditional flows.

· Memory, Embeddings, Prompts, Tools, and more – Extend your app's capabilities with modular building blocks.

Step 4:- Design the Workflow Connect the nodes visually to define the logic and data flow of your application. Simply click and drag from one node to another to establish connections.

Ex 1: - Agentic AI: -

An agentic AI is an intelligent system that can reason, make decisions, and perform tasks using tools or APIs based on user input.

1. Select the modules.

Step 5: - Use Workflow Controls Utilize the toolbar at the bottom-right corner to zoom, pan, align, undo/redo actions, and manage the layout of your workflow effectively.

Step 6: - Save Your Progress Once your workflow is structured, click “Save” to store your GenAI app. You can later return to edit, deploy, or integrate it with other systems.

Step 7:- Managing AI Nodes

In THub, AI Nodes are the building blocks you use to create your GenAI applications. Each node represents a specific function or step in your AI workflow — like getting a user’s input, performing a calculation, calling an API, or generating a response via an LLM (Large Language Model).

Note:

· Nodes = Components or pieces of logic

· Managing AI Nodes = Connecting, configuring, and controlling those pieces to build your GenAI app.

What You Can Do While Managing Nodes:

1. Add Nodes: Drag and drop a node into your canvas.

2. Configure Nodes: Click a node to set prompts, conditions, input/output formats, etc.

3. Connect Nodes: Link one node to another to define flow.

4. Test Node Output: Preview how each node behaves during execution.

Step 8: - Canvas Menu Options in THub

The canvas menu in THub provides a set of advanced options that allow users to manage and configure workflows efficiently. These options are accessible from the top-right corner of the workflow editor interface.

Menu Actions:

1) API Endpoint:- Allows you to view or copy the API endpoint associated with the current workflow. This endpoint can be used to trigger the workflow externally.

• Clicking the API Endpoint button will open the 'Embed in website or use as API' page.

A. Embed: -

The Embed or API feature in THub enables you to integrate your AI workflows directly into external applications or websites using simple embed scripts or REST API calls. This section provides multiple ways to connect your chatbot (or workflow) to your preferred platform.

Ø Embed Options:

Within the Embed tab, you can choose how your chatbot should be displayed in your application:

· Popup HTML – This script embeds the chatbot as a popup widget on any webpage. You can copy and paste the <script> tag inside the <body> tag of your HTML file.

· Popup React – For React.js applications, this option provides a modular embed that allows pop-up style integration using React components.

· Full-page React – If you prefer a full-page chatbot layout, this option provides a React-based component that renders the chatbot as a complete page instead of a widget.

Ø Authorization Dropdown:

· No Authorization – Default option, allowing open access to the embed.

· You may select other authorization methods (if configured) to restrict or secure access to the workflow.

B. Python / JavaScript / Curl: -

Offers ready-to-use code samples to invoke the chatbot programmatically through APIs.

C. Share Chatbot: -

Generate a public URL to share the chatbot directly with others.

2) Configuration: - Opens the configuration panel where you can set properties or parameters relevant to the current workflow setup.

Ø Rate limiting: -

Rate limiting is used to control the frequency of user messages by defining a maximum number of messages that can be sent in a given timeframe. This can protect system resources and ensure fair usage.

Ø Starter Prompts: -

Starter prompts are predefined messages or suggestions that appear when the chatbot is initiated. These prompts guide users on how to begin the conversation and improve user engagement from the start.

Ø Follow-Up Prompts: - Follow-up prompts are automatic response suggestions that appear after the user's input. They help maintain the conversational flow by guiding users toward the next logical step in the interaction.

Ø Speech to Text: - The speech-to-text feature allows users to speak instead of typing their messages. The spoken input is converted into text, enhancing accessibility and ease of use for users across devices.

Ø Schedule Settings:- Schedule settings allow you to configure specific days and time ranges during which the chatbot is active. This ensures that the bot only responds to users during defined hours, such as business or support hours.

Ø Chat Feedback :- Chat feedback enables the collection of user ratings and comments after a chat session. This data helps evaluate chatbot performance and gather insights for improving user satisfaction.

Ø Allowed Domains:- The allowed domains setting restricts where the chatbot can be embedded by specifying approved domain names. This ensures the bot only runs on authorized websites, enhancing security.

Ø Analyze Workflow:- Analyze workflow provides data and insights on how users interact with the chatbot. It helps identify drop-off points, frequently used paths, and areas that may need optimization.

Ø Leads:- The leads section captures and stores user information (e.g., name, email, phone number) submitted during the conversation. This data can be used for follow-ups, CRM integrations, or marketing purposes.

Ø File Upload:-

The File Upload feature allows users to share documents, images, or other supported file types directly within the chat interface. This enables the chatbot to receive and process additional input for tasks such as identity verification, document submission, or support-related file sharing. The uploaded files can be accessed and reviewed for further workflow automation or human intervention.

1. Upsert History:- Displays a record of changes made to the workflow, including updates to tools, nodes, or variable values.

1. View Messages:- Lets you access the interaction logs or user messages handled during workflow executions, useful for debugging or audit purposes.

1. View Leads:- Enables you to track leads or user interactions captured during the execution of this particular workflow.

1. Save As Template:- Saves the current workflow as a reusable template so it can be cloned or shared across different projects.

2. Load Workflow:- Opens an existing saved workflow from your workspace to continue editing or testing.

1. Duplicate Workflow:- Creates a copy of the current workflow with a new ID. Useful for versioning or branching workflows.

2. Export Workflow:- Allows you to export the entire workflow as a file (usually JSON), enabling backup or migration to another environment.

3. Delete Workflow:- Permanently deletes the current workflow from your workspace. This action is irreversible and should be used with caution.

Step 9: Managing Your Workflows.

The AI Workspace provides intuitive tools to help you efficiently organize and maintain your GenAI applications:

• Duplicate or Delete Workflows Easily create a copy of an existing workflow for reuse or remove workflows that are no longer needed.

• Sort by Name or Category Quickly locate specific workflows by sorting them alphabetically or by the assigned category.

• Toggle Between Views Choose between card/grid view or list view based on your preferred way of browsing workflows.

1. Settings and Profile:-

Step 1: - To access your account settings, click on your profile avatar located at the top-right corner of the interface.

Step 2: - This menu allows you to update your profile, choose between light and dark themes, and sign out securely from your account.

1. Tools: -

THub allows users to define and register custom tools that can be reused across workflows. Tools are essentially reusable functional components that accept structured inputs and perform a specific task based on their definition.

a. Adding a New Tool: -

To add a new tool, navigate to the Tools section in the THub interface and click on the “Create” button. You’ll be presented with a form that includes the following fields:

b. Tool Name:-

Provide a meaningful and unique name for the tool.

c. Tool Description:

Briefly describe what the tool does. This description helps THub (and ChatGPT) understand the purpose of the tool and when it should be invoked.

d. Tool Icon Source (Optional):-

You may add a visual identifier for the tool by providing a valid image URL (SVG or PNG), such as one from a GitHub repository or a public image CDN.

a. Input Schema:

Define the expected input parameters for the tool.

Manually add each property by clicking “Add Item”, specifying:

Ø Property (name),

Ø Type (string, number, Boolean, etc.),

Ø Description,

Ø and whether it's Required.

f. Or click “Paste JSON” to import the full schema in JSON format for quicker setup.

• Once all fields are completed, click “SAVE” to register the tool. The new tool will now be available to integrate into any node that supports tool execution within workflows.

9. Variables: -

Variables in THub are used to store dynamic or static values that can be referenced and reused across different nodes within a workflow. This feature enhances modularity and simplifies configuration management by centralizing value definitions.

• Adding a Variable

To create a new variable, go to the Variables section and click on “Add Variable.” A dialog will appear prompting you to enter the following details:

• Variable Name:- Specify a name that uniquely identifies the variable. This name will be used for referencing the variable in nodes.

• Value (for static type only):- Provide the actual value to be stored.

• Once the variable is configured, click “Add” to save it. It will now be accessible for use inside supported nodes within your workflow logic.