feat: 完善课程模板通用能力

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

src/components/common/GuideSpotlight/GuideSpotlight.tsx

@@ -1,11 +1,8 @@
 import { useCallback } from "react";
-import {
-	type GuideSpotlightProps,
-	GuideSpotlight as RegistryGuideSpotlight,
-} from "@/components/course-interactions/guide-spotlight";
-import { useCourseCanvas } from "@/course-runtime/canvas";
+import { getAppPortalRoot, useCourseCanvas } from "@/course/canvas";
+import { GuideSpotlight as RegistryGuideSpotlight } from "@/course/interactions/guide-spotlight";
 import { useSpotlightStore } from "@/stores";
-import { getAppPortalRoot } from "../canvasPortal";
+import type { GuideSpotlightProps } from "./GuideSpotlight.types";
 
 export function GuideSpotlight({
 	children,
@@ -14,10 +11,7 @@ export function GuideSpotlight({
 	container = getAppPortalRoot,
 	viewport,
 	...props
-}: Omit<GuideSpotlightProps, "actions" | "state"> & {
-	onFinish?: () => void;
-	onSkip?: () => void;
-}) {
+}: GuideSpotlightProps) {
 	const {
 		open,
 		steps,

src/components/common/GuideSpotlight/GuideSpotlight.types.ts

@@ -1,7 +1,14 @@
+import type { GuideSpotlightProps as RegistryGuideSpotlightProps } from "@/course/interactions/guide-spotlight";
+
+export interface GuideSpotlightProps
+	extends Omit<RegistryGuideSpotlightProps, "actions" | "state"> {
+	onFinish?: () => void;
+	onSkip?: () => void;
+}
+
 export type {
-	GuideSpotlightProps,
 	GuideSpotlightRenderState,
 	GuideSpotlightTheme,
 	Rect,
 	SpotlightLayout,
-} from "@/components/course-interactions/guide-spotlight";
+} from "@/course/interactions/guide-spotlight";