@crediblemark/build 0.25.18 → 0.25.20

package/dist/no-external.js

@@ -74,16 +74,16 @@ var init_get_class_name_factory = __esm({
   }
 });
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/ActionBar/styles.module.css/#css-module-data
+// css-module:/home/runner/work/credbuild/credbuild/components/ActionBar/styles.module.css/#css-module-data
 var init_css_module_data = __esm({
-  "css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/ActionBar/styles.module.css/#css-module-data"() {
+  "css-module:/home/runner/work/credbuild/credbuild/components/ActionBar/styles.module.css/#css-module-data"() {
   }
 });
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/ActionBar/styles.module.css#css-module
+// css-module:/home/runner/work/credbuild/credbuild/components/ActionBar/styles.module.css#css-module
 var styles_module_default;
 var init_styles_module = __esm({
-  "css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/ActionBar/styles.module.css#css-module"() {
+  "css-module:/home/runner/work/credbuild/credbuild/components/ActionBar/styles.module.css#css-module"() {
     "use strict";
     init_react_import();
     init_css_module_data();
@@ -146,16 +146,16 @@ var init_ActionBar = __esm({
   }
 });
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/AutoField/styles.module.css/#css-module-data
+// css-module:/home/runner/work/credbuild/credbuild/components/AutoField/styles.module.css/#css-module-data
 var init_css_module_data2 = __esm({
-  "css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/AutoField/styles.module.css/#css-module-data"() {
+  "css-module:/home/runner/work/credbuild/credbuild/components/AutoField/styles.module.css/#css-module-data"() {
   }
 });
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/AutoField/styles.module.css#css-module
+// css-module:/home/runner/work/credbuild/credbuild/components/AutoField/styles.module.css#css-module
 var styles_module_default2;
 var init_styles_module2 = __esm({
-  "css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/AutoField/styles.module.css#css-module"() {
+  "css-module:/home/runner/work/credbuild/credbuild/components/AutoField/styles.module.css#css-module"() {
     "use strict";
     init_react_import();
     init_css_module_data2();
@@ -4168,16 +4168,16 @@ var init_SelectField = __esm({
   }
 });
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/ExternalInput/styles.module.css/#css-module-data
+// css-module:/home/runner/work/credbuild/credbuild/components/ExternalInput/styles.module.css/#css-module-data
 var init_css_module_data3 = __esm({
-  "css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/ExternalInput/styles.module.css/#css-module-data"() {
+  "css-module:/home/runner/work/credbuild/credbuild/components/ExternalInput/styles.module.css/#css-module-data"() {
   }
 });
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/ExternalInput/styles.module.css#css-module
+// css-module:/home/runner/work/credbuild/credbuild/components/ExternalInput/styles.module.css#css-module
 var styles_module_default3;
 var init_styles_module3 = __esm({
-  "css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/ExternalInput/styles.module.css#css-module"() {
+  "css-module:/home/runner/work/credbuild/credbuild/components/ExternalInput/styles.module.css#css-module"() {
     "use strict";
     init_react_import();
     init_css_module_data3();
@@ -4185,16 +4185,16 @@ var init_styles_module3 = __esm({
   }
 });
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/Modal/styles.module.css/#css-module-data
+// css-module:/home/runner/work/credbuild/credbuild/components/Modal/styles.module.css/#css-module-data
 var init_css_module_data4 = __esm({
-  "css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/Modal/styles.module.css/#css-module-data"() {
+  "css-module:/home/runner/work/credbuild/credbuild/components/Modal/styles.module.css/#css-module-data"() {
   }
 });
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/Modal/styles.module.css#css-module
+// css-module:/home/runner/work/credbuild/credbuild/components/Modal/styles.module.css#css-module
 var styles_module_default4;
 var init_styles_module4 = __esm({
-  "css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/Modal/styles.module.css#css-module"() {
+  "css-module:/home/runner/work/credbuild/credbuild/components/Modal/styles.module.css#css-module"() {
     "use strict";
     init_react_import();
     init_css_module_data4();
@@ -4253,16 +4253,16 @@ var init_Modal = __esm({
   }
 });
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/Heading/styles.module.css/#css-module-data
+// css-module:/home/runner/work/credbuild/credbuild/components/Heading/styles.module.css/#css-module-data
 var init_css_module_data5 = __esm({
-  "css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/Heading/styles.module.css/#css-module-data"() {
+  "css-module:/home/runner/work/credbuild/credbuild/components/Heading/styles.module.css/#css-module-data"() {
   }
 });
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/Heading/styles.module.css#css-module
+// css-module:/home/runner/work/credbuild/credbuild/components/Heading/styles.module.css#css-module
 var styles_module_default5;
 var init_styles_module5 = __esm({
-  "css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/Heading/styles.module.css#css-module"() {
+  "css-module:/home/runner/work/credbuild/credbuild/components/Heading/styles.module.css#css-module"() {
     "use strict";
     init_react_import();
     init_css_module_data5();
@@ -4542,16 +4542,16 @@ var init_lib = __esm({
   }
 });
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/Loader/styles.module.css/#css-module-data
+// css-module:/home/runner/work/credbuild/credbuild/components/Loader/styles.module.css/#css-module-data
 var init_css_module_data6 = __esm({
-  "css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/Loader/styles.module.css/#css-module-data"() {
+  "css-module:/home/runner/work/credbuild/credbuild/components/Loader/styles.module.css/#css-module-data"() {
   }
 });
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/Loader/styles.module.css#css-module
+// css-module:/home/runner/work/credbuild/credbuild/components/Loader/styles.module.css#css-module
 var styles_module_default6;
 var init_styles_module6 = __esm({
-  "css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/Loader/styles.module.css#css-module"() {
+  "css-module:/home/runner/work/credbuild/credbuild/components/Loader/styles.module.css#css-module"() {
     "use strict";
     init_react_import();
     init_css_module_data6();
@@ -4591,16 +4591,16 @@ var init_Loader = __esm({
   }
 });
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/Button/Button.module.css/#css-module-data
+// css-module:/home/runner/work/credbuild/credbuild/components/Button/Button.module.css/#css-module-data
 var init_css_module_data7 = __esm({
-  "css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/Button/Button.module.css/#css-module-data"() {
+  "css-module:/home/runner/work/credbuild/credbuild/components/Button/Button.module.css/#css-module-data"() {
   }
 });
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/Button/Button.module.css#css-module
+// css-module:/home/runner/work/credbuild/credbuild/components/Button/Button.module.css#css-module
 var Button_module_default;
 var init_Button_module = __esm({
-  "css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/Button/Button.module.css#css-module"() {
+  "css-module:/home/runner/work/credbuild/credbuild/components/Button/Button.module.css#css-module"() {
     "use strict";
     init_react_import();
     init_css_module_data7();
@@ -4706,16 +4706,16 @@ var init_Button2 = __esm({
   }
 });
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/IconButton/IconButton.module.css/#css-module-data
+// css-module:/home/runner/work/credbuild/credbuild/components/IconButton/IconButton.module.css/#css-module-data
 var init_css_module_data8 = __esm({
-  "css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/IconButton/IconButton.module.css/#css-module-data"() {
+  "css-module:/home/runner/work/credbuild/credbuild/components/IconButton/IconButton.module.css/#css-module-data"() {
   }
 });
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/IconButton/IconButton.module.css#css-module
+// css-module:/home/runner/work/credbuild/credbuild/components/IconButton/IconButton.module.css#css-module
 var IconButton_module_default;
 var init_IconButton_module = __esm({
-  "css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/IconButton/IconButton.module.css#css-module"() {
+  "css-module:/home/runner/work/credbuild/credbuild/components/IconButton/IconButton.module.css#css-module"() {
     "use strict";
     init_react_import();
     init_css_module_data8();
@@ -5273,16 +5273,16 @@ var init_TextareaField = __esm({
   }
 });
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/RichTextMenu/styles.module.css/#css-module-data
+// css-module:/home/runner/work/credbuild/credbuild/components/RichTextMenu/styles.module.css/#css-module-data
 var init_css_module_data9 = __esm({
-  "css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/RichTextMenu/styles.module.css/#css-module-data"() {
+  "css-module:/home/runner/work/credbuild/credbuild/components/RichTextMenu/styles.module.css/#css-module-data"() {
   }
 });
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/RichTextMenu/styles.module.css#css-module
+// css-module:/home/runner/work/credbuild/credbuild/components/RichTextMenu/styles.module.css#css-module
 var styles_module_default7;
 var init_styles_module7 = __esm({
-  "css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/RichTextMenu/styles.module.css#css-module"() {
+  "css-module:/home/runner/work/credbuild/credbuild/components/RichTextMenu/styles.module.css#css-module"() {
     "use strict";
     init_react_import();
     init_css_module_data9();
@@ -5290,16 +5290,16 @@ var init_styles_module7 = __esm({
   }
 });
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/RichTextMenu/components/Control/styles.module.css/#css-module-data
+// css-module:/home/runner/work/credbuild/credbuild/components/RichTextMenu/components/Control/styles.module.css/#css-module-data
 var init_css_module_data10 = __esm({
-  "css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/RichTextMenu/components/Control/styles.module.css/#css-module-data"() {
+  "css-module:/home/runner/work/credbuild/credbuild/components/RichTextMenu/components/Control/styles.module.css/#css-module-data"() {
   }
 });
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/RichTextMenu/components/Control/styles.module.css#css-module
+// css-module:/home/runner/work/credbuild/credbuild/components/RichTextMenu/components/Control/styles.module.css#css-module
 var styles_module_default8;
 var init_styles_module8 = __esm({
-  "css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/RichTextMenu/components/Control/styles.module.css#css-module"() {
+  "css-module:/home/runner/work/credbuild/credbuild/components/RichTextMenu/components/Control/styles.module.css#css-module"() {
     "use strict";
     init_react_import();
     init_css_module_data10();
@@ -5484,16 +5484,16 @@ var init_AlignJustify = __esm({
   }
 });
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/Select/styles.module.css/#css-module-data
+// css-module:/home/runner/work/credbuild/credbuild/components/Select/styles.module.css/#css-module-data
 var init_css_module_data11 = __esm({
-  "css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/Select/styles.module.css/#css-module-data"() {
+  "css-module:/home/runner/work/credbuild/credbuild/components/Select/styles.module.css/#css-module-data"() {
   }
 });
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/Select/styles.module.css#css-module
+// css-module:/home/runner/work/credbuild/credbuild/components/Select/styles.module.css#css-module
 var styles_module_default9;
 var init_styles_module9 = __esm({
-  "css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/Select/styles.module.css#css-module"() {
+  "css-module:/home/runner/work/credbuild/credbuild/components/Select/styles.module.css#css-module"() {
     "use strict";
     init_react_import();
     init_css_module_data11();
@@ -6459,16 +6459,16 @@ var init_inner = __esm({
   }
 });
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/RichTextEditor/styles.module.css/#css-module-data
+// css-module:/home/runner/work/credbuild/credbuild/components/RichTextEditor/styles.module.css/#css-module-data
 var init_css_module_data12 = __esm({
-  "css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/RichTextEditor/styles.module.css/#css-module-data"() {
+  "css-module:/home/runner/work/credbuild/credbuild/components/RichTextEditor/styles.module.css/#css-module-data"() {
   }
 });
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/RichTextEditor/styles.module.css#css-module
+// css-module:/home/runner/work/credbuild/credbuild/components/RichTextEditor/styles.module.css#css-module
 var styles_module_default10;
 var init_styles_module10 = __esm({
-  "css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/RichTextEditor/styles.module.css#css-module"() {
+  "css-module:/home/runner/work/credbuild/credbuild/components/RichTextEditor/styles.module.css#css-module"() {
     "use strict";
     init_react_import();
     init_css_module_data12();
@@ -7056,16 +7056,16 @@ var init_RichtextField = __esm({
   }
 });
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/AutoField/fields/ArrayField/styles.module.css/#css-module-data
+// css-module:/home/runner/work/credbuild/credbuild/components/AutoField/fields/ArrayField/styles.module.css/#css-module-data
 var init_css_module_data13 = __esm({
-  "css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/AutoField/fields/ArrayField/styles.module.css/#css-module-data"() {
+  "css-module:/home/runner/work/credbuild/credbuild/components/AutoField/fields/ArrayField/styles.module.css/#css-module-data"() {
   }
 });
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/AutoField/fields/ArrayField/styles.module.css#css-module
+// css-module:/home/runner/work/credbuild/credbuild/components/AutoField/fields/ArrayField/styles.module.css#css-module
 var styles_module_default11;
 var init_styles_module11 = __esm({
-  "css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/AutoField/fields/ArrayField/styles.module.css#css-module"() {
+  "css-module:/home/runner/work/credbuild/credbuild/components/AutoField/fields/ArrayField/styles.module.css#css-module"() {
     "use strict";
     init_react_import();
     init_css_module_data13();
@@ -7073,16 +7073,16 @@ var init_styles_module11 = __esm({
   }
 });
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/DragIcon/styles.module.css/#css-module-data
+// css-module:/home/runner/work/credbuild/credbuild/components/DragIcon/styles.module.css/#css-module-data
 var init_css_module_data14 = __esm({
-  "css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/DragIcon/styles.module.css/#css-module-data"() {
+  "css-module:/home/runner/work/credbuild/credbuild/components/DragIcon/styles.module.css/#css-module-data"() {
   }
 });
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/DragIcon/styles.module.css#css-module
+// css-module:/home/runner/work/credbuild/credbuild/components/DragIcon/styles.module.css#css-module
 var styles_module_default12;
 var init_styles_module12 = __esm({
-  "css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/DragIcon/styles.module.css#css-module"() {
+  "css-module:/home/runner/work/credbuild/credbuild/components/DragIcon/styles.module.css#css-module"() {
     "use strict";
     init_react_import();
     init_css_module_data14();
@@ -8065,16 +8065,16 @@ var init_ArrayField = __esm({
   }
 });
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/AutoField/fields/ObjectField/styles.module.css/#css-module-data
+// css-module:/home/runner/work/credbuild/credbuild/components/AutoField/fields/ObjectField/styles.module.css/#css-module-data
 var init_css_module_data15 = __esm({
-  "css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/AutoField/fields/ObjectField/styles.module.css/#css-module-data"() {
+  "css-module:/home/runner/work/credbuild/credbuild/components/AutoField/fields/ObjectField/styles.module.css/#css-module-data"() {
   }
 });
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/AutoField/fields/ObjectField/styles.module.css#css-module
+// css-module:/home/runner/work/credbuild/credbuild/components/AutoField/fields/ObjectField/styles.module.css#css-module
 var styles_module_default13;
 var init_styles_module13 = __esm({
-  "css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/AutoField/fields/ObjectField/styles.module.css#css-module"() {
+  "css-module:/home/runner/work/credbuild/credbuild/components/AutoField/fields/ObjectField/styles.module.css#css-module"() {
     "use strict";
     init_react_import();
     init_css_module_data15();
@@ -8969,7 +8969,7 @@ init_Button2();
 // components/Drawer/index.tsx
 init_react_import();
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/Drawer/styles.module.css#css-module
+// css-module:/home/runner/work/credbuild/credbuild/components/Drawer/styles.module.css#css-module
 init_react_import();
 var styles_module_default14 = { "Drawer": "_Drawer_1quh5_1", "Drawer-draggable": "_Drawer-draggable_1quh5_7", "Drawer-draggableBg": "_Drawer-draggableBg_1quh5_11", "DrawerItem-draggable": "_DrawerItem-draggable_1quh5_21", "DrawerItem--disabled": "_DrawerItem--disabled_1quh5_34", "DrawerItem": "_DrawerItem_1quh5_21", "Drawer--isDraggingFrom": "_Drawer--isDraggingFrom_1quh5_43", "DrawerItem-default": "_DrawerItem-default_1quh5_44", "DrawerItem-name": "_DrawerItem-name_1quh5_61" };
 
@@ -9148,7 +9148,7 @@ var import_isomorphic_dompurify4 = __toESM(require("isomorphic-dompurify"));
 init_react_import();
 var import_react58 = require("react");
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/DraggableComponent/styles.module.css#css-module
+// css-module:/home/runner/work/credbuild/credbuild/components/DraggableComponent/styles.module.css#css-module
 init_react_import();
 var styles_module_default15 = { "DraggableComponent": "_DraggableComponent_yrtpz_1", "DraggableComponent-overlayWrapper": "_DraggableComponent-overlayWrapper_yrtpz_12", "DraggableComponent-overlay": "_DraggableComponent-overlay_yrtpz_12", "DraggableComponent-loadingOverlay": "_DraggableComponent-loadingOverlay_yrtpz_34", "DraggableComponent--hover": "_DraggableComponent--hover_yrtpz_50", "DraggableComponent--isSelected": "_DraggableComponent--isSelected_yrtpz_57", "DraggableComponent-actionsOverlay": "_DraggableComponent-actionsOverlay_yrtpz_71", "DraggableComponent-actions": "_DraggableComponent-actions_yrtpz_71" };
 
@@ -9888,7 +9888,7 @@ init_setup_zone();
 init_root_droppable_id();
 init_lib();
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/DropZone/styles.module.css#css-module
+// css-module:/home/runner/work/credbuild/credbuild/components/DropZone/styles.module.css#css-module
 init_react_import();
 var styles_module_default16 = { "DropZone": "_DropZone_1vmgt_1", "DropZone--hasChildren": "_DropZone--hasChildren_1vmgt_11", "DropZone--isAreaSelected": "_DropZone--isAreaSelected_1vmgt_24", "DropZone--hoveringOverArea": "_DropZone--hoveringOverArea_1vmgt_25", "DropZone--isRootZone": "_DropZone--isRootZone_1vmgt_25", "DropZone--isDestination": "_DropZone--isDestination_1vmgt_35", "DropZone-item": "_DropZone-item_1vmgt_47", "DropZone-hitbox": "_DropZone-hitbox_1vmgt_51", "DropZone--isEnabled": "_DropZone--isEnabled_1vmgt_59", "DropZone--isAnimating": "_DropZone--isAnimating_1vmgt_68" };
 
@@ -10443,7 +10443,7 @@ var registerOverlayPortal = (el, opts = {}) => {
 // components/InlineTextField/index.tsx
 init_store2();
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/InlineTextField/styles.module.css#css-module
+// css-module:/home/runner/work/credbuild/credbuild/components/InlineTextField/styles.module.css#css-module
 init_react_import();
 var styles_module_default17 = { "InlineTextField": "_InlineTextField_104qp_1" };
 
@@ -11486,7 +11486,7 @@ init_AutoField();
 init_store();
 init_store2();
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/CredBuild/components/Fields/styles.module.css#css-module
+// css-module:/home/runner/work/credbuild/credbuild/components/CredBuild/components/Fields/styles.module.css#css-module
 init_react_import();
 var styles_module_default18 = { "CredBuildFields": "_CredBuildFields_53gu7_1", "CredBuildFields--isLoading": "_CredBuildFields--isLoading_53gu7_6", "CredBuildFields-loadingOverlay": "_CredBuildFields-loadingOverlay_53gu7_10", "CredBuildFields-loadingOverlayInner": "_CredBuildFields-loadingOverlayInner_53gu7_25", "CredBuildFields-field": "_CredBuildFields-field_53gu7_32", "CredBuildFields--wrapFields": "_CredBuildFields--wrapFields_53gu7_36" };
 
@@ -11649,7 +11649,7 @@ var import_react78 = require("react");
 // components/ComponentList/index.tsx
 init_react_import();
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/ComponentList/styles.module.css#css-module
+// css-module:/home/runner/work/credbuild/credbuild/components/ComponentList/styles.module.css#css-module
 init_react_import();
 var styles_module_default19 = { "ComponentList": "_ComponentList_1dcib_1", "ComponentList--isExpanded": "_ComponentList--isExpanded_1dcib_5", "ComponentList-content": "_ComponentList-content_1dcib_9", "ComponentList-title": "_ComponentList-title_1dcib_17", "ComponentList-titleIcon": "_ComponentList-titleIcon_1dcib_53" };
 
@@ -11830,7 +11830,7 @@ init_store2();
 var import_react79 = require("react");
 init_lucide_react();
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/CredBuild/components/Components/styles.module.css#css-module
+// css-module:/home/runner/work/credbuild/credbuild/components/CredBuild/components/Components/styles.module.css#css-module
 init_react_import();
 var styles_module_default20 = { "CredBuildComponents": "_CredBuildComponents_lxrzy_1", "CredBuildComponents-searchContainer": "_CredBuildComponents-searchContainer_lxrzy_7", "CredBuildComponents-searchWrapper": "_CredBuildComponents-searchWrapper_lxrzy_16", "CredBuildComponents-searchInput": "_CredBuildComponents-searchInput_lxrzy_23", "CredBuildComponents-searchIcon": "_CredBuildComponents-searchIcon_lxrzy_42", "CredBuildComponents-clearButton": "_CredBuildComponents-clearButton_lxrzy_54", "CredBuildComponents-listContainer": "_CredBuildComponents-listContainer_lxrzy_74", "CredBuildComponents-noResults": "_CredBuildComponents-noResults_lxrzy_79" };
 
@@ -12227,9 +12227,9 @@ function AutoFrame({
 AutoFrame.displayName = "AutoFrame";
 var AutoFrame_default = AutoFrame;
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/CredBuild/components/Preview/styles.module.css#css-module
+// css-module:/home/runner/work/credbuild/credbuild/components/CredBuild/components/Preview/styles.module.css#css-module
 init_react_import();
-var styles_module_default21 = { "CredBuildPreview": "_CredBuildPreview_1z08a_1", "CredBuildPreview-frame": "_CredBuildPreview-frame_1z08a_6" };
+var styles_module_default21 = { "CredBuildPreview": "_CredBuildPreview_17c6o_1", "CredBuildPreview-frame": "_CredBuildPreview-frame_17c6o_6", "CredBuildPreview-htmlEditor": "_CredBuildPreview-htmlEditor_17c6o_12", "CredBuildPreview-htmlTextarea": "_CredBuildPreview-htmlTextarea_17c6o_23" };
 
 // components/CredBuild/components/Preview/index.tsx
 init_lib();
@@ -12268,7 +12268,14 @@ var HtmlModeRender = ({
         const body = document.body;
         // calculate content height safely, avoiding clientHeight/viewport height which prevents shrinking
         const height = Math.max(body.scrollHeight, body.offsetHeight);
-        window.parent.postMessage({ type: 'resize-iframe', id: '${id}', height: height }, '*');
+        try {
+          window.parent.postMessage({ type: 'resize-iframe', id: '${id}', height: height }, '*');
+          if (window.top && window.top !== window.parent) {
+            window.top.postMessage({ type: 'resize-iframe', id: '${id}', height: height }, '*');
+          }
+        } catch (e) {
+          // Ignore
+        }
       }
       window.addEventListener('load', sendHeight);
       window.addEventListener('resize', sendHeight);
@@ -12629,58 +12636,22 @@ var Preview = ({ id = "credbuild-preview" }) => {
         id,
         "data-credbuild-preview": true,
         style: { height: "100%", display: "flex", flexDirection: "column" },
-        children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { style: {
-          display: "flex",
-          flexDirection: "column",
-          flex: 1,
-          background: "#020617",
-          position: "relative"
-        }, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { style: {
+        children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: getClassName30("htmlEditor"), children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { style: {
           display: "flex",
           flex: 1,
           position: "relative",
           overflow: "hidden"
-        }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { style: {
-            width: 45,
-            background: "#0b0f19",
-            borderRight: "1px solid #1e293b",
-            display: "flex",
-            flexDirection: "column",
-            alignItems: "flex-end",
-            padding: "16px 8px 16px 0",
-            fontFamily: "Menlo, Monaco, Consolas, monospace",
-            fontSize: 12,
-            color: "#475569",
-            userSelect: "none",
-            lineHeight: 1.6
-          }, children: Array.from({ length: Math.max(localCode.split("\n").length, 25) }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { children: i + 1 }, i)) }),
-          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
-            "textarea",
-            {
-              value: localCode,
-              onChange: (e) => setLocalCode(e.target.value),
-              onBlur: handleSaveOnBlur,
-              placeholder: "<!-- Tempel kode HTML/Tailwind di sini -->\n<section class='bg-zinc-900 text-white p-12'>\n  <h1 class='text-3xl font-bold'>Hello World</h1>\n</section>",
-              spellCheck: false,
-              style: {
-                flex: 1,
-                background: "transparent",
-                border: "none",
-                outline: "none",
-                color: "#e2e8f0",
-                fontFamily: "Menlo, Monaco, Consolas, 'Fira Code', monospace",
-                fontSize: 13,
-                lineHeight: 1.6,
-                padding: "16px 20px",
-                resize: "none",
-                height: "100%",
-                width: "100%",
-                overflowY: "auto"
-              }
-            }
-          )
-        ] }) })
+        }, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+          "textarea",
+          {
+            value: localCode,
+            onChange: (e) => setLocalCode(e.target.value),
+            onBlur: handleSaveOnBlur,
+            placeholder: "<!-- Tempel kode HTML/Tailwind di sini -->\n<section class='bg-zinc-900 text-white p-12'>\n  <h1 class='text-3xl font-bold'>Hello World</h1>\n</section>",
+            spellCheck: false,
+            className: getClassName30("htmlTextarea")
+          }
+        ) }) })
       }
     );
   }
@@ -12738,7 +12709,7 @@ init_react_import();
 // components/LayerTree/index.tsx
 init_react_import();
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/LayerTree/styles.module.css#css-module
+// css-module:/home/runner/work/credbuild/credbuild/components/LayerTree/styles.module.css#css-module
 init_react_import();
 var styles_module_default22 = { "LayerTree": "_LayerTree_nus40_1", "LayerTree-zoneTitle": "_LayerTree-zoneTitle_nus40_11", "LayerTree-helper": "_LayerTree-helper_nus40_17", "Layer": "_Layer_nus40_1", "Layer-inner": "_Layer-inner_nus40_29", "Layer--containsZone": "_Layer--containsZone_nus40_35", "Layer-clickable": "_Layer-clickable_nus40_39", "Layer--isSelected": "_Layer--isSelected_nus40_58", "Layer-chevron": "_Layer-chevron_nus40_79", "Layer--childIsSelected": "_Layer--childIsSelected_nus40_80", "Layer-zones": "_Layer-zones_nus40_84", "Layer-title": "_Layer-title_nus40_98", "Layer-name": "_Layer-name_nus40_107", "Layer-icon": "_Layer-icon_nus40_113", "Layer-zoneIcon": "_Layer-zoneIcon_nus40_118" };
 
@@ -12757,6 +12728,7 @@ var DEFAULT_LAYER_ROW_HEIGHT = 32;
 var LAYER_TREE_VIRTUALIZATION_OVERSCAN = 8;
 var MIN_VIRTUALIZED_LAYER_COUNT = 25;
 var measuredRowHeights = /* @__PURE__ */ new Map();
+var DragContext = (0, import_react84.createContext)(null);
 var getZonesByParent = (zones) => {
   return Object.keys(zones).reduce((acc, zone) => {
     const [parentId] = zone.split(":");
@@ -12859,7 +12831,9 @@ var Layer = (0, import_react84.memo)((0, import_react84.forwardRef)(function Lay
   selectedPathIds
 }, ref) {
   const dispatch = useAppStore((s) => s.dispatch);
+  const nodes = useAppStore((s) => s.state.indexes.nodes);
   const zoneStore = (0, import_react84.useContext)(ZoneStoreContext);
+  const dragCtx = (0, import_react84.useContext)(DragContext);
   const isHovering = useContextStore(
     ZoneStoreContext,
     (s) => s.hoveringComponent === node.itemId
@@ -12898,7 +12872,92 @@ var Layer = (0, import_react84.memo)((0, import_react84.forwardRef)(function Lay
       }),
       "data-index": dataIndex,
       "data-credbuild-layer-tree-id": node.itemId,
+      draggable: true,
+      onDragStart: (e) => {
+        dragCtx?.setDraggedItem({
+          itemId: node.itemId,
+          index: node.index,
+          zoneCompound: node.zoneCompound
+        });
+        e.dataTransfer.effectAllowed = "move";
+      },
+      onDragOver: (e) => {
+        e.preventDefault();
+        if (!dragCtx || !dragCtx.draggedItem || dragCtx.draggedItem.itemId === node.itemId) return;
+        const targetNodeIndex = nodes[node.itemId];
+        if (targetNodeIndex?.path.some((p) => p.split(":")[0] === dragCtx.draggedItem?.itemId)) {
+          return;
+        }
+        const rect = e.currentTarget.getBoundingClientRect();
+        const hoverClientY = e.clientY - rect.top;
+        const threshold = rect.height / 2;
+        const position = hoverClientY < threshold ? "before" : "after";
+        dragCtx.setHoveredItemId(node.itemId);
+        dragCtx.setHoverPosition(position);
+      },
+      onDragLeave: () => {
+        if (dragCtx?.hoveredItemId === node.itemId) {
+          dragCtx.setHoveredItemId(null);
+          dragCtx.setHoverPosition(null);
+        }
+      },
+      onDrop: (e) => {
+        e.preventDefault();
+        if (!dragCtx || !dragCtx.draggedItem || dragCtx.draggedItem.itemId === node.itemId) return;
+        let destIndex = node.index;
+        if (dragCtx.draggedItem.zoneCompound === node.zoneCompound) {
+          if (dragCtx.hoverPosition === "before") {
+            destIndex = dragCtx.draggedItem.index > node.index ? node.index : node.index - 1;
+          } else {
+            destIndex = dragCtx.draggedItem.index > node.index ? node.index + 1 : node.index;
+          }
+        } else {
+          destIndex = dragCtx.hoverPosition === "before" ? node.index : node.index + 1;
+        }
+        dispatch({
+          type: "move",
+          sourceIndex: dragCtx.draggedItem.index,
+          sourceZone: dragCtx.draggedItem.zoneCompound,
+          destinationIndex: destIndex,
+          destinationZone: node.zoneCompound
+        });
+        dispatch({
+          type: "setUi",
+          ui: {
+            itemSelector: {
+              index: destIndex,
+              zone: node.zoneCompound
+            }
+          }
+        });
+        dragCtx.setDraggedItem(null);
+        dragCtx.setHoveredItemId(null);
+        dragCtx.setHoverPosition(null);
+      },
+      onDragEnd: () => {
+        dragCtx?.setDraggedItem(null);
+        dragCtx?.setHoveredItemId(null);
+        dragCtx?.setHoverPosition(null);
+      },
+      style: {
+        opacity: dragCtx?.draggedItem?.itemId === node.itemId ? 0.4 : 1,
+        position: "relative"
+      },
       children: [
+        dragCtx?.hoveredItemId === node.itemId && dragCtx?.hoverPosition && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              left: 0,
+              right: 0,
+              height: "2px",
+              background: "linear-gradient(to right, var(--cb-gold, #d4af37), #f3e5ab)",
+              zIndex: 10,
+              ...dragCtx.hoverPosition === "before" ? { top: 0 } : { bottom: 0 }
+            }
+          }
+        ),
         /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: getClassNameLayer("inner"), children: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
           "button",
           {
@@ -13096,16 +13155,32 @@ var LayerTree = (0, import_react84.memo)(({
   selectedPathIds,
   trees
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_jsx_runtime81.Fragment, { children: trees.map((tree) => /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
-    LayerTreeZone,
+  const [draggedItem, setDraggedItem] = (0, import_react84.useState)(null);
+  const [hoveredItemId, setHoveredItemId] = (0, import_react84.useState)(null);
+  const [hoverPosition, setHoverPosition] = (0, import_react84.useState)(null);
+  return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+    DragContext.Provider,
     {
-      depth: 0,
-      selectedId,
-      selectedPathIds,
-      tree
-    },
-    tree.zoneCompound
-  )) });
+      value: {
+        draggedItem,
+        setDraggedItem,
+        hoveredItemId,
+        setHoveredItemId,
+        hoverPosition,
+        setHoverPosition
+      },
+      children: trees.map((tree) => /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+        LayerTreeZone,
+        {
+          depth: 0,
+          selectedId,
+          selectedPathIds,
+          tree
+        },
+        tree.zoneCompound
+      ))
+    }
+  );
 });
 
 // components/CredBuild/components/Outline/index.tsx
@@ -13408,7 +13483,7 @@ function PropsProvider(props) {
 }
 var usePropsContext = () => (0, import_react88.useContext)(propsContext);
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/CredBuild/components/Layout/styles.module.css#css-module
+// css-module:/home/runner/work/credbuild/credbuild/components/CredBuild/components/Layout/styles.module.css#css-module
 init_react_import();
 var styles_module_default23 = { "CredBuildLayout": "_CredBuildLayout_14aaz_1", "CredBuildLayout-inner": "_CredBuildLayout-inner_14aaz_8", "CredBuildLayout--leftSideBarVisible": "_CredBuildLayout--leftSideBarVisible_14aaz_29", "CredBuildLayout--rightSideBarVisible": "_CredBuildLayout--rightSideBarVisible_14aaz_33", "CredBuild--hidePlugins": "_CredBuild--hidePlugins_14aaz_37", "CredBuildLayout-item": "_CredBuildLayout-item_14aaz_43", "CredBuildLayout-header": "_CredBuildLayout-header_14aaz_49", "CredBuildLayout-left": "_CredBuildLayout-left_14aaz_54", "CredBuildLayout-editor": "_CredBuildLayout-editor_14aaz_67", "CredBuildLayout-right": "_CredBuildLayout-right_14aaz_75", "CredBuildLayout-sidebar": "_CredBuildLayout-sidebar_14aaz_92", "CredBuildPluginTab": "_CredBuildPluginTab_14aaz_107", "CredBuildPluginTab--visible": "_CredBuildPluginTab--visible_14aaz_114", "CredBuildPluginTab-body": "_CredBuildPluginTab-body_14aaz_118", "CredBuildLayout--mounted": "_CredBuildLayout--mounted_14aaz_134" };
 
@@ -14256,7 +14331,7 @@ init_lucide_react();
 init_IconButton();
 init_get_class_name_factory();
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/MenuBar/styles.module.css#css-module
+// css-module:/home/runner/work/credbuild/credbuild/components/MenuBar/styles.module.css#css-module
 init_react_import();
 var styles_module_default24 = { "MenuBar": "_MenuBar_1m2ld_1", "MenuBar--menuOpen": "_MenuBar--menuOpen_1m2ld_14", "MenuBar-inner": "_MenuBar-inner_1m2ld_29", "MenuBar-history": "_MenuBar-history_1m2ld_45" };
 
@@ -14327,7 +14402,7 @@ init_store2();
 var import_react93 = require("react");
 init_lib();
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/ViewportControls/styles.module.css#css-module
+// css-module:/home/runner/work/credbuild/credbuild/components/ViewportControls/styles.module.css#css-module
 init_react_import();
 var styles_module_default25 = { "ViewportControls": "_ViewportControls_gefvg_1", "ViewportControls--fullScreen": "_ViewportControls--fullScreen_gefvg_5", "ViewportControls-toggleButton": "_ViewportControls-toggleButton_gefvg_14", "ViewportControls--isExpanded": "_ViewportControls--isExpanded_gefvg_38", "ViewportControls-actions": "_ViewportControls-actions_gefvg_42", "ViewportControls-actionsInner": "_ViewportControls-actionsInner_gefvg_46", "ViewportControls-divider": "_ViewportControls-divider_gefvg_76", "ViewportControls-zoomSelect": "_ViewportControls-zoomSelect_gefvg_83", "ViewportControls-zoom": "_ViewportControls-zoom_gefvg_83", "ViewportButton-inner": "_ViewportButton-inner_gefvg_114", "ViewportButton--isActive": "_ViewportButton--isActive_gefvg_122" };
 
@@ -14523,7 +14598,7 @@ var useCanvasFrame = () => {
   return context;
 };
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/CredBuild/components/Header/styles.module.css#css-module
+// css-module:/home/runner/work/credbuild/credbuild/components/CredBuild/components/Header/styles.module.css#css-module
 init_react_import();
 var styles_module_default26 = { "CredBuildHeader": "_CredBuildHeader_qzv5u_1", "CredBuildHeader-inner": "_CredBuildHeader-inner_qzv5u_20", "CredBuildHeader-viewportTools": "_CredBuildHeader-viewportTools_qzv5u_28", "CredBuildHeader-leftActions": "_CredBuildHeader-leftActions_qzv5u_35", "CredBuildHeader-toggle": "_CredBuildHeader-toggle_qzv5u_41", "CredBuildHeader-leftSideBarToggle": "_CredBuildHeader-leftSideBarToggle_qzv5u_47", "CredBuildHeader-rightSideBarToggle": "_CredBuildHeader-rightSideBarToggle_qzv5u_48", "CredBuildHeader-title": "_CredBuildHeader-title_qzv5u_52", "CredBuildHeader-path": "_CredBuildHeader-path_qzv5u_57", "CredBuildHeader-tools": "_CredBuildHeader-tools_qzv5u_68", "CredBuildHeader-menuButton": "_CredBuildHeader-menuButton_qzv5u_75" };
 
@@ -14924,7 +14999,7 @@ var Header = (0, import_react95.memo)(HeaderInner);
 // components/SidebarSection/index.tsx
 init_react_import();
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/SidebarSection/styles.module.css#css-module
+// css-module:/home/runner/work/credbuild/credbuild/components/SidebarSection/styles.module.css#css-module
 init_react_import();
 var styles_module_default27 = { "SidebarSection": "_SidebarSection_bv89x_1", "SidebarSection-title": "_SidebarSection-title_bv89x_12", "SidebarSection--noBorderTop": "_SidebarSection--noBorderTop_bv89x_37", "SidebarSection-content": "_SidebarSection-content_bv89x_41", "SidebarSection-breadcrumbLabel": "_SidebarSection-breadcrumbLabel_bv89x_50", "SidebarSection-breadcrumbs": "_SidebarSection-breadcrumbs_bv89x_79", "SidebarSection-breadcrumb": "_SidebarSection-breadcrumb_bv89x_50", "SidebarSection-heading": "_SidebarSection-heading_bv89x_91", "SidebarSection-loadingOverlay": "_SidebarSection-loadingOverlay_bv89x_95" };
 
@@ -14936,7 +15011,7 @@ init_Loader();
 // components/Breadcrumbs/index.tsx
 init_react_import();
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/Breadcrumbs/styles.module.css#css-module
+// css-module:/home/runner/work/credbuild/credbuild/components/Breadcrumbs/styles.module.css#css-module
 init_react_import();
 var styles_module_default28 = { "Breadcrumbs": "_Breadcrumbs_1e0gb_1", "Breadcrumbs-breadcrumbLabel": "_Breadcrumbs-breadcrumbLabel_1e0gb_7", "Breadcrumbs-breadcrumb": "_Breadcrumbs-breadcrumb_1e0gb_7" };
 
@@ -15036,7 +15111,7 @@ init_css_box_model_esm();
 var import_react97 = require("react");
 init_store2();
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/CredBuild/components/Canvas/styles.module.css#css-module
+// css-module:/home/runner/work/credbuild/credbuild/components/CredBuild/components/Canvas/styles.module.css#css-module
 init_react_import();
 var styles_module_default29 = { "CredBuildCanvas": "_CredBuildCanvas_1ivia_1", "CredBuildCanvas--fullScreen": "_CredBuildCanvas--fullScreen_1ivia_22", "CredBuildCanvas-inner": "_CredBuildCanvas-inner_1ivia_33", "CredBuildCanvas-root": "_CredBuildCanvas-root_1ivia_42", "CredBuildCanvas--ready": "_CredBuildCanvas--ready_1ivia_67", "CredBuildCanvas-loader": "_CredBuildCanvas-loader_1ivia_72", "CredBuildCanvas--showLoader": "_CredBuildCanvas--showLoader_1ivia_82" };
 
@@ -15091,6 +15166,10 @@ var Canvas = () => {
       root: s.state.data.root
     }))
   );
+  const rootProps = root?.props || root;
+  const isHtmlMode = rootProps?.mode === "html";
+  const htmlViewMode = rootProps?.htmlViewMode || (rootProps?.htmlCode ? "preview" : "code");
+  const isHtmlCodeEditActive = isHtmlMode && htmlViewMode === "code";
   const isNonFullWidth = viewports.current.width !== "100%";
   const shouldApplyViewport = true;
   const [showTransition, setShowTransition] = (0, import_react97.useState)(false);
@@ -15276,6 +15355,7 @@ var Canvas = () => {
         showLoader,
         fullScreen: _experimentalFullScreenCanvas
       }),
+      style: isHtmlCodeEditActive ? { overflow: "hidden" } : void 0,
       onClick: (e) => {
         const el = e.target;
         if (!el.hasAttribute("data-credbuild-component") && !el.hasAttribute("data-credbuild-dropzone")) {
@@ -15286,30 +15366,41 @@ var Canvas = () => {
           });
         }
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: getClassName37("inner"), ref: frameRef, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-          "div",
-          {
-            className: getClassName37("root"),
-            style: {
-              width: viewports.current.width || "100%",
-              height: !zoomConfig.rootHeight || isNaN(zoomConfig.rootHeight) ? "100%" : zoomConfig.rootHeight,
-              minHeight: "100%",
-              transform: `scale(${zoomConfig.zoom})`,
-              transition: showTransition ? `width ${TRANSITION_DURATION}ms ease-out, height ${TRANSITION_DURATION}ms ease-out, transform ${TRANSITION_DURATION}ms ease-out` : "",
-              overflow: isNonFullWidth ? void 0 : "auto"
-            },
-            suppressHydrationWarning: true,
-            id: "credbuild-canvas-root",
-            onTransitionEnd: () => {
-              setShowTransition(false);
-              isResizingRef.current = false;
-            },
-            children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(CustomPreview, { children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Preview, {}) })
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: getClassName37("loader"), children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Loader, { size: 24 }) })
-      ] })
+      children: /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
+        "div",
+        {
+          className: getClassName37("inner"),
+          ref: frameRef,
+          style: {
+            minHeight: "100%",
+            height: isHtmlCodeEditActive ? "100%" : !zoomConfig.rootHeight || isNaN(zoomConfig.rootHeight) ? "100%" : `${zoomConfig.rootHeight * zoomConfig.zoom}px`
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+              "div",
+              {
+                className: getClassName37("root"),
+                style: {
+                  width: isHtmlCodeEditActive ? "100%" : viewports.current.width || "100%",
+                  height: isHtmlCodeEditActive ? "100%" : !zoomConfig.rootHeight || isNaN(zoomConfig.rootHeight) ? "100%" : zoomConfig.rootHeight,
+                  minHeight: "100%",
+                  transform: isHtmlCodeEditActive ? "none" : `scale(${zoomConfig.zoom})`,
+                  transition: showTransition ? `width ${TRANSITION_DURATION}ms ease-out, height ${TRANSITION_DURATION}ms ease-out, transform ${TRANSITION_DURATION}ms ease-out` : "",
+                  overflow: isHtmlCodeEditActive ? "hidden" : isNonFullWidth ? void 0 : "auto"
+                },
+                suppressHydrationWarning: true,
+                id: "credbuild-canvas-root",
+                onTransitionEnd: () => {
+                  setShowTransition(false);
+                  isResizingRef.current = false;
+                },
+                children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(CustomPreview, { children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Preview, {}) })
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: getClassName37("loader"), children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Loader, { size: 24 }) })
+          ]
+        }
+      )
     }
   );
 };
@@ -15405,7 +15496,7 @@ init_react_import();
 var import_react99 = require("react");
 init_get_class_name_factory();
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/CredBuild/components/ResizeHandle/styles.module.css#css-module
+// css-module:/home/runner/work/credbuild/credbuild/components/CredBuild/components/ResizeHandle/styles.module.css#css-module
 init_react_import();
 var styles_module_default30 = { "ResizeHandle": "_ResizeHandle_144bf_2", "ResizeHandle--left": "_ResizeHandle--left_144bf_16", "ResizeHandle--right": "_ResizeHandle--right_144bf_20" };
 
@@ -15481,7 +15572,7 @@ var ResizeHandle = ({
 // components/CredBuild/components/Sidebar/index.tsx
 init_get_class_name_factory();
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/CredBuild/components/Sidebar/styles.module.css#css-module
+// css-module:/home/runner/work/credbuild/credbuild/components/CredBuild/components/Sidebar/styles.module.css#css-module
 init_react_import();
 var styles_module_default31 = { "Sidebar": "_Sidebar_1kcif_1", "Sidebar--isVisible": "_Sidebar--isVisible_1kcif_13", "Sidebar--left": "_Sidebar--left_1kcif_17", "Sidebar--right": "_Sidebar--right_1kcif_29", "Sidebar-resizeHandle": "_Sidebar-resizeHandle_1kcif_42" };
 
@@ -15581,7 +15672,7 @@ var useDeleteHotkeys = () => {
 // components/CredBuild/components/Nav/index.tsx
 init_react_import();
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/CredBuild/components/Nav/styles.module.css#css-module
+// css-module:/home/runner/work/credbuild/credbuild/components/CredBuild/components/Nav/styles.module.css#css-module
 init_react_import();
 var styles_module_default32 = { "Nav": "_Nav_wbh7e_1", "Nav-list": "_Nav-list_wbh7e_9", "CredBuildHeader-path": "_CredBuildHeader-path_wbh7e_20", "NavItem": "_NavItem_wbh7e_38", "NavItem-link": "_NavItem-link_wbh7e_43", "NavItem-linkIcon": "_NavItem-linkIcon_wbh7e_64", "NavItem--active": "_NavItem--active_wbh7e_77", "NavItem--mobileOnly": "_NavItem--mobileOnly_wbh7e_90", "NavItem--desktopOnly": "_NavItem--desktopOnly_wbh7e_95" };
 
@@ -15628,7 +15719,7 @@ init_lucide_react();
 init_react_import();
 init_lucide_react();
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/plugins/blocks/styles.module.css#css-module
+// css-module:/home/runner/work/credbuild/credbuild/plugins/blocks/styles.module.css#css-module
 init_react_import();
 var styles_module_default33 = { "BlocksPlugin": "_BlocksPlugin_1q0b2_1" };
 
@@ -15647,7 +15738,7 @@ var blocksPlugin = () => ({
 init_react_import();
 init_lucide_react();
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/plugins/outline/styles.module.css#css-module
+// css-module:/home/runner/work/credbuild/credbuild/plugins/outline/styles.module.css#css-module
 init_react_import();
 var styles_module_default34 = { "OutlinePlugin": "_OutlinePlugin_q92j6_1" };
 
@@ -15667,7 +15758,7 @@ init_react_import();
 init_lucide_react();
 init_store2();
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/plugins/fields/styles.module.css#css-module
+// css-module:/home/runner/work/credbuild/credbuild/plugins/fields/styles.module.css#css-module
 init_react_import();
 var styles_module_default35 = { "FieldsPlugin": "_FieldsPlugin_6as57_1", "FieldsPlugin-header": "_FieldsPlugin-header_6as57_7" };
 
@@ -15704,7 +15795,7 @@ init_store2();
 init_lucide_react();
 init_get_class_name_factory();
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/plugins/code/styles.module.css#css-module
+// css-module:/home/runner/work/credbuild/credbuild/plugins/code/styles.module.css#css-module
 init_react_import();
 var styles_module_default36 = { "CodePlugin": "_CodePlugin_77s8n_1", "CodePanel": "_CodePanel_77s8n_9", "CodePanel-title": "_CodePanel-title_77s8n_18", "CodePanel-textarea": "_CodePanel-textarea_77s8n_27", "CodePanel-optionsSection": "_CodePanel-optionsSection_77s8n_49", "CodePanel-optionTitle": "_CodePanel-optionTitle_77s8n_53", "CodePanel-radioGroup": "_CodePanel-radioGroup_77s8n_62", "CodePanel-radioLabel": "_CodePanel-radioLabel_77s8n_68", "CodePanel-radioInput": "_CodePanel-radioInput_77s8n_77", "CodePanel-button": "_CodePanel-button_77s8n_87", "CodePanel-error": "_CodePanel-error_77s8n_120", "CodePanel-success": "_CodePanel-success_77s8n_131", "CodePanel-promptSection": "_CodePanel-promptSection_77s8n_142", "CodePanel-promptHeader": "_CodePanel-promptHeader_77s8n_148", "CodePanel-promptText": "_CodePanel-promptText_77s8n_155", "CodePanel-copyBtn": "_CodePanel-copyBtn_77s8n_169", "CodePanel-copyBtn--copied": "_CodePanel-copyBtn--copied_77s8n_193" };
 
@@ -15713,30 +15804,36 @@ var import_jsx_runtime99 = require("react/jsx-runtime");
 var getClassName44 = get_class_name_factory_default("CodePanel", styles_module_default36);
 var CodePanel = () => {
   const [copied, setCopied] = (0, import_react101.useState)(false);
-  const [promptType, setPromptType] = (0, import_react101.useState)("with-header");
+  const [topic, setTopic] = (0, import_react101.useState)("");
+  const [promptType, setPromptType] = (0, import_react101.useState)("header-footer");
   const dispatch = useAppStore((s) => s.dispatch);
   const root = useAppStore((s) => s.state.data.root);
   const rootProps = root?.props || root;
   const currentMode = rootProps?.mode || "blocks";
-  const aiPromptWithHeader = `Buatkan desain landing page lengkap dan premium dengan pendekatan mobile-first, modern, rapi, dan compact (padat & elegan) menggunakan HTML murni dan utilitas kelas Tailwind CSS. Halaman harus memuat struktur lengkap seperti Header/Navigation, Hero Section, Features/Layanan, Testimoni, Call-to-Action (CTA), dan Footer.
-
-Ketentuan penulisan kode:
-1. STRUKTUR BERSIH: Gunakan elemen semantik HTML5 seperti <section>, <header>, atau <div> sebagai wrapper utama per seksi. JANGAN sertakan tag <html>, <body>, <head>, atau <script>.
-2. MOBILE-FIRST & RESPONSIF: Desain harus sepenuhnya responsif. Mulai dari layout ponsel (default), lalu gunakan breakpoint (sm:, md:, lg:, xl:) secara terstruktur untuk layar yang lebih besar.
-3. ESTETIKA MODERN & PREMIUM: Gunakan skema warna harmonis (misal: warna gelap bernuansa glassmorphism, gradasi halus, border tipis semi-transparan, efek hover mikro interaktif).
-4. COMPACT & EFISIEN: Hindari padding/margin berlebih yang membuat halaman kosong melompong. Pastikan konten padat, terbaca dengan baik, dan memiliki rasio grid/flexbox yang rapi.
-5. BEBAS JAVASCRIPT: Seluruh interaktivitas dasar (seperti hover, focus, state) harus ditangani murni menggunakan utilitas kelas CSS Tailwind.`;
-  const aiPromptNoHeader = `Buatkan desain landing page lengkap dan premium TANPA bagian Header/Navigation dengan pendekatan mobile-first, modern, rapi, dan compact (padat & elegan) menggunakan HTML murni dan utilitas kelas Tailwind CSS. Halaman harus memuat struktur lengkap seperti Hero Section, Features/Layanan, Testimoni, Call-to-Action (CTA), dan Footer (tanpa memuat menu navigasi atau header di bagian atas).
+  const generatePrompt = (variant, landingPageTopic) => {
+    const topicDesc = landingPageTopic.trim() ? `untuk "${landingPageTopic.trim()}"` : "lengkap dan premium";
+    let structureRequirements = "";
+    if (variant === "header-footer") {
+      structureRequirements = "1. STRUKTUR LENGKAP: Halaman HARUS memuat seluruh bagian berikut secara lengkap: Header/Navigation menu di bagian paling atas, Hero Section, Features/Layanan, Testimoni, Call-to-Action (CTA), dan Footer di bagian paling bawah.";
+    } else if (variant === "header-no-footer") {
+      structureRequirements = "1. DENGAN HEADER & TANPA FOOTER: Halaman HARUS memuat Header/Navigation menu di bagian paling atas, Hero Section, Features/Layanan, Testimoni, dan Call-to-Action (CTA). Namun, pastikan sama sekali TIDAK ada bagian Footer di bagian bawah halaman.";
+    } else if (variant === "no-header-footer") {
+      structureRequirements = "1. TANPA HEADER & DENGAN FOOTER: Halaman HARUS memuat Hero Section, Features/Layanan, Testimoni, Call-to-Action (CTA), dan Footer di bagian paling bawah. Namun, pastikan sama sekali TIDAK ada bagian Header/Navigation/Navbar di bagian atas halaman.";
+    } else {
+      structureRequirements = "1. TANPA HEADER & TANPA FOOTER: Halaman HARUS memuat Hero Section, Features/Layanan, Testimoni, dan Call-to-Action (CTA). Pastikan sama sekali TIDAK ada bagian Header/Navigation/Navbar di bagian atas, dan TIDAK ada bagian Footer di bagian bawah halaman.";
+    }
+    return `Buatkan desain landing page ${topicDesc} dengan pendekatan mobile-first, modern, rapi, dan compact (padat & elegan) menggunakan HTML murni dan utilitas kelas Tailwind CSS.
 
 Ketentuan penulisan kode:
-1. STRUKTUR BERSIH: Gunakan elemen semantik HTML5 seperti <section>, <header>, atau <div> sebagai wrapper utama per seksi. JANGAN sertakan tag <html>, <body>, <head>, atau <script>.
-2. TANPA HEADER: Pastikan sama sekali tidak ada bagian Header/Navbar/Navigation menu di bagian atas halaman. Desain harus langsung dimulai dengan Hero Section yang menarik dan berdampak tinggi.
+${structureRequirements}
+2. STRUKTUR BERSIH: Gunakan elemen semantik HTML5 seperti <section>, <header>, atau <div> sebagai wrapper utama per seksi. JANGAN sertakan tag <html>, <body>, <head>, atau <script>.
 3. MOBILE-FIRST & RESPONSIF: Desain harus sepenuhnya responsif. Mulai dari layout ponsel (default), lalu gunakan breakpoint (sm:, md:, lg:, xl:) secara terstruktur untuk layar yang lebih besar.
 4. ESTETIKA MODERN & PREMIUM: Gunakan skema warna harmonis (misal: warna gelap bernuansa glassmorphism, gradasi halus, border tipis semi-transparan, efek hover mikro interaktif).
 5. COMPACT & EFISIEN: Hindari padding/margin berlebih yang membuat halaman kosong melompong. Pastikan konten padat, terbaca dengan baik, dan memiliki rasio grid/flexbox yang rapi.
 6. BEBAS JAVASCRIPT: Seluruh interaktivitas dasar (seperti hover, focus, state) harus ditangani murni menggunakan utilitas kelas CSS Tailwind.`;
+  };
   const handleCopyPrompt = () => {
-    const selectedPrompt = promptType === "with-header" ? aiPromptWithHeader : aiPromptNoHeader;
+    const selectedPrompt = generatePrompt(promptType, topic);
     navigator.clipboard.writeText(selectedPrompt);
     setCopied(true);
     setTimeout(() => setCopied(false), 2e3);
@@ -15842,37 +15939,94 @@ Ketentuan penulisan kode:
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: getClassName44("optionsSection"), style: { marginBottom: 12 }, children: /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: getClassName44("radioGroup"), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("label", { className: getClassName44("radioLabel"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
-            "input",
-            {
-              type: "radio",
-              name: "promptType",
-              value: "with-header",
-              checked: promptType === "with-header",
-              onChange: () => setPromptType("with-header"),
-              className: getClassName44("radioInput")
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { children: "Dengan Header" })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("label", { className: getClassName44("radioLabel"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
-            "input",
-            {
-              type: "radio",
-              name: "promptType",
-              value: "no-header",
-              checked: promptType === "no-header",
-              onChange: () => setPromptType("no-header"),
-              className: getClassName44("radioInput")
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { children: "Tanpa Header" })
+      /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { style: { marginBottom: 12 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: getClassName44("optionTitle"), style: { marginBottom: 6 }, children: "Topik / Jenis Landing Page" }),
+        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+          "input",
+          {
+            type: "text",
+            value: topic,
+            onChange: (e) => setTopic(e.target.value),
+            placeholder: "Contoh: Klinik Gigi, SaaS AI, Agensi Desain...",
+            style: {
+              boxSizing: "border-box",
+              width: "100%",
+              padding: "8px 10px",
+              fontSize: "12px",
+              borderRadius: "5px",
+              border: "1px solid var(--cb-border)",
+              backgroundColor: "var(--cb-bg-base)",
+              color: "var(--cb-silver)",
+              outline: "none",
+              transition: "border-color 0.2s"
+            },
+            onFocus: (e) => e.target.style.borderColor = "var(--cb-gold)",
+            onBlur: (e) => e.target.style.borderColor = "var(--cb-border)"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: getClassName44("optionsSection"), style: { marginBottom: 12 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: getClassName44("optionTitle"), style: { marginBottom: 6 }, children: "Varian Struktur Template" }),
+        /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: getClassName44("radioGroup"), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("label", { className: getClassName44("radioLabel"), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+              "input",
+              {
+                type: "radio",
+                name: "promptType",
+                value: "header-footer",
+                checked: promptType === "header-footer",
+                onChange: () => setPromptType("header-footer"),
+                className: getClassName44("radioInput")
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { children: "Dengan Header & Footer" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("label", { className: getClassName44("radioLabel"), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+              "input",
+              {
+                type: "radio",
+                name: "promptType",
+                value: "header-no-footer",
+                checked: promptType === "header-no-footer",
+                onChange: () => setPromptType("header-no-footer"),
+                className: getClassName44("radioInput")
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { children: "Dengan Header, Tanpa Footer" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("label", { className: getClassName44("radioLabel"), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+              "input",
+              {
+                type: "radio",
+                name: "promptType",
+                value: "no-header-footer",
+                checked: promptType === "no-header-footer",
+                onChange: () => setPromptType("no-header-footer"),
+                className: getClassName44("radioInput")
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { children: "Tanpa Header, Dengan Footer" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("label", { className: getClassName44("radioLabel"), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+              "input",
+              {
+                type: "radio",
+                name: "promptType",
+                value: "no-header-no-footer",
+                checked: promptType === "no-header-no-footer",
+                onChange: () => setPromptType("no-header-no-footer"),
+                className: getClassName44("radioInput")
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { children: "Tanpa Keduanya" })
+          ] })
         ] })
-      ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: getClassName44("promptText"), children: promptType === "with-header" ? aiPromptWithHeader : aiPromptNoHeader })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: getClassName44("promptText"), style: { maxHeight: 110 }, children: generatePrompt(promptType, topic) })
     ] })
   ] });
 };