Merge pull request #955 from Kyoungwoong/feature/story-line

feat: (vibe) NewViz Storyline UI 와 MCP 서버 연동

Author: Kyoungwoong

packages/mcp/package.json

@@ -19,12 +19,20 @@
 		"@modelcontextprotocol/sdk": "^1.12.1",
 		"@octokit/rest": "^22.0.0",
 		"cors": "^2.8.5",
+		"d3": "^7.8.5",
 		"dayjs": "^1.11.18",
 		"express": "^5.1.0",
+		"puppeteer": "^21.0.0",
+		"react": "^18.2.0",
+		"react-dom": "^18.2.0",
+		"sharp": "^0.34.4",
 		"zod": "^3.25.76"
 	},
 	"devDependencies": {
 		"@smithery/cli": "^1.2.4",
+		"@types/d3": "^7.4.3",
+		"@types/react": "^18.2.0",
+		"@types/react-dom": "^18.2.0",
 		"copyfiles": "^2.4.1",
 		"rimraf": "^6.0.1",
 		"tsx": "^4.19.4"

packages/mcp/src/common/types.ts

@@ -42,20 +42,6 @@ export interface ContributorRecommendation {
   notes: string[];
 }
 
-export interface CommitInfo {
-  sha: string;
-  message: string;
-  authorDate: string;
-  changedFiles: string[];
-}
-
-export interface FileChangeInfo {
-  filename: string;
-  additions?: number;
-  deletions?: number;
-  changes?: number;
-}
-
 export interface CSMDictGeneratorInputs {
   repo: string;
   githubToken: string;
@@ -64,9 +50,49 @@ export interface CSMDictGeneratorInputs {
   debug?: boolean;
 }
 
+export interface GitUser {
+  name: string;
+  email: string;
+}
+
+export interface DifferenceStatistic {
+  totalInsertionCount: number;
+  totalDeletionCount: number;
+  fileDictionary: { [filePath: string]: { insertionCount: number; deletionCount: number } };
+}
+
+export interface CommitRaw {
+  sequence: number;
+  id: string;
+  parents: string[];
+  branches: string[];
+  tags: string[];
+  author: GitUser;
+  authorDate: Date;
+  committer: GitUser;
+  committerDate: Date;
+  message: string;
+  differenceStatistic: DifferenceStatistic;
+  commitMessageType: string;
+}
+
+export interface CommitNode {
+  stemId?: string;
+  commit: CommitRaw;
+}
+
+export interface CSMNode {
+  base: CommitNode;
+  source: CommitNode[];
+}
+
+export interface CSMDictionary {
+  [branch: string]: CSMNode[];
+}
+
 export interface AnalysisResult {
   isPRSuccess: boolean;
-  csmDict: Record<string, unknown[]>;
+  csmDict: CSMDictionary;
 }
 
 export interface CSMDictResult {
@@ -78,7 +104,7 @@ export interface CSMDictResult {
       isPRDataAvailable: boolean;
       branches: string[];
       totalClusters: number;
-      csmDict: Record<string, unknown[]>;
+      csmDict: CSMDictionary;
     };
   };
   metadata: {
@@ -89,7 +115,6 @@ export interface CSMDictResult {
   };
 }
 
-// React Component Test Types
 export interface ReactComponentTestInputs {
   complexity?: "simple" | "medium" | "complex" | "all";
   componentType?: "basic" | "chart" | "form" | "data-display" | "interactive";
@@ -107,7 +132,6 @@ export interface ReactComponentTestResult {
   testQuestions: string[];
 }
 
-// Data-driven React Component Types
 export interface DataDrivenComponentInputs {
   dataType?: "chart" | "table" | "list" | "card" | "all";
   sampleData?: boolean;