feat: 자동매매 신뢰성 개선 — 시세 실서버 라우팅·일일 한도 전역화·수동 매수 API

- korea_investment_api: KIS_QUOTES_VIA_REAL — 모의투자 모드에서 시세/차트/호가 조회를 실계좌 시세 서버(20/s)로 위임, 주문·잔고는 모의서버 유지 (EGW00201 대응) - recommendations: execute_auto_trade_background asyncio.Lock 중복 실행 방지 + MAX_DAILY_TRADES를 당일 BUY 건수 차감 전역 기준으로 적용 (11종목 동시 매수 재발 방지) - manual_buy.py 신규: POST /api/v1/portfolio/buy (리스크 가드 + safe_place_order + db_worker) - mcp-server: claude_code_client(claude -p 헤드리스 모드) 추가, trade_monitor 부분매도 시 active 유지·remaining_pct 갱신, API 키 헤더·/api/v1 경로 수정, ODNO 주문ID 수정 - config: MCP_REQUEST_TIMEOUT, MCP_RISK_CACHE_TTL, BATCH_ANALYSIS_INTERVAL, SWING_INDEX_BREAKER_ENABLED(OFF), API_TRIGGERED_AUTO_TRADE(OFF) 추가 - docker-compose: 포트 충돌 해소 (postgres 15433, frontend 3001) - frontend: 추천 패널 매수 버튼, 차트/호가/저널 패널 개선 - CLAUDE.md 압축 최적화 (규칙 변경 없음), _sweep_single_axis.py 백테스트 단일축 스윕 Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
2026-09-19 23:37:08 +09:00
parent b1da208fd5
commit 028a1c352b
39 changed files with 1073 additions and 694 deletions
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -19,7 +19,6 @@
        "react-chartjs-2": "^5.3.1",
        "react-dom": "^18.2.0",
        "react-router-dom": "^6.20.0",
-        "recharts": "^2.10.3",
        "tailwind-merge": "^2.1.0"
      },
      "devDependencies": {
@@ -1485,69 +1484,6 @@
        "@babel/types": "^7.28.2"
      }
    },
