This document contains a publicly accessible product knowledge map in a structured text format designed for consumption by Large Language Models (LLMs) ## 1. Overview **Product Name:** TypingMind **Tagline:** Your Personal AI Workspace **Core Value Proposition:** TypingMind is a comprehensive AI chat platform designed to enhance the user experience when interacting with various Large Language Models (LLMs). It provides a unified interface for accessing and managing multiple AI models like ChatGPT, Gemini, Claude, and even custom models, using the user's own API keys. TypingMind aims to overcome the limitations of the standard AI model interfaces by offering advanced features, customization options, and organizational tools, allowing users to maximize their productivity and creativity. It also positions itself as a platform to build internal AI platform easily. **Target User:** AI enthusiasts, developers, researchers, content creators, business professionals, and teams who frequently work with LLMs. It caters to individuals and organizations seeking a more efficient, customizable, and collaborative AI experience. Specifically, it targets those who: - Want to access multiple AI models from a single platform. - Require advanced features beyond the basic AI model interfaces. - Need robust tools for managing and organizing their AI conversations. - Desire greater control over the AI's behavior and output through customization options. - Seek to collaborate with teams on AI-powered projects. - Prioritize data privacy and security by using locally stored data. - Want to build internal AI platform for their company. **Key Benefits:** - **Centralized AI Access:** Eliminates the need to switch between different AI platforms by providing a single interface for multiple models (GPT-4, Gemini, Claude, and custom models). - **Enhanced User Experience:** Offers a streamlined and intuitive user experience with advanced features that go beyond the capabilities of standard AI model interfaces. - **Cost Control:** Empowers users to manage their AI costs by connecting their own API keys and paying directly to the AI providers, avoiding additional fees or usage limits imposed by TypingMind. - **Advanced Customization:** Provides extensive customization options, including custom system instructions, model parameters, and the ability to create and personalize AI agents. - **Robust Organization:** Includes powerful tools for managing chats, such as search functionality, folder organization, tagging systems, and data export options. - **Seamless Collaboration:** Facilitates teamwork with features like shared licenses (TypingMind for Teams), allowing teams to collaborate on AI-driven projects and build custom AI portals. - **Extensive Extensibility:** Supports a wide range of plugins that extend the platform's functionality, enabling tasks like web search, image generation, and integration with other applications. - **Prioritized Privacy and Security:** Ensures data privacy by storing data locally on the user's device by default, with optional cloud sync and backup for added convenience. ## 2. Key Features Here's an in-depth look at TypingMind's features: - **Multi AI Chat Models:** - Supports a diverse range of LLMs, including: - GPT-4 (and its variants) - Gemini - Claude - Open-source LLMs - Custom models (allowing users to connect their own fine-tuned models) - Enables seamless switching between models within the same chat interface. - Allows users to compare the performance of different models on the same task. - **No Monthly Fee, No Usage Limit:** - Users connect their own API keys from AI providers like OpenAI, Google AI, and Anthropic. - TypingMind does not impose any monthly fees or usage limits on the platform itself. - Users pay only for the AI usage consumed through their API keys, providing greater cost control. - **Easily Manage All Chats:** - **Search:** Powerful search functionality to quickly find specific conversations or information within chats. - **Folders:** Create and organize chats into folders for easy access and categorization. - **Tags:** Add tags to chats for enhanced organization and filtering. - **Export:** Export chat data in various formats (e.g., text, JSON) for analysis or archival. - **Pin Favorite Chats:** Pin important chats for quick access. - **Edit & Fork Conversations:** Edit existing conversation or fork it to create a new one. - **Create a new chat thread** When you regenerate or edit a message, the app preserves the original conversation along with the new prompt and response, creating a separate thread for each version. You can easily switch back and forth among versions, view each message thread independently, and continue the conversation based on any version you choose. - **AI Agents, Prompt Library:** - Provides a collection of pre-built AI agents designed for specific tasks or domains. - Includes a library of community-contributed prompts that can be used to guide the AI's responses. - Allows users to create, customize, and manage their own AI agents with specific instructions, prompts, and training data. - **Text-to-Speech, Voice Input:** - Enables voice input for hands-free interaction with AI. - Supports multi-language text-to-speech for receiving AI responses in various languages. - Offers customizable voice options and settings. - **Web Search, Vision, DALL-E:** - Integrates web search functionality to access real-time information from the internet within the chat interface. - Supports image analysis through AI vision capabilities, allowing the AI to understand and respond to images. - Enables image generation using DALL-E, allowing users to create images from text descriptions. - **Control Parameters:** - Allows users to adjust key AI model parameters, such as: - Temperature (influences the randomness of the AI's responses) - Streaming (enables real-time streaming of AI responses) - Provides granular control over the AI's behavior and output. - **Use Unlimited Plugins:** - Supports a wide range of plugins that extend the platform's functionality. - Allows users to explore and install plugins from a plugin marketplace (coming soon). - Enables users to build their own custom plugins to integrate with other applications or services. - **Upload Documents:** - Allows users to upload documents (e.g., PDF, DOCX) and ask the AI questions about their content. - Enables the AI to extract information, summarize, or analyze the uploaded documents. - **Control Context Limit:** - Allows users to define the amount of conversation history that the AI remembers. - Helps to manage token usage and improve the AI's performance by limiting the context window. - **Dynamic Context via API (New):** - Enables users to integrate live data from external APIs or their own data sources (using Retrieval-Augmented Generation or RAG) into the AI conversations. - Allows the AI to access and utilize real-time information to provide more relevant and accurate responses. - **Chats Sync and Backup:** - Automatically syncs chat data across multiple devices. - Provides secure cloud backup to prevent data loss. - **Hotkey & Shortcuts:** - Allows users to customize hotkeys for common actions. - Offers keyboard shortcuts for efficient navigation and command execution. - **Beautiful Light/Dark Mode:** - Provides both light and dark themes for user preference. - Offers a visually appealing and customizable user interface. - **Personalized AI Agents:** - Train the AI on your own instructions, prompts, and training examples. - **Fetch Live Data:** - Let AI fetch content from APIs or implement RAG to get information from your own data sources. - **Speak with its own voice:** - Assign a voice to each AI agent with multi-language support. - **Use multiple plugins:** - Enable any plugins for the AI such as Web Search, DALL-E 3, and more. - **Mention other AI agents in the chat:** - Call other AI agents for help in the same conversation. ## 3. Additional Details **Model Configuration:** - **Custom System Instruction:** Set specific instructions for the AI model to follow in every conversation. - **Custom Model Parameters:** Fine-tune the model's behavior with parameters like temperature, top_p, etc. - **Custom Endpoint & Proxy:** Use your own custom API endpoints or proxy servers. **Chat Experience:** - **Language Output Control:** Control the language of the AI's output. - **Multi-Conversations in Parallel:** Engage in multiple conversations simultaneously. - **Dynamic Context Limit:** Control how much of the conversation the AI remembers. **Chat Management:** - **Edit & Fork Conversations:** Modify existing conversations or create new ones based on previous interactions. - **Create a new chat thread** When you regenerate or edit a message, the app preserves the original conversation along with the new prompt and response, creating a separate thread for each version. You can easily switch back and forth among versions, view each message thread independently, and continue the conversation based on any version you choose. - **Pin Favorite Chats:** Keep important conversations easily accessible. - **Migrate from OpenAI ChatGPT:** Import your chat history from OpenAI. **User Interface:** - **Wide Screen Support:** Optimized for use on wide screens. - **Custom Avatar:** Customize your avatar within the platform. - **Sound Notification:** Receive sound notifications for new messages. **Security and Privacy:** - **Private By Default:** Data stored locally on your device. - **API Key Encryption With Password:** Secure your API keys with a password. - **API Tokens Cost Estimation:** Estimate the cost of your API token usage. **Integrations:** - **MacOS App (PWA):** Progressive Web App for macOS. - **Web Search & Live Data:** Access real-time information from the web. - **Search Keyword Suggestions:** Get suggestions for search keywords. - **Domain Check Integration:** Integrate with domain checking services. - **CodePen Integration:** Integrate with CodePen. ## 4. Plugins TypingMind offers a variety of plugins to extend its functionality: - **Web Search:** Search the internet using Google Search. - **Perplexity Search:** Search for information from the internet using Perplexity. - **DALL-E 3:** Generate images using DALL-E 3 based on image descriptions. - **Stable Diffusion v3 Image:** Generate images using Stable Diffusion v3 based on a text description. - **Image Search:** Search for images from the internet using Google Search. - **Interactive Canvas:** Render an interactive canvas with HTML source to the user interface. - **Web Page Reader:** Read the content of a web page via its URL. - **Any Custom Plugins:** Create your plugins such as Azure AI Search, Sound Effect Generator, and more. ## 5. Pricing TypingMind offers a lifetime license with three tiers: - **Standard:** $39 (Basic Features, Unlock AI Agents, Voice Input, Share Chats, Remove Ads/Popups) - **Extended:** $79 (Image Generation, Web Search, Text-to-Speech / Vision / Images, Upload Documents) - **Premium:** $99 (Unlimited Plugins, Project Folders, Artifacts, Canvas Editor, Free Updates) There is also a "TypingMind for Teams" option for building custom AI chat portals for teams. ## 6. Security - **Data stored locally by default**: Your data remains securely stored on your device. There's no training conducted on your chats. - **Optional Cloud Sync & Backup**: Allow your data sync across multiple devices and prevent unexpected data loss. Activation is fully optional. ### 1. Overall Layout The TypingMind interface is divided into two main sections: a sidebar on the left and a main content area on the right. The design appears clean and modern, utilizing a light color scheme. ### 2. Left Sidebar - **Top Section:** - **App Title/Logo:** Absent in this view, but typically located at the top. - **"Chat" Button (Selected):** Indicates the user is currently in the Chat view. The icon appears to be a speech bubble. The button is highlighted in blue indicating it's active. - **"New Chat" Button:** A button with a speech bubble icon and the text "New Chat". Presumably, this starts a new conversation. - **User Profile Icon:** A circular icon representing the user's profile, potentially with an avatar image. - **Search Bar:** Located below the buttons, a search bar with the placeholder text "Search chats" and a magnifying glass icon. This allows users to search through their existing conversations. - **Chat Management Tools:** To the right of the Search bar are icons suggestive of chat management functions: - Create Folder - Sort - Filter - **Navigation Menu (Icons):** A vertical menu of icons is placed on the far left of the sidebar, providing access to different sections of the application: - **Chat (Selected):** (As above) - **Agents:** Navigates to AI Agent Management. - **Prompts:** Navigates to the Prompt Library. - **Plugins:** Navigates to the Plugin Marketplace/Management. - **Models:** Navigates to model management - **KB:** Navigates to Knowledge Base management. - **Teams:** Navigates to team management features - **Settings:** Navigates to the application settings. - **Chat List:** Occupies the majority of the sidebar space. It displays a list of recent chats and chat folders. - **Folders:** Categorized chats within folders, with the folder name and the number of chats inside in parentheses. - **Individual Chats:** Displayed with: - **AI Avatar:** An icon indicating an AI agent or a default avatar. - **Chat Title:** A descriptive title for the conversation. - **Preview Text:** A snippet of the most recent message in the chat. - **Timestamp:** Indicates how long ago the last message was sent (e.g., "42m", "2d", "3d", "4d"). - **Folder and Chat Actions:** To the right of each folder and some of the individual chats, "+" (add to folder), a pencil icon (edit), and a trash can icon (delete). - **Bottom Section:** - The user's avatar is shown. ### 3. Main Content Area (Right Side) - **Top Bar:** - **Back Arrow:** Navigates back to the chat list (only visible when a chat is open). - **Chat-Specific Action Icons (Left to Right):** - **Minimap:** Toggles a minimap view of the conversation. Icon looks like search icon. This also allows you to search a specific message within a chat. - **Share:** Opens the chat sharing options popup. Icon is a standard share symbol. - **Reset Chat (⌘⇧R):** Clears the current chat history. Icon is often a refresh or circular arrow. Tooltip shows the keyboard shortcut. - **Clear Context (⌘⇧J):** Resets the AI's memory without deleting messages. Icon might be a broom or eraser. Tooltip shows the keyboard shortcut. - **Cost Indicator:** Shows the estimated cost for the current session (e.g., "$0.0016"). - **Profile Icon (Top Right):** Displays the current user's profile icon/avatar, likely providing access to profile switching or settings. - **More Actions (Three Dots Icon - Top Right):** --> Opens a dropdown menu containing additional chat-level actions: - **Minimap:** (Duplicate access) Toggles the minimap view. - **Share (⌘S):** (Duplicate access) Opens sharing options. Includes pin/unpin action button (bell icon). - **Reset chat (⌘⇧R):** (Duplicate access) Clears chat history. Includes pin/unpin action button (bell icon). - **Clear context (⌘⇧J):** (Duplicate access) Resets AI memory. Includes pin/unpin action button (bell icon). - **About this chat:** Opens the Chat Info dialog (showing tokens, model, timestamps, etc.). Includes pin/unpin action button (bell icon). - **Pin/Unpin Action Buttons (Bell Icons):** Small bell icons next to each action in the dropdown allow pinning/unpinning these specific actions to/from the main top bar for quicker access. - **Chat Message Display Area:** Shows the conversation history between the user and the AI. - **Model and Plugin Selection Bar (Above Input Field):** - **Model Selector:** Dropdown to choose the active AI model(s). - **Plugin Selector:** Button/indicator to manage enabled plugins for the chat. - **Input Area:** - **Placeholder Text:** Guides user input (e.g., "Press "/" to focus input"). - **Input Field:** Where the user types their message. Live token count displayed nearby. - **Input Action Buttons (Below Input Field):** Icons for Quick access (Prompt Library, AI Agents list, Output Settings, Knowledge Base toggle, Thinking Mode Toggle - on the left, on the right, there are Attachment, Voice Input. - **Chat Composition Actions (Right of Input Field):** - **New chat:** Button to start a new conversation. Often includes a "+" icon. - **Regenerate:** Button (often blue) to request a new response from the AI for the last user prompt. ### 4. General Observations - The UI maintains a clean, two-column layout. - Core chat functionalities (model/plugin selection, input actions) are grouped near the message input area. - Chat-level management actions (Share, Reset, Clear Context, Minimap, Info) are now consolidated in the top bar, accessible via direct icons or the "More Actions" menu. - The top bar allows customization by pinning/unpinning frequently used actions. ### Chat Features ### Top Bar Chat Actions - **Placement:** Located in the top bar of the main chat area. - **Purpose:** Provides quick access to chat-level management and information actions. - **Direct Icons (Default):** - **Minimap:** - **Icon:** Stacked lines/paragraphs. - **Function:** Toggles a condensed visual overview of the chat conversation, often displayed in a sidebar or popup, allowing for quick navigation through long chats. Tooltip: "Minimap". - **Share:** - **Icon:** Standard share symbol (e.g., arrow pointing out of a box). - **Function:** Opens the sharing options dialog (Secret Link, Text, JSON, HTML, Print/PDF). Tooltip: "Share (⌘S)". - **Reset Chat:** - **Icon:** Refresh/circular arrow. - **Function:** Clears the entire chat history for the current session. Confirmation might be required. Tooltip: "Reset chat (⌘⇧R)". - **Clear Context:** - **Icon:** Broom or eraser symbol. - **Function:** Resets the AI's contextual memory without deleting the visual chat history. Tooltip: "Clear context (⌘⇧J)". - **More Actions Menu (Three Dots Icon):** - **Function:** Opens a dropdown menu containing additional actions and the ability to pin/unpin actions to the main top bar. - **Menu Items:** - **Minimap:** (Duplicate access). Includes a pin/unpin bell icon. - **Share (⌘S):** (Duplicate access). Includes a pin/unpin bell icon. - **Reset chat (⌘⇧R):** (Duplicate access). Includes a pin/unpin bell icon. - **Clear context (⌘⇧J):** (Duplicate access). Includes a pin/unpin bell icon. - **About this chat:** - **Icon:** Information symbol (i) or speech bubble with 'i'. - **Function:** Opens the "Chat Info" dialog which displays details like the model used, total tokens consumed (input/output), estimated cost, creation date, last updated date, message count, and potentially prompt caching status. - Includes a pin/unpin bell icon. - **Pin/Unpin Action Buttons (Bell Icons):** - **Function:** Clicking the bell icon next to an action in the dropdown menu toggles its visibility as a direct icon in the main top bar. Pinned actions appear directly in the top bar; unpinned actions are only accessible via the dropdown. ### Model and Plugin Selection Bar - **Placement:** Directly above the message input field. - **Components:** Model Selector dropdown, Plugin Selector button/indicator. - **Functionality:** Select AI model(s), manage enabled plugins for the current chat session. (See previous description for popup details). ### Message Input Field - **Purpose:** Primary area for composing prompts. - **Placeholder Text:** Guides user (e.g., `Type "@" to mention an AI agent`). - **Live Token Count:** Dynamically shows token usage for the composed message. - **Send/Stop Button:** Submits the message or interrupts AI generation. ### Input Action Buttons (Below Input Field) - **Prompt Library:** Access pre-saved prompts. - **Output Settings:** Control AI response format, tone, style, language. - **Attachment:** Upload files (PDF, DOCX, images, etc.). - **Microphone (Voice Input):** Dictate messages. - **Thinking Mode Toggle (Conditional):** Toggle visibility of AI reasoning steps for supported models. ### AI Agent Mention (@ Functionality) - **Activation:** Typing "@" in the input field. - **Selection:** Popup lists available AI Agents. - **Insertion:** Adds agent tag (e.g., `@[Agent Name]`) to use the agent for the message. ### Message Display (User and AI) - Visually distinct bubbles, avatars, timestamps. ### Message Actions (Hover Actions) - **Access:** Appear on mouse hover over a message. - **Actions:** Edit (user message), Edit in Canvas (AI message), Copy, Play (TTS), More Options (Pin, Delete, Show raw, Fork chat). ### Pinned Messages Functionality - **Access:** Via a pin icon (likely consolidated in the top bar or its menus). - **Dialog:** Lists pinned messages with an option to unpin. ### Chat Composition Actions (Right of Input Field) - **Placement:** Located to the right of the message input field. - **Purpose:** Actions directly related to starting new chats or regenerating the last response. - **Components:** - **New chat:** - **Icon:** Often a "+" sign. - **Function:** Initiates a completely new and independent chat session. - **Regenerate:** - **Icon/Button:** Often a prominent blue button. - **Function:** Instructs the AI to generate a new response to the *user's last message*. ## Chat Thread Feature **1. Definition and Purpose:** The Chat Thread feature allows users to view, switch between, and continue chatting with multiple different *versions* or *branches* of a conversation *within the same chat session*. It is designed to handle variations created when a user edits their own message or regenerates an AI's response, preserving the history of these changes without creating separate chat entries in the sidebar. **2. Core Functionality:** - **Non-Destructive Editing/Regeneration:** When a user edits their message and sends the replacement, or when they regenerate an AI's response, the system automatically saves this new interaction as a *new version* or *thread* branching off from the point of change. - **Preservation of Originals:** The original message (user or AI) and the subsequent conversation flow are preserved as a distinct thread. - **In-Chat Navigation:** Users can navigate between these different versions directly within the chat interface using dedicated controls that appear below the modified message. - **Context Preservation:** Each thread maintains the conversation history *up to the point* where the edit or regeneration occurred. Subsequent messages within a specific thread build upon that thread's unique history. - **Independent Continuation:** Users can select any version/thread and continue the conversation from that point. New messages will be added to the currently selected thread. **3. Key Use Cases & Benefits:** - **Preserve Ideas:** Never lose previous prompts or AI responses when iterating or refining. - **Explore Different Directions:** Test various prompts, tones, or instructions stemming from the same conversational point without creating multiple separate chats. - **Compare Versions Easily:** Quickly switch between edited prompts or regenerated AI responses to see how changes impact the output. - **Flexible Continuation:** Choose the most promising branch or version to continue the conversation from. - **Better Organization:** Keep related explorations and variations contained within a single chat session, reducing clutter in the chat list compared to forking. - **Specific Scenarios:** Useful for content writing (drafting variations), problem-solving (testing approaches), coding (comparing generated snippets), learning (seeing how rephrasing affects AI), and decision-making (comparing brainstormed options). **4. How to Use Chat Threads:** **a. Triggering a New Thread - Edit a user message:** 1. **Hover:** Place the mouse cursor over a previous *user* message bubble. 2. **Click Edit Icon:** Click the "Edit" icon (pencil symbol) that appears in the message actions. 3. **Modify Prompt:** The original message text appears in the input area below the chat. Edit the prompt as desired. 4. **Click Replace:** Click the "Replace" button (which acts as the send button in edit mode). 5. **New Thread Created:** The edited user message appears in the chat history. A version indicator (e.g., `< 2/2 >`) and navigation arrows (`←`, `→`) appear directly *below* this edited user message. The AI will then generate a response based on this *new* edited prompt, forming the start of the new thread. **b. Triggering a New Thread - regenerate AI response:** 1. **Hover:** Place the mouse cursor over a previous *AI* message bubble. 2. **Click Regenerate Icon:** Click the "Regenerate" icon (circular arrow) that appears in the message actions OR click the main "Regenerate" button located next to the chat input area (this regenerates the *last* AI response). 3. **New Thread Created:** The AI generates a new response. A version indicator (e.g., `< 2/2 >`) and navigation arrows (`←`, `→`) appear directly *below* this regenerated *AI message*. The previous AI response becomes version 1, and the new one becomes version 2. **c. Navigating Between Threads/Versions:** 1. **Locate Controls:** Find the version indicator (`< X/Y >`) and navigation arrows (`←`, `→`) below the message that was edited or regenerated. 2. **Click Arrows:** - Click the left arrow (`←`) to view the *previous* version/thread. - Click the right arrow (`→`) to view the *next* version/thread. 3. **Dynamic Update:** As you navigate, the chat display updates dynamically to show the selected version of the message and the subsequent messages *belonging to that specific thread*. **d. Continuing a Conversation on a Specific Thread:** 1. **Navigate:** Use the arrows to select the desired version/thread. 2. **Type New Message:** Enter your next prompt in the main chat input area. 3. **Send:** Send the message. 4. **Branch Continuation:** The new user message and subsequent AI responses will be appended to the *currently selected thread*. **5. User Interface Elements:** - **Version Indicator:** Displayed as `< X/Y >` below the edited/regenerated message, where `X` is the current version number and `Y` is the total number of versions for that specific message point. - **Navigation Arrows:** Left (`←`) and Right (`→`) arrow icons flanking the version indicator, used for switching between versions. **6. Comparison: Chat Thread vs. Fork Chat:** - **Chat Thread:** - **Scope:** Creates variations *within the same chat session*. - **Trigger:** Implicitly created by *editing* a user message or *regenerating* an AI response. - **Structure:** Creates parallel branches linked to a specific message point. Navigated via inline controls (`←`/`→`). - **Outcome:** Keeps related iterations and explorations tightly coupled within one chat window. Ideal for refining prompts/responses or exploring minor variations. Non-destructive. - **Sidebar:** Does *not* create a new entry in the sidebar chat list. - **Fork Chat:** - **Scope:** Creates a completely *new, independent chat session*. - **Trigger:** Explicitly triggered by the user selecting the "Fork Chat" action on a specific message (user or AI). - **Structure:** Duplicates the entire conversation history *up to the point of forking* into a separate chat. - **Outcome:** Creates a distinct copy of the conversation for taking it in a significantly different direction, preserving a snapshot, or creating a clean starting point based on a previous state. - **Sidebar:** Creates a *new chat entry* in the sidebar list. **7. FAQs (Based on provided text):** - **Q: Does editing delete the original message?** - **A:** No. Editing creates a new version/thread while preserving the original. - **Q: Can I continue conversations from different versions?** - **A:** Yes. Each version acts as an independent starting point for continuing the conversation. - **Q: How many versions can I have?** - **A:** There isn't a strict limit imposed by the feature itself for most users. However, very old or inactive branches *might* be subject to archiving in the future depending on system implementation (this needs confirmation on exact behavior). ## Multi AI Response Feature The Multi AI Response feature allows users to send a single prompt to multiple selected AI models simultaneously and view their responses side-by-side within the chat interface. This enables direct comparison of different models' outputs for the same input, helping users choose the best response or understand the variations in model capabilities. ### Activating Multi-Model Mode 1. **Access Model Selection:** Click on the currently selected model's name/icon in the **Model and Plugin Selection Bar** located *above the message input field*. This opens the model selection popup. 2. **Enable Multi-Model Selection:** Locate the model(s) you wish to add to the current chat session from the list within the popup. Hover over the "+" (plus) icon located to the right of the desired model's name. A tooltip appears with the text "Activate multi-model". 3. **Add Models:** Click the "+" icon for each additional model you want to include. - Each time a model is added via the "+" icon, the model selection popup closes automatically. - The **Model and Plugin Selection Bar** (above the input field) updates immediately to display the icons of *all* currently selected models horizontally. - The top bar of the main chat area also updates to show the icons of the selected models. - The context message count (e.g., "+4") remains visible, likely in the top bar or near the model icons in the selection bar. ### Managing Selected Models in Multi-Model Mode 1. **View Selected Models:** Click on the area in the **Model and Plugin Selection Bar** where the selected model icons are displayed. This re-opens the model selection popup. 2. **Selected Models List:** The top section of the popup now lists the models currently active for the multi-response session. - Each selected model is displayed with its icon and name. - An "x" (cross) icon appears to the right of each selected model's name. 3. **Removing Models:** Click the "x" icon next to a model's name within the popup to remove it from the multi-response session for the *current chat*. - The model is immediately removed from the selected list at the top of the popup. - The **Model and Plugin Selection Bar** updates instantly to remove the icon of the deselected model. The top bar display also updates. - Removing the second-to-last model reverts the interface back to single-model mode. ### Multi-Response Chat Interface When a user sends a prompt while multiple models are selected: 1. **User Prompt Display:** The user's prompt is displayed at the top of the main chat area as usual. 2. **"Select primary response" Section:** Below the user's prompt, a dedicated section appears for managing the multiple responses: - **Label:** The text "Select primary response" is displayed. - **Dropdown Arrow:** A small dropdown arrow appears next to the label. - **Model Icons:** Icons representing all the selected models for this session are displayed horizontally below the label. These icons likely correspond to the order of the response cards below. 3. **Response Containers:** Below the model icons, the chat area splits into separate containers or cards, one for each selected model. - **Layout:** The cards are arranged horizontally or vertically depending on screen space. - **Card Content (Initial State):** - **Model Identification:** Each card clearly displays the icon and name of the corresponding AI model (e.g., "GPT-4o", "O3") - **Loading Indicator:** Initially, each card shows a loading state (e.g., "Assistant is thinking...", pulsing animation). - **Card Content (Completed State - Success):** - The loading indicator disappears. - The AI's generated text response is displayed within the card. - If the model supports Thinking Mode, the thinking bubble may appear *within* the card before the final response. - **Card Content (Completed State - Error):** - An error message is displayed instead of a response (e.g., API key issue, quota exceeded). Error text is often red. 4. **Simultaneous Generation:** All selected models process the prompt and generate responses concurrently. Cards update independently. ### Interacting with Response Cards Once responses (or errors) are displayed in the cards: 1. **Hover Actions:** Hovering over a response card reveals action icons (typically top-right): - **Set as Primary Response (✓):** Checkmark icon. Tooltip: "Set as primary response". - **Delete Response (🗑️):** Trash can icon. Tooltip: "Delete response" or similar. 2. **Selecting the Primary Response:** - Click the checkmark (✓) on the desired response card. - **Interface Collapse:** The multi-response view collapses. - **Chat View Update:** The chat returns to standard single-response view, showing only the user's prompt and the *selected primary* AI response. 3. **Deleting a Response:** - Click the trash can (🗑️) on a card to remove that specific model's response from the current multi-response view. ### Considerations - **Token Consumption:** Using multiple models consumes tokens for *each* model, increasing costs. - **Error Handling:** Individual model errors are contained within their cards. ### Notes - **Chat Info:** In multi-model responses, the chat info popup shows context length based on the *selected primary* response, but the total token cost reflects the combined usage of *all* models activated for that prompt. - **Feature Limitations:** Editing messages, pinning messages, and using the Canvas Editor might be disabled while in the multi-response view (before a primary response is selected). ### Sidebar Features The sidebar in TypingMind provides the primary navigation and chat management tools. Here's a breakdown of each feature: ### The Workspace Bar - **Placement:** Located at the left edge of the app as a long narrow workspace navigation. - **Function:** Allow the user to switch between the main tabs of the app, including “Chat”, “Agents”, “Prompts”, “Plugins”, etc. ### "Chat" tab - **Icon:** A speech bubble icon. - **State:** Highlighted (in blue in the screenshot), indicating the active view. - **Function:** Confirms that the user is currently viewing the chat interface. Clicking it again will refresh the chat interface. ### "New Chat" Button - **Icon:** A speech bubble icon with a "+" sign. - **Text:** "New Chat" - **Function:** Initiates a new, blank chat session. - When clicked, a new chat is created and added to the chat list. - The main content area switches to the new chat, ready for user input. ### User Profile Icon - **Shape:** Circular. - **Content:** Displays the user's avatar or profile image. If no image is set, it may show default initials or a generic user icon. - **Function:** Clicking this icon typically opens a user profile menu or settings panel, allowing users to: - Manage their account information. - Change their profile picture. - Access application settings. - Log out. ### Search Bar - **Placeholder Text:** "Search chats" - **Icon:** A magnifying glass icon. - **Function:** Enables users to search through their existing chat conversations. - Typing in the search bar and pressing "Enter" filters the chat list to display only conversations that match the search query. - The search considers chat titles and message content. - A clear "x" button appear to clear the search. - The search results are displayed dynamically. ### Chat Management Tools These icons are located to the right of the Search bar, offering quick access to organizational features: - **Create Folder:** - **Icon:** A folder icon with a "+" sign. - **Function:** Allows users to create new folders or folders within folders to organize their chats. - Clicking the icon opens a small input field where the user can type the name of the new folder. - After entering the name and pressing "Enter" (or clicking a "Save" button), the new folder is created and added to the chat list. - **Sort:** - **Icon:** An icon with 3 horizontal line, sorted. - **Function:** Allows users to sort chats with several options - Clicking the icon opens a popup where the user can choose the sort by options - **Recent Chats First:** Sort the list of chats with the latest updated chats on top. - **Oldest Chats First:** Sort the list of chats with the oldest chats on top. - **Title A to Z:** Sort chats alphabetically with A on top. - **Title Z to A:** Sort chats alphabetically with Z on top. - **Reset** button: Reset the settings - **Cancel** button: Cancel the changes - **OK** button: Confirm the changes - **Filter:** - **Icon:** A funnel icon. - **Function:** Allows users to filter the chats by tags. - Clicking the icon opens a popup where the user can choose the filter by tags. - A list of tags is displayed. - User can select multiple tags. - **Reset** button: Reset the settings - **Cancel** button: Cancel the changes - **OK** button: Confirm the changes ### Chat List - **Function:** Displays a list of recent chats and chat folders, providing access to existing conversations. - **Folders:** - Represented by a folder icon and the folder name. - The number of chats within the folder is displayed in parentheses (e.g., "IMAP (10)"). - Clicking a folder expands or collapses it to show or hide the chats within. - **Folder actions**: To the right of each folder is "+" (add to folder), a pencil icon (edit), and a trash can icon (delete). - **Individual Chats:** - Each chat is displayed with: - **AI Avatar:** An icon or image representing the AI agent used in the conversation. - **Chat Title:** A descriptive title for the conversation. If no custom title is set, the title may be automatically generated based on the conversation's content or the AI agent used. - **Preview Text:** A snippet of the most recent message in the chat, providing a quick overview of the conversation's content. - **Timestamp:** Indicates how long ago the last message was sent (e.g., "42m", "2d", "3d", "4d"), helping users prioritize recent conversations. - **Chat Actions:** - **"+" (Add to folder)**: Add the chat to a folder. - **Favorite chat**: Mark the chat as favorite - **More options**: - **Edit Title:** Allows users to modify the title of the chat. - Clicking "Edit Title" transforms the chat title into an editable text field. - The user can type a new title and press "Enter" (or click a "Save" button) to save the changes. - **Add Tags:** Allows users to add tags to the chat for enhanced organization and filtering. - Clicking "Add Tags" opens a dialog box where the user can select existing tags or create new ones. - A text input field allows the user to type in a new tag. - A list of existing tags is displayed, allowing the user to select from pre-defined options. - Clicking "Save" applies the selected tags to the chat. - **Move to Folder:** Allows users to move the chat to a different folder. - Clicking "Move to Folder" opens a list of available folders. - Clicking a folder in the list moves the chat to that folder. - **Archive:** Archives the chat, removing it from the main chat list but preserving it for future access. - **Export:** Exports the chat data in various formats (e.g., text, JSON) for analysis or archival. - Opens a "Save As" dialog box, allowing the user to choose the file name and location. - **Share:** Opens a sharing menu with options to: - Create a secret link to share the chat. - Export the chat as Markdown text. - Export the chat as JSON data. - Export the chat as an HTML webpage. - Print or save the chat as a PDF. - **Delete:** - **Icon:** A trash can icon. - **Function:** Deletes the chat conversation. - **Confirmation:** A confirmation prompt ("Click again to confirm") appears to prevent accidental deletion. Clicking the trash can icon again permanently removes the chat. ### 9. Bottom Section (User Avatar) - **Content:** Displays the user's avatar or profile picture. - **Function:** Clicking this area may: - Open the user profile settings. - Display account information. - Provide access to a help or support menu. - Indicate the user's online status. ## Cloud Sync & Backup Features TypingMind offers robust cloud sync and backup features to ensure data security and accessibility across multiple devices. ### Accessing Cloud Sync & Backup Settings 1. **Locate the User Profile Icon:** Click the user profile icon located in the bottom left-hand corner of the sidebar. This action opens the user menu. 2. **Select "Manage Cloud Sync":** In the user menu, click on the "Manage Cloud Sync" option. This action opens the Cloud Sync & Backup settings dialog. ### Cloud Sync & Backup Settings Dialog Overview The "Cloud Sync & Backup" settings dialog provides an overview of the account's cloud sync status, storage usage, and sync preferences. It includes the following key sections: - **Account Information:** - **Account Email:** Displays the email address associated with the TypingMind Cloud account. - **Sync Controls:** - **"Sync Changes" Button:** Initiates a manual synchronization of any recent changes made on the current device to the cloud. The button is typically blue in color. - **"Re-sync Everything" Button:** Forces a complete re-synchronization of all data between the current device and the cloud, overwriting any local changes with the cloud data. The link is blue in color. - **"Last Sync" Information:** Displays the date and time of the most recent successful synchronization. The time is displayed in a human-readable format (e.g., "2/23/2025, 7:13:05 AM (now)"). - **Cloud Storage Information:** - **Storage Usage Bar:** A horizontal bar that visually represents the amount of cloud storage currently being used, relative to the total storage limit. - The bar is typically green, with the filled portion indicating the percentage of storage used. - The bar includes numerical data: "Usage: \[X] KB (\[Y]%)". - **"Manage" Dropdown:** A dropdown menu labeled "Manage" provides access to cloud storage management options. Clicking on it, there are options: - `Cloud Data`: Open a popup to manage cloud data - `Shared Links`: Open a popup to manage shared links - **Storage Limit:** Indicates the total cloud storage limit available to the account (e.g., "Limit: 50 MB (Free)"). - **"Select What You Want to Sync" Section:** - **Section Header:** A collapsible section labeled "Select what you want to sync" that allows users to selectively enable or disable the synchronization of specific data types. - **Data Type List:** A list of checkboxes representing different data types that can be synchronized: - Chats: Chat conversations. - AI Agents: Custom AI Agent configurations. - Prompts: Custom Prompt Library entries. - Plugins: Installed plugins and their settings. - Profiles: User profile settings. - Preferences: Application preferences. - Model Settings: Custom model configurations. - Keyboard Shortcuts: Custom keyboard shortcut settings. - Custom Models: Custom models added by user - Plugin Settings: Plugin settings - Message Attachments (Images, Files, etc.): Files attached to messages. - API Keys & License Key: Stored API keys and license key. - The checkboxes are checked by default, indicating that all data types are enabled for synchronization. - Unchecking a checkbox prevents the corresponding data type from being synchronized with the cloud. - **"Storage Upgrade" Section:** - **Section Header:** A collapsible section labeled "Storage upgrade" that provides options for increasing the cloud storage limit. - **Storage Upgrade Options:** A display with multiple plans for the user to select. User can choose: - 1 GB Plans: $10/month or $50/year (save 58%) — includes 1 GB fast sync storage and 1,000,000 KB character limit. - 5 GB Plans: $20/month or $100/year (save 58%) — includes 5 GB fast sync storage and 5,000,000 KB character limit. - **Checkout**: After selecting plan, the user will be navigated to the Stripe payment page to fill in payment. - **1GB Storage**: Shows the current plan that user is using, with a green `Active` status. User can click on `Manage Subscription` to change the settings. *Tip*: - After purchasing a license key, the app will prompt you to also login to your cloud sync account under the same email you used for the purhase. While it's possible to use different email for Cloud Sync and License Key, it's recommended to use the same email so that you can easily manage the license key and your cloud sync account in one email. - Enable Cloud Sync with your License Key synced in the app so that you don't need to enter the license key manually next time you login. ### Manage Cloud Data 1. **Access the Manage Dropdown Menu:** (As described above). 2. **Click `Cloud Data`**: Click the `Cloud Data` to trigger a new popup window. ### Cloud Data Popup Overview The "Cloud Data" dialog is structured to guide users through the configuration process. It includes the following key sections: - **Account Information:** - **Account Email:** Displays the email address associated with the TypingMind Cloud account. - **Cloud Storage Information:** - **Storage Usage Bar:** A horizontal bar that visually represents the amount of cloud storage currently being used, relative to the total storage limit. - The bar is typically green, with the filled portion indicating the percentage of storage used. - The bar includes numerical data: "Usage: \[X] KB (\[Y]%)". - **Storage Limit:** Indicates the total cloud storage limit available to the account (e.g., "Limit: 10 MB (Free)"). - **Clear All Storage Button**: A button that allows the user to clear all storage in the Cloud. - **Important note** - A warning in a yellow frame: `Deleting your data from the cloud will also delete the corresponding local data. For example, if a chat is deleted from the cloud, it will be deleted from this device and any other devices with Cloud Sync enabled.` - **Data type navigation**: With tab navigation bar such as `Files`, `Chats`, `Prompts`, `AI Agents`, `Plugins`, `Restore Deleted Chats` (to restore your deleted chats within 30 days - **Data Display Area (Main Content Area):** - A list/table that displays all of data associated with selected data type. - Each object is represented by a row containing: - **Title:** The name of the item. - **Size:** The size of the data. - **Synched At:** Timestamp of the synchronization - **Action:** - **`Delete` Button:** Clicking this button will delete the data. A prompt window shows up for double confirmation, with content such as `Sure?`, `Click again to confirm` - **Pagination Area**: Area for pagination, including total count of items - **Close button:** To close the popup. ### Managing a Cloud Data Plan 1. **Access the Manage Dropdown Menu:** (As described above). 2. **Click `Manage Subscription`**: Click the `Storage Upgrade` to trigger a new popup window to upgrade the current plan. 3. **Select the Plans**: (1 GB or 5 GB) 4. **Checkout**: After selecting plan, the user will be navigated to the Stripe payment page to fill in payment. ### Manually Syncing Changes - **Click the "Sync Changes" Button:** In the "Cloud Sync & Backup" settings dialog, click the "Sync Changes" button. - The button's label may change to "Syncing..." during the synchronization process. - A progress indicator (e.g., a loading spinner) may appear to indicate that synchronization is in progress. - Once the synchronization is complete, the "Last Sync" information is updated with the current date and time. ### Re-syn