blacktrigram 0.7.2

package/lib/components/screens/training/components/hud/TrainingTopHUD.js

@@ -0,0 +1,184 @@
+import { BORDERS, BORDER_RADIUS, GRADIENTS, HIERARCHY, HUD_STYLE, SPACING, SPACING_ADJUSTMENTS, SPACING_NUMERIC, TYPOGRAPHY, TYPOGRAPHY_NUMERIC } from "../../../../../types/constants/designSystem.js";
+import { HUD_HEIGHT } from "../../../../../types/LayoutTypes.js";
+import { ArchetypeSelectionButtons, ReturnToMenuButton } from "../TrainingButtonsOverlayHtml.js";
+import TrainingControlsOverlayHtml from "../TrainingControlsOverlayHtml.js";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/screens/training/components/hud/TrainingTopHUD.tsx
+/**
+* TrainingTopHUD - Slim top bar for training screen
+*
+* Gaming Best Practice - Minimal Top Bar:
+* - Training Active/Stop indicator (left)
+* - Vital Point hint + Archetype Selector (center) - desktop only
+* - Return to Menu button (right) - Standard gaming pattern
+*
+* Mobile:
+* - Only shows Training status (left) and Return button (right)
+* - Other controls consolidated in BottomHUD
+*
+* Layout:
+* - Width: 100% of screen
+* - Height: Compact 50-70px (minimal obstruction)
+*
+* @korean 훈련화면 상단 바 - 훈련 상태, 급소 힌트, 원형 선택, 메뉴 복귀
+*/
+/**
+* TrainingTopHUD Component
+*
+* Slim top bar containing training controls, vital point hint, archetype selector,
+* and return to menu button. On mobile, only essential controls shown.
+*/
+var TrainingTopHUD = ({ width, isMobile, positionScale, isTraining, onStartTraining, onStopTraining, selectedArchetype, onArchetypeSelect, overlayVisible, onReturnToMenu, onPlaySFX }) => {
+	const layout = React.useMemo(() => {
+		return {
+			hudHeight: isMobile ? HUD_HEIGHT.TRAINING_TOP_MOBILE : HUD_HEIGHT.TRAINING_TOP_DESKTOP * positionScale,
+			padding: isMobile ? SPACING_NUMERIC.xs : SPACING_NUMERIC.sm * positionScale,
+			gap: isMobile ? SPACING_NUMERIC.xs : SPACING_NUMERIC.sm * positionScale,
+			fontSize: isMobile ? TYPOGRAPHY_NUMERIC.bodySmall : TYPOGRAPHY_NUMERIC.bodySmall * positionScale,
+			hudWidth: width
+		};
+	}, [
+		width,
+		isMobile,
+		positionScale
+	]);
+	return /* @__PURE__ */ jsxs("div", {
+		style: {
+			position: "absolute",
+			top: 0,
+			left: 0,
+			width: "100%",
+			height: `${layout.hudHeight}px`,
+			display: "flex",
+			flexDirection: "row",
+			justifyContent: "space-between",
+			alignItems: "center",
+			padding: `${layout.padding}px ${SPACING_ADJUSTMENTS.horizontalEmphasis}`,
+			pointerEvents: "none",
+			boxSizing: "border-box",
+			borderBottom: BORDERS.default,
+			background: GRADIENTS.vertical(.9),
+			backdropFilter: HUD_STYLE.backdropFilter
+		},
+		"data-testid": "training-top-hud",
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				style: {
+					display: "flex",
+					flexDirection: "row",
+					gap: `${layout.gap}px`,
+					pointerEvents: "all",
+					alignItems: "center"
+				},
+				"data-testid": "training-top-hud-left-section",
+				children: /* @__PURE__ */ jsx(TrainingControlsOverlayHtml, {
+					isTraining,
+					onStartTraining,
+					onStopTraining,
+					isMobile
+				})
+			}),
+			!isMobile && /* @__PURE__ */ jsxs("div", {
+				style: {
+					display: "flex",
+					flexDirection: "row",
+					alignItems: "center",
+					gap: `${layout.gap * 2}px`
+				},
+				"data-testid": "training-top-hud-center-section",
+				children: [!overlayVisible && /* @__PURE__ */ jsxs("div", {
+					style: {
+						padding: `${SPACING.xxs} ${SPACING_ADJUSTMENTS.xsPlus}`,
+						background: HUD_STYLE.background,
+						border: BORDERS.muted,
+						borderRadius: BORDER_RADIUS.sm,
+						fontSize: `${layout.fontSize}px`,
+						fontFamily: TYPOGRAPHY.bodySmall.fontFamily,
+						color: HIERARCHY.accent.color,
+						whiteSpace: "nowrap"
+					},
+					"data-testid": "vital-point-hint",
+					children: [
+						"💡 Press",
+						" ",
+						/* @__PURE__ */ jsx("span", {
+							style: {
+								color: HIERARCHY.gold.color,
+								fontWeight: "bold"
+							},
+							children: "V"
+						}),
+						" ",
+						"for vital points"
+					]
+				}), /* @__PURE__ */ jsxs("div", {
+					style: {
+						display: "flex",
+						flexDirection: "row",
+						alignItems: "center",
+						gap: `${layout.gap}px`,
+						padding: `${SPACING_ADJUSTMENTS.compact} ${SPACING.sm}`,
+						background: HUD_STYLE.background,
+						border: BORDERS.accent,
+						borderRadius: BORDER_RADIUS.md,
+						pointerEvents: "all"
+					},
+					children: [/* @__PURE__ */ jsx("span", {
+						style: {
+							fontSize: `${layout.fontSize}px`,
+							color: HIERARCHY.gold.color,
+							fontWeight: "bold",
+							fontFamily: TYPOGRAPHY.bodySmall.fontFamily,
+							whiteSpace: "nowrap"
+						},
+						children: "원형 | Archetype:"
+					}), /* @__PURE__ */ jsx(ArchetypeSelectionButtons, {
+						selectedArchetype,
+						onArchetypeSelect,
+						onPlaySFX,
+						isMobile
+					})]
+				})]
+			}),
+			isMobile && !overlayVisible && /* @__PURE__ */ jsxs("div", {
+				style: {
+					padding: `${SPACING.xxs} ${SPACING.xs}`,
+					background: HUD_STYLE.background,
+					border: BORDERS.muted,
+					borderRadius: SPACING.xxs,
+					fontSize: TYPOGRAPHY.caption.fontSize,
+					fontFamily: TYPOGRAPHY.caption.fontFamily,
+					color: HIERARCHY.accent.color
+				},
+				"data-testid": "training-top-hud-center-section",
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						style: { color: HIERARCHY.gold.color },
+						children: "V"
+					}),
+					" ",
+					"= 급소"
+				]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				style: {
+					display: "flex",
+					flexDirection: "row",
+					alignItems: "center",
+					pointerEvents: "all"
+				},
+				"data-testid": "training-top-hud-right-section",
+				children: /* @__PURE__ */ jsx(ReturnToMenuButton, {
+					onClick: onReturnToMenu,
+					onMouseEnter: () => onPlaySFX("menu_hover"),
+					isMobile
+				})
+			})
+		]
+	});
+};
+//#endregion
+export { TrainingTopHUD as default };
+
+//# sourceMappingURL=TrainingTopHUD.js.map

