> ## Documentation Index
> Fetch the complete documentation index at: https://docs.packagesss.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Magic ChatPad

> Combine packages with GPT

export const GridImage = ({window, src, preview = false, img_width = 200, height = 300}) => {
  var host = preview ? '' : 'https://mintlify.s3-us-west-1.amazonaws.com/packages';
  return <div className="grid-image-bg mt-3 mb-3 flex align-items-center" style={{
    alignItems: 'center',
    justifyContent: 'center',
    position: 'relative',
    height,
    width: '100%'
  }}>

    <img src={`${host}${src}`} className={'m-0'} width={img_width} style={{
    zIndex: 2,
    width: '100%',
    maxWidth: img_width,
    border: '1px solid #ccc',
    borderRadius: 5,
    boxShadow: '5px 5px rgba(0,0,0,0.25);'
  }} />

    <div style={{
    transform: 'translateX(-50%)',
    left: '50%',
    top: 0,
    position: 'absolute',
    height: '100%',
    width: '100%',
    zIndex: 0,
    overflow: 'hidden',
    pointerEvents: 'none'
  }}>
      <img src={`${host}/images/grid-bg-trans.png`} className="m-0" />
    </div>
  </div>;
};

The Magic ChatPad™ in packages allows you to "talk" with the packages you create.

All you have to do is **@mention** the package and talk normally.

## Where can I find the ChatPad?

The ChatPad lives on the bottom of every screen.

<GridImage img_width={500} height={400} src={'/images/blank-chatpad.png'} />

Click on the "Magic Chatpad" input field to start using it!

## What is it used for?

The ChatPad is used to interact with your packages in a conversational way. You can ask questions, get answers, or just test your package. It currently only works
with packages that have no inputs and return text or JSON.

## How does the ChatPad work?

The ChatPad uses GPT to understand your messages and respond to them. You can include your packages using **@package name** to get answers based on
your package data.

The packages you **@mentioned** will run in real time and then GPT will respond with the results.

### Bitcoin Price Example

<Note>A lot of people ask, why wouldn't I just use ChatGPT to get the current bitcoin price?<br /><br />Fetching the bitcoin price via Google (as ChatGPT does) may not always be reliable as it may be stale and not an accurate reflection of the current market price.</Note>

Here's an example of using the **Bitcoin Price Right Now** package to chat with the ChatPad.

### Using @mentions

Type your question then type **@Bitcoin Price Right Now**. Select the package from the dropdown and hit enter.

<GridImage img_width={500} height={200} src={'/images/mp-1a.png'} />

Now the package will be included in your outbound message (as indicated by the light blue background.)

<GridImage img_width={500} height={200} src={'/images/mp-1.png'} />

Lets add some more text to complete the message. When you send the message, the highlighted packages will run and the results will be displayed in the ChatPad.

<GridImage img_width={500} height={200} src={'/images/mp-2.png'} />

### Result with @mentions

The ChatPad will run the tagged packages and return the result in the ChatPad.

<GridImage img_width={500} height={400} src={'/images/mp-3.png'} />

This is a great way to test your packages, or to use them in a conversational way.

### Using multiple @mentions

The ChatPad supports an unlimited number of packages in a single message. You can include as many packages as you like in a single message, but be aware some packages may consume credits.

### Bitcoin Price with Bank Account Balance Example

This time we are going to use packages to ask how many bitcoins we can buy given the current price — keeping in mind how much money I have in my bank account.

This is something that would be impossible to do with ChatGPT alone.

We do what we did before, but this time we add the **@Bank Account Balance** @mention — which is private package we are testing internally.

<GridImage img_width={500} height={200} src={'/images/mp-4.png'} />

Here is our final message ...

<GridImage img_width={500} height={200} src={'/images/mp-5.png'} />

And here is the result ...

<GridImage img_width={500} height={500} src={'/images/mp-6.png'} />

## Questions?

We are in the early stages of packages, but there are many possibilities with the ChatPad and packages. We are excited to see what you come up with!

Feel free to e-mail us at [help@nichesss.com](mailto:help@nichesss.com) with any questions or feedback. We are always happy to help!