Create index.ts

src/constants/index.ts

@@ -0,0 +1,54 @@
+export const THEME = {
+  beigeLight: "#FFFAEB",
+  beigeMedium: "#FFF0C3",
+  beigeDark: "#E9E2CB",
+  mistralOrange: "#FF8205",
+  mistralOrangeDark: "#FA500F",
+  mistralOrangeLight: "#FFAF00",
+  mistralYellow: "#FFD800",
+  textBlack: "#1E1E1E",
+  black: "#000000",
+  white: "#FFFFFF",
+  errorRed: "#E10500",
+} as const;
+
+export const LAYOUT = {
+  MARGINS: {
+    DEFAULT: 20,
+    BOTTOM: 20,
+  },
+  DIMENSIONS: {
+    PROMPT_WIDTH: 420,
+    CAPTION_WIDTH: 150,
+    CAPTION_HEIGHT: 45,
+  },
+  TRANSITIONS: {
+    SCALE_DURATION: 200,
+    OPACITY_DURATION: 200,
+    TRANSFORM_DURATION: 400,
+  },
+} as const;
+
+export const TIMING = {
+  FRAME_CAPTURE_DELAY: 50,
+  VIDEO_RECOVERY_INTERVAL: 1000,
+  RESIZE_DEBOUNCE: 50,
+  SUGGESTION_DELAY: 50,
+} as const;
+
+const DEFAULT_PROMPT = "Describe what you see in one sentence.";
+export const PROMPTS = {
+  default: DEFAULT_PROMPT,
+  placeholder: DEFAULT_PROMPT,
+
+  suggestions: [
+    DEFAULT_PROMPT,
+    "What is the color of my shirt?",
+    "Identify any text or written content visible.",
+    "What emotions or actions are being portrayed?",
+    "Name the object I am holding in my hand.",
+  ],
+
+  fallbackCaption: "Waiting for first caption...",
+  processingMessage: "Starting analysis...",
+} as const;