package/lib/components/screens/training/components/hud/TrainingTopHUD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrainingTopHUD.js","names":[],"sources":["../../../../../../src/components/screens/training/components/hud/TrainingTopHUD.tsx"],"sourcesContent":["/**\n * TrainingTopHUD - Slim top bar for training screen\n *\n * Gaming Best Practice - Minimal Top Bar:\n * - Training Active/Stop indicator (left)\n * - Vital Point hint + Archetype Selector (center) - desktop only\n * - Return to Menu button (right) - Standard gaming pattern\n *\n * Mobile:\n * - Only shows Training status (left) and Return button (right)\n * - Other controls consolidated in BottomHUD\n *\n * Layout:\n * - Width: 100% of screen\n * - Height: Compact 50-70px (minimal obstruction)\n *\n * @korean 훈련화면 상단 바 - 훈련 상태, 급소 힌트, 원형 선택, 메뉴 복귀\n */\n\nimport React from \"react\";\nimport { PlayerArchetype } from \"../../../../../types/common\";\nimport { HUD_HEIGHT } from \"../../../../../types/LayoutTypes\";\nimport { SPACING, SPACING_NUMERIC, SPACING_ADJUSTMENTS, BORDER_RADIUS, TYPOGRAPHY, TYPOGRAPHY_NUMERIC, HIERARCHY, BORDERS, GRADIENTS, HUD_STYLE } from \"../../../../../types/constants/designSystem\";\nimport {\n  ArchetypeSelectionButtons,\n  ReturnToMenuButton,\n} from \"../TrainingButtonsOverlayHtml\";\nimport TrainingControlsOverlayHtml from \"../TrainingControlsOverlayHtml\";\n\nexport interface TrainingTopHUDProps {\n  /** Screen width for layout calculations */\n  readonly width: number;\n  /** Screen height for layout calculations */\n  readonly height: number;\n  /** Whether mobile layout is active */\n  readonly isMobile: boolean;\n  /** Position scale multiplier for large displays */\n  readonly positionScale: number;\n  /** Whether training is currently active */\n  readonly isTraining: boolean;\n  /** Handler to start training */\n  readonly onStartTraining: () => void;\n  /** Handler to stop training */\n  readonly onStopTraining: () => void;\n  /** Currently selected archetype */\n  readonly selectedArchetype: PlayerArchetype;\n  /** Handler for archetype selection */\n  readonly onArchetypeSelect: (archetype: PlayerArchetype) => void;\n  /** Whether vital point overlay is visible */\n  readonly overlayVisible: boolean;\n  /** Handler for returning to menu */\n  readonly onReturnToMenu: () => void;\n  /** Handler for playing sound effects */\n  readonly onPlaySFX: (sound: string) => void;\n}\n\n/**\n * TrainingTopHUD Component\n *\n * Slim top bar containing training controls, vital point hint, archetype selector,\n * and return to menu button. On mobile, only essential controls shown.\n */\nexport const TrainingTopHUD: React.FC<TrainingTopHUDProps> = ({\n  width,\n  isMobile,\n  positionScale,\n  isTraining,\n  onStartTraining,\n  onStopTraining,\n  selectedArchetype,\n  onArchetypeSelect,\n  overlayVisible,\n  onReturnToMenu,\n  onPlaySFX,\n}) => {\n  // Layout calculations for slim top bar\n  const layout = React.useMemo(() => {\n    const hudHeight = isMobile\n      ? HUD_HEIGHT.TRAINING_TOP_MOBILE\n      : HUD_HEIGHT.TRAINING_TOP_DESKTOP * positionScale;\n\n    const padding = isMobile ? SPACING_NUMERIC.xs : SPACING_NUMERIC.sm * positionScale;\n    const gap = isMobile ? SPACING_NUMERIC.xs : SPACING_NUMERIC.sm * positionScale;\n    const fontSize = isMobile ? TYPOGRAPHY_NUMERIC.bodySmall : TYPOGRAPHY_NUMERIC.bodySmall * positionScale;\n\n    return {\n      hudHeight,\n      padding,\n      gap,\n      fontSize,\n      hudWidth: width,\n    };\n  }, [width, isMobile, positionScale]);\n\n  return (\n    <div\n      style={{\n        position: \"absolute\",\n        top: 0,\n        left: 0,\n        width: \"100%\",\n        height: `${layout.hudHeight}px`,\n        display: \"flex\",\n        flexDirection: \"row\",\n        justifyContent: \"space-between\",\n        alignItems: \"center\",\n        padding: `${layout.padding}px ${SPACING_ADJUSTMENTS.horizontalEmphasis}`,\n        pointerEvents: \"none\",\n        boxSizing: \"border-box\",\n        borderBottom: BORDERS.default,\n        background: GRADIENTS.vertical(0.9),\n        backdropFilter: HUD_STYLE.backdropFilter,\n      }}\n      data-testid=\"training-top-hud\"\n    >\n      {/* Left Section - Training Controls (compact) */}\n      <div\n        style={{\n          display: \"flex\",\n          flexDirection: \"row\",\n          gap: `${layout.gap}px`,\n          pointerEvents: \"all\",\n          alignItems: \"center\",\n        }}\n        data-testid=\"training-top-hud-left-section\"\n      >\n        <TrainingControlsOverlayHtml\n          isTraining={isTraining}\n          onStartTraining={onStartTraining}\n          onStopTraining={onStopTraining}\n          isMobile={isMobile}\n        />\n      </div>\n\n      {/* Center Section - Vital Point Hint + Archetype Selector (desktop) */}\n      {!isMobile && (\n        <div\n          style={{\n            display: \"flex\",\n            flexDirection: \"row\",\n            alignItems: \"center\",\n            gap: `${layout.gap * 2}px`,\n          }}\n          data-testid=\"training-top-hud-center-section\"\n        >\n          {/* Vital Point Hint */}\n          {!overlayVisible && (\n            <div\n              style={{\n                padding: `${SPACING.xxs} ${SPACING_ADJUSTMENTS.xsPlus}`,\n                background: HUD_STYLE.background,\n                border: BORDERS.muted,\n                borderRadius: BORDER_RADIUS.sm,\n                fontSize: `${layout.fontSize}px`,\n                fontFamily: TYPOGRAPHY.bodySmall.fontFamily,\n                color: HIERARCHY.accent.color,\n                whiteSpace: \"nowrap\",\n              }}\n              data-testid=\"vital-point-hint\"\n            >\n              💡 Press{\" \"}\n              <span\n                style={{\n                  color: HIERARCHY.gold.color,\n                  fontWeight: \"bold\",\n                }}\n              >\n                V\n              </span>{\" \"}\n              for vital points\n            </div>\n          )}\n\n          {/* Archetype Selector */}\n          <div\n            style={{\n              display: \"flex\",\n              flexDirection: \"row\",\n              alignItems: \"center\",\n              gap: `${layout.gap}px`,\n              padding: `${SPACING_ADJUSTMENTS.compact} ${SPACING.sm}`,\n              background: HUD_STYLE.background,\n              border: BORDERS.accent,\n              borderRadius: BORDER_RADIUS.md,\n              pointerEvents: \"all\",\n            }}\n          >\n            <span\n              style={{\n                fontSize: `${layout.fontSize}px`,\n                color: HIERARCHY.gold.color,\n                fontWeight: \"bold\",\n                fontFamily: TYPOGRAPHY.bodySmall.fontFamily,\n                whiteSpace: \"nowrap\",\n              }}\n            >\n              원형 | Archetype:\n            </span>\n            <ArchetypeSelectionButtons\n              selectedArchetype={selectedArchetype}\n              onArchetypeSelect={onArchetypeSelect}\n              onPlaySFX={onPlaySFX}\n              isMobile={isMobile}\n            />\n          </div>\n        </div>\n      )}\n\n      {/* Mobile Center - Just vital point hint */}\n      {isMobile && !overlayVisible && (\n        <div\n          style={{\n            padding: `${SPACING.xxs} ${SPACING.xs}`,\n            background: HUD_STYLE.background,\n            border: BORDERS.muted,\n            borderRadius: SPACING.xxs,\n            fontSize: TYPOGRAPHY.caption.fontSize,\n            fontFamily: TYPOGRAPHY.caption.fontFamily,\n            color: HIERARCHY.accent.color,\n          }}\n          data-testid=\"training-top-hud-center-section\"\n        >\n          <span style={{ color: HIERARCHY.gold.color }}>\n            V\n          </span>{\" \"}\n          = 급소\n        </div>\n      )}\n\n      {/* Right Section - Return to Menu */}\n      <div\n        style={{\n          display: \"flex\",\n          flexDirection: \"row\",\n          alignItems: \"center\",\n          pointerEvents: \"all\",\n        }}\n        data-testid=\"training-top-hud-right-section\"\n      >\n        <ReturnToMenuButton\n          onClick={onReturnToMenu}\n          onMouseEnter={() => onPlaySFX(\"menu_hover\")}\n          isMobile={isMobile}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport default TrainingTopHUD;\n"],"mappings":"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"}

