updated chip input type in MockDreams: replaced description with text, adjusted Dream type, and extended UI components for consistent rendering across DreamPage and DreamCard

Signed-off-by: Matthias Puchstein <matthias@puchstein.bayern>

src/components/DreamCard.tsx

@@ -48,7 +48,8 @@ export default function DreamCard({dream, user, animationDelay = 0}: DreamCardPr
             <p className="mt-2 line-clamp-2 text-left" style={getTextStyle()}>
                 {(dream.input.inputType === 'text' && dream.input.input)
                     || (dream.input.inputType === 'audio' && dream.input.transcript)
-                    || (dream.input.inputType === 'image' && dream.input.description)}
+                    || (dream.input.inputType === 'image' && dream.input.description)
+                    || (dream.input.inputType === 'chip' && dream.input.text)}
             </p>
             <div className="flex justify-between items-center mt-4">
                 <p className="timestamp text-left" style={getTextStyle('muted')}>

src/data/MockDreams.ts

@@ -128,8 +128,8 @@ export const mockDreams: Dream[] = [
         date: new Date('2025-07-17T05:28:57Z'),
         tags: ['KI', 'Bewusstsein', 'Kontrolle'],
         input: {
-            inputType: "chip",
-            description: 'Du hast von einem riesigen neuronalen Netzwerk, wo Gedanken als leuchtende Impulse zwischen synaptischen Verbindungen tanzten, geträumt.',
+            inputType: 'chip',
+            text: 'Du hast von einem riesigen neuronalen Netzwerk, wo Gedanken als leuchtende Impulse zwischen synaptischen Verbindungen tanzten, geträumt.',
             eeg: {
                 alpha: [
                     21.49, 19.59, 21.94, 24.57, 19.30, 19.30, 24.74, 22.30, 18.59, 21.63,

src/pages/DreamPage.tsx

@@ -70,7 +70,10 @@ export default function DreamPage() {
                         {dream.input.inputType === 'image' && (<img alt={dream.input.imgAlt}></img>)}
                     </div>)}
                 <p className="leading-relaxed text-base sm:text-lg">
-                    {(dream.input.inputType === 'text' && dream.input.input) || (dream.input.inputType === 'audio' && dream.input.transcript) || (dream.input.inputType === 'image' && dream.input.description)}
+                    {(dream.input.inputType === 'text' && dream.input.input)
+                        || (dream.input.inputType === 'audio' && dream.input.transcript)
+                        || (dream.input.inputType === 'image' && dream.input.description)
+                        || (dream.input.inputType === 'chip' && dream.input.text)}
                 </p>
             </div>
 

src/types/Dream.ts

@@ -18,7 +18,7 @@ export type AudioInput = {
 
 export type ChipInput = {
     inputType: "chip";
-    description: string;
+    text: string;
     eeg: {
         alpha: number[];
         beta: number[];