Tighten AI prompts modal actions and drop Templates home card.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Alireza Hassani
2026-08-26 15:47:27 +03:30
co-authored by Cursor
parent 0aab7b5529
commit 7b2ed7c7b0
3 changed files with 58 additions and 87 deletions
@@ -608,20 +608,6 @@
font-size: 12px;
}
.promptsListHeader {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-bottom: 12px;
}
.promptsListTitle {
font-size: 13px;
font-weight: 600;
color: var(--text-secondary);
}
.promptsRowActions {
display: flex;
align-items: center;
+57 -65
View File
@@ -1680,72 +1680,55 @@ export function BusinessesPage() {
{promptsLoading ? (
<p className={styles.subText}>Loading…</p>
) : promptsBusiness?.domainId ? (
<>
<div className={styles.promptsListHeader}>
<span className={styles.promptsListTitle}>
{domainPrompts.length} prompt{domainPrompts.length === 1 ? '' : 's'}
</span>
<button
type="button"
className={`${styles.btn} ${styles.btnPrimary}`}
onClick={openAddDomainPrompt}
disabled={promptEditorSubmitting}
>
<Plus size={16} />
Add
</button>
domainPrompts.length === 0 ? (
<div className={styles.promptsEmpty}>
<FileText size={20} aria-hidden="true" />
<p>No prompts yet. Use Add to create one from a template.</p>
</div>
{domainPrompts.length === 0 ? (
<div className={styles.promptsEmpty}>
<FileText size={20} aria-hidden="true" />
<p>No prompts yet. Use Add to create one from a template.</p>
</div>
) : (
<ul className={styles.promptsList}>
{domainPrompts.map((prompt) => (
<li key={prompt.id} className={styles.promptsRow}>
<div className={styles.promptsRowText}>
<span className={styles.promptsRowName}>{prompt.name}</span>
<span className={styles.promptsRowPreview}>{prompt.body}</span>
</div>
<div className={styles.promptsRowActions}>
<button
type="button"
className={styles.controlBtn}
onClick={() => openEditDomainPrompt(prompt)}
disabled={promptBusyId === prompt.id}
aria-label={`Edit ${prompt.name}`}
title="Edit"
>
<Pencil size={15} />
</button>
<button
type="button"
className={styles.controlBtn}
onClick={() => void copyDomainPromptLink(prompt.publicUrl)}
disabled={promptBusyId === prompt.id}
aria-label={`Copy link for ${prompt.name}`}
title="Copy public link"
>
<Copy size={15} />
</button>
<button
type="button"
className={styles.controlBtn}
onClick={() => void removeDomainPromptItem(prompt)}
disabled={promptBusyId === prompt.id}
aria-label={`Remove ${prompt.name}`}
title="Remove"
>
<Trash2 size={15} />
</button>
</div>
</li>
))}
</ul>
)}
</>
) : (
<ul className={styles.promptsList}>
{domainPrompts.map((prompt) => (
<li key={prompt.id} className={styles.promptsRow}>
<div className={styles.promptsRowText}>
<span className={styles.promptsRowName}>{prompt.name}</span>
<span className={styles.promptsRowPreview}>{prompt.body}</span>
</div>
<div className={styles.promptsRowActions}>
<button
type="button"
className={styles.controlBtn}
onClick={() => openEditDomainPrompt(prompt)}
disabled={promptBusyId === prompt.id}
aria-label={`Edit ${prompt.name}`}
title="Edit"
>
<Pencil size={15} />
</button>
<button
type="button"
className={styles.controlBtn}
onClick={() => void copyDomainPromptLink(prompt.publicUrl)}
disabled={promptBusyId === prompt.id}
aria-label={`Copy link for ${prompt.name}`}
title="Copy public link"
>
<Copy size={15} />
</button>
<button
type="button"
className={styles.controlBtn}
onClick={() => void removeDomainPromptItem(prompt)}
disabled={promptBusyId === prompt.id}
aria-label={`Remove ${prompt.name}`}
title="Remove"
>
<Trash2 size={15} />
</button>
</div>
</li>
))}
</ul>
)
) : null}
<div style={{ height: 12 }} />
@@ -1758,6 +1741,15 @@ export function BusinessesPage() {
>
Close
</button>
<button
type="button"
className={`${styles.btn} ${styles.btnPrimary}`}
onClick={openAddDomainPrompt}
disabled={promptEditorSubmitting || !promptsBusiness?.domainId || promptsLoading}
>
<Plus size={16} />
Add
</button>
</div>
</Modal>
+1 -8
View File
@@ -1,4 +1,4 @@
import { CalendarDays, Building2, Users, Globe, FileText, Settings } from 'lucide-react'
import { CalendarDays, Building2, Users, Globe, Settings } from 'lucide-react'
import { useAuth } from '../context/AuthContext'
import { SectionCard } from '../components/SectionCard'
import styles from '../components/PageContent.module.css'
@@ -25,13 +25,6 @@ const sections = [
linkText: 'View websites',
href: '/websites',
},
{
icon: FileText,
title: 'Templates',
description: 'AI prompt templates per website with shareable public links.',
linkText: 'View templates',
href: '/templates',
},
{
icon: Settings,
title: 'Settings',