package/lib/components/screens/training/components/hud/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Training HUD Components Index
+ *
+ * Exports all training screen HUD components for organized UI layout.
+ * Each HUD is responsible for sizing its internal components.
+ *
+ * @korean 훈련화면 HUD 컴포넌트 모음
+ */
+export { TrainingBottomHUD, type TrainingBottomHUDProps, } from "./TrainingBottomHUD";
+export { TrainingLeftHUD, type TrainingLeftHUDProps } from "./TrainingLeftHUD";
+export { TrainingRightHUD, type TrainingRightHUDProps, } from "./TrainingRightHUD";
+export { TrainingTopHUD, type TrainingTopHUDProps } from "./TrainingTopHUD";
+//# sourceMappingURL=index.d.ts.map

package/lib/components/screens/training/components/hud/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/screens/training/components/hud/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,GAC5B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC/E,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,GAC3B,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC"}

package/lib/components/screens/training/components/hud/index.js

@@ -0,0 +1,4 @@
+import "./TrainingBottomHUD.js";
+import "./TrainingLeftHUD.js";
+import "./TrainingRightHUD.js";
+import "./TrainingTopHUD.js";

package/lib/components/screens/training/components/index.d.ts

@@ -0,0 +1,22 @@
+export { default as DamageNumber3D } from "./DamageNumber3D";
+export { default as TrainingAICharacter3D } from "./TrainingAICharacter3D";
+export { default as TrainingArena3D } from "./TrainingArena3D";
+export { default as TrainingDummy3D } from "./TrainingDummy3D";
+export { default as TrainingHitEffects3D } from "./TrainingHitEffects3D";
+export { default as AnatomyOverlay3D } from "./AnatomyOverlay3D";
+export { default as HitFeedbackEffect3D } from "./HitFeedbackEffect3D";
+export { default as VitalPointMarker3D } from "./VitalPointMarker3D";
+export { default as AnatomyControlsOverlayHtml } from "./AnatomyControlsOverlayHtml";
+export { default as TrainingControlsOverlayHtml } from "./TrainingControlsOverlayHtml";
+export { default as TrainingFeedbackOverlayHtml } from "./TrainingFeedbackOverlayHtml";
+export { default as TrainingModeSelectorOverlayHtml } from "./TrainingModeSelectorOverlayHtml";
+export { default as TrainingStatsOverlayHtml } from "./TrainingStatsOverlayHtml";
+export { default as VitalPointTrainingOverlayHtml } from "./VitalPointTrainingOverlayHtml";
+export * from "./hud";
+export type { AnatomyControlsOverlayHtmlProps } from "./AnatomyControlsOverlayHtml";
+export type { AnatomyLayer, AnatomyOverlay3DProps } from "./AnatomyOverlay3D";
+export type { HitFeedbackEffect3DProps } from "./HitFeedbackEffect3D";
+export type { TrainingAICharacter3DProps } from "./TrainingAICharacter3D";
+export type { DifficultyMode, TrainingDummy3DProps } from "./TrainingDummy3D";
+export type { VitalPointMarker3DProps } from "./VitalPointMarker3D";
+//# sourceMappingURL=index.d.ts.map

