dev-five-git · erun1012 · May 9, 2026 · May 9, 2026 · May 9, 2026 · May 9, 2026
diff --git a/.vscode/launch.json b/.vscode/launch.json
@@ -0,0 +1,13 @@
+{
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "name": "Run VS Code Extension",
+      "type": "extensionHost",
+      "request": "launch",
+      "args": ["--extensionDevelopmentPath=${workspaceFolder}/apps/vscode"],
+      "outFiles": ["${workspaceFolder}/apps/vscode/dist/**/*.js"],
+      "preLaunchTask": "build:vscode"
+    }
+  ]
+}
diff --git a/.vscode/tasks.json b/.vscode/tasks.json
@@ -0,0 +1,14 @@
+{
+  "version": "2.0.0",
+  "tasks": [
+    {
+      "label": "build:vscode",
+      "type": "shell",
+      "command": "npm run build",
+      "options": { "cwd": "${workspaceFolder}/apps/vscode" },
+      "group": { "kind": "build", "isDefault": true },
+      "presentation": { "reveal": "always" },
+      "problemMatcher": []
+    }
+  ]
+}
diff --git a/apps/extension-webview/.gitignore b/apps/extension-webview/.gitignore
@@ -0,0 +1,3 @@
+node_modules/
+dist/
+df/
diff --git a/apps/extension-webview/ai-agent.html b/apps/extension-webview/ai-agent.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="ko">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vespertide AI Agent</title>
+    <style>
+      *, *::before, *::after { box-sizing: border-box; }
+      html, body, #root { height: 100%; margin: 0; padding: 0; }
+      :root {
+        --fg:         var(--vscode-foreground, #cccccc);
+        --sidebarBg:  var(--vscode-sideBar-background, #252526);
+        --editorBg:   var(--vscode-editor-background, #1e1e1e);
+        --tabsBg:     var(--vscode-editorGroupHeader-tabsBackground, #2d2d2d);
+        --border:     var(--vscode-panel-border, rgba(255,255,255,0.1));
+        --focusBorder:var(--vscode-focusBorder, #007acc);
+        --inactiveFg: var(--vscode-tab-inactiveForeground, #8e8e8e);
+        --errBg:      var(--vscode-inputValidation-errorBackground, rgba(90,29,29,0.9));
+        --errFg:      var(--vscode-inputValidation-errorForeground, #f48771);
+        --btnBg:      var(--vscode-button-background, #0e639c);
+        --btnFg:      var(--vscode-button-foreground, #fff);
+        --inputBg:    var(--vscode-input-background, rgba(255,255,255,0.06));
+        --inputBorder:var(--vscode-input-border, rgba(255,255,255,0.15));
+        --widgetBg:   var(--vscode-editorWidget-background, rgba(255,255,255,0.05));
+        --appFont:    var(--vscode-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);
+      }
+      body {
+        font-family: var(--vscode-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);
+        font-size: var(--vscode-font-size, 13px);
+        font-weight: var(--vscode-font-weight, normal);
+        color: var(--vscode-foreground, #cccccc);
+        background: var(--vscode-sideBar-background, #252526);
+        overflow: hidden;
+      }
+      button { cursor: pointer; font-family: inherit; font-size: inherit; }
+      textarea, input { font-family: inherit; font-size: inherit; }
+      ::-webkit-scrollbar { width: 6px; height: 6px; }
+      ::-webkit-scrollbar-track { background: transparent; }
+      ::-webkit-scrollbar-thumb {
+        background: var(--vscode-scrollbarSlider-background, rgba(121,121,121,0.4));
+        border-radius: 3px;
+      }
+      ::-webkit-scrollbar-thumb:hover {
+        background: var(--vscode-scrollbarSlider-hoverBackground, rgba(121,121,121,0.7));
+      }
+    </style>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/ai-agent.tsx"></script>
+  </body>
+</html>
diff --git a/apps/extension-webview/index.html b/apps/extension-webview/index.html
@@ -0,0 +1,136 @@
+<!DOCTYPE html>
+<html lang="ko">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vespertide</title>
+    <style>
+      *, *::before, *::after { box-sizing: border-box; }
+      html, body, #root { height: 100%; margin: 0; padding: 0; }
+      body {
+        font-family: var(--vscode-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);
+        font-size: var(--vscode-font-size, 13px);
+        font-weight: var(--vscode-font-weight, normal);
+        color: var(--vscode-foreground, #cccccc);
+        background: var(--vscode-sideBar-background, #252526);
+        overflow: hidden;
+      }
+      button { cursor: pointer; font-family: inherit; font-size: inherit; }
+      textarea, input { font-family: inherit; font-size: inherit; }
+
+      :root {
+        --fg:         var(--vscode-foreground, #cccccc);
+        --sidebarBg:  var(--vscode-sideBar-background, #252526);
+        --editorBg:   var(--vscode-editor-background, #1e1e1e);
+        --tabsBg:     var(--vscode-editorGroupHeader-tabsBackground, #2d2d2d);
+        --border:     var(--vscode-panel-border, rgba(255,255,255,0.1));
+        --focusBorder:var(--vscode-focusBorder, #007acc);
+        --inactiveFg: var(--vscode-tab-inactiveForeground, #8e8e8e);
+        --errBg:      var(--vscode-inputValidation-errorBackground, rgba(90,29,29,0.9));
+        --errFg:      var(--vscode-inputValidation-errorForeground, #f48771);
+        --btnBg:      var(--vscode-button-background, #0e639c);
+        --btnFg:      var(--vscode-button-foreground, #fff);
+        --inputBg:    var(--vscode-input-background, rgba(255,255,255,0.06));
+        --inputBorder:var(--vscode-input-border, rgba(255,255,255,0.15));
+        --widgetBg:   var(--vscode-editorWidget-background, rgba(255,255,255,0.05));
+        --editorFg:   var(--vscode-editor-foreground, #d4d4d4);
+        --editorFont: var(--vscode-editor-font-family, Consolas, 'Courier New', monospace);
+        --chartsGreen:var(--vscode-charts-green, #4caf50);
+        --btnSecBg:   var(--vscode-button-secondaryBackground, #3a3a3a);
+        --diff-bg:          #1e1e1e;
+        --diff-text:        rgba(212, 212, 212, 0.93);
+        --diff-linenum:     rgba(255, 255, 255, 0.25);
+        --diff-add-bg:      rgba(34, 197, 94, 0.1);
+        --diff-add-border:  rgba(34, 197, 94, 0.55);
+        --diff-add-text:    #86efac;
+        --diff-add-sign:    #4ade80;
+        --diff-rm-bg:       rgba(239, 68, 68, 0.1);
+        --diff-rm-border:   rgba(239, 68, 68, 0.55);
+        --diff-rm-text:     #fca5a5;
+        --diff-rm-sign:     #f87171;
+        --diff-sidebar-bg:  #252526;
+        --diff-sidebar-text:#cccccc;
+        --diff-header-bg:   #2d2d2d;
+        --diff-header-text: #cccccc;
+        --node-bg:            #1a1b2e;
+        --node-border:        rgba(255, 255, 255, 0.11);
+        --node-field-divider: rgba(255, 255, 255, 0.055);
+        --node-shadow:        0 4px 20px rgba(0, 0, 0, 0.5), 0 0 0 0.5px rgba(255, 255, 255, 0.07);
+        --node-type-color:    rgba(180, 185, 220, 0.5);
+        --node-text:          rgba(220, 222, 240, 0.92);
+        --node-text-dim:      rgba(180, 185, 220, 0.5);
+        --canvas-dot:         rgba(255, 255, 255, 0.055);
+        --edge-color:         rgba(99, 102, 241, 0.7);
+        --edge-arrow:         rgba(99, 102, 241, 0.85);
+        --navbar-bg:          rgba(18, 18, 30, 0.94);
+        --navbar-border:      rgba(255, 255, 255, 0.1);
+      }
+      [data-theme="light"] {
+        --vscode-editor-background:           #f1f2f7;
+        --vscode-editor-foreground:           #1a1a2e;
+        --vscode-foreground:                  #1a1a2e;
+        --vscode-sideBar-background:          #e9eaf2;
+        --vscode-editorWidget-background:     #e1e3ef;
+        --vscode-editorGroupHeader-tabsBackground: #d8daea;
+        --vscode-panel-border:                rgba(0, 0, 0, 0.12);
+        --vscode-tab-inactiveForeground:      #5a5c72;
+        --vscode-button-background:           #4f46e5;
+        --vscode-button-foreground:           #ffffff;
+        --vscode-focusBorder:                 #4f46e5;
+        --vscode-input-border:                rgba(0, 0, 0, 0.18);
+        --vscode-scrollbarSlider-background:  rgba(0, 0, 0, 0.18);
+        --vscode-scrollbarSlider-hoverBackground: rgba(0, 0, 0, 0.32);
+        --vscode-inputValidation-errorBackground: rgba(180, 30, 30, 0.08);
+        --vscode-inputValidation-errorForeground: #a80000;
+        --node-bg:            #ffffff;
+        --node-border:        rgba(0, 0, 0, 0.1);
+        --node-field-divider: rgba(0, 0, 0, 0.065);
+        --node-shadow:        0 2px 16px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.07);
+        --node-type-color:    rgba(80, 85, 115, 0.6);
+        --node-text:          #111827;
+        --node-text-dim:      rgba(55, 60, 90, 0.68);
+        --canvas-dot:         rgba(0, 0, 0, 0.075);
+        --edge-color:         rgba(79, 70, 229, 0.6);
+        --edge-arrow:         rgba(79, 70, 229, 0.8);
+        --navbar-bg:          rgba(255, 255, 255, 0.96);
+        --navbar-border:      rgba(0, 0, 0, 0.1);
+        --diff-bg:          #f8f9fc;
+        --diff-text:        #1a1a2e;
+        --diff-linenum:     rgba(0, 0, 0, 0.3);
+        --diff-add-bg:      rgba(22, 163, 74, 0.08);
+        --diff-add-border:  rgba(22, 163, 74, 0.5);
+        --diff-add-text:    #14532d;
+        --diff-add-sign:    #16a34a;
+        --diff-rm-bg:       rgba(220, 38, 38, 0.07);
+        --diff-rm-border:   rgba(220, 38, 38, 0.45);
+        --diff-rm-text:     #7f1d1d;
+        --diff-rm-sign:     #dc2626;
+        --diff-sidebar-bg:  #e9eaf2;
+        --diff-sidebar-text:#1a1a2e;
+        --diff-header-bg:   #d8daea;
+        --diff-header-text: #1a1a2e;
+      }
+      @keyframes slideInRight {
+        from { transform: translateX(20px); opacity: 0; }
+        to   { transform: translateX(0);    opacity: 1; }
+      }
+      @keyframes slideInUp {
+        from { transform: translateY(10px); opacity: 0; }
+        to   { transform: translateY(0);    opacity: 1; }
+      }
+      ::-webkit-scrollbar { width: 6px; height: 6px; }
+      ::-webkit-scrollbar-track { background: transparent; }
+      ::-webkit-scrollbar-thumb {
+        background: var(--vscode-scrollbarSlider-background, rgba(121,121,121,0.4));
+        border-radius: 3px;
+      }
+      ::-webkit-scrollbar-thumb:hover {
+        background: var(--vscode-scrollbarSlider-hoverBackground, rgba(121,121,121,0.7));
+      }
+    </style>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
diff --git a/apps/extension-webview/package.json b/apps/extension-webview/package.json
@@ -0,0 +1,24 @@
+{
+  "name": "extension-webview",
+  "private": true,
+  "version": "0.1.61",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@devup-ui/react": "^1.0.36",
+    "@devup-ui/vite-plugin": "^1.0.59",
+    "react": "^18.3.0",
+    "react-dom": "^18.3.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.0",
+    "@types/react-dom": "^18.3.0",
+    "@vitejs/plugin-react": "^4.3.0",
+    "typescript": "^5.3.0",
+    "vite": "^5.4.0"
+  }
+}