From 5d1e39b651db61e408dd2c91a0194da7f3e2f957 Mon Sep 17 00:00:00 2001
From: Dotta <bippadotta@protonmail.com>
Date: Mon, 16 Mar 2026 20:48:32 -0500
Subject: [PATCH] fix: SVG preview in export page and update getting-started
 command

- Add inline SVG rendering for .svg files in ExportPreviewPane
- Update Getting Started to use simpler `company import` syntax

Co-Authored-By: Paperclip <noreply@paperclip.ing>
---
 server/src/services/company-export-readme.ts | 2 +-
 ui/src/pages/CompanyExport.tsx               | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/server/src/services/company-export-readme.ts b/server/src/services/company-export-readme.ts
index 2648ad09..56e59d23 100644
--- a/server/src/services/company-export-readme.ts
+++ b/server/src/services/company-export-readme.ts
@@ -279,7 +279,7 @@ export function generateReadme(
   lines.push("## Getting Started");
   lines.push("");
   lines.push("```bash");
-  lines.push("pnpm paperclipai company import --from ./ --target new --include company,agents");
+  lines.push("pnpm paperclipai company import this-github-url-or-folder");
   lines.push("```");
   lines.push("");
   lines.push("See [Paperclip](https://paperclip.ing) for more information.");
diff --git a/ui/src/pages/CompanyExport.tsx b/ui/src/pages/CompanyExport.tsx
index a9d3b2cf..7a33d15d 100644
--- a/ui/src/pages/CompanyExport.tsx
+++ b/ui/src/pages/CompanyExport.tsx
@@ -341,6 +341,7 @@ function ExportPreviewPane({
   }
 
   const isMarkdown = selectedFile.endsWith(".md");
+  const isSvg = selectedFile.endsWith(".svg");
   const parsed = isMarkdown ? parseFrontmatter(content) : null;
 
   return (
@@ -356,6 +357,11 @@ function ExportPreviewPane({
           </>
         ) : isMarkdown ? (
           <MarkdownBody>{content}</MarkdownBody>
+        ) : isSvg ? (
+          <div
+            className="flex justify-center overflow-auto rounded-lg border border-border bg-white p-4"
+            dangerouslySetInnerHTML={{ __html: content }}
+          />
         ) : (
           <pre className="overflow-x-auto whitespace-pre-wrap break-words border-0 bg-transparent p-0 font-mono text-sm text-foreground">
             <code>{content}</code>