package/lib/components/screens/training/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/screens/training/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAEzE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAErE,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AACrF,OAAO,EAAE,OAAO,IAAI,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AACvF,OAAO,EAAE,OAAO,IAAI,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AACvF,OAAO,EAAE,OAAO,IAAI,+BAA+B,EAAE,MAAM,mCAAmC,CAAC;AAC/F,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAG3F,cAAc,OAAO,CAAC;AAEtB,YAAY,EAAE,+BAA+B,EAAE,MAAM,8BAA8B,CAAC;AACpF,YAAY,EAAE,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAC9E,YAAY,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AACtE,YAAY,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAC1E,YAAY,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9E,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC"}

package/lib/components/screens/training/components/index.js

@@ -0,0 +1,19 @@
+import "./AnatomyOverlay3D.js";
+import "./HitFeedbackEffect3D.js";
+import "./VitalPointMarker3D.js";
+import "./TrainingDummy3D.js";
+import "./TrainingFeedbackOverlayHtml.js";
+import "./hud/TrainingBottomHUD.js";
+import "./AnatomyControlsOverlayHtml.js";
+import "./hud/TrainingLeftHUD.js";
+import "./TrainingModeSelectorOverlayHtml.js";
+import "./TrainingStatsOverlayHtml.js";
+import "./VitalPointTrainingOverlayHtml.js";
+import "./hud/TrainingRightHUD.js";
+import "./TrainingControlsOverlayHtml.js";
+import "./hud/TrainingTopHUD.js";
+import "./hud/index.js";
+import "./DamageNumber3D.js";
+import "./TrainingAICharacter3D.js";
+import "./TrainingArena3D.js";
+import "./TrainingHitEffects3D.js";

package/lib/components/screens/training/hooks/useAttackMovement.d.ts

