Skip to content

Codex/UI redesign #72

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
Abdulmuiz44 merged 3 commits into from
Apr 9, 2026
Merged

Codex/UI redesign #72

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
8cbb9ca
Add Chart.js rendering and enforce visual responses
Abdulmuiz44 Apr 8, 2026
2103f39
Merge pull request #71 from Abdulmuiz44/codex/add-chart.js-support-to…
Abdulmuiz44 Apr 8, 2026
f8e2f7d
Make chats unlimited and gate on monthly credits
Apr 9, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 1 addition & 15 deletions app/actions/generate.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ import { generateTeacherResponse } from '@/lib/mistral'
import type { AttachmentReference } from '@/lib/attachment'
import { getUserProfileServer } from '@/lib/usage-tracking-server'
import { incrementChatsServer } from '@/lib/usage-tracking-server'
import { canStartChat, canUploadFile, getPlanConfig } from '@/lib/plan-config'
import { canUploadFile, getPlanConfig } from '@/lib/plan-config'
import { getWebSearchRemaining, incrementWebSearchCount } from '@/lib/web-search-usage'
import { getUserCreditsRemaining, incrementUserCredits, getPlanCreditCap } from '@/lib/free-plan-credits'

Expand Down Expand Up @@ -78,20 +78,6 @@ export async function generateAnswer({ prompt, tool, authorId, authorEmail, atta
}
}

// Check if user has reached their chat limit
if (!canStartChat(userProfile.subscriptionPlan, userProfile.dailyChats)) {
const planConfig = getPlanConfig(userProfile.subscriptionPlan)
const limit = planConfig.limits.messagesPerDay
const errorMessage = `You've reached your daily limit of ${limit} messages. Upgrade to Pro for unlimited access.`
console.error('Chat limit reached:', errorMessage)
return {
answer: errorMessage,
sessionId: sessionId,
chatId: chatId,
error: errorMessage
}
}