-    "node_modules/@types/d3-array": {
-      "version": "3.2.2",
-      "resolved": "https://registry.npmjs.org/@types/d3-array/-/d3-array-3.2.2.tgz",
-      "integrity": "sha512-hOLWVbm7uRza0BYXpIIW5pxfrKe0W+D5lrFiAEYR+pb6w3N2SwSMaJbXdUfSEv+dT4MfHBLtn5js0LAWaO6otw==",
-      "license": "MIT"
-    },
-    "node_modules/@types/d3-color": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/@types/d3-color/-/d3-color-3.1.3.tgz",
-      "integrity": "sha512-iO90scth9WAbmgv7ogoq57O9YpKmFBbmoEoCHDB2xMBY0+/KVrqAaCDyCE16dUspeOvIxFFRI+0sEtqDqy2b4A==",
-      "license": "MIT"
-    },
-    "node_modules/@types/d3-ease": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/@types/d3-ease/-/d3-ease-3.0.2.tgz",
-      "integrity": "sha512-NcV1JjO5oDzoK26oMzbILE6HW7uVXOHLQvHshBUW4UMdZGfiY6v5BeQwh9a9tCzv+CeefZQHJt5SRgK154RtiA==",
-      "license": "MIT"
-    },
-    "node_modules/@types/d3-interpolate": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@types/d3-interpolate/-/d3-interpolate-3.0.4.tgz",
-      "integrity": "sha512-mgLPETlrpVV1YRJIglr4Ez47g7Yxjl1lj7YKsiMCb27VJH9W8NVM6Bb9d8kkpG/uAQS5AmbA48q2IAolKKo1MA==",
-      "license": "MIT",
-      "dependencies": {
-        "@types/d3-color": "*"
-      }
-    },
-    "node_modules/@types/d3-path": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/@types/d3-path/-/d3-path-3.1.1.tgz",
-      "integrity": "sha512-VMZBYyQvbGmWyWVea0EHs/BwLgxc+MKi1zLDCONksozI4YJMcTt8ZEuIR4Sb1MMTE8MMW49v0IwI5+b7RmfWlg==",
-      "license": "MIT"
-    },
-    "node_modules/@types/d3-scale": {
-      "version": "4.0.9",
-      "resolved": "https://registry.npmjs.org/@types/d3-scale/-/d3-scale-4.0.9.tgz",
-      "integrity": "sha512-dLmtwB8zkAeO/juAMfnV+sItKjlsw2lKdZVVy6LRr0cBmegxSABiLEpGVmSJJ8O08i4+sGR6qQtb6WtuwJdvVw==",
-      "license": "MIT",
-      "dependencies": {
-        "@types/d3-time": "*"
-      }
-    },
-    "node_modules/@types/d3-shape": {
-      "version": "3.1.8",
-      "resolved": "https://registry.npmjs.org/@types/d3-shape/-/d3-shape-3.1.8.tgz",
-      "integrity": "sha512-lae0iWfcDeR7qt7rA88BNiqdvPS5pFVPpo5OfjElwNaT2yyekbM0C9vK+yqBqEmHr6lDkRnYNoTBYlAgJa7a4w==",
-      "license": "MIT",
-      "dependencies": {
-        "@types/d3-path": "*"
-      }
-    },
-    "node_modules/@types/d3-time": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@types/d3-time/-/d3-time-3.0.4.tgz",
-      "integrity": "sha512-yuzZug1nkAAaBlBBikKZTgzCeA+k1uy4ZFwWANOfKw5z5LRhV0gNA7gNkKm7HoK+HRN0wX3EkxGk0fpbWhmB7g==",
-      "license": "MIT"
-    },
-    "node_modules/@types/d3-timer": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/@types/d3-timer/-/d3-timer-3.0.2.tgz",
-      "integrity": "sha512-Ps3T8E8dZDam6fUyNiMkekK3XUsaUEik+idO9/YjPtfj2qruF8tFBXS7XhtE4iIXBLxhmLjP3SXpLhVf21I9Lw==",
-      "license": "MIT"
-    },
    "node_modules/@types/estree": {
      "version": "1.0.8",
      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
@@ -2303,129 +2239,9 @@
      "version": "3.2.3",
      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
      "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
+      "dev": true,
      "license": "MIT"
    },