@@ -0,0 +1,69 @@
+/**
+ * useAttackMovement Hook - Track Attack Movement for 3D Characters
+ *
+ * Custom hook for managing attack movement physics during animations.
+ * Tracks lunge and recovery phases with smooth easing curves.
+ *
+ * @korean 공격이동훅 - 공격 이동 추적
+ */
+import * as THREE from "three";
+import { AnimationType } from "../../../../systems/animation";
+import { TrigramStance } from "../../../../types/common";
+/**
+ * Configuration for useAttackMovement hook
+ */
+export interface UseAttackMovementConfig {
+    /** Whether character is currently attacking */
+    readonly isAttacking: boolean;
+    /** Animation type for current attack */
+    readonly animationType?: AnimationType;
+    /** Current trigram stance */
+    readonly currentStance: TrigramStance;
+    /** Base position of character (when not attacking) */
+    readonly basePosition: [number, number, number];
+    /** Direction vector for attack (normalized) */
+    readonly attackDirection?: THREE.Vector3;
+    /** Animation duration in seconds (default: 0.4) */
+    readonly animationDuration?: number;
+}
+/**
+ * Return value from useAttackMovement hook
+ */
+export interface UseAttackMovementResult {
+    /** Current 3D position including attack movement */
+    readonly currentPosition: [number, number, number];
+    /** Whether in forward lunge phase */
+    readonly isLunging: boolean;
+    /** Whether in recovery return phase */
+    readonly isRecovering: boolean;
+    /** Progress through attack movement (0-1) */
+    readonly progress: number;
+}
+/**
+ * useAttackMovement hook
+ *
+ * Tracks attack movement physics and returns current position.
+ * Automatically handles lunge and recovery phases with smooth easing.
+ *
+ * @param config - Attack movement configuration
+ * @returns Current position and movement state
+ *
+ * @example
+ * ```typescript
+ * const { currentPosition, isLunging } = useAttackMovement({
+ *   isAttacking: playerIsAttacking,
+ *   animationType: AnimationType.ROUNDHOUSE_KICK,
+ *   currentStance: TrigramStance.LI,
+ *   basePosition: [0, 0, 0],
+ *   attackDirection: new THREE.Vector3(1, 0, 0),
+ * });
+ *
+ * // Use currentPosition for rendering
+ * <CharacterModel position={currentPosition} />
+ * ```
+ *
+ * @korean 공격이동사용
+ */
+export declare function useAttackMovement(config: UseAttackMovementConfig): UseAttackMovementResult;
+export default useAttackMovement;
+//# sourceMappingURL=useAttackMovement.d.ts.map

package/lib/components/screens/training/hooks/useAttackMovement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAttackMovement.d.ts","sourceRoot":"","sources":["../../../../../src/components/screens/training/hooks/useAttackMovement.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,+CAA+C;IAC/C,QAAQ,CAAC,WAAW,EAAE,OAAO,CAAC;IAC9B,wCAAwC;IACxC,QAAQ,CAAC,aAAa,CAAC,EAAE,aAAa,CAAC;IACvC,6BAA6B;IAC7B,QAAQ,CAAC,aAAa,EAAE,aAAa,CAAC;IACtC,sDAAsD;IACtD,QAAQ,CAAC,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAChD,+CAA+C;IAC/C,QAAQ,CAAC,eAAe,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC;IACzC,mDAAmD;IACnD,QAAQ,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC;CACrC;AAED;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,oDAAoD;IACpD,QAAQ,CAAC,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IACnD,qCAAqC;IACrC,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,uCAAuC;IACvC,QAAQ,CAAC,YAAY,EAAE,OAAO,CAAC;IAC/B,6CAA6C;IAC7C,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,uBAAuB,GAC9B,uBAAuB,CA6IzB;AAED,eAAe,iBAAiB,CAAC"}

package/lib/components/screens/training/hooks/useAttackMovement.js

@@ -0,0 +1,118 @@
+import AttackMovementPhysics from "../../../../systems/physics/AttackMovementPhysics.js";
+import "../../../../systems/physics/index.js";
+import { useEffect, useRef, useState } from "react";
+import * as THREE from "three";
+//#region src/components/screens/training/hooks/useAttackMovement.ts
+/**
+* useAttackMovement Hook - Track Attack Movement for 3D Characters
+*
+* Custom hook for managing attack movement physics during animations.
+* Tracks lunge and recovery phases with smooth easing curves.
+*
+* @korean 공격이동훅 - 공격 이동 추적
+*/
+/**
+* useAttackMovement hook
+*
+* Tracks attack movement physics and returns current position.
+* Automatically handles lunge and recovery phases with smooth easing.
+*
+* @param config - Attack movement configuration
+* @returns Current position and movement state
+*
+* @example
+* ```typescript
+* const { currentPosition, isLunging } = useAttackMovement({
+*   isAttacking: playerIsAttacking,
+*   animationType: AnimationType.ROUNDHOUSE_KICK,
+*   currentStance: TrigramStance.LI,
+*   basePosition: [0, 0, 0],
+*   attackDirection: new THREE.Vector3(1, 0, 0),
+* });
+*
+* // Use currentPosition for rendering
+* <CharacterModel position={currentPosition} />
+* ```
+*
+* @korean 공격이동사용
+*/
+function useAttackMovement(config) {
+	const { isAttacking, animationType, currentStance, basePosition, attackDirection, animationDuration = .4 } = config;
+	const physicsRef = useRef(new AttackMovementPhysics());
+	const attackStartTimeRef = useRef(null);
+	const attackMovementResultRef = useRef(null);
+	const [currentPosition, setCurrentPosition] = useState(basePosition);
+	const [isLunging, setIsLunging] = useState(false);
+	const [isRecovering, setIsRecovering] = useState(false);
+	const [progress, setProgress] = useState(0);
+	const wasAttackingRef = useRef(false);
+	useEffect(() => {
+		if (!isAttacking) setCurrentPosition(basePosition);
+	}, [isAttacking, basePosition]);
+	useEffect(() => {
+		if (isAttacking && !wasAttackingRef.current) {
+			attackStartTimeRef.current = performance.now() / 1e3;
+			if (animationType && attackDirection) attackMovementResultRef.current = physicsRef.current.calculateAttackMovement({
+				animationType,
+				currentStance,
+				direction: attackDirection.clone().normalize(),
+				animationDuration
+			});
+		} else if (!isAttacking && wasAttackingRef.current) {
+			attackStartTimeRef.current = null;
+			attackMovementResultRef.current = null;
+			setIsLunging(false);
+			setIsRecovering(false);
+			setProgress(0);
+		}
+		wasAttackingRef.current = isAttacking;
+		if (!isAttacking || !attackStartTimeRef.current || !attackMovementResultRef.current) return;
+		const result = attackMovementResultRef.current;
+		let animationFrameId;
+		const updatePosition = () => {
+			if (attackStartTimeRef.current === null) return;
+			const elapsedTime = performance.now() / 1e3 - attackStartTimeRef.current;
+			const lunging = physicsRef.current.isInLungePhase(elapsedTime, result.lungeDuration);
+			const recovering = physicsRef.current.isInRecoveryPhase(elapsedTime, result);
+			setIsLunging(lunging);
+			setIsRecovering(recovering);
+			setProgress(Math.min(1, elapsedTime / result.totalDuration));
+			if (lunging || recovering) {
+				const basePos = new THREE.Vector3(...basePosition);
+				const newPosition = physicsRef.current.applyAttackMovement(basePos, result, elapsedTime, recovering);
+				setCurrentPosition([
+					newPosition.x,
+					newPosition.y,
+					newPosition.z
+				]);
+				animationFrameId = requestAnimationFrame(updatePosition);
+			} else {
+				setCurrentPosition(basePosition);
+				setIsLunging(false);
+				setIsRecovering(false);
+				setProgress(1);
+			}
+		};
+		animationFrameId = requestAnimationFrame(updatePosition);
+		return () => {
+			if (animationFrameId) cancelAnimationFrame(animationFrameId);
+		};
+	}, [
+		isAttacking,
+		animationType,
+		currentStance,
+		attackDirection,
+		animationDuration,
+		basePosition
+	]);
+	return {
+		currentPosition,
+		isLunging,
+		isRecovering,
+		progress
+	};
+}
+//#endregion
+export { useAttackMovement as default };
+
+//# sourceMappingURL=useAttackMovement.js.map