// Token-based monthly credit cap gate
const { remaining: creditsRemaining, resetDate } = await getUserCreditsRemaining(authorId)
if (creditsRemaining <= 0) {
Expand Down
2 changes: 1 addition & 1 deletion backend-server/src/services/mistral.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@ After explaining a concept, you MUST always include these questions:
3. "Did you learn something new?"
4. "Would you like a visual explanation (like a flowchart, diagram, or chart) to see how this works?"

If the user says "Yes" to a visual explanation, generate the appropriate chart, graph, or diagram immediately.
If the user says "Yes" to a visual explanation, generate the appropriate chart, graph, or diagram immediately. If the user directly asks for a visual, always generate one immediately in the required visual format.

WEB SEARCH CAPABILITY:
You have access to a \`web_search\` tool that searches the live internet via a privacy-respecting meta search engine (SearXNG). Use it whenever the user asks about current events, time-sensitive information, or facts you are not confident about. Return answers with clear, concise explanations and mention relevant URLs from the results.`;
Expand Down
275 changes: 77 additions & 198 deletions components/LimitModal.tsx
View file
Open in desktop

Large diffs are not rendered by default.

10 changes: 2 additions & 8 deletions components/PromptShell.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -582,10 +582,7 @@ export default function PromptShell({
const now = new Date()
const unlocksAt = new Date(now.getTime() + 24 * 60 * 60 * 1000)

if (limitError.includes('messages')) {
setLimitModalType('chats')
setLimitUnlocksAt(unlocksAt)
} else if (limitError.includes('file uploads')) {
if (limitError.includes('file uploads')) {
setLimitModalType('file-uploads')
setLimitUnlocksAt(unlocksAt)
} else if (limitError.includes('web search')) {
Expand Down Expand Up @@ -664,10 +661,7 @@ export default function PromptShell({
const now = new Date()
const unlocksAt = new Date(now.getTime() + 24 * 60 * 60 * 1000)

if (message.includes('limit') && (message.includes('chats') || message.includes('messages'))) {
setLimitModalType('chats')
setLimitUnlocksAt(unlocksAt)
} else if (message.includes('limit') && message.includes('file uploads')) {
if (message.includes('limit') && message.includes('file uploads')) {
setLimitModalType('file-uploads')
setLimitUnlocksAt(unlocksAt)
} else if (message.includes('limit') && message.includes('web-search')) {
Expand Down
135 changes: 61 additions & 74 deletions components/UpgradePrompt.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,71 +8,66 @@ interface UpgradePromptProps {
inline?: boolean
}

export default function UpgradePrompt({ type, onClose, inline = false }: UpgradePromptProps) {
const messages = {
'lesson-plans': {
title: 'Lesson Plan Limit Reached',
description: "You've reached your monthly limit of 5 lesson plans on the Free plan.",
benefit: 'Upgrade to Pro for unlimited lesson plans and advanced features.',
icon: '📚'
},
'chats': {
title: 'Something Went Wrong',
description: "There was an issue processing your message. All plans include unlimited conversations.",
benefit: 'Please try again or contact support if this persists.',
icon: '💬'
},
'file-uploads': {
title: 'File Upload Limit Reached',
description: "You've reached your daily limit of 3 file uploads on the Free plan.",
benefit: 'Upgrade to Pro for 25 uploads/day or Plus for unlimited.',
icon: '📎'
},
'web-search': {
title: 'Web Search Limit Reached',
description: "You've reached your monthly limit of 5 web searches on the Free plan.",
benefit: 'Upgrade to Pro (100/month) or Plus (unlimited) to unlock more searches.',
icon: '🔍'
},
'research-mode': {
title: 'Deep Research Mode',
description: "Deep Research mode (comprehensive multi-source research) is only available on Pro and Plus plans.",
benefit: 'Upgrade to access Deep Research and other advanced features.',
icon: '🔭'
},
'credits': {
title: 'Free Credit Cap Reached',
description: "You've reached your monthly Free credit cap for advanced usage.",
benefit: 'Upgrade to Pro or Plus for higher usage limits, or wait for your monthly credit reset.',
icon: '⚡'
}
}
const PROMPTS = {
'lesson-plans': {
title: 'Lesson Plan Limit Reached',
description: 'You have reached your monthly lesson plan limit.',
benefit: 'Upgrade to Pro for more lesson plans and advanced features.',
icon: 'LP',
},
chats: {
title: 'Something Went Wrong',
description: 'There was an issue processing your message. Chats themselves are unlimited on every plan.',
benefit: 'Please try again or contact support if this persists.',
icon: 'AI',
},
'file-uploads': {
title: 'File Upload Limit Reached',
description: 'You have reached your daily file upload limit.',
benefit: 'Upgrade to Pro for more uploads or Plus for unlimited uploads.',
icon: 'UP',
},
'web-search': {
title: 'Web Search Limit Reached',
description: 'You have reached your monthly web search limit.',
benefit: 'Upgrade to Pro or Plus to unlock more searches.',
icon: 'WS',
},
'research-mode': {
title: 'Deep Research Mode',
description: 'Deep Research mode is available on Pro and Plus plans.',
benefit: 'Upgrade to unlock deeper multi-source research.',
icon: 'DR',
},
credits: {
title: 'Monthly Credit Cap Reached',
description: 'Chats are free and unlimited, but monthly credits power AI responses.',
benefit: 'Upgrade to Pro or Plus for more monthly credits, or wait for your reset date.',
icon: 'CR',
},
} as const

const message = messages[type]
export default function UpgradePrompt({ type, onClose, inline = false }: UpgradePromptProps) {
const message = PROMPTS[type]

if (inline) {
return (
<div className="rounded-xl bg-tera-neon/10 border border-tera-neon/30 p-4">
<div className="rounded-xl border border-tera-neon/30 bg-tera-neon/10 p-4">
<div className="flex items-start gap-3">
<span className="text-2xl">{message.icon}</span>
<span className="flex h-10 w-10 items-center justify-center rounded-full border border-tera-neon/30 text-xs font-semibold text-tera-primary">
{message.icon}
</span>
<div className="flex-1">
<h3 className="font-semibold text-tera-primary mb-1">{message.title}</h3>
<p className="text-sm text-tera-primary/70 mb-3">{message.description}</p>
<p className="text-sm text-tera-neon font-medium mb-3">{message.benefit}</p>
<Link
href="/pricing"
className="tera-button-upgrade inline-block rounded-lg px-4 py-2 text-sm font-medium"
>
<h3 className="mb-1 font-semibold text-tera-primary">{message.title}</h3>
<p className="mb-3 text-sm text-tera-primary/70">{message.description}</p>
<p className="mb-3 text-sm font-medium text-tera-neon">{message.benefit}</p>
<Link href="/pricing" className="tera-button-upgrade inline-block rounded-lg px-4 py-2 text-sm font-medium">
View Plans
</Link>
</div>
{onClose && (
<button
onClick={onClose}
className="text-tera-secondary hover:text-tera-primary transition"
aria-label="Close"
>
✕
<button type="button" onClick={onClose} className="text-tera-secondary transition hover:text-tera-primary" aria-label="Close">
×
</button>
)}
</div>
Expand All @@ -82,36 +77,28 @@ export default function UpgradePrompt({ type, onClose, inline = false }: Upgrade

return (
<div className="fixed inset-0 z-50 flex items-center justify-center bg-black/50 backdrop-blur-sm">
<div className="relative max-w-md w-full mx-4 rounded-2xl bg-tera-panel border border-tera-border shadow-2xl p-6">
<div className="relative mx-4 w-full max-w-md rounded-2xl border border-tera-border bg-tera-panel p-6 shadow-2xl">
{onClose && (
<button
onClick={onClose}
className="absolute top-4 right-4 text-tera-secondary hover:text-tera-primary transition"
aria-label="Close"
>
✕
<button type="button" onClick={onClose} className="absolute right-4 top-4 text-tera-secondary transition hover:text-tera-primary" aria-label="Close">
×
</button>
)}

<div className="text-center">
<div className="text-5xl mb-4">{message.icon}</div>
<h2 className="text-2xl font-bold text-tera-primary mb-2">{message.title}</h2>
<p className="text-tera-primary/70 mb-4">{message.description}</p>
<p className="text-tera-neon mb-6 font-medium">{message.benefit}</p>
<div className="mx-auto mb-4 flex h-14 w-14 items-center justify-center rounded-full border border-tera-border text-sm font-semibold text-tera-primary">
{message.icon}
</div>
<h2 className="mb-2 text-2xl font-bold text-tera-primary">{message.title}</h2>
<p className="mb-4 text-tera-primary/70">{message.description}</p>
<p className="mb-6 font-medium text-tera-neon">{message.benefit}</p>

<div className="flex gap-3">
{onClose && (
<button
onClick={onClose}
className="flex-1 px-4 py-3 rounded-lg border border-tera-border text-tera-primary hover:bg-tera-muted transition"
>
<button type="button" onClick={onClose} className="flex-1 rounded-lg border border-tera-border px-4 py-3 text-tera-primary transition hover:bg-tera-muted">
Maybe Later
</button>
)}
<Link
href="/pricing"
className="tera-button-upgrade flex-1 rounded-lg px-4 py-3 text-center font-semibold"
>
<Link href="/pricing" className="tera-button-upgrade flex-1 rounded-lg px-4 py-3 text-center font-semibold">
View Plans
</Link>
</div>
Expand Down
Loading