Free trial popover

[sestinj]

Description

Make it more clear to users that they are using the free trial, and how to proceed past it

Checklist

• I've read the contributing guide
• The relevant docs, if any, have been updated or created
• The relevant tests, if any, have been updated or created

Tests

tbd

[cubic-dev-ai]

Your cubic subscription is currently inactive. Please reactivate your subscription to receive AI reviews and use cubic.

[netlify]

✅ Deploy Preview for continuedev canceled.

Name	Link
🔨 Latest commit	2c58a33
🔍 Latest deploy log	https://app.netlify.com/projects/continuedev/deploys/683e0e50a6731a0008fa3517

[Patrick-Erichsen]

It feels like putting this in the notch is both easy to miss and kind of noisy. What about in <Chat /> on new sessions? We could make this less annoying by putting in a collapsible toggle that is expanded by default

 <div className="xs:inline hidden">
                  <NewSessionButton
                    onClick={async () => {
                      await dispatch(
                        loadLastSession({
                          saveCurrentSession: true,
                        }),
                      );
                    }}
                    className="flex items-center gap-2"
                  >
                    <ArrowLeftIcon className="h-3 w-3" />
                    <span className="text-xs">Last Session</span>
                  </NewSessionButton>
                  <FreeTrialButton
                    freeTrialStatus={{
                      optedInToFreeTrial: true,
                      chatCount: 1000,
                      autocompleteCount: 1000,
                      chatLimit: 1000,
                      autocompleteLimit: 1000,
                    }}
                  />
                </div>

[Patrick-Erichsen]

On the flip side I can also see having it in <Chat /> being noisy in a different way, so if we do keep it in the notch my only feedback is on copy.

• Eject from trial -> Exit Trial
• Using free trial -> Free Trial usage
• You are currently using the free trial -> Free Trial of the Models Add-On
• Subtext for the above title (adapted from https://docs.continue.dev/hub/governance/pricing#models-add-on)

You are currently using a free trial the Models Add-On, which allows you to use a variety of frontier models for a flat monthly fee.

Read more about usage limits and what models are included [here](https://hub.continue.dev/pricing).

[Patrick-Erichsen]

I would move this logic into a ternary in the parent component, gui/src/components/mainInput/Lump/LumpToolbar/BlockSettingsTopToolbar.tsx

[Patrick-Erichsen]

We should try to use async/await instead of callback chaining. Assuming this was AI generated code, could be a good rule 👀