package/lib/components/screens/training/hooks/useAttackMovement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAttackMovement.js","names":[],"sources":["../../../../../src/components/screens/training/hooks/useAttackMovement.ts"],"sourcesContent":["/**\n * useAttackMovement Hook - Track Attack Movement for 3D Characters\n *\n * Custom hook for managing attack movement physics during animations.\n * Tracks lunge and recovery phases with smooth easing curves.\n *\n * @korean 공격이동훅 - 공격 이동 추적\n */\n\nimport { useEffect, useRef, useState } from \"react\";\nimport * as THREE from \"three\";\nimport { AnimationType } from \"@/systems/animation\";\nimport { AttackMovementPhysics } from \"@/systems/physics\";\nimport { TrigramStance } from \"@/types/common\";\n\n/**\n * Configuration for useAttackMovement hook\n */\nexport interface UseAttackMovementConfig {\n  /** Whether character is currently attacking */\n  readonly isAttacking: boolean;\n  /** Animation type for current attack */\n  readonly animationType?: AnimationType;\n  /** Current trigram stance */\n  readonly currentStance: TrigramStance;\n  /** Base position of character (when not attacking) */\n  readonly basePosition: [number, number, number];\n  /** Direction vector for attack (normalized) */\n  readonly attackDirection?: THREE.Vector3;\n  /** Animation duration in seconds (default: 0.4) */\n  readonly animationDuration?: number;\n}\n\n/**\n * Return value from useAttackMovement hook\n */\nexport interface UseAttackMovementResult {\n  /** Current 3D position including attack movement */\n  readonly currentPosition: [number, number, number];\n  /** Whether in forward lunge phase */\n  readonly isLunging: boolean;\n  /** Whether in recovery return phase */\n  readonly isRecovering: boolean;\n  /** Progress through attack movement (0-1) */\n  readonly progress: number;\n}\n\n/**\n * useAttackMovement hook\n *\n * Tracks attack movement physics and returns current position.\n * Automatically handles lunge and recovery phases with smooth easing.\n *\n * @param config - Attack movement configuration\n * @returns Current position and movement state\n *\n * @example\n * ```typescript\n * const { currentPosition, isLunging } = useAttackMovement({\n *   isAttacking: playerIsAttacking,\n *   animationType: AnimationType.ROUNDHOUSE_KICK,\n *   currentStance: TrigramStance.LI,\n *   basePosition: [0, 0, 0],\n *   attackDirection: new THREE.Vector3(1, 0, 0),\n * });\n *\n * // Use currentPosition for rendering\n * <CharacterModel position={currentPosition} />\n * ```\n *\n * @korean 공격이동사용\n */\nexport function useAttackMovement(\n  config: UseAttackMovementConfig\n): UseAttackMovementResult {\n  const {\n    isAttacking,\n    animationType,\n    currentStance,\n    basePosition,\n    attackDirection,\n    animationDuration = 0.4,\n  } = config;\n\n  // Attack movement physics engine\n  const physicsRef = useRef(new AttackMovementPhysics());\n\n  // Attack timing\n  const attackStartTimeRef = useRef<number | null>(null);\n  const attackMovementResultRef = useRef<ReturnType<\n    typeof physicsRef.current.calculateAttackMovement\n  > | null>(null);\n\n  // Current position state\n  const [currentPosition, setCurrentPosition] = useState<\n    [number, number, number]\n  >(basePosition);\n  const [isLunging, setIsLunging] = useState(false);\n  const [isRecovering, setIsRecovering] = useState(false);\n  const [progress, setProgress] = useState(0);\n\n  // Track previous attack state\n  const wasAttackingRef = useRef(false);\n\n  // Keep position synced with basePosition when not attacking\n  useEffect(() => {\n    if (!isAttacking) {\n      setCurrentPosition(basePosition);\n    }\n  }, [isAttacking, basePosition]);\n\n  // Initialize attack movement and manage animation loop\n  useEffect(() => {\n    if (isAttacking && !wasAttackingRef.current) {\n      // Attack just started - initialize movement\n      attackStartTimeRef.current = performance.now() / 1000;\n\n      // Calculate attack movement if we have animation type\n      if (animationType && attackDirection) {\n        attackMovementResultRef.current =\n          physicsRef.current.calculateAttackMovement({\n            animationType,\n            currentStance,\n            direction: attackDirection.clone().normalize(),\n            animationDuration,\n          });\n      }\n    } else if (!isAttacking && wasAttackingRef.current) {\n      // Attack ended - clean up\n      attackStartTimeRef.current = null;\n      attackMovementResultRef.current = null;\n      setIsLunging(false);\n      setIsRecovering(false);\n      setProgress(0);\n    }\n\n    wasAttackingRef.current = isAttacking;\n\n    // Only start animation loop if attacking\n    if (!isAttacking || !attackStartTimeRef.current || !attackMovementResultRef.current) {\n      return;\n    }\n\n    const result = attackMovementResultRef.current;\n    let animationFrameId: number;\n\n    const updatePosition = () => {\n      if (attackStartTimeRef.current === null) return;\n\n      const currentTime = performance.now() / 1000;\n      const elapsedTime = currentTime - attackStartTimeRef.current;\n\n      // Determine phase\n      const lunging = physicsRef.current.isInLungePhase(\n        elapsedTime,\n        result.lungeDuration\n      );\n      const recovering = physicsRef.current.isInRecoveryPhase(\n        elapsedTime,\n        result\n      );\n\n      setIsLunging(lunging);\n      setIsRecovering(recovering);\n\n      // Calculate progress\n      const totalProgress = Math.min(1.0, elapsedTime / result.totalDuration);\n      setProgress(totalProgress);\n\n      if (lunging || recovering) {\n        // Apply attack movement physics\n        const basePos = new THREE.Vector3(...basePosition);\n        const newPosition = physicsRef.current.applyAttackMovement(\n          basePos,\n          result,\n          elapsedTime,\n          recovering\n        );\n\n        setCurrentPosition([newPosition.x, newPosition.y, newPosition.z]);\n\n        // Continue animation\n        animationFrameId = requestAnimationFrame(updatePosition);\n      } else {\n        // Attack movement complete - return to base\n        setCurrentPosition(basePosition);\n        setIsLunging(false);\n        setIsRecovering(false);\n        setProgress(1.0);\n      }\n    };\n\n    // Start animation loop\n    animationFrameId = requestAnimationFrame(updatePosition);\n\n    return () => {\n      if (animationFrameId) {\n        cancelAnimationFrame(animationFrameId);\n      }\n    };\n  }, [\n    isAttacking,\n    animationType,\n    currentStance,\n    attackDirection,\n    animationDuration,\n    basePosition,\n  ]);\n\n  return {\n    currentPosition,\n    isLunging,\n    isRecovering,\n    progress,\n  };\n}\n\nexport default useAttackMovement;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwEA,SAAgB,kBACd,QACyB;CACzB,MAAM,EACJ,aACA,eACA,eACA,cACA,iBACA,oBAAoB,OAClB;CAGJ,MAAM,aAAa,OAAO,IAAI,uBAAuB,CAAC;CAGtD,MAAM,qBAAqB,OAAsB,KAAK;CACtD,MAAM,0BAA0B,OAEtB,KAAK;CAGf,MAAM,CAAC,iBAAiB,sBAAsB,SAE5C,aAAa;CACf,MAAM,CAAC,WAAW,gBAAgB,SAAS,MAAM;CACjD,MAAM,CAAC,cAAc,mBAAmB,SAAS,MAAM;CACvD,MAAM,CAAC,UAAU,eAAe,SAAS,EAAE;CAG3C,MAAM,kBAAkB,OAAO,MAAM;AAGrC,iBAAgB;AACd,MAAI,CAAC,YACH,oBAAmB,aAAa;IAEjC,CAAC,aAAa,aAAa,CAAC;AAG/B,iBAAgB;AACd,MAAI,eAAe,CAAC,gBAAgB,SAAS;AAE3C,sBAAmB,UAAU,YAAY,KAAK,GAAG;AAGjD,OAAI,iBAAiB,gBACnB,yBAAwB,UACtB,WAAW,QAAQ,wBAAwB;IACzC;IACA;IACA,WAAW,gBAAgB,OAAO,CAAC,WAAW;IAC9C;IACD,CAAC;aAEG,CAAC,eAAe,gBAAgB,SAAS;AAElD,sBAAmB,UAAU;AAC7B,2BAAwB,UAAU;AAClC,gBAAa,MAAM;AACnB,mBAAgB,MAAM;AACtB,eAAY,EAAE;;AAGhB,kBAAgB,UAAU;AAG1B,MAAI,CAAC,eAAe,CAAC,mBAAmB,WAAW,CAAC,wBAAwB,QAC1E;EAGF,MAAM,SAAS,wBAAwB;EACvC,IAAI;EAEJ,MAAM,uBAAuB;AAC3B,OAAI,mBAAmB,YAAY,KAAM;GAGzC,MAAM,cADc,YAAY,KAAK,GAAG,MACN,mBAAmB;GAGrD,MAAM,UAAU,WAAW,QAAQ,eACjC,aACA,OAAO,cACR;GACD,MAAM,aAAa,WAAW,QAAQ,kBACpC,aACA,OACD;AAED,gBAAa,QAAQ;AACrB,mBAAgB,WAAW;AAI3B,eADsB,KAAK,IAAI,GAAK,cAAc,OAAO,cAAc,CAC7C;AAE1B,OAAI,WAAW,YAAY;IAEzB,MAAM,UAAU,IAAI,MAAM,QAAQ,GAAG,aAAa;IAClD,MAAM,cAAc,WAAW,QAAQ,oBACrC,SACA,QACA,aACA,WACD;AAED,uBAAmB;KAAC,YAAY;KAAG,YAAY;KAAG,YAAY;KAAE,CAAC;AAGjE,uBAAmB,sBAAsB,eAAe;UACnD;AAEL,uBAAmB,aAAa;AAChC,iBAAa,MAAM;AACnB,oBAAgB,MAAM;AACtB,gBAAY,EAAI;;;AAKpB,qBAAmB,sBAAsB,eAAe;AAExD,eAAa;AACX,OAAI,iBACF,sBAAqB,iBAAiB;;IAGzC;EACD;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,QAAO;EACL;EACA;EACA;EACA;EACD"}