-    "node_modules/d3-array": {
-      "version": "3.2.4",
-      "resolved": "https://registry.npmjs.org/d3-array/-/d3-array-3.2.4.tgz",
-      "integrity": "sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg==",
-      "license": "ISC",
-      "dependencies": {
-        "internmap": "1 - 2"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-color": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/d3-color/-/d3-color-3.1.0.tgz",
-      "integrity": "sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==",
-      "license": "ISC",
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-ease": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-ease/-/d3-ease-3.0.1.tgz",
-      "integrity": "sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==",
-      "license": "BSD-3-Clause",
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-format": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/d3-format/-/d3-format-3.1.2.tgz",
-      "integrity": "sha512-AJDdYOdnyRDV5b6ArilzCPPwc1ejkHcoyFarqlPqT7zRYjhavcT3uSrqcMvsgh2CgoPbK3RCwyHaVyxYcP2Arg==",
-      "license": "ISC",
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-interpolate": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-interpolate/-/d3-interpolate-3.0.1.tgz",
-      "integrity": "sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==",
-      "license": "ISC",
-      "dependencies": {
-        "d3-color": "1 - 3"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-path": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/d3-path/-/d3-path-3.1.0.tgz",
-      "integrity": "sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ==",
-      "license": "ISC",
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-scale": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/d3-scale/-/d3-scale-4.0.2.tgz",
-      "integrity": "sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ==",
-      "license": "ISC",
-      "dependencies": {
-        "d3-array": "2.10.0 - 3",
-        "d3-format": "1 - 3",
-        "d3-interpolate": "1.2.0 - 3",
-        "d3-time": "2.1.1 - 3",
-        "d3-time-format": "2 - 4"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-shape": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/d3-shape/-/d3-shape-3.2.0.tgz",
-      "integrity": "sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA==",
-      "license": "ISC",
-      "dependencies": {
-        "d3-path": "^3.1.0"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-time": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/d3-time/-/d3-time-3.1.0.tgz",
-      "integrity": "sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==",
-      "license": "ISC",
-      "dependencies": {
-        "d3-array": "2 - 3"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-time-format": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/d3-time-format/-/d3-time-format-4.1.0.tgz",
-      "integrity": "sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg==",
-      "license": "ISC",
-      "dependencies": {
-        "d3-time": "1 - 3"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-timer": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-timer/-/d3-timer-3.0.1.tgz",
-      "integrity": "sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==",
-      "license": "ISC",
-      "engines": {
-        "node": ">=12"
-      }
-    },
    "node_modules/date-fns": {
      "version": "2.30.0",
      "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-2.30.0.tgz",
@@ -2460,12 +2276,6 @@
        }
      }
    },
-    "node_modules/decimal.js-light": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/decimal.js-light/-/decimal.js-light-2.5.1.tgz",
-      "integrity": "sha512-qIMFpTMZmny+MMIitAB6D7iVPEorVw6YQRWkvarTkT4tBeSLLiHzcwj6q0MmYSFCiVpiqPJTJEYIrpcPzVEIvg==",
-      "license": "MIT"
-    },
    "node_modules/deep-is": {
      "version": "0.1.4",
      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
@@ -2522,16 +2332,6 @@
        "node": ">=6.0.0"
      }
    },
-    "node_modules/dom-helpers": {
-      "version": "5.2.1",
-      "resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.2.1.tgz",
-      "integrity": "sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/runtime": "^7.8.7",
-        "csstype": "^3.0.2"
-      }
-    },
    "node_modules/dunder-proto": {
      "version": "1.0.1",
      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
@@ -2861,12 +2661,6 @@
        "node": ">=0.10.0"
      }
    },
-    "node_modules/eventemitter3": {
-      "version": "4.0.7",
-      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz",
-      "integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==",
-      "license": "MIT"
-    },
    "node_modules/fancy-canvas": {
      "version": "2.1.0",
      "resolved": "https://registry.npmjs.org/fancy-canvas/-/fancy-canvas-2.1.0.tgz",
@@ -2880,15 +2674,6 @@
      "dev": true,
      "license": "MIT"
    },
-    "node_modules/fast-equals": {
-      "version": "5.4.0",
-      "resolved": "https://registry.npmjs.org/fast-equals/-/fast-equals-5.4.0.tgz",
-      "integrity": "sha512-jt2DW/aNFNwke7AUd+Z+e6pz39KO5rzdbbFCg2sGafS4mk13MI7Z8O5z9cADNn5lhGODIgLwug6TZO2ctf7kcw==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
    "node_modules/fast-glob": {
      "version": "3.3.3",
      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
@@ -3356,15 +3141,6 @@
      "dev": true,
      "license": "ISC"
    },
-    "node_modules/internmap": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/internmap/-/internmap-2.0.3.tgz",
-      "integrity": "sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==",
-      "license": "ISC",
-      "engines": {
-        "node": ">=12"
-      }
-    },
    "node_modules/is-binary-path": {
      "version": "2.1.0",
      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
@@ -3589,12 +3365,6 @@
        "url": "https://github.com/sponsors/sindresorhus"
      }
    },
