diff --git a/src/page-components/scheme/q-scheme/Builder.tsx b/src/page-components/scheme/q-scheme/Builder.tsx
index ef9edf2..79657fb 100644
--- a/src/page-components/scheme/q-scheme/Builder.tsx
+++ b/src/page-components/scheme/q-scheme/Builder.tsx
@@ -18,9 +18,10 @@ import styles from './Builder.module.css';
 
 type QSchemeBuilderProps = {
   scheme: SchemeContent<QSchemeStorage>;
+  onBuildCompleted?: () => void;
 };
 
-export function QSchemeBuilder({ scheme }: QSchemeBuilderProps) {
+export function QSchemeBuilder({ scheme, onBuildCompleted }: QSchemeBuilderProps) {
   const { colorFn } = useColorFunction();
   const updateScheme = useUpdateScheme(scheme.id);
   const defaultSetting = useMemo(() => {
@@ -152,7 +153,6 @@ export function QSchemeBuilder({ scheme }: QSchemeBuilderProps) {
         background: defaultEmptyFormData(formData, 'background', null),
         setting: schemeSetting,
       };
-      console.debug('[collected]', source);
       const generatedScheme = every([source.secondary, source.tertiary, source.accent], isNil)
         ? colorFn?.generate_q_scheme_automatically(
             source.primary,
@@ -185,7 +185,7 @@ export function QSchemeBuilder({ scheme }: QSchemeBuilderProps) {
         prev.schemeStorage.jsVariables = generatedScheme[3];
         return prev;
       });
-      console.debug('[generated]', generatedScheme);
+      onBuildCompleted?.();
     } catch (e) {
       console.error('[build q scheme]', e);
     }