From 6a21347dd19fc95d54d13eae833fdad05cf15443 Mon Sep 17 00:00:00 2001
From: Gautam25Raj <ashragautam25@gmail.com>
Date: Wed, 20 May 2026 02:35:33 +0530
Subject: [PATCH] Fix production build error

---
 apps/blog-platform/package.json               |   2 +-
 apps/docs-platform/package.json               |   2 +-
 apps/server/package.json                      |   2 +-
 apps/site/package.json                        |   2 +-
 apps/studio/.gitignore                        | 108 +++++++++---------
 apps/studio/features/cover-letter/defaults.ts |  34 ++++++
 .../cover-letter/editor/CoverLetterEditor.tsx |  44 +++++++
 .../features/cover-letter/render/pdf.tsx      |  26 +++++
 .../features/cover-letter/render/web.tsx      |   7 ++
 apps/studio/features/cover-letter/schema.ts   |  53 +++++++++
 apps/studio/features/cover-letter/types.ts    |  11 ++
 .../studio/features/formal-letter/defaults.ts |  35 ++++++
 .../editor/FormalLetterEditor.tsx             |  41 +++++++
 .../features/formal-letter/render/pdf.tsx     |  26 +++++
 .../features/formal-letter/render/web.tsx     |   7 ++
 apps/studio/features/formal-letter/schema.ts  |  45 ++++++++
 apps/studio/features/formal-letter/types.ts   |  12 ++
 apps/studio/features/invoice/defaults.ts      |  35 ++++++
 .../features/invoice/editor/InvoiceEditor.tsx |  45 ++++++++
 apps/studio/features/invoice/render/pdf.tsx   |  50 ++++++++
 apps/studio/features/invoice/render/web.tsx   |   8 ++
 apps/studio/features/invoice/schema.ts        |  59 ++++++++++
 apps/studio/features/invoice/types.ts         |  19 +++
 apps/studio/package.json                      |   2 +-
 package.json                                  |   2 +-
 25 files changed, 617 insertions(+), 60 deletions(-)
 create mode 100644 apps/studio/features/cover-letter/defaults.ts
 create mode 100644 apps/studio/features/cover-letter/editor/CoverLetterEditor.tsx
 create mode 100644 apps/studio/features/cover-letter/render/pdf.tsx
 create mode 100644 apps/studio/features/cover-letter/render/web.tsx
 create mode 100644 apps/studio/features/cover-letter/schema.ts
 create mode 100644 apps/studio/features/cover-letter/types.ts
 create mode 100644 apps/studio/features/formal-letter/defaults.ts
 create mode 100644 apps/studio/features/formal-letter/editor/FormalLetterEditor.tsx
 create mode 100644 apps/studio/features/formal-letter/render/pdf.tsx
 create mode 100644 apps/studio/features/formal-letter/render/web.tsx
 create mode 100644 apps/studio/features/formal-letter/schema.ts
 create mode 100644 apps/studio/features/formal-letter/types.ts
 create mode 100644 apps/studio/features/invoice/defaults.ts
 create mode 100644 apps/studio/features/invoice/editor/InvoiceEditor.tsx
 create mode 100644 apps/studio/features/invoice/render/pdf.tsx
 create mode 100644 apps/studio/features/invoice/render/web.tsx
 create mode 100644 apps/studio/features/invoice/schema.ts
 create mode 100644 apps/studio/features/invoice/types.ts

