Uranus Design System

SuggestedPrompts é o atalho de onboarding: aparece quando messages.length === 0 e ajuda o usuário a descobrir o que vale perguntar. Cada card emite o prompt literal via onSelect, e você decide se chama useUranusChat.sendMessage direto ou apenas pré-preenche o composer.

'use client';

import { SuggestedPrompts } from '@uranus-workspace/ai';

const prompts = [
  {
    id: '1',
    title: 'Resumir uma reunião',
    description: 'Cole a transcrição e receba bullets acionáveis.',
    prompt: 'Resuma a reunião abaixo em bullets acionáveis com responsáveis.',
  },
  {
    id: '2',
    title: 'Planejar um experimento',
    description: 'Use modo plano para detalhar etapas.',
    prompt: 'Crie um plano detalhado para validar um novo onboarding.',
  },
  {
    id: '3',
    title: 'Pesquisar concorrentes',
    description: 'Modo pesquisa retorna fontes citadas.',
    prompt: 'Pesquise concorrentes diretos do produto X com fontes citadas.',
  },
  {
    id: '4',
    title: 'Reescrever com tom Uranus',
    description: 'Adapte qualquer texto ao guia editorial.',
    prompt: 'Reescreva o texto a seguir no tom da Uranus Technologies.',
  },
];

export default function SuggestedPromptsDefault() {
  return (
    <div className="mx-auto w-full max-w-3xl">
      <SuggestedPrompts prompts={prompts} onSelect={() => {}} />
    </div>
  );
}

Uso

import { SuggestedPrompts } from '@uranus-workspace/ai';

<SuggestedPrompts
  prompts={[
    { id: '1', title: 'Resumir reunião', prompt: 'Resuma essa transcrição em bullets.' },
    { id: '2', title: 'Planejar experimento', prompt: 'Crie um plano para validar onboarding.' },
  ]}
  onSelect={(prompt) => chat.sendMessage({ text: prompt })}
/>

API

prompts — array de { id?, title, description?, prompt }.
onSelect — recebe a string prompt (o title/description são só visuais).
columns — força N colunas; sem ele, o grid é responsivo (auto-fit minmax(220px,1fr)).

SuggestedPrompts

Uso

API

On this page