cf21ba4516
Phase 1 (Foundation): - Project restructure (presenton-main → backend/ + frontend/) - Database schema (8 new models, Alembic config, seed script) - Auth (Azure AD SSO + dev bypass, JWT sessions, AuthMiddleware) - RBAC (access_service, rbac_middleware, admin routers) - Audit logging (fire-and-forget, AuditMiddleware, admin router) - i18n (react-i18next with 5 namespace files) Phase 2 (Admin Panel & Client Management): - Admin panel shell (sidebar layout, role guard, 12 pages) - Redux admin slice with 18 async thunks - User management (role changes, deactivation) - Client management (CRUD, brand config, team management) - Brand config editor (colors, fonts, logos, voice rules) - Master deck upload & parser (PPTX → HTML → React pipeline) - Audit log viewer with filters and CSV/JSON export Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
42 lines
1.2 KiB
TypeScript
42 lines
1.2 KiB
TypeScript
import { Textarea } from "@/components/ui/textarea";
|
|
import { useState } from "react";
|
|
|
|
|
|
interface PromptInputProps {
|
|
value: string;
|
|
onChange: (value: string) => void;
|
|
|
|
}
|
|
|
|
export function PromptInput({
|
|
value,
|
|
onChange,
|
|
|
|
}: PromptInputProps) {
|
|
const [showHint, setShowHint] = useState(false);
|
|
const handleChange = (value: string) => {
|
|
setShowHint(value.length > 0);
|
|
onChange(value);
|
|
};
|
|
return (
|
|
<div className="space-y-2">
|
|
<div className="relative">
|
|
<Textarea
|
|
value={value}
|
|
rows={5}
|
|
onChange={(e) => handleChange(e.target.value)}
|
|
placeholder="Tell us about your presentation"
|
|
data-testid="prompt-input"
|
|
className={`py-4 px-5 border-2 font-medium font-instrument_sans text-base min-h-[150px] max-h-[300px] border-[#5146E5] focus-visible:ring-offset-0 focus-visible:ring-[#5146E5] overflow-y-auto custom_scrollbar `}
|
|
/>
|
|
</div>
|
|
<p
|
|
className={`text-sm text-gray-500 font-inter font-medium ${showHint ? "opacity-100" : "opacity-0"
|
|
}`}
|
|
>
|
|
Provide specific details about your presentation needs (e.g., topic,
|
|
style, key points) for more accurate results
|
|
</p>
|
|
</div>
|
|
);
|
|
}
|