+
+ {phase >= 1 && (
+
+ Sarah:
+
+ The API changes will need at least two sprints...
+
+
+ )}
+
+
+ {phase >= 2 && (
+
+ Ben:
+
+ I can start on the auth module this week.
+
+
+ )}
+
+ {phase === 0 && (
+
+
+ Reading transcript...
+
+ )}
+
+
+ );
+}
diff --git a/apps/web/src/components/mdx-jobs.tsx b/apps/web/src/components/mdx-jobs.tsx
index 22684efe35..c10cfb5b27 100644
--- a/apps/web/src/components/mdx-jobs.tsx
+++ b/apps/web/src/components/mdx-jobs.tsx
@@ -287,7 +287,7 @@ export function FAQItem({
export function FAQ({ children }: { children: React.ReactNode }) {
return (
-
+
{children}
);
diff --git a/apps/web/src/components/mock-chat-input.tsx b/apps/web/src/components/mock-chat-input.tsx
new file mode 100644
index 0000000000..81cc5cfc51
--- /dev/null
+++ b/apps/web/src/components/mock-chat-input.tsx
@@ -0,0 +1,88 @@
+import { Icon } from "@iconify-icon/react";
+import { useEffect, useRef, useState } from "react";
+
+import { cn } from "@hypr/utils";
+
+const DEFAULT_PROMPTS = [
+ "What are my action items from that meeting?",
+ "Summarize the key decisions we made today",
+ "What did Sarah say about the project timeline?",
+ "List all tasks assigned to me this week",
+ "What were the main blockers discussed?",
+];
+
+export function MockChatInput({
+ prompts = DEFAULT_PROMPTS,
+ typingSpeed = 40,
+ pauseBetween = 2000,
+ className,
+}: {
+ prompts?: string[];
+ typingSpeed?: number;
+ pauseBetween?: number;
+ className?: string;
+}) {
+ const [displayText, setDisplayText] = useState("");
+ const [promptIndex, setPromptIndex] = useState(0);
+ const [isTyping, setIsTyping] = useState(true);
+ const timeoutRef = useRef | null>(null);
+
+ useEffect(() => {
+ let charIndex = 0;
+ const currentPrompt = prompts[promptIndex];
+
+ const typeNext = () => {
+ if (charIndex < currentPrompt.length) {
+ charIndex++;
+ setDisplayText(currentPrompt.slice(0, charIndex));
+ timeoutRef.current = setTimeout(typeNext, typingSpeed);
+ } else {
+ setIsTyping(false);
+ timeoutRef.current = setTimeout(() => {
+ setDisplayText("");
+ setIsTyping(true);
+ setPromptIndex((prev) => (prev + 1) % prompts.length);
+ }, pauseBetween);
+ }
+ };
+
+ setIsTyping(true);
+ timeoutRef.current = setTimeout(typeNext, 400);
+
+ return () => {
+ if (timeoutRef.current) {
+ clearTimeout(timeoutRef.current);
+ }
+ };
+ }, [promptIndex, prompts, typingSpeed, pauseBetween]);
+
+ return (
+