mc-shell 0.6.6__tar.gz → 0.6.8__tar.gz

{mc_shell-0.6.6 → mc_shell-0.6.8}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: mc-shell
-Version: 0.6.6
+Version: 0.6.8
 Summary: An interactive shell and editor for controlling Minecraft servers and creating powers.
 License-File: LICENSE
 Author: Jeff

mc_shell-0.6.8/mcshell/Matrix3.py

@@ -0,0 +1,86 @@
+import numpy as np
+import math
+from mcshell.Vec3 import Vec3
+
+class Matrix3:
+    def __init__(self, elements=None):
+        """
+        Initializes a 3x3 matrix for 3D transformations.
+        """
+        if elements is not None:
+            self.matrix = np.array(elements, dtype=np.float64)
+            if self.matrix.shape != (3, 3):
+                raise ValueError("Matrix3 elements must be a 3x3 array.")
+        else:
+            self.matrix = np.identity(3, dtype=np.float64)
+
+    def __repr__(self):
+        return f"Matrix3(\n{self.matrix}\n)"
+
+    def __matmul__(self, other):
+        """
+        Matrix multiplication.
+        If 'other' is a Vec3, it returns a transformed Vec3.
+        """
+        if isinstance(other, Vec3):
+            # Matrix @ Vector
+            vec_np = np.array([other.x, other.y, other.z])
+            result_np = self.matrix @ vec_np
+            return Vec3(result_np[0], result_np[1], result_np[2])
+        if isinstance(other, Matrix3):
+            # Matrix @ Matrix
+            return Matrix3(self.matrix @ other.matrix)
+        return NotImplemented
+
+    @staticmethod
+    def from_euler_angles(yaw_degrees=0, pitch_degrees=0, roll_degrees=0):
+        """
+        Creates a rotation matrix using Minecraft/Game conventions:
+        - Yaw:   Rotation around Y (Up) axis.
+        - Pitch: Rotation around X (Right) axis.
+        - Roll:  Rotation around Z (Forward) axis.
+
+        Order of operations: Yaw -> Pitch -> Roll (R = Ry @ Rx @ Rz)
+        """
+        y = math.radians(yaw_degrees)
+        p = math.radians(pitch_degrees)
+        r = math.radians(roll_degrees)
+
+        # Yaw (Around Y)
+        Ry = np.array([
+            [math.cos(y), 0, math.sin(y)],
+            [0, 1, 0],
+            [-math.sin(y), 0, math.cos(y)]
+        ])
+
+        # Pitch (Around X)
+        Rx = np.array([
+            [1, 0, 0],
+            [0, math.cos(p), -math.sin(p)],
+            [0, math.sin(p), math.cos(p)]
+        ])
+
+        # Roll (Around Z)
+        Rz = np.array([
+            [math.cos(r), -math.sin(r), 0],
+            [math.sin(r), math.cos(r), 0],
+            [0, 0, 1]
+        ])
+
+        # Combined rotation: Ry @ Rx @ Rz
+        return Matrix3(Ry @ Rx @ Rz)
+
+    @staticmethod
+    def identity():
+        return Matrix3(np.identity(3))
+
+    def rotate_around_point(self, vector: Vec3, pivot: Vec3) -> Vec3:
+        """
+        Rotates a vector around an arbitrary pivot point instead of the origin.
+        """
+        # 1. Move the vector so the pivot is at (0,0,0)
+        local_offset = vector - pivot
+        # 2. Rotate the local offset
+        rotated_offset = self @ local_offset
+        # 3. Move it back to world space
+        return pivot + rotated_offset

{mc_shell-0.6.6 → mc_shell-0.6.8}/mcshell/__init__.py

@@ -18,12 +18,11 @@ from mcshell.ppdownloader import *
 
 from mcshell.mcserver import stop_app_server
 
-#pycraft.settings
-SHOW_DEBUG=False
-SHOW_Log=False
+import atexit
 
 @magics_class
 class MCShell(Magics):
+
     def __init__(self,shell):
         super(MCShell,self).__init__(shell)
 
@@ -85,24 +84,22 @@ class MCShell(Magics):
 
     @line_magic
     def pp_create_world(self, line):
-        """
-        Creates a new, self-contained Paper server instance in its own directory.
-        Usage: % pp_create_world < world_name > --version=<mc_version>
-        Example: %pp_create_world my_creative_world
-        """
         args = line.split()
         if not args:
-            print("Usage: %pp_create_world <world_name> [--version=<mc_version>]")
+            print("Usage: %pp_create_world <world_name> [--version=<v>] [--datapacks=p1,p2]")
             return
 
         world_name = args[0]
-        mc_version = MC_VERSION # default
+        mc_version = MC_VERSION
+        datapacks_to_install = []
 
