mirror of
https://github.com/supabase/supabase.git
synced 2026-10-18 07:39:07 +03:00
Joshen LimandSaxon Fletcher
12d92aed99
* start * added panels * remove stuff * fixes and refinements * clean up * remove old assistant panel * resizable assistant kinda * use icon * Add missing package * remove canvas * add suggestions * updated empty state if no tables exist * fix table condition * Implement diffing if using assistant in sql editor * Reinstate old assistant in SQL editor if feature preview is off * pane size adjustment * assistant button corners * Add SQL snippet content to assistant if opening assistant in sql editor * Add the necessary checks for opt in and hipaa * revert adding snippet to assistant when opening assistant in sql editor * Add cmd i shortcut * Add admonitions for when disablePrompt is toggled on, and if no api key is set. Add footer note RE rate limitation * Bump ai package in packages * some fixes for backwards compability depending on feature preview toggled * Rename feature preview property for new assistant * Smol fix * Prevent SQL snippet from running until message is finished * only loading last message * fix z-index * save chat state to global state * add debug to failed ai queries * Add basic contextual invalidation * Add explain code action to SQL editor * Add link to abort ongoing queries from SqlSnippet * Update feature preview content * Fix * Fix * Fix * Te4st * Fix tests * ONly show ai button within a project * Fix PH tracking * Beef up a bit more event tracking * Rough fix to padding when assistant is open * A bit more telemetry stuff * Update prompts * fix rls editing via assistant * Update generate-v3.ts prompt to get auth schema too * Add policy satement to assistant when editing * Address all comments * fixc * Fix SqlSnippet not taking full width on larger viewports * Adjust max width --------- Co-authored-by: Saxon Fletcher <saxonafletcher@gmail.com>
56 lines
2.3 KiB
TypeScript
56 lines
2.3 KiB
TypeScript
import Image from 'next/image'
|
|
|
|
import { useParams } from 'common'
|
|
import { Markdown } from 'components/interfaces/Markdown'
|
|
import { BASE_PATH } from 'lib/constants'
|
|
import { detectOS } from 'lib/helpers'
|
|
|
|
export const AssistantV2Preview = () => {
|
|
const os = detectOS()
|
|
const { ref } = useParams()
|
|
|
|
return (
|
|
<div className="flex flex-col gap-y-2">
|
|
<p className="text-foreground-light text-sm mb-4">
|
|
We're changing the way our AI Assistant integrates with the dashboard by making it shared
|
|
and accessible universally across the whole dashboard. This hopes to make using the
|
|
Assistant as a supporting tool more seamless while you build your project.
|
|
</p>
|
|
<Image
|
|
src={`${BASE_PATH}/img/previews/assistant-v2.png`}
|
|
width={1860}
|
|
height={970}
|
|
alt="api-docs-side-panel-preview"
|
|
className="rounded border"
|
|
/>
|
|
<p className="text-foreground-light text-sm mb-4">
|
|
The Assistant will also be automatically provided with contexts depending on where you are
|
|
in the dashboard to generate more relevant and higher quality outputs. You may also ask for
|
|
insights on your own data apart from help with SQL and Postgres!
|
|
</p>
|
|
<p className="text-foreground-light text-sm mb-4">
|
|
We believe that this should further lower the barrier of working with databases especially
|
|
if you're not well acquainted with Postgres (yet!), so please do feel free to let us know
|
|
what you think in the attached GitHub discussion above!
|
|
</p>
|
|
<div className="flex flex-col gap-y-2">
|
|
<p className="text-sm">Enabling this preview will:</p>
|
|
<ul className="list-disc pl-6 text-sm text-foreground-light space-y-1">
|
|
<li>
|
|
<Markdown
|
|
className="text-foreground-light"
|
|
content={`Add a button in the top navigation bar where you can access the AI Assistant from anywhere in the dashboard`}
|
|
/>
|
|
</li>
|
|
<li>
|
|
<Markdown
|
|
className="text-foreground-light"
|
|
content={`Add a keyboard shortcut (${os === 'macos' ? 'Cmd' : 'Ctrl'} + I) that can also open the Assistant from anywhere in the dashboard`}
|
|
/>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|