-    "node_modules/lodash": {
-      "version": "4.17.23",
-      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.23.tgz",
-      "integrity": "sha512-LgVTMpQtIopCi79SJeDiP0TfWi5CNEc/L/aRdTh3yIvmZXTnheWpKjSZhnvMl8iXbC1tFg9gdHHDMLoV7CnG+w==",
-      "license": "MIT"
-    },
    "node_modules/lodash.merge": {
      "version": "4.6.2",
      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
@@ -3769,6 +3539,7 @@
      "version": "4.1.1",
      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "dev": true,
      "license": "MIT",
      "engines": {
        "node": ">=0.10.0"
@@ -4117,23 +3888,6 @@
        "node": ">= 0.8.0"
      }
    },
-    "node_modules/prop-types": {
-      "version": "15.8.1",
-      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
-      "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
-      "license": "MIT",
-      "dependencies": {
-        "loose-envify": "^1.4.0",
-        "object-assign": "^4.1.1",
-        "react-is": "^16.13.1"
-      }
-    },
-    "node_modules/prop-types/node_modules/react-is": {
-      "version": "16.13.1",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
-      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
-      "license": "MIT"
-    },
    "node_modules/proxy-from-env": {
      "version": "1.1.0",
      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
@@ -4206,12 +3960,6 @@
        "react": "^18.3.1"
      }
    },
-    "node_modules/react-is": {
-      "version": "18.3.1",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
-      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
-      "license": "MIT"
-    },
    "node_modules/react-refresh": {
      "version": "0.17.0",
      "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.17.0.tgz",
@@ -4254,37 +4002,6 @@
        "react-dom": ">=16.8"
      }
    },
-    "node_modules/react-smooth": {
-      "version": "4.0.4",
-      "resolved": "https://registry.npmjs.org/react-smooth/-/react-smooth-4.0.4.tgz",
-      "integrity": "sha512-gnGKTpYwqL0Iii09gHobNolvX4Kiq4PKx6eWBCYYix+8cdw+cGo3do906l1NBPKkSWx1DghC1dlWG9L2uGd61Q==",
-      "license": "MIT",
-      "dependencies": {
-        "fast-equals": "^5.0.1",
-        "prop-types": "^15.8.1",
-        "react-transition-group": "^4.4.5"
-      },
-      "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
-      }
-    },
-    "node_modules/react-transition-group": {
-      "version": "4.4.5",
-      "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.5.tgz",
-      "integrity": "sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==",
-      "license": "BSD-3-Clause",
-      "dependencies": {
-        "@babel/runtime": "^7.5.5",
-        "dom-helpers": "^5.0.1",
-        "loose-envify": "^1.4.0",
-        "prop-types": "^15.6.2"
-      },
-      "peerDependencies": {
-        "react": ">=16.6.0",
-        "react-dom": ">=16.6.0"
-      }
-    },
    "node_modules/read-cache": {
      "version": "1.0.0",
      "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
@@ -4308,38 +4025,6 @@
        "node": ">=8.10.0"
      }
    },
-    "node_modules/recharts": {
-      "version": "2.15.4",
-      "resolved": "https://registry.npmjs.org/recharts/-/recharts-2.15.4.tgz",
-      "integrity": "sha512-UT/q6fwS3c1dHbXv2uFgYJ9BMFHu3fwnd7AYZaEQhXuYQ4hgsxLvsUXzGdKeZrW5xopzDCvuA2N41WJ88I7zIw==",
-      "license": "MIT",
-      "dependencies": {
-        "clsx": "^2.0.0",
-        "eventemitter3": "^4.0.1",
-        "lodash": "^4.17.21",
-        "react-is": "^18.3.1",
-        "react-smooth": "^4.0.4",
-        "recharts-scale": "^0.4.4",
-        "tiny-invariant": "^1.3.1",
-        "victory-vendor": "^36.6.8"
-      },
-      "engines": {
-        "node": ">=14"
-      },
-      "peerDependencies": {
-        "react": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
-        "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
-      }
-    },
-    "node_modules/recharts-scale": {
-      "version": "0.4.5",
-      "resolved": "https://registry.npmjs.org/recharts-scale/-/recharts-scale-0.4.5.tgz",
-      "integrity": "sha512-kivNFO+0OcUNu7jQquLXAxz1FIwZj8nrj+YkOKc5694NbjCvcT6aSZiIzNzd2Kul4o4rTto8QVR9lMNtxD4G1w==",
-      "license": "MIT",
-      "dependencies": {
-        "decimal.js-light": "^2.4.1"
-      }
-    },
    "node_modules/resolve": {
      "version": "1.22.11",
      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.11.tgz",
@@ -4686,12 +4371,6 @@
        "node": ">=0.8"
      }
    },