-        # Simple argument parsing for --version flag if we use it
-        # Usage: % pp_create_world < world_name > --version = < mc_version >
+        # Enhanced argument parsing
         for arg in args[1:]:
             if arg.startswith("--version="):
                 mc_version = arg.split('=', 1)[1]
+            elif arg.startswith("--datapacks="):
+                # Expects a comma-separated list of names
+                datapacks_to_install = arg.split('=', 1)[1].split(',')
 
         # Define paths
         world_dir = MC_WORLDS_BASE_DIR.joinpath(world_name)
@@ -223,6 +220,30 @@ class MCShell(Magics):
         if plugin_urls:
             downloader.install_plugins(plugin_urls, plugins_dir)
 
+        # --- Datapack Installation Logic ---
+        if datapacks_to_install:
+            # Datapacks must be in 'world/datapacks' for first-run generation
+            world_datapacks_dir = world_dir / "world" / "datapacks"
+            world_datapacks_dir.mkdir(parents=True, exist_ok=True)
+
+            for pack_name in datapacks_to_install:
+                pack_name = pack_name.strip()
+                source = MC_DATAPACK_LIB_DIR / pack_name
+
+                # Check for the name directly (folder) or with .zip extension
+                if not source.exists():
+                    source = MC_DATAPACK_LIB_DIR / f"{pack_name}.zip"
+
+                if source.exists():
+                    target = world_datapacks_dir / source.name
+                    if source.is_dir():
+                        shutil.copytree(source, target)
+                    else:
+                        shutil.copy2(source, target)
+                    print(f"Installed datapack: {pack_name}")
+                else:
+                    print(f"Warning: Datapack '{pack_name}' not found in library.")
+
         print(f"\nWorld '{world_name}' created successfully.")
         print(f"To start it, run: %pp_start_world {world_name}")
 
@@ -763,12 +784,13 @@ class MCShell(Magics):
 
             RUNNING_POWERS[execution_id] = {'thread': thread, 'cancel_event': cancel_event}
 
-            # --- Save Metadata (This part remains synchronous) ---
             power_repo = JsonFileRepository(player_name)
 
             if power_repo:
                 print(f"--- Power '{metadata.get('function_name')}' metadata defined/updated. ---")
                 print(f"--- Started debug execution with ID: {execution_id} ---")
+                # ADD THIS LINE: A specific prefix for the frontend to find
+                print(f"MCED_EXECUTION_ID:{execution_id}")
                 print("--- To stop it, run: %mc_cancel_power " + execution_id + " ---")
 
         except Exception as e:
@@ -977,13 +999,29 @@ class MCShell(Magics):
         except requests.exceptions.RequestException as e:
             print(f"Error: Could not connect to the other player's application server. {e}")
 
-import atexit # <-- Import the standard library module
+def sync_datapack_library():
+    """
+    Synchronizes the internal datapack library to the user's worlds directory.
+    Does not overwrite existing files to allow students to tweak their copies.
+    """
+    if MC_INTERNAL_DATAPACKS.exists():
+        MC_DATAPACK_LIB_DIR.mkdir(parents=True, exist_ok=True)
+        for item in MC_INTERNAL_DATAPACKS.iterdir():
+            target = MC_DATAPACK_LIB_DIR / item.name
+            if not target.exists():
+                if item.is_dir():
+                    shutil.copytree(item, target)
+                else:
+                    shutil.copy2(item, target)
 
 def load_ipython_extension(ip):
     """
     Called by IPython when the extension is loaded.
     This is where we register the magics and the shutdown hook.
     """
+
+    sync_datapack_library()
+
     # Register the main magic class
     mcshell_instance = MCShell(ip)
     ip.register_magics(mcshell_instance)

{mc_shell-0.6.6 → mc_shell-0.6.8}/mcshell/constants.py

@@ -96,6 +96,16 @@ MC_CONTROL_LAYOUT_PATH = MC_DATA_DIR.joinpath('control_layout.json')
 MC_WORLDS_BASE_DIR = pathlib.Path('~').expanduser().joinpath('mc-worlds')
 MC_CENTRAL_CONFIG_FILE = pathlib.Path("/etc/mc-shell/user_map.json")
 
+# new: datapacks
+MC_INTERNAL_DATAPACKS = MC_DATA_DIR / 'datapacks'
+MC_DATAPACK_LIB_DIR = MC_WORLDS_BASE_DIR / 'datapacks-library'
+
+MC_JRE_DIR = MC_WORLDS_BASE_DIR / 'jre'
+# Determine the binary name based on the OS
+JRE_BINARY = "java.exe" if os.name == "nt" else "bin/java"
+
+MC_JRE_PATH = MC_JRE_DIR / JRE_BINARY
+
 RE_NON_JSON_VALUE = r"(?<!\")\b(?:[0-9]+[a-zA-Z]+|[0-9]+(?:\.[0-9]+)?[a-zA-Z]+|true|false|null)\b(?!\")"
 RE_NON_JSON_ARRAY = r"\[[BISL];\s*[^\]]+\]"
 

