From 50c34a409f79138e0dc2f74d074982f0ff7425a2 Mon Sep 17 00:00:00 2001
From: Hiren Kangad <hir.012612@gmail.com>
Date: Fri, 13 Mar 2026 09:11:42 +0530
Subject: [PATCH] feat(markdown): add MarkdownObject type to scene format

---
 frontend/src/canvas/SceneManager.ts |  3 ++-
 frontend/src/canvas/scene-format.ts | 14 ++++++++++++--
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/frontend/src/canvas/SceneManager.ts b/frontend/src/canvas/SceneManager.ts
index 82b98ee..6c89e5d 100644
--- a/frontend/src/canvas/SceneManager.ts
+++ b/frontend/src/canvas/SceneManager.ts
@@ -36,6 +36,7 @@ import type {
   DrawingObject,
   GroupObject,
   StickyObject,
+  MarkdownObject,
   SceneObject,
 } from './scene-format';
 
@@ -57,7 +58,7 @@ function isGifAsset(asset: string): boolean {
 
 export interface SceneItem {
   id: string;
-  type: 'image' | 'video' | 'text' | 'drawing' | 'group' | 'sticky';
+  type: 'image' | 'video' | 'text' | 'drawing' | 'group' | 'sticky' | 'markdown';
   displayObject: Container;
   data: AnySceneObject;
 }
diff --git a/frontend/src/canvas/scene-format.ts b/frontend/src/canvas/scene-format.ts
index 5722bdd..24365ce 100644
--- a/frontend/src/canvas/scene-format.ts
+++ b/frontend/src/canvas/scene-format.ts
@@ -4,7 +4,7 @@
 
 export interface SceneObject {
   id: string;
-  type: 'image' | 'video' | 'text' | 'group' | 'drawing' | 'sticky';
+  type: 'image' | 'video' | 'text' | 'group' | 'drawing' | 'sticky' | 'markdown';
   x: number;
   y: number;
   w: number;
@@ -84,7 +84,17 @@ export interface StickyObject extends SceneObject {
   cornerRadius: number; // border radius (default 8)
 }
 
-export type AnySceneObject = ImageObject | VideoObject | TextObject | DrawingObject | GroupObject | StickyObject;
+export interface MarkdownObject extends SceneObject {
+  type: 'markdown';
+  content: string;        // raw markdown — single source of truth
+  bgColor: string;        // card background, default '#232336'
+  textColor: string;      // body text color, default '#e0e0e0'
+  accentColor: string;    // header bar tint + blockquote accent, default '#7950f2'
+  padding: number;        // inner content padding, default 16
+  cornerRadius: number;   // border radius, default 10
+}
+
+export type AnySceneObject = ImageObject | VideoObject | TextObject | DrawingObject | GroupObject | StickyObject | MarkdownObject;
 
 export interface SceneData {
   v: 2;