Fixpanic
Chat Interface

Getting Started with Chat

Interface tour and basic usage of the FixPanic Chat

This guide will help you get up and running with the FixPanic Chat interface.

Accessing the Chat

  1. Navigate to chat.fixpanic.com
  2. You'll see a login screen. Enter your credentials or sign up.
  3. Upon successful authentication, you'll be redirected to the main chat interface.

Interface Tour

The chat interface is divided into three main areas:

┌──────────────┬─────────────────────────────────────────────┐
│              │           Context Selectors                  │
│              │     [Cluster ▼]  [Agent ▼]  [Model ▼]       │
│              ├─────────────────────────────────────────────┤
│   Sidebar    │                                              │
│              │           Message Area                       │
│  - History   │                                              │
│  - Profile   │     Agent: Hello! How can I help?           │
│  - New Chat  │                                              │
│              │     You: What's the CPU usage?               │
│              │                                              │
│              │     Agent: CPU is at 45%...                  │
│              │                                              │
│              ├─────────────────────────────────────────────┤
│              │           Input Area                         │
│              │     [Type your message...        ] [Send]    │
└──────────────┴─────────────────────────────────────────────┘

1. Sidebar (Left)

The sidebar is your navigation hub:

ElementDescription
User ProfileView account details and sign out
New ChatStart a fresh conversation thread
HistoryAccess past conversations
SettingsConfigure preferences

2. Main Chat Area (Center)

This is where conversations happen:

ElementDescription
Message ListDisplays the history of the current conversation
Input AreaWhere you type messages and commands
Send ButtonClick or press Enter to send

3. Context Selector (Top)

Control which agent you're talking to:

SelectorPurpose
ClusterChoose which environment (Production, Staging, etc.)
AgentSelect the specific agent within that cluster
ModelChoose the AI model (affects capabilities and cost)

Starting a Conversation

  1. Select a Cluster - Use the dropdown at the top to select the environment you want to work in (e.g., "Production", "Staging").
  2. Select an Agent - Choose the specific agent you need from the agent selector. Agents may have different capabilities.
  3. Type Your Message - Enter your query or command in the input box at the bottom. You can use natural language.
  4. Send - Press Enter or click the send button. Your message will be sent to the agent.

Input Features

Text Input

The input box supports:

  • Plain text - Just type naturally
  • Code blocks - Paste code and it will be formatted
  • Multi-line - Press Shift+Enter for new lines

Keyboard Shortcuts

ShortcutAction
EnterSend message
Shift+EnterNew line (don't send)
Edit last message
EscapeClear input

Attachments

If enabled for your account, you can upload files:

  • Click the attachment icon (📎)
  • Or drag and drop files into the input area

Supported file types vary by agent capabilities.

Understanding Responses

Message Types

TypeAppearanceDescription
TextPlain textRegular conversation
CodeSyntax highlightedCommand output or code snippets
ErrorRed highlightSomething went wrong
PendingLoading indicatorAgent is thinking or executing

Streaming Responses

Responses stream in real-time:

  • You'll see text appear character by character
  • A loading indicator shows when the agent is working
  • Long operations show progress updates

Code Blocks

Agent responses often include code:

# Example command output
$ ps aux | head -5
USER       PID %CPU %MEM    VSZ   RSS TTY STAT START   TIME COMMAND
root         1  0.0  0.1 169588 13288 ?   Ss   Jan01   0:04 /sbin/init

Code blocks have:

  • Syntax highlighting
  • Copy button (click to copy)
  • Language indicator

Managing Conversations

Conversation History

Your conversations are saved automatically. Access past threads from the sidebar:

  • Click on any previous conversation to resume it
  • Conversations retain full context
  • Delete conversations you no longer need

Starting a New Chat

Click "New Chat" in the sidebar to:

  • Start a fresh conversation
  • Clear the current context
  • Begin with a clean slate

Note: New chats don't inherit context from previous conversations. If you need to reference something, you'll need to mention it explicitly.

Context Switching

You can switch clusters or agents mid-conversation:

  • Use the dropdowns at the top
  • The conversation continues with the new context
  • Previous messages remain visible for reference

Tips for Effective Communication

Be Specific

Instead of: "Check the server" Try: "Show me the current CPU and memory usage"

Provide Context

Instead of: "Why is it slow?" Try: "The API response time increased from 100ms to 2s around 3pm. What changed?"

Use Commands You Know

If you know the exact command: "Run docker ps to show running containers"

Ask Follow-ups

After getting a response: "Can you explain what that error message means?" "Show me more details about process 12345"

Troubleshooting

Chat Disconnected

If you see a "Disconnected" message:

  1. Check your internet connection
  2. Refresh the page
  3. If it persists, sign out and sign back in

Agent Not Responding

If an agent stops responding:

  1. Check if there's a pending approval blocking execution
  2. Try refreshing the page
  3. Start a new thread if the current one seems stuck

Messages Not Sending

If messages fail to send:

  1. Check your network connection
  2. Ensure the cluster/agent is selected
  3. Try refreshing the page

Next Steps

  • Conversations - Learn more about managing conversations and context.
  • Approvals - Understand the human-in-the-loop approval system.

On this page