{mc_shell-0.6.6 → mc_shell-0.6.8}/mcshell/data/app/index.html

@@ -1,7 +1,4 @@
-<!DOCTYPE html><html lang=en><script type=importmap>{"imports":{"2N3MJ":"/toolbox.f17a15a5.xml"}}</script><script type=module src=/mced.a4de160c.js></script><link rel=stylesheet href=/mced.9b908af4.css><meta charset=utf-8><title>MC-ED Editor</title><link rel=stylesheet href=/mced.b6ed8b22.css><body x-data="{
-        isLibraryCollapsed: false,
-        isCodeCollapsed: false
-    }">
+<!DOCTYPE html><html lang=en><script type=importmap>{"imports":{"2N3MJ":"/toolbox.57f1313e.xml"}}</script><script type=module src=/mced.a4de160c.js></script><link rel=stylesheet href=/mced.efd4d8e7.css><meta charset=utf-8><title>MC-ED Editor</title><link rel=stylesheet href=/mced.55f94dd4.css><body x-data="{ isLibraryCollapsed: true, isCodeCollapsed: true, keyboardVisible: false }">
             <div class=editor-layout :class="{ 'library-collapsed': isLibraryCollapsed, 'code-collapsed': isCodeCollapsed }">
                 <aside id=power-library-panel>
 
@@ -21,11 +18,18 @@
 
                 <main id=main-content-panel>
                     <div id=controls>
+                        <button @click="isLibraryCollapsed = !isLibraryCollapsed">Toggle Library</button>
+                        <button @click="isCodeCollapsed = !isCodeCollapsed">Toggle Code</button>
+
                         <button id=savePowerAsButton @click=prepareAndOpenSaveModal()>Save/Update Power...</button>
                         <button id=loadPowerFromFileButton>Load from File...</button>
 
                         <button id=executePowerButton>Execute (Debug)</button>
+                        <button id=cancelPowerButton style=color:#fff;background-color:#d9534f>Cancel Power</button>
                         <button id=clearWorkspaceButton>Clear Workspace</button>
+                        <button class=control-button @click="keyboardVisible = !keyboardVisible" :class="keyboardVisible ? 'btn-active' : ''">
+                            <i class="fa-keyboard fas"></i> Toggle Keyboard
+                        </button>
                     </div>
                     <div id=blocklyDiv></div>
                 </main>
@@ -109,8 +113,37 @@
                         </div>
                     </div>
                 </div>
+
+                <div x-data="{
+                        show: false,
+                        message: '',
+                        defaultValue: '',
+                        callback: null,
+                        inputValue: ''
+                     }" @blockly-prompt.window="
+                        show = true;
+                        message = $event.detail.message;
+                        defaultValue = $event.detail.defaultValue;
+                        /* Change this line to use onComplete */
+                        callback = $event.detail.onComplete;
+                        /* callback = $event.detail.callback; */
+                        inputValue = $event.detail.defaultValue;
+                        // Use nextTick to wait for the modal to be visible before focusing
+                        $nextTick(() => { $refs.promptInput.focus(); });
+                     " x-show=show class=modal-overlay style=z-index:35000> <div class=modal-content>
+                        <p x-text=message></p>
+                        <input x-model=inputValue @keyup.enter="callback(inputValue); show = false;">
+                        <div class=modal-buttons>
+                            <button @click="callback(inputValue); show = false;">OK</button>
+                            <button @click="callback(null); show = false;">Cancel</button>
+                        </div>
+                    </div>
+                </div>
+
             </div>
         </template>
 
-        <script type=module src=/mced.0c019c78.js></script>
+        <script type=module src=/mced.aa2df54f.js></script>
+        <div class=simple-keyboard x-show=keyboardVisible style=z-index:20000;background:#fff;width:100%;position:fixed;bottom:0;left:0>
+        </div>
     

mc_shell-0.6.8/mcshell/data/app/mced.55f94dd4.css