-    "node_modules/tiny-invariant": {
-      "version": "1.3.3",
-      "resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.3.3.tgz",
-      "integrity": "sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==",
-      "license": "MIT"
-    },
    "node_modules/tinyglobby": {
      "version": "0.2.15",
      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz",
@@ -4868,28 +4547,6 @@
      "dev": true,
      "license": "MIT"
    },
-    "node_modules/victory-vendor": {
-      "version": "36.9.2",
-      "resolved": "https://registry.npmjs.org/victory-vendor/-/victory-vendor-36.9.2.tgz",
-      "integrity": "sha512-PnpQQMuxlwYdocC8fIJqVXvkeViHYzotI+NJrCuav0ZYFoq912ZHBk3mCeuj+5/VpodOjPe1z0Fk2ihgzlXqjQ==",
-      "license": "MIT AND ISC",
-      "dependencies": {
-        "@types/d3-array": "^3.0.3",
-        "@types/d3-ease": "^3.0.0",
-        "@types/d3-interpolate": "^3.0.1",
-        "@types/d3-scale": "^4.0.2",
-        "@types/d3-shape": "^3.1.0",
-        "@types/d3-time": "^3.0.0",
-        "@types/d3-timer": "^3.0.0",
-        "d3-array": "^3.1.6",
-        "d3-ease": "^3.0.1",
-        "d3-interpolate": "^3.0.1",
-        "d3-scale": "^4.0.2",
-        "d3-shape": "^3.1.0",
-        "d3-time": "^3.0.0",
-        "d3-timer": "^3.0.1"
-      }
-    },
    "node_modules/vite": {
      "version": "7.3.1",
      "resolved": "https://registry.npmjs.org/vite/-/vite-7.3.1.tgz",
--- a/frontend/src/components/JournalPanel.tsx
+++ b/frontend/src/components/JournalPanel.tsx
@@ -131,7 +131,8 @@ const JournalPanel = React.memo(({ journals, tradeHistory, onResetPending }: Jou

                                    <div className="flex justify-between items-center mt-1">
                                        <div className="text-[10px] font-mono text-[#64748b]">
-                                            {Number(trade.order_quantity || 0)}주 × {Number(trade.order_price || 0).toLocaleString()}원
+                                            {/* 시장가 주문은 order_price가 null → 체결가(executed_price) 우선 표시 */}
+                                            {Number(trade.executed_quantity || trade.order_quantity || 0)}주 × {Math.round(Number(trade.executed_price || trade.order_price || 0)).toLocaleString()}원
                                        </div>
                                        {isSell && statusOk && pnl !== 0 && (
                                            <div className={`text-[10px] font-mono font-semibold ${isProfit ? 'text-[#ef4444]' : isLoss ? 'text-[#3b82f6]' : 'text-[#64748b]'}`}>
--- a/frontend/src/components/OrderbookPanel.tsx
+++ b/frontend/src/components/OrderbookPanel.tsx
@@ -48,10 +48,12 @@ const OrderbookPanel = React.memo(({ orderbook }: OrderbookPanelProps) => {
            <div className="flex-1 overflow-y-auto custom-scrollbar">
                {orderbook ? (() => {
                    const currentPrice = orderbook.current_price
-                    // 매도호가: 높은 가격순 정렬 (상단에 높은 가격), 최대 8단계
+                    // 매도호가: 현재가에 가까운(낮은) 8단계를 취한 뒤 높은 가격이 위로 오도록 정렬
+                    // (높은 순으로 먼저 자르면 1·2호가가 잘려 스프레드에 빈 칸이 생김)
                    const asks: { price: number; volume: number }[] = [...(orderbook.asks || [])]
-                        .sort((a, b) => b.price - a.price)
+                        .sort((a, b) => a.price - b.price)
                        .slice(0, 8)
+                        .reverse()
                    // 매수호가: 높은 가격순 정렬 (상단에 현재가에 가까운 가격), 최대 8단계
                    const bids: { price: number; volume: number }[] = [...(orderbook.bids || [])]
                        .sort((a, b) => b.price - a.price)
--- a/frontend/src/components/RecommendationPanel.tsx
+++ b/frontend/src/components/RecommendationPanel.tsx
@@ -15,7 +15,7 @@
 * 최적화:
 * - RecommendationItem, RecommendationPanel 모두 React.memo 적용
 */
-import React from 'react'
+import React, { useState } from 'react'
 import { RefreshCw } from 'lucide-react'
 import { RecommendationsData, RecommendedStock, Recommendation } from '../types/trading'
 import { formatTime } from '../utils/formatUtils'
@@ -31,6 +31,7 @@ interface RecommendationItemProps {
    isHeld: boolean
    isPending: boolean
    livePrices: Record<string, number> | undefined
+    onBuy: (stockCode: string, stockName: string) => Promise<void>
 }

 const RecommendationItem = React.memo(({
@@ -43,24 +44,43 @@ const RecommendationItem = React.memo(({
    isHeld,
    isPending,
    livePrices,
+    onBuy,
 }: RecommendationItemProps) => {
    const changeRate = stock.change_rate || 0
    const isSelected = selectedStock === stock.stock_code
    const isUp = changeRate >= 0
+    const [buying, setBuying] = useState(false)
+
+    const handleBuyClick = async (e: React.MouseEvent<HTMLButtonElement>) => {
+        e.stopPropagation()
+        if (buying) return
+        if (!window.confirm(`${stock.stock_name} 시장가 매수할까요?\n(수량: 총자산 × 종목당 최대비중으로 자동 산출)`)) return
+        setBuying(true)
+        try {
+            await onBuy(stock.stock_code, stock.stock_name)
+        } catch (error: unknown) {
+            const err = error as any
+            alert(`매수 실패: ${err.response?.data?.detail || err.message}`)
+        } finally {
+            setBuying(false)
+        }
+    }

    return (
-        <button
-            onClick={() => {
-                if (isSelected) onRefetchAiAnalysis()
-                else onSelectStock(stock.stock_code)
-            }}
+        <div
            className={`w-full text-left transition-colors border-l-2 ${
                isSelected
                    ? 'bg-[#0d1e33] border-[#2b65d9]'
                    : 'border-transparent hover:bg-[#0a1628]'
            }`}
        >
-            <div className="px-3 py-1.5">
+            <div
+                onClick={() => {
+                    if (isSelected) onRefetchAiAnalysis()
+                    else onSelectStock(stock.stock_code)
+                }}
+                className="px-3 pt-1.5 pb-1 cursor-pointer"
+            >
                {/* Row 1: rank + name + badge + change% */}
                <div className="flex items-center gap-1.5 mb-0.5">
                    <span className="text-[8px] font-mono text-[#2a3d55] w-4 flex-shrink-0 text-right">{idx + 1}</span>
@@ -109,7 +129,20 @@ const RecommendationItem = React.memo(({
                    </div>
                )}
            </div>
-        </button>
+
+            {/* Buy button — 보유/매수중 종목은 숨김 (PortfolioPanel 청산 버튼과 동일 스타일) */}
+            {!isHeld && !isPending && (
+                <div className="px-3 pb-1.5 pl-8">
+                    <button
+                        onClick={handleBuyClick}
+                        disabled={buying}
+                        className="w-full py-0.5 text-[9px] font-mono text-[#3a5570] hover:text-[#e84444] border border-[#152035] hover:border-[#e84444]/40 rounded-sm transition-colors disabled:opacity-50"
+                    >
+                        {buying ? '매수 주문 중...' : '매수 (시장가)'}
+                    </button>
+                </div>
+            )}
+        </div>
    )
 })

@@ -135,6 +168,8 @@ interface RecommendationPanelProps {
    pendingBuyStockCodes: Set<string>
    /** 실시간 가격 맵 */
    livePrices: Record<string, number> | undefined
+    /** 수동 매수 콜백 */
+    onBuy: (stockCode: string, stockName: string) => Promise<void>
 }

 const RecommendationPanel = React.memo(({
@@ -147,6 +182,7 @@ const RecommendationPanel = React.memo(({
    heldStockCodes,
    pendingBuyStockCodes,
    livePrices,
+    onBuy,
 }: RecommendationPanelProps) => {
    return (
        <div className="bg-[#0c1522] border border-[#152035] rounded overflow-hidden flex flex-col h-1/2">
@@ -205,6 +241,7 @@ const RecommendationPanel = React.memo(({
                                isHeld={isHeld}
                                isPending={isPending}
                                livePrices={livePrices}
+                                onBuy={onBuy}
                            />
                        )
                    })
--- a/frontend/src/components/TradingChart.tsx
+++ b/frontend/src/components/TradingChart.tsx
@@ -284,9 +284,12 @@ export const TradingChart = React.memo(({ data, livePrice: livePriceProp }: Trad
        try {
            const allCandles = pd.candles;
            const totalBars = allCandles.length;
-            const visibleRange = {
-                from: allCandles[Math.max(0, totalBars - 100)].time,
-                to: allCandles[totalBars - 1].time,
+            if (totalBars === 0) return;
+            // 시간 기반 setVisibleRange는 차트가 아직 레이아웃되기 전(폭 0)이나 재마운트 직후
+            // "Value is null"을 던짐 → 인덱스 기반 logical range로 교체 + 개별 try/catch
+            const logicalRange = { from: Math.max(0, totalBars - 100), to: totalBars - 1 };
+            const setRange = (chart: IChartApi | null) => {
+                try { chart?.timeScale().setVisibleLogicalRange(logicalRange); } catch (_) { /* not laid out yet */ }
            };

            // 메인 차트 데이터 교체
@@ -299,11 +302,11 @@ export const TradingChart = React.memo(({ data, livePrice: livePriceProp }: Trad
                mainLines[3].setData(pd.sma5);
                mainLines[4].setData(pd.sma60);
            }
-            mainChartInstanceRef.current?.timeScale().setVisibleRange(visibleRange);
+            setRange(mainChartInstanceRef.current);

            // 거래량 데이터 교체
            volumeSeriesRef.current?.setData(pd.volumes);
-            volumeChartInstanceRef.current?.timeScale().setVisibleRange(visibleRange);
+            setRange(volumeChartInstanceRef.current);

            // RSI 데이터 교체
            const rsiLines = rsiLineSeriesRef.current;
@@ -313,13 +316,13 @@ export const TradingChart = React.memo(({ data, livePrice: livePriceProp }: Trad
                rsiLines[2].setData(pd.rsi.line50);
                rsiLines[3].setData(pd.rsi.line70);
            }
-            rsiChartInstanceRef.current?.timeScale().setVisibleRange(visibleRange);
+            setRange(rsiChartInstanceRef.current);

            // MACD 데이터 교체
            macdSeriesRef.current.histogram?.setData(pd.macd.histogram);
            macdSeriesRef.current.line?.setData(pd.macd.line);
            macdSeriesRef.current.signal?.setData(pd.macd.signal);
-            macdChartInstanceRef.current?.timeScale().setVisibleRange(visibleRange);
+            setRange(macdChartInstanceRef.current);
        } catch (error: unknown) {
            const err = error as Error | null;
            console.error('차트 데이터 업데이트 오류:', err?.message);
@@ -402,11 +405,12 @@ export const TradingChart = React.memo(({ data, livePrice: livePriceProp }: Trad
            macdSeriesRef.current = { histogram: macdHistSeries, line: macdLineSeries, signal: macdSignalSeries };

            // 시간축 동기화
-            mainChart.timeScale().subscribeVisibleTimeRangeChange((timeRange) => {
-                if (timeRange) {
-                    volumeChart.timeScale().setVisibleRange(timeRange);
-                    rsiChart.timeScale().setVisibleRange(timeRange);
-                    macdChart.timeScale().setVisibleRange(timeRange);
+            // logical range 동기화: 하위 차트 시리즈에 해당 time이 아직 없을 때(setData 직전)
+            // setVisibleRange가 "Value is null"을 던지므로 인덱스 기반으로 맞춘다
+            mainChart.timeScale().subscribeVisibleLogicalRangeChange((range) => {
+                if (!range) return;
+                for (const c of [volumeChart, rsiChart, macdChart]) {
+                    try { c.timeScale().setVisibleLogicalRange(range); } catch (_) { /* series not ready */ }
                }
            });

--- a/frontend/src/hooks/useTradeActions.ts
+++ b/frontend/src/hooks/useTradeActions.ts
@@ -12,11 +12,13 @@ export const useTradeActions = () => {
            quantity: number
        ): Promise<void> => {
            try {
+                // KIS 모의서버 지연 시 주문 1건에 30~60초 걸릴 수 있음 — 기본 15초로 끊으면
+                // 서버는 체결하는데 화면은 실패로 보여 중복 주문을 유발함
                await api.post('/portfolio/sell', {
                    stock_code: stockCode,
                    quantity,
                    price: null,
-                })
+                }, { timeout: 90000 })

                // Invalidate queries to refresh portfolio
                queryClient.invalidateQueries({
@@ -38,6 +40,30 @@ export const useTradeActions = () => {
        [queryClient]
    )

+    /** 추천 종목 수동 매수 (시장가, 수량은 서버가 예산 기반 산출) */
+    const handleBuy = useCallback(
+        async (stockCode: string, stockName: string): Promise<void> => {
+            try {
+                await api.post('/portfolio/buy', {
+                    stock_code: stockCode,
+                    stock_name: stockName,
+                    quantity: null,
+                    price: null,
+                }, { timeout: 90000 })
+                queryClient.invalidateQueries({ queryKey: ['portfolio-combined'] })
+                queryClient.invalidateQueries({ queryKey: ['trade-history'] })
+                console.log(`✅ ${stockName} buy order completed`)
+            } catch (error: any) {
+                console.error(
+                    `❌ Buy order failed for ${stockName}:`,
+                    error.response?.data?.detail || error.message
+                )
+                throw error
+            }
+        },
+        [queryClient]
+    )
+
    const resetPendingTrades = useCallback(async (): Promise<void> => {
        try {
            const response = await api.delete('/trades/pending')
@@ -62,6 +88,7 @@ export const useTradeActions = () => {

    return {
        handleSell,
+        handleBuy,
        resetPendingTrades,
        invalidateTradeHistory,
    }
--- a/frontend/src/pages/Dashboard.tsx
+++ b/frontend/src/pages/Dashboard.tsx
@@ -210,7 +210,7 @@ const Dashboard = () => {
    }, [processChartData])

    // Trade actions hook
-    const { handleSell, resetPendingTrades } = useTradeActions()
+    const { handleSell, handleBuy, resetPendingTrades } = useTradeActions()

    // Subscribe to market data via WebSocket
    // reconnect 감지: wsConnected가 false→true 전환 시 강제 재구독
@@ -770,6 +770,7 @@ const Dashboard = () => {
                            heldStockCodes={heldStockCodes}
                            pendingBuyStockCodes={pendingBuyStockCodes}
                            livePrices={livePrices}
+                            onBuy={handleBuy}
                        />
                        <JournalPanel
                            journals={journals}