diff --git a/apps/blog-platform/package.json b/apps/blog-platform/package.json
index 2275949..928b713 100644
--- a/apps/blog-platform/package.json
+++ b/apps/blog-platform/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@veriworkly/blog-platform",
-  "version": "v3.7.0-alpha.2",
+  "version": "v3.7.1-beta.1",
   "private": true,
   "scripts": {
     "dev": "next dev",
diff --git a/apps/docs-platform/package.json b/apps/docs-platform/package.json
index 10ff305..8d9154d 100644
--- a/apps/docs-platform/package.json
+++ b/apps/docs-platform/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@veriworkly/docs-platform",
-  "version": "v3.7.0-alpha.2",
+  "version": "v3.7.1-beta.1",
   "private": true,
   "scripts": {
     "dev": "next dev",
diff --git a/apps/server/package.json b/apps/server/package.json
index bfca815..48bef7c 100644
--- a/apps/server/package.json
+++ b/apps/server/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@veriworkly/server",
-  "version": "v3.7.0-alpha.2",
+  "version": "v3.7.1-beta.1",
   "description": "VeriWorkly Resume Backend API",
   "main": "dist/index.js",
   "type": "module",
diff --git a/apps/site/package.json b/apps/site/package.json
index b7fcf52..081cc63 100644
--- a/apps/site/package.json
+++ b/apps/site/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@veriworkly/site",
-  "version": "v3.7.0-alpha.2",
+  "version": "v3.7.1-beta.1",
   "private": true,
   "scripts": {
     "dev": "next dev",
diff --git a/apps/studio/.gitignore b/apps/studio/.gitignore
index fe0ee04..8eef1a6 100644
--- a/apps/studio/.gitignore
+++ b/apps/studio/.gitignore
@@ -1,54 +1,54 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
-# dependencies
-/node_modules
-/.pnp
-.pnp.*
-.yarn/*
-!.yarn/patches
-!.yarn/plugins
-!.yarn/releases
-!.yarn/versions
-
-# testing
-/coverage
-
-# next.js
-/.next/
-/out/
-
-# production
-/build
-
-# misc
-.DS_Store
-*.pem
-
-# debug
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-.pnpm-debug.log*
-
-# env files (can opt-in for committing if needed)
-.env*
-
-# except example file
-!.env.example
-!.env.docker.example
-
-# vercel
-.vercel
-
-# typescript
-*.tsbuildinfo
-next-env.d.ts
-
-# fumadocs generated files
-.source
-
-# testing
-/test-results
-/app/test
-/app/og-generator
-/api-index
\ No newline at end of file
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/versions
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# env files (can opt-in for committing if needed)
+.env*
+
+# except example file
+!.env.example
+!.env.docker.example
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
+
+# fumadocs generated files
+.source
+
+# testing
+/test-results
+/app/test
+/app/og-generator
+/api-index
diff --git a/apps/studio/features/cover-letter/defaults.ts b/apps/studio/features/cover-letter/defaults.ts
new file mode 100644
index 0000000..d0180d7
--- /dev/null
+++ b/apps/studio/features/cover-letter/defaults.ts
@@ -0,0 +1,34 @@
+import type { BaseDocument } from "@/features/documents/core/types";
+
+import type { CoverLetterContent } from "./types";
+
+export const COVER_LETTER_TEMPLATE_ID = "cover-letter-classic";
+
+export function createDefaultCoverLetter(id: string): BaseDocument<CoverLetterContent> {
+  const now = new Date().toISOString();
+  return {
+    id,
+    type: "COVER_LETTER",
+    title: "Cover Letter",
+    templateId: COVER_LETTER_TEMPLATE_ID,
+    updatedAt: now,
+    sync: {
+      enabled: false,
+      status: "local-only",
+      cloudDocumentId: null,
+      lastSyncedAt: null,
+      revision: 1,
+    },
+    content: {
+      recipientName: "",
+      recipientTitle: "",
+      companyName: "",
+      subject: "",
+      greeting: "Dear Hiring Manager,",
+      opening: "",
+      body: "",
+      closing: "Sincerely,",
+      signature: "",
+    },
+  };
+}
diff --git a/apps/studio/features/cover-letter/editor/CoverLetterEditor.tsx b/apps/studio/features/cover-letter/editor/CoverLetterEditor.tsx
new file mode 100644
index 0000000..d9e9927
--- /dev/null
+++ b/apps/studio/features/cover-letter/editor/CoverLetterEditor.tsx
@@ -0,0 +1,44 @@
+"use client";
+
+import { useMemo } from "react";
+
+import {
+  loadDocumentById,
+  saveDocument,
+} from "@/features/documents/services/document-workspace-service";
+import type { CoverLetterContent } from "@/features/cover-letter/types";
+
+interface Props {
+  documentId: string;
+}
+
+export default function CoverLetterEditor({ documentId }: Props) {
+  const doc = useMemo(() => loadDocumentById("COVER_LETTER", documentId), [documentId]);
+
+  if (!doc) return <p className="text-muted-foreground text-sm">Cover letter not found.</p>;
+
+  const content = doc.content as CoverLetterContent;
+
+  return (
+    <div className="mx-auto max-w-3xl space-y-4 py-8">
+      <h1 className="text-2xl font-semibold">{doc.title}</h1>
+      <textarea
+        className="min-h-96 w-full rounded-md border p-4"
+        value={[content.greeting, content.opening, content.body, content.closing, content.signature]
+          .filter(Boolean)
+          .join("\n\n")}
+        onChange={(event) => {
+          const value = event.target.value;
+          saveDocument({
+            ...doc,
+            updatedAt: new Date().toISOString(),
+            content: {
+              ...content,
+              body: value,
+            },
+          });
+        }}
+      />
+    </div>
+  );
+}
diff --git a/apps/studio/features/cover-letter/render/pdf.tsx b/apps/studio/features/cover-letter/render/pdf.tsx
new file mode 100644
index 0000000..88c3dcb
--- /dev/null
+++ b/apps/studio/features/cover-letter/render/pdf.tsx
@@ -0,0 +1,26 @@
+import { Page, Text, View, Document, StyleSheet } from "@react-pdf/renderer";
+
+import type { CoverLetterContent } from "@/features/cover-letter/types";
+
+const styles = StyleSheet.create({
+  page: { padding: 40, fontSize: 11, lineHeight: 1.5 },
+  paragraph: { marginBottom: 10 },
+});
+
+export function CoverLetterPdf({ content }: { content: CoverLetterContent }) {
+  return (
+    <Document>
+      <Page size="A4" style={styles.page}>
+        <View>
+          {[content.greeting, content.opening, content.body, content.closing, content.signature]
+            .filter(Boolean)
+            .map((line, index) => (
+              <Text key={index} style={styles.paragraph}>
+                {line}
+              </Text>
+            ))}
+        </View>
+      </Page>
+    </Document>
+  );
+}
diff --git a/apps/studio/features/cover-letter/render/web.tsx b/apps/studio/features/cover-letter/render/web.tsx
new file mode 100644
index 0000000..5373714
--- /dev/null
+++ b/apps/studio/features/cover-letter/render/web.tsx
@@ -0,0 +1,7 @@
+import type { CoverLetterContent } from "@/features/cover-letter/types";
+
+export function renderCoverLetterWeb(content: CoverLetterContent) {
+  return [content.greeting, content.opening, content.body, content.closing, content.signature]
+    .filter(Boolean)
+    .join("\n\n");
+}
diff --git a/apps/studio/features/cover-letter/schema.ts b/apps/studio/features/cover-letter/schema.ts
new file mode 100644
index 0000000..1954ac9
--- /dev/null
+++ b/apps/studio/features/cover-letter/schema.ts
@@ -0,0 +1,53 @@
+import type { BaseDocument } from "@/features/documents/core/types";
+
+import type { CoverLetterContent } from "./types";
+
+function isRecord(value: unknown): value is Record<string, unknown> {
+  return typeof value === "object" && value !== null;
+}
+
+function asText(value: unknown): string {
+  return typeof value === "string" ? value : "";
+}
+
+export function parseCoverLetterDocument(input: unknown): BaseDocument<CoverLetterContent> | null {
+  if (!isRecord(input) || input.type !== "COVER_LETTER") return null;
+  if (typeof input.id !== "string" || typeof input.templateId !== "string") return null;
+
+  const contentRaw = isRecord(input.content) ? input.content : {};
+  return {
+    id: input.id,
+    type: "COVER_LETTER",
+    title: asText(input.title) || "Cover Letter",
+    templateId: input.templateId,
+    updatedAt: asText(input.updatedAt) || new Date().toISOString(),
+    sync: isRecord(input.sync)
+      ? {
+          enabled: Boolean(input.sync.enabled),
+          status: (input.sync.status as BaseDocument["sync"]["status"]) ?? "local-only",
+          cloudDocumentId:
+            typeof input.sync.cloudDocumentId === "string" ? input.sync.cloudDocumentId : null,
+          lastSyncedAt:
+            typeof input.sync.lastSyncedAt === "string" ? input.sync.lastSyncedAt : null,
+          revision: typeof input.sync.revision === "number" ? input.sync.revision : 1,
+        }
+      : {
+          enabled: false,
+          status: "local-only",
+          cloudDocumentId: null,
+          lastSyncedAt: null,
+          revision: 1,
+        },
+    content: {
+      recipientName: asText(contentRaw.recipientName),
+      recipientTitle: asText(contentRaw.recipientTitle),
+      companyName: asText(contentRaw.companyName),
+      subject: asText(contentRaw.subject),
+      greeting: asText(contentRaw.greeting),
+      opening: asText(contentRaw.opening),
+      body: asText(contentRaw.body),
+      closing: asText(contentRaw.closing),
+      signature: asText(contentRaw.signature),
+    },
+  };
+}
diff --git a/apps/studio/features/cover-letter/types.ts b/apps/studio/features/cover-letter/types.ts
new file mode 100644
index 0000000..ff5e34d
--- /dev/null
+++ b/apps/studio/features/cover-letter/types.ts
@@ -0,0 +1,11 @@
+export interface CoverLetterContent {
+  recipientName: string;
+  recipientTitle: string;
+  companyName: string;
+  subject: string;
+  greeting: string;
+  opening: string;
+  body: string;
+  closing: string;
+  signature: string;
+}
diff --git a/apps/studio/features/formal-letter/defaults.ts b/apps/studio/features/formal-letter/defaults.ts
new file mode 100644
index 0000000..aa7d9b3
--- /dev/null
+++ b/apps/studio/features/formal-letter/defaults.ts
@@ -0,0 +1,35 @@
+import type { BaseDocument } from "@/features/documents/core/types";
+
+import type { FormalLetterContent } from "./types";
+
+export const FORMAL_LETTER_TEMPLATE_ID = "formal-letter-modern";
+
+export function createDefaultFormalLetter(id: string): BaseDocument<FormalLetterContent> {
+  const now = new Date().toISOString();
+  return {
+    id,
+    type: "FORMAL_LETTER",
+    title: "Formal Letter",
+    templateId: FORMAL_LETTER_TEMPLATE_ID,
+    updatedAt: now,
+    sync: {
+      enabled: false,
+      status: "local-only",
+      cloudDocumentId: null,
+      lastSyncedAt: null,
+      revision: 1,
+    },
+    content: {
+      senderName: "",
+      senderAddress: "",
+      receiverName: "",
+      receiverAddress: "",
+      date: "",
+      subject: "",
+      greeting: "Dear Sir/Madam,",
+      body: "",
+      closing: "Yours faithfully,",
+      signature: "",
+    },
+  };
+}
diff --git a/apps/studio/features/formal-letter/editor/FormalLetterEditor.tsx b/apps/studio/features/formal-letter/editor/FormalLetterEditor.tsx
new file mode 100644
index 0000000..01a1142
--- /dev/null
+++ b/apps/studio/features/formal-letter/editor/FormalLetterEditor.tsx
@@ -0,0 +1,41 @@
+"use client";
+
+import { useMemo } from "react";
+
+import {
+  loadDocumentById,
+  saveDocument,
+} from "@/features/documents/services/document-workspace-service";
+import type { FormalLetterContent } from "@/features/formal-letter/types";
+
+interface Props {
+  documentId: string;
+}
+
+export default function FormalLetterEditor({ documentId }: Props) {
+  const doc = useMemo(() => loadDocumentById("FORMAL_LETTER", documentId), [documentId]);
+
+  if (!doc) return <p className="text-muted-foreground text-sm">Formal letter not found.</p>;
+
+  const content = doc.content as FormalLetterContent;
+
+  return (
+    <div className="mx-auto max-w-3xl space-y-4 py-8">
+      <h1 className="text-2xl font-semibold">{doc.title}</h1>
+      <textarea
+        className="min-h-96 w-full rounded-md border p-4"
+        value={content.body}
+        onChange={(event) =>
+          saveDocument({
+            ...doc,
+            updatedAt: new Date().toISOString(),
+            content: {
+              ...content,
+              body: event.target.value,
+            },
+          })
+        }
+      />
+    </div>
+  );
+}
diff --git a/apps/studio/features/formal-letter/render/pdf.tsx b/apps/studio/features/formal-letter/render/pdf.tsx
new file mode 100644
index 0000000..30406ba
--- /dev/null
+++ b/apps/studio/features/formal-letter/render/pdf.tsx
@@ -0,0 +1,26 @@
+import { Page, Text, View, Document, StyleSheet } from "@react-pdf/renderer";
+
+import type { FormalLetterContent } from "@/features/formal-letter/types";
+
+const styles = StyleSheet.create({
+  page: { padding: 40, fontSize: 11, lineHeight: 1.5 },
+  paragraph: { marginBottom: 10 },
+});
+
+export function FormalLetterPdf({ content }: { content: FormalLetterContent }) {
+  return (
+    <Document>
+      <Page size="A4" style={styles.page}>
+        <View>
+          {[content.greeting, content.body, content.closing, content.signature]
+            .filter(Boolean)
+            .map((line, index) => (
+              <Text key={index} style={styles.paragraph}>
+                {line}
+              </Text>
+            ))}
+        </View>
+      </Page>
+    </Document>
+  );
+}
diff --git a/apps/studio/features/formal-letter/render/web.tsx b/apps/studio/features/formal-letter/render/web.tsx
new file mode 100644
index 0000000..097679b
--- /dev/null
+++ b/apps/studio/features/formal-letter/render/web.tsx
@@ -0,0 +1,7 @@
+import type { FormalLetterContent } from "@/features/formal-letter/types";
+
+export function renderFormalLetterWeb(content: FormalLetterContent) {
+  return [content.greeting, content.body, content.closing, content.signature]
+    .filter(Boolean)
+    .join("\n\n");
+}
diff --git a/apps/studio/features/formal-letter/schema.ts b/apps/studio/features/formal-letter/schema.ts
new file mode 100644
index 0000000..d7b0080
--- /dev/null
+++ b/apps/studio/features/formal-letter/schema.ts
@@ -0,0 +1,45 @@
+import type { BaseDocument } from "@/features/documents/core/types";
+
+import type { FormalLetterContent } from "./types";
+
+function isRecord(value: unknown): value is Record<string, unknown> {
+  return typeof value === "object" && value !== null;
+}
+
+function asText(value: unknown): string {
+  return typeof value === "string" ? value : "";
+}
+
+export function parseFormalLetterDocument(
+  input: unknown,
+): BaseDocument<FormalLetterContent> | null {
+  if (!isRecord(input) || input.type !== "FORMAL_LETTER") return null;
+  if (typeof input.id !== "string" || typeof input.templateId !== "string") return null;
+  const contentRaw = isRecord(input.content) ? input.content : {};
+  return {
+    id: input.id,
+    type: "FORMAL_LETTER",
+    title: asText(input.title) || "Formal Letter",
+    templateId: input.templateId,
+    updatedAt: asText(input.updatedAt) || new Date().toISOString(),
+    sync: {
+      enabled: false,
+      status: "local-only",
+      cloudDocumentId: null,
+      lastSyncedAt: null,
+      revision: 1,
+    },
+    content: {
+      senderName: asText(contentRaw.senderName),
+      senderAddress: asText(contentRaw.senderAddress),
+      receiverName: asText(contentRaw.receiverName),
+      receiverAddress: asText(contentRaw.receiverAddress),
+      date: asText(contentRaw.date),
+      subject: asText(contentRaw.subject),
+      greeting: asText(contentRaw.greeting),
+      body: asText(contentRaw.body),
+      closing: asText(contentRaw.closing),
+      signature: asText(contentRaw.signature),
+    },
+  };
+}
diff --git a/apps/studio/features/formal-letter/types.ts b/apps/studio/features/formal-letter/types.ts
new file mode 100644
index 0000000..27c3bc5
--- /dev/null
+++ b/apps/studio/features/formal-letter/types.ts
@@ -0,0 +1,12 @@
+export interface FormalLetterContent {
+  senderName: string;
+  senderAddress: string;
+  receiverName: string;
+  receiverAddress: string;
+  date: string;
+  subject: string;
+  greeting: string;
+  body: string;
+  closing: string;
+  signature: string;
+}
diff --git a/apps/studio/features/invoice/defaults.ts b/apps/studio/features/invoice/defaults.ts
new file mode 100644
index 0000000..c830d20
--- /dev/null
+++ b/apps/studio/features/invoice/defaults.ts
@@ -0,0 +1,35 @@
+import type { BaseDocument } from "@/features/documents/core/types";
+
+import type { InvoiceContent } from "./types";
+
+export const INVOICE_TEMPLATE_ID = "invoice-clean";
+
+export function createDefaultInvoice(id: string): BaseDocument<InvoiceContent> {
+  const now = new Date().toISOString();
+  return {
+    id,
+    type: "INVOICE",
+    title: "Invoice",
+    templateId: INVOICE_TEMPLATE_ID,
+    updatedAt: now,
+    sync: {
+      enabled: false,
+      status: "local-only",
+      cloudDocumentId: null,
+      lastSyncedAt: null,
+      revision: 1,
+    },
+    content: {
+      invoiceNumber: `INV-${Date.now().toString().slice(-6)}`,
+      issueDate: now.slice(0, 10),
+      dueDate: now.slice(0, 10),
+      fromName: "",
+      fromAddress: "",
+      billToName: "",
+      billToAddress: "",
+      currency: "USD",
+      notes: "",
+      items: [{ id: `line-${Date.now()}`, description: "", quantity: 1, unitPrice: 0 }],
+    },
+  };
+}
diff --git a/apps/studio/features/invoice/editor/InvoiceEditor.tsx b/apps/studio/features/invoice/editor/InvoiceEditor.tsx
new file mode 100644
index 0000000..0d2fe44
--- /dev/null
+++ b/apps/studio/features/invoice/editor/InvoiceEditor.tsx
@@ -0,0 +1,45 @@
+"use client";
+
+import { useMemo } from "react";
+
+import {
+  loadDocumentById,
+  saveDocument,
+} from "@/features/documents/services/document-workspace-service";
+import type { InvoiceContent } from "@/features/invoice/types";
+
+interface Props {
+  documentId: string;
+}
+
+export default function InvoiceEditor({ documentId }: Props) {
+  const doc = useMemo(() => loadDocumentById("INVOICE", documentId), [documentId]);
+
+  if (!doc) return <p className="text-muted-foreground text-sm">Invoice not found.</p>;
+  const content = doc.content as InvoiceContent;
+
+  const subtotal = content.items.reduce((sum, item) => sum + item.quantity * item.unitPrice, 0);
+
+  return (
+    <div className="mx-auto max-w-4xl space-y-4 py-8">
+      <h1 className="text-2xl font-semibold">{doc.title}</h1>
+      <p className="text-muted-foreground text-sm">
+        Subtotal: {content.currency} {subtotal.toFixed(2)}
+      </p>
+      <textarea
+        className="min-h-64 w-full rounded-md border p-4"
+        value={content.notes}
+        onChange={(event) =>
+          saveDocument({
+            ...doc,
+            updatedAt: new Date().toISOString(),
+            content: {
+              ...content,
+              notes: event.target.value,
+            },
+          })
+        }
+      />
+    </div>
+  );
+}
diff --git a/apps/studio/features/invoice/render/pdf.tsx b/apps/studio/features/invoice/render/pdf.tsx
new file mode 100644
index 0000000..175ac9d
--- /dev/null
+++ b/apps/studio/features/invoice/render/pdf.tsx
@@ -0,0 +1,50 @@
+import { Page, Text, View, Document, StyleSheet } from "@react-pdf/renderer";
+
+import type { InvoiceContent } from "@/features/invoice/types";
+
+const styles = StyleSheet.create({
+  page: { padding: 40, fontSize: 10 },
+  row: {
+    flexDirection: "row",
+    borderBottomWidth: 1,
+    borderBottomColor: "#E4E4E7",
+    paddingVertical: 6,
+  },
+  colDesc: { width: "50%" },
+  colQty: { width: "15%", textAlign: "right" },
+  colPrice: { width: "15%", textAlign: "right" },
+  colTotal: { width: "20%", textAlign: "right" },
+  heading: { fontSize: 16, marginBottom: 12 },
+});
+
+export function InvoicePdf({ content }: { content: InvoiceContent }) {
+  const subtotal = content.items.reduce((sum, item) => sum + item.quantity * item.unitPrice, 0);
+
+  return (
+    <Document>
+      <Page size="A4" style={styles.page}>
+        <Text style={styles.heading}>Invoice #{content.invoiceNumber}</Text>
+        <View style={styles.row}>
+          <Text style={styles.colDesc}>Description</Text>
+          <Text style={styles.colQty}>Qty</Text>
+          <Text style={styles.colPrice}>Unit</Text>
+          <Text style={styles.colTotal}>Total</Text>
+        </View>
+        {content.items.map((item) => (
+          <View style={styles.row} key={item.id}>
+            <Text style={styles.colDesc}>{item.description}</Text>
+            <Text style={styles.colQty}>{item.quantity}</Text>
+            <Text style={styles.colPrice}>{item.unitPrice.toFixed(2)}</Text>
+            <Text style={styles.colTotal}>{(item.quantity * item.unitPrice).toFixed(2)}</Text>
+          </View>
+        ))}
+        <View style={styles.row}>
+          <Text style={styles.colDesc}>Subtotal</Text>
+          <Text style={styles.colQty} />
+          <Text style={styles.colPrice} />
+          <Text style={styles.colTotal}>{subtotal.toFixed(2)}</Text>
+        </View>
+      </Page>
+    </Document>
+  );
+}
diff --git a/apps/studio/features/invoice/render/web.tsx b/apps/studio/features/invoice/render/web.tsx
new file mode 100644
index 0000000..5a0f444
--- /dev/null
+++ b/apps/studio/features/invoice/render/web.tsx
@@ -0,0 +1,8 @@
+import type { InvoiceContent } from "@/features/invoice/types";
+
+export function renderInvoiceWeb(content: InvoiceContent) {
+  const lines = content.items.map(
+    (item) => `${item.description} | ${item.quantity} x ${item.unitPrice.toFixed(2)}`,
+  );
+  return [`Invoice #${content.invoiceNumber}`, ...lines, content.notes].filter(Boolean).join("\n");
+}
diff --git a/apps/studio/features/invoice/schema.ts b/apps/studio/features/invoice/schema.ts
new file mode 100644
index 0000000..2819fd9
--- /dev/null
+++ b/apps/studio/features/invoice/schema.ts
@@ -0,0 +1,59 @@
+import type { BaseDocument } from "@/features/documents/core/types";
+
+import type { InvoiceContent } from "./types";
+
+function isRecord(value: unknown): value is Record<string, unknown> {
+  return typeof value === "object" && value !== null;
+}
+
+function asText(value: unknown): string {
+  return typeof value === "string" ? value : "";
+}
+
+function asNumber(value: unknown, fallback = 0): number {
+  return typeof value === "number" && Number.isFinite(value) ? value : fallback;
+}
+
+export function parseInvoiceDocument(input: unknown): BaseDocument<InvoiceContent> | null {
+  if (!isRecord(input) || input.type !== "INVOICE") return null;
+  if (typeof input.id !== "string" || typeof input.templateId !== "string") return null;
+  const contentRaw = isRecord(input.content) ? input.content : {};
+  const rawItems = Array.isArray(contentRaw.items) ? contentRaw.items : [];
+
+  return {
+    id: input.id,
+    type: "INVOICE",
+    title: asText(input.title) || "Invoice",
+    templateId: input.templateId,
+    updatedAt: asText(input.updatedAt) || new Date().toISOString(),
+    sync: {
+      enabled: false,
+      status: "local-only",
+      cloudDocumentId: null,
+      lastSyncedAt: null,
+      revision: 1,
+    },
+    content: {
+      invoiceNumber: asText(contentRaw.invoiceNumber),
+      issueDate: asText(contentRaw.issueDate),
+      dueDate: asText(contentRaw.dueDate),
+      fromName: asText(contentRaw.fromName),
+      fromAddress: asText(contentRaw.fromAddress),
+      billToName: asText(contentRaw.billToName),
+      billToAddress: asText(contentRaw.billToAddress),
+      currency: asText(contentRaw.currency) || "USD",
+      notes: asText(contentRaw.notes),
+      items: rawItems
+        .map((item, index) => {
+          if (!isRecord(item)) return null;
+          return {
+            id: asText(item.id) || `line-${index + 1}`,
+            description: asText(item.description),
+            quantity: asNumber(item.quantity, 1),
+            unitPrice: asNumber(item.unitPrice),
+          };
+        })
+        .filter((item): item is InvoiceContent["items"][number] => item !== null),
+    },
+  };
+}
diff --git a/apps/studio/features/invoice/types.ts b/apps/studio/features/invoice/types.ts
new file mode 100644
index 0000000..cbe2061
--- /dev/null
+++ b/apps/studio/features/invoice/types.ts
@@ -0,0 +1,19 @@
+export interface InvoiceLineItem {
+  id: string;
+  description: string;
+  quantity: number;
+  unitPrice: number;
+}
+
+export interface InvoiceContent {
+  invoiceNumber: string;
+  issueDate: string;
+  dueDate: string;
+  fromName: string;
+  fromAddress: string;
+  billToName: string;
+  billToAddress: string;
+  currency: string;
+  notes: string;
+  items: InvoiceLineItem[];
+}
diff --git a/apps/studio/package.json b/apps/studio/package.json
index 9aff57f..991b656 100644
--- a/apps/studio/package.json
+++ b/apps/studio/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@veriworkly/studio",
-  "version": "v3.7.0-alpha.2",
+  "version": "v3.7.1-beta.1",
   "private": true,
   "scripts": {
     "dev": "next dev",
diff --git a/package.json b/package.json
index c5c92ab..2714eb9 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "veriworkly",
-  "version": "v3.7.0-alpha.2",
+  "version": "v3.7.1-beta.1",
   "private": true,
   "repository": {
     "type": "git",