@@ -0,0 +1,2 @@
+html,body{color:#333;background-color:#f0f0f0;height:100vh;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}.editor-layout{box-sizing:border-box;grid-template-columns:300px 1fr 100ch;gap:8px;height:100%;padding:8px;transition:grid-template-columns .25s ease-in-out;display:grid}#power-library-panel{background-color:#fff;border-radius:8px;flex-direction:column;min-width:0;display:flex;overflow-y:auto;box-shadow:0 2px 4px #0000001a}#power-list{flex-grow:1;padding:8px}#main-content-panel{flex-direction:column;gap:8px;min-width:0;display:flex}#controls{background:#fff;border-radius:8px;flex-wrap:wrap;flex-shrink:0;gap:8px;padding:8px;display:flex;box-shadow:0 2px 4px #0000001a}#controls button{cursor:pointer;background-color:#f7f7f7;border:1px solid #ccc;border-radius:4px;padding:6px 12px}#controls button:hover{background-color:#e9e9e9;border-color:#bbb}#blocklyDiv{flex-grow:1;position:relative!important}#code-container{color:#f8f8f2;box-sizing:border-box;white-space:pre-wrap;overflow-wrap:break-word;word-break:break-word;background-color:#272822;flex-grow:1;margin:0;padding:1em;font-family:Fira Code,Dank Mono,monospace;font-size:14px;line-height:1.5;overflow:auto}.editor-layout{width:100vw;height:100vh;display:flex;overflow:hidden}#power-library-panel,#code-preview-panel{flex-direction:column;transition:width .3s;display:flex;overflow-x:hidden}#main-content-panel{flex-direction:column;flex:1;min-width:0;display:flex}.library-collapsed #power-library-panel,.code-collapsed #code-preview-panel{border:none!important;width:0!important;min-width:0!important;padding:0!important}.simple-keyboard{background-color:#fff;width:100%;position:fixed;bottom:0;left:0;box-shadow:0 -5px 20px #0000004d;z-index:50000!important}.simple-keyboard.hg-layout-numpad{max-width:300px;margin:0 auto}.hg-button{height:60px!important;font-size:1.2rem!important}[x-cloak]{display:none!important}.modal-overlay{z-index:40000;background-color:#0009;width:100%;height:100%;position:fixed;top:0;left:0}.modal-content{background-color:#fff;border-radius:12px;width:90%;max-width:500px;padding:25px;transition:all .2s ease-out;position:fixed;left:50%;box-shadow:0 5px 15px #0000004d;z-index:40001!important;top:30%!important;transform:translate(-50%,-30%)scale(1)!important}.modal-content input{width:100%;margin:15px 0;padding:10px;font-size:1.1rem}.modal-buttons{justify-content:flex-end;gap:10px;display:flex}.enter-start{opacity:0;transform:translate(-50%,-50%)scale(.95)}.enter-end,.leave-start{opacity:1;transform:translate(-50%,-50%)scale(1)}.leave-end{opacity:0;transform:translate(-50%,-50%)scale(.95)}.editor-layout.library-collapsed{grid-template-columns:45px 1fr 100ch}.editor-layout.code-collapsed{grid-template-columns:300px 1fr 40ch}.editor-layout.library-collapsed.code-collapsed{grid-template-columns:45px 1fr 40ch}#code-preview-panel{background-color:#fff;border-radius:8px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 2px 4px #0000001a}.panel-header{border-bottom:1px solid #e0e0e0;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}#power-library-panel h2{border-bottom:none;margin:0;padding:0;font-size:16px}.code-header{color:#555;background-color:#f7f7f7;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:4px 10px;font-size:13px;font-weight:500}.toggle-btn{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:2px 6px;font-size:16px;line-height:1}.toggle-btn:hover{background-color:#e0e0e0}
+/*# sourceMappingURL=mced.55f94dd4.css.map */

mc_shell-0.6.8/mcshell/data/app/mced.55f94dd4.css.map

@@ -0,0 +1 @@
+{"mappings":"ACCA,4KAUA,0KAUA,2JAiBA,oCAMA,2EAOA,yIAWA,kHAQA,kEAgBA,oDAqCA,yQA0BA,qEAQA,mHAQA,0EAQA,8JAcA,0IAiBA,gEAMA,4DAOA,iCAIA,uGAUA,8QAwCA,4EAOA,8DASA,gEAKA,yEAUA,8DAOA,sEASA,mEAKA,oFASA,8IAqCA,4IAQA,6EAMA,wJASA,gIASA","sources":["mced.55f94dd4.css","src/editor.css"],"sourcesContent":["html, body {\n  color: #333;\n  background-color: #f0f0f0;\n  height: 100vh;\n  margin: 0;\n  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;\n  overflow: hidden;\n}\n\n.editor-layout {\n  box-sizing: border-box;\n  grid-template-columns: 300px 1fr 100ch;\n  gap: 8px;\n  height: 100%;\n  padding: 8px;\n  transition: grid-template-columns .25s ease-in-out;\n  display: grid;\n}\n\n#power-library-panel {\n  background-color: #fff;\n  border-radius: 8px;\n  flex-direction: column;\n  min-width: 0;\n  display: flex;\n  overflow-y: auto;\n  box-shadow: 0 2px 4px #0000001a;\n}\n\n#power-list {\n  flex-grow: 1;\n  padding: 8px;\n}\n\n#main-content-panel {\n  flex-direction: column;\n  gap: 8px;\n  min-width: 0;\n  display: flex;\n}\n\n#controls {\n  background: #fff;\n  border-radius: 8px;\n  flex-wrap: wrap;\n  flex-shrink: 0;\n  gap: 8px;\n  padding: 8px;\n  display: flex;\n  box-shadow: 0 2px 4px #0000001a;\n}\n\n#controls button {\n  cursor: pointer;\n  background-color: #f7f7f7;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  padding: 6px 12px;\n}\n\n#controls button:hover {\n  background-color: #e9e9e9;\n  border-color: #bbb;\n}\n\n#blocklyDiv {\n  flex-grow: 1;\n  position: relative !important;\n}\n\n#code-container {\n  color: #f8f8f2;\n  box-sizing: border-box;\n  white-space: pre-wrap;\n  overflow-wrap: break-word;\n  word-break: break-word;\n  background-color: #272822;\n  flex-grow: 1;\n  margin: 0;\n  padding: 1em;\n  font-family: Fira Code, Dank Mono, monospace;\n  font-size: 14px;\n  line-height: 1.5;\n  overflow: auto;\n}\n\n.editor-layout {\n  width: 100vw;\n  height: 100vh;\n  display: flex;\n  overflow: hidden;\n}\n\n#power-library-panel, #code-preview-panel {\n  flex-direction: column;\n  transition: width .3s;\n  display: flex;\n  overflow-x: hidden;\n}\n\n#main-content-panel {\n  flex-direction: column;\n  flex: 1;\n  min-width: 0;\n  display: flex;\n}\n\n.library-collapsed #power-library-panel, .code-collapsed #code-preview-panel {\n  border: none !important;\n  width: 0 !important;\n  min-width: 0 !important;\n  padding: 0 !important;\n}\n\n.simple-keyboard {\n  background-color: #fff;\n  width: 100%;\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  box-shadow: 0 -5px 20px #0000004d;\n  z-index: 50000 !important;\n}\n\n.simple-keyboard.hg-layout-numpad {\n  max-width: 300px;\n  margin: 0 auto;\n}\n\n.hg-button {\n  height: 60px !important;\n  font-size: 1.2rem !important;\n}\n\n[x-cloak] {\n  display: none !important;\n}\n\n.modal-overlay {\n  z-index: 40000;\n  background-color: #0009;\n  width: 100%;\n  height: 100%;\n  position: fixed;\n  top: 0;\n  left: 0;\n}\n\n.modal-content {\n  background-color: #fff;\n  border-radius: 12px;\n  width: 90%;\n  max-width: 500px;\n  padding: 25px;\n  transition: all .2s ease-out;\n  position: fixed;\n  left: 50%;\n  box-shadow: 0 5px 15px #0000004d;\n  z-index: 40001 !important;\n  top: 30% !important;\n  transform: translate(-50%, -30%)scale(1) !important;\n}\n\n.modal-content input {\n  width: 100%;\n  margin: 15px 0;\n  padding: 10px;\n  font-size: 1.1rem;\n}\n\n.modal-buttons {\n  justify-content: flex-end;\n  gap: 10px;\n  display: flex;\n}\n\n.enter-start {\n  opacity: 0;\n  transform: translate(-50%, -50%)scale(.95);\n}\n\n.enter-end, .leave-start {\n  opacity: 1;\n  transform: translate(-50%, -50%)scale(1);\n}\n\n.leave-end {\n  opacity: 0;\n  transform: translate(-50%, -50%)scale(.95);\n}\n\n.editor-layout.library-collapsed {\n  grid-template-columns: 45px 1fr 100ch;\n}\n\n.editor-layout.code-collapsed {\n  grid-template-columns: 300px 1fr 40ch;\n}\n\n.editor-layout.library-collapsed.code-collapsed {\n  grid-template-columns: 45px 1fr 40ch;\n}\n\n#code-preview-panel {\n  background-color: #fff;\n  border-radius: 8px;\n  flex-direction: column;\n  display: flex;\n  overflow: hidden;\n  box-shadow: 0 2px 4px #0000001a;\n}\n\n.panel-header {\n  border-bottom: 1px solid #e0e0e0;\n  flex-shrink: 0;\n  justify-content: space-between;\n  align-items: center;\n  padding: 12px 16px;\n  display: flex;\n}\n\n#power-library-panel h2 {\n  border-bottom: none;\n  margin: 0;\n  padding: 0;\n  font-size: 16px;\n}\n\n.code-header {\n  color: #555;\n  background-color: #f7f7f7;\n  border-top: 1px solid #ccc;\n  border-bottom: 1px solid #ccc;\n  padding: 4px 10px;\n  font-size: 13px;\n  font-weight: 500;\n}\n\n.toggle-btn {\n  cursor: pointer;\n  background: none;\n  border: 1px solid #0000;\n  border-radius: 4px;\n  padding: 2px 6px;\n  font-size: 16px;\n  line-height: 1;\n}\n\n.toggle-btn:hover {\n  background-color: #e0e0e0;\n}\n/*# sourceMappingURL=mced.55f94dd4.css.map */\n","/* General layout for the entire page */\nhtml, body {\n    height: 100vh; /* Use 100% of the viewport height */\n    margin: 0;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n    background-color: #f0f0f0;\n    color: #333;\n    overflow: hidden; /* Prevent the body itself from scrolling */\n}\n\n/* Make the grid container fill its parent (the body) */\n.editor-layout {\n    display: grid;\n    height: 100%; /* Fill the full height of the body */\n    grid-template-columns: 300px 1fr 100ch;\n    transition: grid-template-columns 0.25s ease-in-out;\n    gap: 8px;\n    padding: 8px;\n    box-sizing: border-box;\n}\n/* --- Left Panel: Power Library --- */\n#power-library-panel {\n    background-color: #ffffff;\n    border-radius: 8px;\n    box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n    display: flex;\n    flex-direction: column;\n    overflow-y: auto; /* Allow scrolling if the list of powers is long */\n    min-width: 0;\n}\n\n#power-library-panel h2 {\n    padding: 12px 16px;\n    margin: 0;\n    border-bottom: 1px solid #e0e0e0;\n    font-size: 16px;\n}\n\n#power-list {\n    padding: 8px;\n    flex-grow: 1; /* Allow the list to fill the available space */\n}\n\n/* --- Right Panel: Main Content --- */\n#main-content-panel {\n    display: flex;\n    flex-direction: column; /* Stack the toolbar, editor, and preview vertically */\n    gap: 8px;\n    min-width: 0;\n}\n\n#controls {\n    flex-shrink: 0; /* Prevent the control bar from shrinking */\n    background: #ffffff;\n    padding: 8px;\n    border-radius: 8px;\n    box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n    display: flex;\n    flex-wrap: wrap; /* Allow buttons to wrap on smaller screens */\n    gap: 8px;\n}\n\n#controls button {\n    padding: 6px 12px;\n    border: 1px solid #ccc;\n    background-color: #f7f7f7;\n    border-radius: 4px;\n    cursor: pointer;\n}\n\n#controls button:hover {\n    background-color: #e9e9e9;\n    border-color: #bbb;\n}\n\n/*#editor-preview-pane {*/\n/*    flex-grow: 1; !* This pane will take up the remaining vertical space *!*/\n/*    display: flex;*/\n/*    flex-direction: column; !* To stack Blockly and the code display *!*/\n/*    border: 1px solid #ccc;*/\n/*    border-radius: 8px;*/\n/*    overflow: hidden; !* Hide anything that spills out *!*/\n/*    background-color: #ffffff;*/\n/*    min-height: 0; !* Add this for better flexbox behavior in some browsers *!*/\n/*}*/\n\n#blocklyDiv {\n    flex-grow: 1; /* Blockly editor takes up most of the space in this pane */\n    /*position: relative; !* Needed for Blockly's UI elements *!*/\n    position: relative !important;\n}\n\n/* Ensure the main container can hold the absolute button */\n/*#blocklyDiv {*/\n/*  position: relative !important;*/\n/*}*/\n\n/*.toolbox-toggle-btn {*/\n/*  position: absolute;*/\n/*  top: 10px;*/\n/*  !* 'left' is now managed by JS to track the toolbox width *!*/\n/*  width: 44px;*/\n/*  height: 44px;*/\n/*  background: #333;*/\n/*  color: white;*/\n/*  display: flex;*/\n/*  align-items: center;*/\n/*  justify-content: center;*/\n/*  border-radius: 0 8px 8px 0;*/\n/*  cursor: pointer;*/\n/*  z-index: 1000; !* Over everything *!*/\n/*  box-shadow: 2px 0 10px rgba(0,0,0,0.5);*/\n/*  transition: left 0.3s ease-in-out;*/\n/*}*/\n\n/*.blocklyToolboxDiv {*/\n/*  transition: transform 0.3s ease-in-out;*/\n/*  !* No more overflow:visible needed here since button is outside *!*/\n/*}*/\n\n/*.toolbox-collapsed {*/\n/*  transform: translateX(-100%);*/\n/*}*/\n#code-container {\n    /* REMOVED: height: 250px; */\n    /* REMOVED: flex-shrink: 0; */\n\n    /* ADDED: This tells the element to grow and fill all available vertical space */\n    /* in its parent flex container (#code-preview-panel). */\n    flex-grow: 1;\n\n    /* These properties remain the same */\n    margin: 0;\n    overflow: auto; /* For vertical AND horizontal scrolling if needed */\n    background-color: #272822;\n    color: #f8f8f2;\n    font-family: 'Fira Code', 'Dank Mono', monospace;\n    font-size: 14px;\n    line-height: 1.5;\n    padding: 1em;\n    box-sizing: border-box;\n\n    /* Wrapping rules remain the same */\n    white-space: pre-wrap;\n    overflow-wrap: break-word;\n    word-break: break-word;\n}\n/*-------------------------------------------------------------*/\n/* Ensure the layout container can shrink its children to 0 */\n.editor-layout {\n    display: flex;\n    width: 100vw;\n    height: 100vh;\n    overflow: hidden;\n}\n\n/* Base styles for the side panels */\n#power-library-panel, #code-preview-panel {\n    transition: width 0.3s ease;\n    overflow-x: hidden; /* Critical: hides content as width hits 0 */\n    display: flex;\n    flex-direction: column;\n}\n\n/* Central panel grows to take all remaining space */\n#main-content-panel {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    min-width: 0; /* Allows the panel to shrink/grow correctly in flex */\n}\n\n/* Collapsed States */\n.library-collapsed #power-library-panel {\n    width: 0 !important;\n    min-width: 0 !important;\n    padding: 0 !important;\n    border: none !important;\n}\n\n.code-collapsed #code-preview-panel {\n    width: 0 !important;\n    min-width: 0 !important;\n    padding: 0 !important;\n    border: none !important;\n}\n/*-------------------------------------------------------------*/\n.simple-keyboard {\n    z-index: 50000 !important; /* Higher than modals and Blockly widgets */\n    position: fixed;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    background-color: white; /* Ensure it's not transparent */\n    box-shadow: 0 -5px 20px rgba(0,0,0,0.3);\n}\n\n/* Ensure the keys are large enough for touchscreens */\n.hg-button {\n    height: 50px !important;\n    font-size: 20px !important;\n}\n\n/* Center the numpad and give it a calculator-like width */\n.simple-keyboard.hg-layout-numpad {\n    max-width: 300px;\n    margin: 0 auto; /* Center it at the bottom of the screen */\n}\n\n/* Ensure keys are large and easy to hit on a touchscreen */\n.hg-button {\n    height: 60px !important;\n    font-size: 1.2rem !important;\n}\n\n/* --- MODAL STYLES --- */\n\n[x-cloak] {\n    display: none !important;\n}\n\n.modal-overlay {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(0, 0, 0, 0.6);\n    z-index: 40000;\n}\n\n.modal-content {\n    position: fixed;\n    /*top: 50%;*/\n    left: 50%;\n    /* Start with the final transform state so transitions work correctly */\n    /*transform: translate(-50%, -50%) scale(1);*/\n    background-color: white;\n    padding: 25px;\n    border-radius: 12px;\n    box-shadow: 0 5px 15px rgba(0,0,0,0.3);\n    /*z-index: 1001;*/\n    width: 90%;\n    max-width: 500px;\n    /* Define the transition properties on the base class */\n    transition: all 0.2s ease-out;\n    z-index: 40001 !important; /* One step above the backdrop */\n\n    /* 3. Adjust Positioning for Portrait Monitors */\n    /* Instead of top: 50%, move it higher to stay clear of the keyboard */\n    top: 30% !important;\n    transform: translate(-50%, -30%) scale(1) !important;\n}\n\n/*.modal-overlay {*/\n/*    position: fixed;*/\n/*    top: 0; left: 0; width: 100%; height: 100%;*/\n/*    background: rgba(0,0,0,0.5);*/\n/*    display: flex;*/\n/*    justify-content: center;*/\n/*    align-items: center;*/\n/*}*/\n\n/*.modal-content {*/\n/*    background: white;*/\n/*    padding: 20px;*/\n/*    border-radius: 8px;*/\n/*    box-shadow: 0 4px 15px rgba(0,0,0,0.3);*/\n/*    min-width: 300px;*/\n/*}*/\n\n.modal-content input {\n    width: 100%;\n    margin: 15px 0;\n    padding: 10px;\n    font-size: 1.1rem;\n}\n\n.modal-buttons {\n    display: flex;\n    justify-content: flex-end;\n    gap: 10px;\n}\n/* --- CORRECTED ALPINE.JS TRANSITION CLASSES --- */\n/* These are the classes that Alpine v3 actually adds to the element */\n\n/* State BEFORE the element enters. It's invisible and slightly smaller. */\n.enter-start {\n    opacity: 0;\n    transform: translate(-50%, -50%) scale(0.95);\n}\n/* State AFTER the element has finished entering. Fully visible. */\n.enter-end {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n}\n/* State BEFORE the element starts to leave. Fully visible. */\n.leave-start {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n}\n/* State AFTER the element has finished leaving. Invisible. */\n.leave-end {\n    opacity: 0;\n    transform: translate(-50%, -50%) scale(0.95);\n}\n\n\n/* When the library is collapsed, shrink the first column */\n.editor-layout.library-collapsed {\n    grid-template-columns: 45px 1fr 100ch;\n}\n\n/* NEW: When the code preview is collapsed, shrink the third column */\n/*.editor-layout.code-collapsed {*/\n/*    grid-template-columns: 300px 1fr 0px;*/\n/*}*/\n/* When the code preview is collapsed, shrink the third column to 45px */\n.editor-layout.code-collapsed {\n    grid-template-columns: 300px 1fr 40ch;\n}\n\n/* Also update the rule for when both are collapsed */\n.editor-layout.library-collapsed.code-collapsed {\n    grid-template-columns: 45px 1fr 40ch;\n}\n/* Handle both being collapsed at the same time */\n/*.editor-layout.library-collapsed.code-collapsed {*/\n/*    grid-template-columns: 45px 1fr 0px;*/\n/*}*/\n\n/* NEW: Add styles for the new right-hand column */\n#code-preview-panel {\n    display: flex;\n    flex-direction: column;\n    background-color: #ffffff;\n    border-radius: 8px;\n    box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n    overflow: hidden; /* Hide content when collapsed */\n}\n\n/* Add a transition to the grid layout for smooth sidebar animation */\n/*.editor-layout {*/\n/*    display: grid;*/\n/*    grid-template-columns: 300px 1fr;*/\n/*    transition: grid-template-columns 0.25s ease-in-out;*/\n/*    !* ... other existing styles ... *!*/\n/*}*/\n\n/* When the library is collapsed, animate the grid column to a small width */\n/*.editor-layout.library-collapsed {*/\n/*    grid-template-columns: 45px 1fr; !* Shrink to just wide enough for the button *!*/\n/*}*/\n\n/* Add a transition for the code container's height and padding */\n/*#code-container {*/\n/*    transition: height 0.25s ease-in-out, padding 0.25s ease-in-out, border 0.25s ease-in-out;*/\n/*    !* ... all your other existing styles for #code-container ... *!*/\n/*}*/\n\n/* When the code pane is collapsed, set the code container's height to 0 */\n/*#editor-preview-pane.code-pane-collapsed #code-container {*/\n/*    height: 0;*/\n/*    padding-top: 0;*/\n/*    padding-bottom: 0;*/\n/*    border-top-width: 0;*/\n/*}*/\n\n/* --- You may also need to add these styles for the new panel-header --- */\n.panel-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 12px 16px;\n    border-bottom: 1px solid #e0e0e0;\n    flex-shrink: 0; /* Prevent header from shrinking when content scrolls */\n}\n#power-library-panel h2 {\n    padding: 0; /* Remove padding from h2 since it's now in panel-header */\n    border-bottom: none;\n    margin: 0;\n    font-size: 16px;\n}\n.code-header {\n    padding: 4px 10px;\n    background-color: #f7f7f7;\n    border-top: 1px solid #ccc;\n    border-bottom: 1px solid #ccc;\n    color: #555;\n    font-size: 13px;\n    font-weight: 500;\n}\n.toggle-btn {\n    background: none;\n    border: 1px solid transparent;\n    border-radius: 4px;\n    cursor: pointer;\n    font-size: 16px;\n    line-height: 1;\n    padding: 2px 6px;\n}\n.toggle-btn:hover {\n    background-color: #e0e0e0;\n}\n\n/* When the parent pane is marked as collapsed... */\n/*#editor-preview-pane.code-pane-collapsed .code-header {*/\n/*    !* You might want to keep the header visible to allow re-opening,*/\n/*       but we can hide the text inside it if we want.*/\n/*       Or just let it be. The toggle button is what matters. *!*/\n/*}*/\n\n/*!* ...target the code container and set its height to 0. *!*/\n/*!* This makes it take up no space in the flex layout. *!*/\n/*#editor-preview-pane.code-pane-collapsed #code-container {*/\n/*    height: 0;*/\n/*    padding-top: 0;*/\n/*    padding-bottom: 0;*/\n/*    border-top-width: 0;*/\n/*    overflow: hidden; !* Hide scrollbars during collapse *!*/\n/*}*/\n\n/*\nBecause #code-container now takes up 0 height, the #blocklyDiv (with its flex-grow: 1)\nwill automatically expand to fill the space that was just freed up inside the\n#editor-preview-pane flex container.\n*/\n\n\n"],"names":[],"version":3,"file":"mced.55f94dd4.css.map"}