package/lib/components/screens/training/hooks/useTrainingActions.d.ts

@@ -0,0 +1,82 @@
+/**
+ * useTrainingActions Hook - Training Action Handlers
+ *
+ * Custom hook for managing training action handlers.
+ * Mirrors useCombatActions pattern for consistency.
+ *
+ * @korean 훈련액션훅 - 훈련 액션 핸들러 관리
+ */
+import { AudioBodyRegion, ImpactIntensity } from "../../../../audio/types";
+import type { AttackIntensity } from "../../../screens/combat/hooks/useCombatAudio";
+import { AnimationState, AnimationType } from "../../../../systems/animation";
+import { Position, TrigramStance } from "../../../../types/common";
+import { TrainingActions, TrainingScreenState } from "./useTrainingState";
+export interface UseTrainingActionsConfig {
+    readonly state: TrainingScreenState;
+    readonly actions: TrainingActions;
+    readonly playerPosition: Position;
+    readonly player3DPosition: [number, number, number];
+    readonly dummyPosition: [number, number, number];
+    readonly playerArchetype: import("../../../../types/common").PlayerArchetype;
+    readonly playerStance: TrigramStance;
+    /** Ref to current selected technique's animation type for distance-based hit detection */
+    readonly currentTechniqueAnimationTypeRef: React.MutableRefObject<AnimationType>;
+    readonly audio: {
+        readonly playSFX: (sound: string, volume?: number) => Promise<void>;
+    };
+    /** Attack sound function from useCombatAudio for playing attack whoosh sounds */
+    readonly playAttackSound?: (intensity: AttackIntensity) => Promise<void>;
+    /** Bone impact audio function from useCombatAudio or similar hook */
+    readonly playBoneImpactSound?: (options: {
+        region?: AudioBodyRegion;
+        intensity?: ImpactIntensity;
+        damage?: number;
+        remainingHealth?: number;
+        vitalPoint?: boolean;
+        hitPosition?: {
+            x: number;
+            y: number;
+            z?: number;
+        };
+    }) => Promise<void>;
+    readonly onPlayerUpdate: (updates: {
+        currentStance?: TrigramStance;
+        lastActionTime?: number;
+        position?: Position;
+    }) => void;
+    readonly playerAnimation: {
+        readonly transitionTo: (state: AnimationState) => boolean;
+        readonly transitionToStanceGuard: (stance: TrigramStance) => boolean;
+        readonly currentState: string;
+    };
+    /** External ref to store pending attack data - shared with animation events */
+    readonly pendingAttackRef: React.MutableRefObject<{
+        accuracy: number;
+        vitalPoint: string;
+        animationType?: AnimationType;
+        startTime?: number;
+        techniqueId?: string;
+    } | null>;
+    /** Currently selected technique ID (from technique bar) */
+    readonly selectedTechniqueId?: string;
+    /** Callback to set the visual attack animation */
+    readonly setAttackAnimation?: (animationName: string | undefined) => void;
+}
+export interface UseTrainingActionsReturn {
+    readonly handleStartTraining: () => void;
+    readonly handleStopTraining: () => void;
+    readonly handleDummyHit: (vitalPointId: string, attackContext?: {
+        animationType?: AnimationType;
+        techniqueId?: string;
+    }) => boolean;
+    readonly handleDummyDefeated: () => void;
+    readonly handleStanceChange: (stanceIndex: number) => void;
+    readonly handleAttack: () => void;
+}
+/**
+ * useTrainingActions hook
+ * Provides training action handlers with proper memoization
+ */
+export declare function useTrainingActions(config: UseTrainingActionsConfig): UseTrainingActionsReturn;
+export default useTrainingActions;
+//# sourceMappingURL=useTrainingActions.d.ts.map

package/lib/components/screens/training/hooks/useTrainingActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTrainingActions.d.ts","sourceRoot":"","sources":["../../../../../src/components/screens/training/hooks/useTrainingActions.ts"],"names":[],"mappings":"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"}