Fusion Studio

0
No chat selected
No file loaded

READ ME

Fusion Studio

A lightweight chat interface for OpenRouter AI models. Manage up to 10 concurrent chat threads, load custom prompts, and integrate JSON data seamlessly.

Getting Started

How to Get an API Key from OpenRouter

  1. Visit OpenRouter.ai
  2. Sign up or log in to your account
  3. Navigate to your Dashboard or API Keys section
  4. Click Create API Key
  5. Give your key a name (e.g., "Fusion Studio")
  6. Copy your new API key (it will look something like sk-or-v1-...)
  7. Keep this key safe! You'll need it to use Fusion Studio

Note: OpenRouter requires credits to use. Make sure your account has a balance before making API calls.

Setting Your API Key

  1. Open Fusion Studio in your browser
  2. Click the API Key button in the bottom-right corner
  3. Paste your OpenRouter API key into the prompt
  4. Click OK or press Enter

Your API key is saved locally in your browser and will persist between sessions. You won't need to re-enter it unless you clear your browser data.

Starting a Thread

Fusion Studio gives you 10 chat slots so you can run multiple conversations at once.

To start a new thread:

  1. Look at the left panel with numbered slots (1–10)
  2. Click any slot that says "Empty..."
  3. A prompt will appear asking you to name your chat
  4. Type a name and click OK
  5. The slot will now show your chat name

To switch between threads:

  • Click any chat slot to switch to that conversation
  • The active chat name appears at the top of the screen

To manage a thread:

  • Right-click on any chat slot to open the context menu
  • Choose from:
    • Rename – Change the chat name
    • Export Chat – Download the conversation as JSON
    • Clear Data – Delete the chat and start fresh

Setting and Saving a Prompt

The right panel is your prompt area. This is where you load a system prompt that tells the AI how to behave.

To load a prompt:

  1. Click the Add Prompt button in the bottom-right corner
  2. Select a .md (Markdown) file from your computer
  3. The file contents will appear in the prompt text area

To edit the prompt:

  • Click inside the prompt text area and type directly
  • Changes save automatically
  • This prompt applies to the currently active chat

Why use prompts?
Prompts give the AI personality, instructions, or context. For example:

  • "You are a helpful coding assistant."
  • "Answer all questions in pirate speak."
  • "You are an expert in JavaScript debugging."

Adding a JSON File

Fusion Studio lets you attach JSON files to your messages. This is useful for feeding data into the AI or working with structured information.

To add a JSON file:

  1. Click the Add JSON button in the bottom-left corner (next to "No file loaded")
  2. Select a .json file from your computer
  3. The filename will appear where it said "No file loaded"
  4. Type your message in the text area
  5. Click Send

What happens:

  • The JSON file contents are included with your message
  • The AI can read and work with the data
  • The file stays loaded until you replace it or refresh the page

To remove a JSON file:

  • There's no remove button yet, but you can refresh the page or load a different file to replace it

Exporting Thread Data

You can export any chat thread as a JSON file to save your conversation history.

To export a thread:

  1. Right-click on the chat slot you want to export
  2. Select Export Chat from the context menu
  3. A JSON file will download to your computer

What's in the export?
The JSON file contains:

  • Chat name
  • Selected model
  • Full conversation history (all messages and responses)
  • Timestamp of export

Why export?

  • Backup important conversations
  • Share conversations with others
  • Analyze chat data programmatically
  • Import into other tools

Additional Features

Model Selection

Choose from multiple AI models using the dropdown next to the chat name:

  • DeepSeek models
  • Qwen models
  • Inclusion AI models
  • Moonshot AI models
  • + Add Model to add custom models

View Buttons

  • View README – See this documentation (you're reading it!)
  • View Prompt – Preview the active prompt
  • View Payload – See the raw API request data

Clear All

The Clear All button at the bottom of the left panel deletes all 10 chat threads at once. Use with caution!

Tips & Tricks

  • Organize your chats: Use descriptive names like "Debug Session" or "Brainstorm Ideas"
  • Save your prompts: Keep useful prompts in .md files for quick loading
  • Check your payload: If messages aren't working, click "View Payload" to see what's being sent
  • Export frequently: Back up important conversations before they get too long

Troubleshooting

API calls aren't working:

  • Make sure your API key is set correctly
  • Check that your OpenRouter account has credits
  • Verify you have internet connection

Chat slots aren't saving:

  • Make sure you're not in incognito/private browsing mode
  • Check if your browser allows local storage

JSON file won't load:

  • Ensure the file is valid JSON (use a validator like jsonlint.com)
  • Make sure the file extension is .json

About Fusion Studio

Fusion Studio is a browser-based chat client built for power users who need:

  • Multiple parallel conversations
  • Custom system prompts
  • JSON data integration
  • Full conversation exports

Built with vanilla HTML, CSS, and JavaScript. No frameworks, no bloat.

Enjoy chatting! 🚀

Rename
Export Chat
Clear Data