diff --git a/cmake/CMakeLists.txt b/cmake/CMakeLists.txt
index 90906773ff..397d5ca4ea 100644
--- a/cmake/CMakeLists.txt
+++ b/cmake/CMakeLists.txt
@@ -441,7 +441,19 @@ if(NOT MINIMAL_BUILD)
     # libxml2 is required for IFCXML (optional) and SVGFILL (mandatory)
     clear_wasm_sysroot()
     if(IFCXML_SUPPORT)
-        find_package(LibXml2 REQUIRED)
+        if((NOT LIBXML2_INCLUDE_DIR AND NOT LIBXML2_LIBRARIES))
+            find_package(LibXml2 CONFIG REQUIRED)
+            message(STATUS "Found LibXml2 config: ${LibXml2_DIR}")
+            get_target_property(LIBXML2_INCLUDE_DIR LibXml2::LibXml2 INTERFACE_INCLUDE_DIRECTORIES)
+            get_target_property(_libxml2_debug LibXml2::LibXml2 IMPORTED_LOCATION_DEBUG)
+            get_target_property(_libxml2_release LibXml2::LibXml2 IMPORTED_LOCATION_RELEASE)
+            set(LIBXML2_LIBRARIES
+                optimized ${_libxml2_release}
+                debug     ${_libxml2_debug}
+            )
+        else()
+            find_package(LibXml2 REQUIRED)
+        endif()
     endif()
     restore_wasm_sysroot()
 endif()
@@ -452,7 +464,7 @@ if(IFCXML_SUPPORT)
 endif()
 
 if(BUILD_IFCGEOM)
-    if(MSVC)
+    if(MSVC AND NOT LibXml2_DIR)
         add_debug_variants(LIBXML2_LIBRARIES "${LIBXML2_LIBRARIES}" d)
     endif()
 
@@ -1097,6 +1109,9 @@ add_library(IfcParse ${IFCPARSE_FILES})
 target_link_libraries(IfcParse ${ROCKSDB_LIBRARY} ${ZSTD_LIBRARY} ${RPCRT_LIBRARIES} ${STDCPPFS})
 set_target_properties(IfcParse PROPERTIES COMPILE_FLAGS -DIFC_PARSE_EXPORTS VERSION "${PROJECT_VERSION}" SOVERSION "${PROJECT_VERSION_MAJOR}.${PROJECT_VERSION_MINOR}")
 
+if(LibXml2_DIR)
+    target_compile_definitions(IfcParse PRIVATE ${LIBXML2_DEFINITIONS})
+endif()
 if(WASM_BUILD)
     target_link_libraries(IfcParse ${BCRYPT_LIBRARIES} ${LIBXML2_LIBRARIES})
 else()
diff --git a/src/bonsai/bonsai/bim/helper.py b/src/bonsai/bonsai/bim/helper.py
index e631820cbf..d18de2121d 100644
--- a/src/bonsai/bonsai/bim/helper.py
+++ b/src/bonsai/bonsai/bim/helper.py
@@ -29,7 +29,7 @@ from ifcopenshell.util.doc import get_attribute_doc, get_predefined_type_doc, ge
 import bonsai.tool as tool
 from types import EllipsisType
 from typing import Optional, Any, Union, TYPE_CHECKING
-from collections.abc import Callable, Iterable
+from collections.abc import Callable, Iterable, Sequence
 
 if TYPE_CHECKING:
     import bonsai.bim.prop
@@ -51,7 +51,7 @@ if TYPE_CHECKING:
 
 
 def draw_attributes(
-    props: bpy.types.bpy_prop_collection_idprop[Attribute],
+    props: Union[bpy.types.bpy_prop_collection_idprop[Attribute], Sequence[Attribute]],
     layout: bpy.types.UILayout,
     copy_operator: Optional[str] = None,
     popup_active_attribute: Optional[bonsai.bim.prop.Attribute] = None,
@@ -296,7 +296,13 @@ def add_attribute_enum_items_descriptions(
         new_enum_description.name = description
 
 
-def add_attribute_description(attribute_blender: bonsai.bim.prop.Attribute, attribute_ifc=None):
+def add_attribute_description(
+    attribute_blender: bonsai.bim.prop.Attribute,
+    attribute_ifc: Union[ifcopenshell.entity_instance, None] = None,
+) -> None:
+    """
+    :param attribute_ifc: IFC Entity to use as a fallback source of description (using "Description" attribute).
+    """
     if not attribute_blender.name:
         return
     version = tool.Ifc.get_schema()
diff --git a/src/bonsai/bonsai/bim/import_ifc.py b/src/bonsai/bonsai/bim/import_ifc.py
index d9dc6cea60..fdaf56e2ff 100644
--- a/src/bonsai/bonsai/bim/import_ifc.py
+++ b/src/bonsai/bonsai/bim/import_ifc.py
@@ -219,9 +219,7 @@ class IfcImporter:
         self.gross_elements: set[ifcopenshell.entity_instance] = set()
         self.element_types: set[ifcopenshell.entity_instance] = set()
         self.spatial_elements: set[ifcopenshell.entity_instance] = set()
-        self.type_products = {}
         self.meshes: dict[str, OBJECT_DATA_TYPE] = {}
-        self.mesh_shapes = {}
         self.time = 0
         self.unit_scale = 1.0
         # ifc definition ids to blender elements mapping
@@ -463,6 +461,10 @@ class IfcImporter:
         return False
 
     def calculate_model_offset(self) -> None:
+        # TODO:
+        if isinstance(self.file, ifcopenshell.sqlite):
+            print("WARNING. Calculating model offset for IFCSQLite is not supported.")
+            return
         props = tool.Georeference.get_georeference_props()
         if self.ifc_import_settings.false_origin_mode == "MANUAL":
             tool.Loader.set_manual_blender_offset(self.file)
@@ -516,11 +518,52 @@ class IfcImporter:
             self.set_matrix_world(obj, tool.Loader.apply_blender_offset_to_matrix_world(obj, grid_placement))
 
     def create_element_types(self):
+        # TODO:
+        if isinstance(self.file, ifcopenshell.sqlite):
+            self.create_element_types_sqlite(self.element_types)
+            return
         for element_type in self.element_types:
-            if not element_type:
-                continue
             self.create_element_type(element_type)
 
+    def create_element_types_sqlite(self, element_types: set[ifcopenshell.entity_instance]) -> None:
+        assert isinstance(self.file, ifcopenshell.sqlite)
+        geometry_cache = self.file.get_geometry([e.id() for e in element_types])
+        geometry_meshes: dict[str, bpy.types.Mesh] = {}
+        for geometry_id, geometry in geometry_cache["geometry"].items():
+            verts = geometry["verts"]
+            fake_geometry = type("Geometry", (), {"id": geometry_id})
+            mesh_name = tool.Loader.get_mesh_name_from_shape(fake_geometry)  # pyright: ignore[reportArgumentType]
+            mesh = bpy.data.meshes.new(mesh_name)
+
+            if geometry["faces"].size:
+                mesh = tool.Loader.create_mesh_from_shape(
+                    mesh=mesh, faces=geometry["faces"].reshape(-1, 3), verts=verts.reshape(-1, 3)
+                )
+            else:
+                vertices = verts.reshape(-1, 3).tolist()
+                edges = geometry["edges"].reshape(-1, 2).tolist()
+                mesh.from_pydata(vertices, edges, [])
+            tool.Loader.link_mesh(fake_geometry, mesh)  # pyright: ignore[reportArgumentType]
+
+            mesh["ios_materials"] = geometry["materials"]
+            mesh["ios_material_ids"] = geometry["material_ids"]
+            self.meshes[mesh_name] = mesh
+            geometry_meshes[geometry_id] = mesh
+
+        shapes = geometry_cache["shapes"]
+        for element in element_types:
+            # Allow missing element types to accomodate older ifcsqlite files
+            # that didn't store element types geometry.
+            shape = shapes.get(element.id())
+            if shape:
+                geometry_id = shapes[element.id()]["geometry"]
+            else:
+                geometry_id = None
+            mesh = None if geometry_id is None else geometry_meshes[geometry_id]
+            obj = bpy.data.objects.new(tool.Loader.get_name(element), mesh)
+            self.link_element(element, obj)
+            self.material_creator.create(element, obj, mesh, False)
+
     def create_element_type(self, element: ifcopenshell.entity_instance) -> None:
         self.ifc_import_settings.logger.info("Creating object %s", element)
         mesh = None
@@ -547,7 +590,6 @@ class IfcImporter:
         obj = bpy.data.objects.new(tool.Loader.get_name(element), mesh)
         self.link_element(element, obj)
         self.material_creator.create(element, obj, mesh, False)
-        self.type_products[element.GlobalId] = obj
 
     def create_native_elements(self):
         if not self.ifc_import_settings.should_load_geometry:
@@ -631,15 +673,13 @@ class IfcImporter:
             verts = geometry["verts"]
             mesh["has_cartesian_point_offset"] = False
 
-            if geometry["faces"]:
+            if geometry["faces"].size:
                 mesh = tool.Loader.create_mesh_from_shape(
                     mesh=mesh, faces=geometry["faces"].reshape(-1, 3), verts=verts.reshape(-1, 3)
                 )
             else:
-                e = geometry["edges"]
-                v = verts
-                vertices = [[v[i], v[i + 1], v[i + 2]] for i in range(0, len(v), 3)]
-                edges = [[e[i], e[i + 1]] for i in range(0, len(e), 2)]
+                vertices = verts.reshape(-1, 3).tolist()
+                edges = geometry["edges"].reshape(-1, 2).tolist()
                 mesh.from_pydata(vertices, edges, [])
 
             mesh["ios_materials"] = geometry["materials"]
diff --git a/src/bonsai/bonsai/bim/module/boundary/operator.py b/src/bonsai/bonsai/bim/module/boundary/operator.py
index be93e5e41d..89b4bf6e72 100644
--- a/src/bonsai/bonsai/bim/module/boundary/operator.py
+++ b/src/bonsai/bonsai/bim/module/boundary/operator.py
@@ -40,6 +40,7 @@ from mathutils import Vector, Matrix
 from bonsai.bim.ifc import IfcStore
 from bonsai.bim.module.model.decorator import ProfileDecorator
 from bonsai.bim.module.boundary.decorator import BoundaryDecorator
+from ifcopenshell.util.shape_builder import ShapeBuilder
 import bonsai.core
 import bonsai.core.geometry
 from typing import Union, Optional
@@ -1058,15 +1059,11 @@ class AddBoundary(bpy.types.Operator, tool.Ifc.Operator):
 
         self.unit_scale = ifcopenshell.util.unit.calculate_unit_scale(tool.Ifc.get())
         tool.Model.unit_scale = self.unit_scale
+        builder = ShapeBuilder(tool.Ifc.get())
 
         surface = tool.Ifc.get().createIfcCurveBoundedPlane()
-        surface.BasisSurface = tool.Ifc.get().createIfcPlane(
-            tool.Ifc.get().createIfcAxis2Placement3D(
-                tool.Ifc.get().createIfcCartesianPoint([o / self.unit_scale for o in p1]),
-                tool.Ifc.get().createIfcDirection([float(o) for o in z_axis]),
-                tool.Ifc.get().createIfcDirection([float(o) for o in x_axis]),
-            )
-        )
+        placement = builder.create_axis2_placement_3d([o / self.unit_scale for o in p1], z_axis, x_axis)
+        surface.BasisSurface = tool.Ifc.get().create_entity("IfcPlane", placement)
 
         if tool.Ifc.get().schema != "IFC2X3":
             points = [tool.Model.convert_si_to_unit(list(co)) for co in polygon.exterior.coords]
diff --git a/src/bonsai/bonsai/bim/module/classification/data.py b/src/bonsai/bonsai/bim/module/classification/data.py
index 42b398e7a4..acc88af10a 100644
--- a/src/bonsai/bonsai/bim/module/classification/data.py
+++ b/src/bonsai/bonsai/bim/module/classification/data.py
@@ -56,6 +56,7 @@ class ClassificationsData:
             data = element.get_info()
             if tool.Ifc.get().schema == "IFC2X3" and element.EditionDate:
                 data["EditionDate"] = ifcopenshell.util.date.ifc2datetime(data["EditionDate"])
+            data["Name"] = data["Name"] or "Unnamed"
             results.append(data)
         return results
 
diff --git a/src/bonsai/bonsai/bim/module/classification/operator.py b/src/bonsai/bonsai/bim/module/classification/operator.py
index 8ab195ebd1..600b86a3d5 100644
--- a/src/bonsai/bonsai/bim/module/classification/operator.py
+++ b/src/bonsai/bonsai/bim/module/classification/operator.py
@@ -17,7 +17,6 @@
 # along with Bonsai.  If not, see <http://www.gnu.org/licenses/>.
 
 import bpy
-import json
 import ifcopenshell
 import ifcopenshell.api
 import ifcopenshell.api.pset
@@ -192,21 +191,11 @@ class EnableEditingClassification(bpy.types.Operator):
     classification: bpy.props.IntProperty()
 
     def execute(self, context):
-        def callback(name, prop, data):
-            if name == "ReferenceTokens":
-                geo_props = tool.Georeference.get_georeference_props()
-                new = geo_props.projected_crs.add()
-                new.name = name
-                new.data_type = "string"
-                new.is_null = data[name] is None
-                new.is_optional = True
-                new.string_value = "" if new.is_null else json.dumps(data[name])
-                return True
-
         props = tool.Classification.get_classification_props()
         props.classification_attributes.clear()
         bonsai.bim.helper.import_attributes(
-            tool.Ifc.get().by_id(self.classification), props.classification_attributes, callback
+            tool.Ifc.get().by_id(self.classification),
+            props.classification_attributes,
         )
         props.active_classification_id = self.classification
         return {"FINISHED"}
@@ -248,13 +237,7 @@ class EditClassification(bpy.types.Operator, tool.Ifc.Operator):
 
     def _execute(self, context):
         props = tool.Classification.get_classification_props()
-
-        def callback(attributes, prop):
-            if prop.name == "ReferenceTokens":
-                attributes[prop.name] = json.loads(prop.string_value)
-                return True
-
-        attributes = bonsai.bim.helper.export_attributes(props.classification_attributes, callback=callback)
+        attributes = bonsai.bim.helper.export_attributes(props.classification_attributes)
         ifc_file = tool.Ifc.get()
         ifcopenshell.api.classification.edit_classification(
             ifc_file,
diff --git a/src/bonsai/bonsai/bim/module/classification/ui.py b/src/bonsai/bonsai/bim/module/classification/ui.py
index 5c4b3576b7..7cbfb0ed93 100644
--- a/src/bonsai/bonsai/bim/module/classification/ui.py
+++ b/src/bonsai/bonsai/bim/module/classification/ui.py
@@ -73,6 +73,7 @@ class BIM_PT_classifications(Panel):
                 self.draw_ui(classification)
 
     def draw_add_manual_ui(self, context):
+        assert self.layout
         if self.props.is_adding:
             bonsai.bim.helper.draw_attributes(self.props.classification_attributes, self.layout)
             row = self.layout.row(align=True)
@@ -83,10 +84,12 @@ class BIM_PT_classifications(Panel):
             row.operator("bim.enable_adding_manual_classification", text="Add Classification", icon="ADD")
 
     def draw_add_bsdd_ui(self, context):
+        assert self.layout
         row = self.layout.row()
         row.operator("bim.add_classification_from_bsdd", icon="ADD")
 
     def draw_add_file_ui(self, context):
+        assert self.layout
         if ClassificationsData.data["has_classification_file"]:
             row = self.layout.row(align=True)
             row.prop(self.props, "available_classifications", text="")
@@ -97,13 +100,15 @@ class BIM_PT_classifications(Panel):
             row.label(text="No Active Classification Library")
             row.operator("bim.load_classification_library", text="", icon="IMPORT")
 
-    def draw_editable_ui(self):
+    def draw_editable_ui(self) -> None:
+        assert self.layout
         row = self.layout.row(align=True)
         row.operator("bim.edit_classification", text="Save changes", icon="CHECKMARK")
         row.operator("bim.disable_editing_classification", text="", icon="CANCEL")
         bonsai.bim.helper.draw_attributes(self.props.classification_attributes, self.layout)
 
-    def draw_ui(self, classification):
+    def draw_ui(self, classification: dict[str, Any]) -> None:
+        assert self.layout
         row = self.layout.row(align=True)
         row.label(text=classification["Name"], icon="ASSET_MANAGER")
         if not self.props.active_classification_id:
diff --git a/src/bonsai/bonsai/bim/module/drawing/data.py b/src/bonsai/bonsai/bim/module/drawing/data.py
index bd5adde0fb..095e9b68a4 100644
--- a/src/bonsai/bonsai/bim/module/drawing/data.py
+++ b/src/bonsai/bonsai/bim/module/drawing/data.py
@@ -332,7 +332,7 @@ class DecoratorData:
         returns font size in mm for current ifc text object"""
         element = tool.Ifc.get_entity(obj)
         assert element
-        props = tool.Drawing.get_text_props(obj)
+
         # getting font size
         pset_data = ifcopenshell.util.element.get_pset(element, "EPset_Annotation") or {}
         # use `regular` as default
@@ -353,20 +353,17 @@ class DecoratorData:
         newline_at = pset_data.get("Newline_At", 0)
 
         # other attributes
-        props_literals = props.literals
-        props_literals_n = len(props.literals)
         literals = tool.Drawing.get_text_literal(obj, return_list=True)
-        literals_data = []
-        for i, literal in enumerate(literals):
+        assert isinstance(literals, list)
+        literals_data: list[dict[str, Any]] = []
+        product = tool.Drawing.get_assigned_product(element) or element
+        for literal in literals:
+            literal_value = literal.Literal
             literal_data = {
-                "Literal": literal.Literal,
+                "Literal": literal_value,
                 "BoxAlignment": literal.BoxAlignment,
+                "CurrentValue": tool.Drawing.replace_text_literal_variables(literal_value, product),
             }
-            if i < props_literals_n:
-                literal_data["CurrentValue"] = props_literals[i].value
-            else:
-                literal_data["CurrentValue"] = literal.Literal
-
             literals_data.append(literal_data)
 
         return {"Literals": literals_data, "FontSize": font_size, "Symbol": symbol, "Newline_At": newline_at}
diff --git a/src/bonsai/bonsai/bim/module/drawing/decoration.py b/src/bonsai/bonsai/bim/module/drawing/decoration.py
index d1dfce3403..4273feba9d 100644
--- a/src/bonsai/bonsai/bim/module/drawing/decoration.py
+++ b/src/bonsai/bonsai/bim/module/drawing/decoration.py
@@ -601,7 +601,7 @@ class BaseDecorator:
         props = tool.Drawing.get_text_props(obj)
         text_data = DecoratorData.data["text"].get(obj.name, None)
         if props.is_editing:
-            text_data = text_data | props.get_text_edited_data()
+            text_data = props.get_text_edited_data()
         literals_data = text_data["Literals"]
         symbol = text_data["Symbol"]
         newline_at = text_data["Newline_At"]
diff --git a/src/bonsai/bonsai/bim/module/drawing/operator.py b/src/bonsai/bonsai/bim/module/drawing/operator.py
index cea8c78ef0..f860c05fe1 100644
--- a/src/bonsai/bonsai/bim/module/drawing/operator.py
+++ b/src/bonsai/bonsai/bim/module/drawing/operator.py
@@ -2971,47 +2971,9 @@ class EditTextPopup(bpy.types.Operator):
     first_run: bpy.props.BoolProperty(default=True)
 
     def draw(self, context):
-        # shares most of the code with BIM_PT_text.draw()
-        # need to keep them in sync or move to some common function
-        # NOTE: that `popup_active_attribute` is used here when it's not used in `BIM_PT_text.draw()`
+        from bonsai.bim.module.drawing.ui import BIM_PT_text
 
-        assert self.layout
-        obj = context.active_object
-        assert obj
-        props = tool.Drawing.get_text_props(obj)
-
-        row = self.layout.row(align=True)
-        row.operator("bim.add_text_literal", icon="ADD", text="Add Literal")
-
-        row = self.layout.row(align=True)
-        row.prop(props, "font_size")
-
-        for i, literal_props in enumerate(props.literals):
-            box = self.layout.box()
-            row = self.layout.row(align=True)
-
-            row = box.row(align=True)
-            row.label(text=f"Literal[{i}]:")
-            row.operator("bim.remove_text_literal", icon="X", text="").literal_prop_id = i
-
-            # skip BoxAlignment since we're going to format it ourselves
-            attributes = [a for a in literal_props.attributes if a.name != "BoxAlignment"]
-            bonsai.bim.helper.draw_attributes(attributes, box, popup_active_attribute=attributes[0])
-
-            row = box.row(align=True)
-            cols = [row.column(align=True) for i in range(3)]
-            for i in range(9):
-                cols[i % 3].prop(
-                    literal_props,
-                    "box_alignment",
-                    text="",
-                    index=i,
-                    icon="RADIOBUT_ON" if literal_props.box_alignment[i] else "RADIOBUT_OFF",
-                )
-
-            col = row.column(align=True)
-            col.label(text="    Text box alignment:")
-            col.label(text=f'    {literal_props.attributes["BoxAlignment"].string_value}')
+        BIM_PT_text.draw_text_editing_ui(self, context, popup_mode=True)
 
     def cancel(self, context):
         # disable editing when dialog is closed
@@ -3066,7 +3028,6 @@ class DisableEditingText(bpy.types.Operator, tool.Ifc.Operator):
 
         # force update this object's font size for viewport display
         DecoratorData.data.pop(obj.name, None)
-        tool.Drawing.update_text_value(obj)
         tool.Blender.update_viewport()
 
 
@@ -3123,6 +3084,7 @@ class RemoveTextLiteral(bpy.types.Operator):
         assert obj
         props = tool.Drawing.get_text_props(obj)
         props.literals.remove(self.literal_prop_id)
+        tool.Blender.update_viewport()
         return {"FINISHED"}
 
 
@@ -3140,6 +3102,7 @@ class OrderTextLiteralUp(bpy.types.Operator):
         assert obj
         props = tool.Drawing.get_text_props(obj)
         props.literals.move(self.literal_prop_id, self.literal_prop_id - 1)
+        tool.Blender.update_viewport()
         return {"FINISHED"}
 
 
@@ -3157,6 +3120,7 @@ class OrderTextLiteralDown(bpy.types.Operator):
         assert obj
         props = tool.Drawing.get_text_props(obj)
         props.literals.move(self.literal_prop_id, self.literal_prop_id + 1)
+        tool.Blender.update_viewport()
         return {"FINISHED"}
 
 
diff --git a/src/bonsai/bonsai/bim/module/drawing/prop.py b/src/bonsai/bonsai/bim/module/drawing/prop.py
index 8c230a9a4f..3282a6ee55 100644
--- a/src/bonsai/bonsai/bim/module/drawing/prop.py
+++ b/src/bonsai/bonsai/bim/module/drawing/prop.py
@@ -267,12 +267,6 @@ def update_titleblocks(self, context):
 def update_should_draw_decorations(self, context: bpy.types.Context) -> None:
     if self.should_draw_decorations:
         # TODO: design a proper text variable templating renderer
-        collection = tool.Blender.get_object_bim_props(context.scene.camera).collection
-        for obj in collection.objects:
-            element = tool.Ifc.get_entity(obj)
-            if not element or not tool.Drawing.is_annotation_object_type(element, ["TEXT", "TEXT_LEADER"]):
-                continue
-            tool.Drawing.update_text_value(obj)
         refresh_drawing_data()
         if bpy.app.background:
             return
@@ -709,16 +703,12 @@ class LiteralProps(PropertyGroup):
         return self.get("box_alignment", DEFAULT_BOX_ALIGNMENT)
 
     attributes: CollectionProperty(name="Attributes", type=Attribute)
-    # Current text value with evaluated expressions stored in `value`.
-    # The original (Literal) value stored in `attributes['Literal']`
-    # and can be accessed with `get_text()`
-    value: StringProperty(name="Value", default="TEXT")
     box_alignment: BoolVectorProperty(
         name="Box alignment", size=9, set=set_box_alignment, get=get_box_alignment, default=DEFAULT_BOX_ALIGNMENT
     )
     ifc_definition_id: IntProperty(name="IFC definition ID", default=0)
 
-    def get_literal_edited_data(self):
+    def get_literal_edited_data(self) -> dict[str, str]:
         text_data = {
             "CurrentValue": self.attributes["Literal"].string_value,
             "Literal": self.attributes["Literal"].string_value,
@@ -729,7 +719,7 @@ class LiteralProps(PropertyGroup):
     if TYPE_CHECKING:
         attributes: bpy.types.bpy_prop_collection_idprop[Attribute]
         value: str
-        box_alignment: str
+        box_alignment: tuple[bool, bool, bool, bool, bool, bool, bool, bool, bool]
         ifc_definition_id: int
 
 
@@ -748,12 +738,43 @@ class BIMTextProperties(PropertyGroup):
         name="Font Size",
     )
     newline_at: IntProperty(name="Newline At")
+    symbol: EnumProperty(  # pyright: ignore[reportRedeclaration]
+        name="Symbol",
+        description="Symbol from symbols.svg to use for this text.",
+        items=[(s, s, "") for s in ["NO SYMBOL", "CUSTOM SYMBOL"] + tool.Drawing.DEFAULT_SYMBOLS],
+        default="NO SYMBOL",
+    )
+    custom_symbol: StringProperty(  # pyright: ignore[reportRedeclaration]
+        name="Custom Symbol",
+        description="Non-default symbol to use for this text.",
+    )
 
     if TYPE_CHECKING:
         is_editing: bool
         literals: bpy.types.bpy_prop_collection_idprop[LiteralProps]
         font_size: str
         newline_at: int
+        symbol: Union[str, Literal["NO SYMBOL", "CUSTOM SYMBOL"]]
+        custom_symbol: str
+
+    def get_symbol(self) -> Union[str, None]:
+        if self.symbol == "NO SYMBOL":
+            return None
+        elif self.symbol == "CUSTOM SYMBOL":
+            return self.custom_symbol or None
+        else:
+            return self.symbol
+
+    def set_symbol(self, symbol: Union[str, None]):
+        if not symbol:
+            self.property_unset("symbol")
+            self.property_unset("custom_symbol")
+        elif symbol in tool.Drawing.DEFAULT_SYMBOLS:
+            self.symbol = symbol
+            self.property_unset("custom_symbol")
+        else:
+            self.symbol = "CUSTOM SYMBOL"
+            self.custom_symbol = symbol
 
     def get_text_edited_data(self) -> dict[str, Any]:
         """should be called only if `is_editing`
@@ -768,6 +789,7 @@ class BIMTextProperties(PropertyGroup):
             "Literals": literals_data,
             "FontSize": float(self.font_size),
             "Newline_At": int(self.newline_at),
+            "Symbol": self.get_symbol(),
         }
         return text_data
 
diff --git a/src/bonsai/bonsai/bim/module/drawing/svgwriter.py b/src/bonsai/bonsai/bim/module/drawing/svgwriter.py
index f6e1cda3e1..50da1fc52c 100644
--- a/src/bonsai/bonsai/bim/module/drawing/svgwriter.py
+++ b/src/bonsai/bonsai/bim/module/drawing/svgwriter.py
@@ -823,6 +823,7 @@ class SvgWriter:
         x_offset = self.raw_width / 2
         y_offset = self.raw_height / 2
         element = tool.Ifc.get_entity(text_obj)
+        assert element
         text_literals = tool.Drawing.get_text_literal(text_obj, return_list=True)
         product = tool.Drawing.get_assigned_product(element)
 
diff --git a/src/bonsai/bonsai/bim/module/drawing/ui.py b/src/bonsai/bonsai/bim/module/drawing/ui.py
index e35b9195c1..8fb0c5743e 100644
--- a/src/bonsai/bonsai/bim/module/drawing/ui.py
+++ b/src/bonsai/bonsai/bim/module/drawing/ui.py
@@ -29,7 +29,7 @@ from bonsai.bim.module.drawing.data import (
     ElementFiltersData,
     DecoratorData,
 )
-from typing import TYPE_CHECKING
+from typing import TYPE_CHECKING, Union
 
 if TYPE_CHECKING:
     from bonsai.bim.module.drawing.prop import DocProperties, Drawing, Sheet
@@ -565,56 +565,77 @@ class BIM_PT_text(Panel):
             return
         return tool.Drawing.is_annotation_object_type(element, ["TEXT", "TEXT_LEADER"])
 
+    def draw_text_editing_ui(
+        self: Union[bpy.types.Panel, bpy.types.Operator],
+        context: bpy.types.Context,
+        *,
+        popup_mode: bool = False,
+    ) -> None:
+        # The method is also used in EditTextPopup.draw().
+        assert self.layout
+        obj = context.active_object
+        assert obj
+        props = tool.Drawing.get_text_props(obj)
+
+        row = self.layout.row(align=True)
+
+        if popup_mode:
+            row.operator("bim.add_text_literal", icon="ADD", text="Add Literal")
+        else:
+            row.operator("bim.edit_text", icon="CHECKMARK")
+            row.operator("bim.add_text_literal", icon="ADD", text="")
+            row.operator("bim.disable_editing_text", icon="CANCEL", text="")
+
+        row = self.layout.row(align=True)
+        row.prop(props, "font_size")
+        row = self.layout.row(align=True)
+        row.prop(props, "newline_at")
+
+        row = self.layout.row(align=True)
+        row.prop(props, "symbol")
+        if props.symbol == "CUSTOM SYMBOL":
+            row = self.layout.row(align=True)
+            row.prop(props, "custom_symbol", text="")
+
+        for i, literal_props in enumerate(props.literals):
+            box = self.layout.box()
+            row = self.layout.row(align=True)
+
+            row = box.row(align=True)
+            row.label(text=f"Literal[{i}]:")
+            if i > 0:
+                row.operator("bim.order_text_literal_up", icon="TRIA_UP", text="").literal_prop_id = i
+            if i < len(props.literals) - 1:
+                row.operator("bim.order_text_literal_down", icon="TRIA_DOWN", text="").literal_prop_id = i
+            row.operator("bim.remove_text_literal", icon="X", text="").literal_prop_id = i
+
+            # skip BoxAlignment since we're going to format it ourselves
+            attributes = [a for a in literal_props.attributes if a.name != "BoxAlignment"]
+            popup_active_attribute = attributes[0] if popup_mode else None
+            bonsai.bim.helper.draw_attributes(attributes, box, popup_active_attribute=popup_active_attribute)
+
+            row = box.row(align=True)
+            cols = [row.column(align=True) for i in range(3)]
+            for i in range(9):
+                cols[i % 3].prop(
+                    literal_props,
+                    "box_alignment",
+                    text="",
+                    index=i,
+                    icon="RADIOBUT_ON" if literal_props.box_alignment[i] else "RADIOBUT_OFF",
+                )
+
+            col = row.column(align=True)
+            col.label(text="    Text box alignment:")
+            col.label(text=f'    {literal_props.attributes["BoxAlignment"].string_value}')
+
     def draw(self, context):
         obj = context.active_object
         assert obj
         props = tool.Drawing.get_text_props(obj)
 
         if props.is_editing:
-            # shares most of the code with EditTextPopup.draw()
-            # need to keep them in sync or move to some common function
-
-            row = self.layout.row(align=True)
-            row.operator("bim.edit_text", icon="CHECKMARK")
-            row.operator("bim.add_text_literal", icon="ADD", text="")
-            row.operator("bim.disable_editing_text", icon="CANCEL", text="")
-
-            row = self.layout.row(align=True)
-            row.prop(props, "font_size")
-            row = self.layout.row(align=True)
-            row.prop(props, "newline_at")
-
-            for i, literal_props in enumerate(props.literals):
-                box = self.layout.box()
-                row = self.layout.row(align=True)
-
-                row = box.row(align=True)
-                row.label(text=f"Literal[{i}]:")
-                if i > 0:
-                    row.operator("bim.order_text_literal_up", icon="TRIA_UP", text="").literal_prop_id = i
-                if i < len(props.literals) - 1:
-                    row.operator("bim.order_text_literal_down", icon="TRIA_DOWN", text="").literal_prop_id = i
-                row.operator("bim.remove_text_literal", icon="X", text="").literal_prop_id = i
-
-                # skip BoxAlignment since we're going to format it ourselves
-                attributes = [a for a in literal_props.attributes if a.name != "BoxAlignment"]
-                bonsai.bim.helper.draw_attributes(attributes, box)
-
-                row = box.row(align=True)
-                cols = [row.column(align=True) for i in range(3)]
-                for i in range(9):
-                    cols[i % 3].prop(
-                        literal_props,
-                        "box_alignment",
-                        text="",
-                        index=i,
-                        icon="RADIOBUT_ON" if literal_props.box_alignment[i] else "RADIOBUT_OFF",
-                    )
-
-                col = row.column(align=True)
-                col.label(text="    Text box alignment:")
-                col.label(text=f'    {literal_props.attributes["BoxAlignment"].string_value}')
-
+            self.draw_text_editing_ui(context)
         else:
             text_data = DecoratorData.get_text_data(obj)
 
diff --git a/src/bonsai/bonsai/bim/module/geometry/helper.py b/src/bonsai/bonsai/bim/module/geometry/helper.py
index 38ca24d15d..7f70df4b96 100644
--- a/src/bonsai/bonsai/bim/module/geometry/helper.py
+++ b/src/bonsai/bonsai/bim/module/geometry/helper.py
@@ -28,6 +28,7 @@ import bonsai.tool as tool
 from math import pi, pow
 from mathutils import Vector, Matrix, geometry
 from typing import Union, Any, TypeVar, Optional
+from ifcopenshell.util.shape_builder import ShapeBuilder
 
 T = TypeVar("T")
 
@@ -35,6 +36,7 @@ T = TypeVar("T")
 class Helper:
     def __init__(self, file: ifcopenshell.file):
         self.file = file
+        self.builder = ShapeBuilder(file)
         self.unit_scale = ifcopenshell.util.unit.calculate_unit_scale(self.file)
 
     # We can detect a rectangular extrusion by picking any face, then find an
@@ -340,8 +342,10 @@ class Helper:
     def create_extruded_area_solid(
         self, mesh: bpy.types.Mesh, extrusion_indices: list[int], profile_def: dict[str, Any]
     ) -> ifcopenshell.entity_instance:
-        position = self.create_ifc_axis_2_placement_3d(
-            profile_def["curve_ucs"]["center"], profile_def["curve_ucs"]["z_axis"], profile_def["curve_ucs"]["x_axis"]
+        position = self.builder.create_axis2_placement_3d(
+            self.convert_si_to_unit(profile_def["curve_ucs"]["center"]),
+            profile_def["curve_ucs"]["z_axis"],
+            profile_def["curve_ucs"]["x_axis"],
         )
         direction = self.get_extrusion_direction(mesh, extrusion_indices, profile_def["curve_ucs"])
         unit_direction = direction.normalized()
@@ -505,12 +509,3 @@ class Helper:
         return self.file.createIfcAxis2Placement2D(
             self.create_cartesian_point(point.x, point.y), self.file.createIfcDirection((forward.x, forward.y))
         )
-
-    def create_ifc_axis_2_placement_3d(
-        self, point: Vector, up: Vector, forward: Vector
-    ) -> ifcopenshell.entity_instance:
-        return self.file.createIfcAxis2Placement3D(
-            self.create_cartesian_point(point.x, point.y, point.z),
-            self.file.createIfcDirection((up.x, up.y, up.z)),
-            self.file.createIfcDirection((forward.x, forward.y, forward.z)),
-        )
diff --git a/src/bonsai/bonsai/bim/module/model/workspace.py b/src/bonsai/bonsai/bim/module/model/workspace.py
index 693cc20d87..0aa7f7113e 100644
--- a/src/bonsai/bonsai/bim/module/model/workspace.py
+++ b/src/bonsai/bonsai/bim/module/model/workspace.py
@@ -1452,16 +1452,20 @@ class Hotkey(bpy.types.Operator, tool.Ifc.Operator):
             self.report({"ERROR"}, "No LAYER2 objects selected")
             return
 
-        if layer2_bases and len(set(layer2_bases)) > 1:
+        # --- tolerance check ---
+        tolerance = 1e-5  # to provide a little wiggle room
+        if layer2_bases and (max(layer2_bases) - min(layer2_bases)) > tolerance:
             min_base = min(layer2_bases)
             max_base = max(layer2_bases)
             self.report(
                 {"ERROR"},
-                f"Selected LAYER2 objects have different base heights ({min_base:.3f}m to {max_base:.3f}m). All objects must be at the exact same base level.",
+                f"Selected LAYER2 objects have different base heights ({min_base:.3f}m to {max_base:.3f}m). "
+                f"All objects must be at the exact same base level (tolerance {tolerance}).",
             )
             return
 
-        common_base = layer2_bases[0]
+        # use the mean base as the "common" one to avoid floating-point mismatches
+        common_base = sum(layer2_bases) / len(layer2_bases)
         new_height = cursor_z - common_base
 
         if new_height > 0:
diff --git a/src/bonsai/bonsai/bim/module/project/ui.py b/src/bonsai/bonsai/bim/module/project/ui.py
index 0c305302f2..1177f1ff8b 100644
--- a/src/bonsai/bonsai/bim/module/project/ui.py
+++ b/src/bonsai/bonsai/bim/module/project/ui.py
@@ -19,6 +19,7 @@
 from __future__ import annotations
 import bpy
 import os
+import ifcopenshell
 import bonsai.bim
 import bonsai.tool as tool
 from bonsai.bim.helper import prop_with_search, draw_attributes
@@ -259,10 +260,10 @@ class BIM_PT_project(Panel):
     def draw_editable_file_info(self, context):
         pprops = self.props
 
-        if tool.Ifc.get():
+        if ifc_file := tool.Ifc.get():
             row = self.layout.row(align=True)
             row.label(text="IFC Schema", icon="FILE_CACHE")
-            row.label(text=tool.Ifc.get().schema)
+            row.label(text=ifc_file.schema)
 
             if pprops.is_editing:
                 row = self.layout.row(align=True)
@@ -283,7 +284,10 @@ class BIM_PT_project(Panel):
             else:
                 row = self.layout.row(align=True)
                 row.label(text="IFC MVD", icon="FILE_HIDDEN")
-                mvd = "".join(tool.Ifc.get().wrapped_data.header.file_description.description)
+                if isinstance(ifc_file, ifcopenshell.sqlite):
+                    mvd = ifc_file.mvd_str
+                else:
+                    mvd = "".join(ifc_file.wrapped_data.header.file_description.description)
                 if "[" in mvd:
                     mvd = mvd.split("[")[1][0:-1]
                 row.label(text=mvd)
diff --git a/src/bonsai/bonsai/bim/module/root/operator.py b/src/bonsai/bonsai/bim/module/root/operator.py
index 37bee7b25b..8eb2119993 100644
--- a/src/bonsai/bonsai/bim/module/root/operator.py
+++ b/src/bonsai/bonsai/bim/module/root/operator.py
@@ -203,6 +203,7 @@ class AssignClass(bpy.types.Operator, tool.Ifc.Operator):
         predefined_type: str
         userdefined_type: str
         context_id: int
+        props_to_pset: bool
         should_add_representation: bool
         ifc_representation_class: str
 
@@ -385,13 +386,8 @@ class AssignClass(bpy.types.Operator, tool.Ifc.Operator):
         # TODO: reload representation might lead to the object being replaced by object of the other type.
         # We probably should track it somehow and keep the original selection.
 
-        # Validation selection.
-        new_selected_objects = list(filter(tool.Blender.is_valid_data_block, current_selection[2]))
-        active_object = current_selection[1]
-        if active_object and not tool.Blender.is_valid_data_block(active_object):
-            active_object = None
-        current_selection = (current_selection[0], active_object, new_selected_objects)
-
+        # Validate selection and reapply it.
+        current_selection = tool.Blender.validate_object_selection(*current_selection)
         tool.Blender.set_objects_selection(*current_selection)
 
 
diff --git a/src/bonsai/bonsai/bim/module/tester/__init__.py b/src/bonsai/bonsai/bim/module/tester/__init__.py
index 3561296d31..90a5cf255b 100644
--- a/src/bonsai/bonsai/bim/module/tester/__init__.py
+++ b/src/bonsai/bonsai/bim/module/tester/__init__.py
@@ -21,6 +21,9 @@ from . import ui, prop, operator
 
 classes = (
     operator.ExecuteIfcTester,
+    operator.StartIfcTesterWebapp,
+    operator.StopIfcTesterWebapp,
+    operator.OpenIfcTesterWebapp,
     operator.SelectRequirement,
     operator.SelectFailedEntities,
     operator.ExportBcf,
diff --git a/src/bonsai/bonsai/bim/module/tester/operator.py b/src/bonsai/bonsai/bim/module/tester/operator.py
index e6bf4ad293..767c223985 100644
--- a/src/bonsai/bonsai/bim/module/tester/operator.py
+++ b/src/bonsai/bonsai/bim/module/tester/operator.py
@@ -22,6 +22,13 @@ import time
 import tempfile
 import webbrowser
 import traceback
+import subprocess
+import socket
+import sys
+import threading
+import asyncio
+import socketio
+from aiohttp import web
 import ifctester
 import ifctester.ids
 import ifctester.reporter
@@ -32,6 +39,167 @@ from bpy_extras.io_utils import ExportHelper
 from pathlib import Path
 from typing import Union
 
+webapp_process = None
+websocket_server_thread = None
+websocket_app = None
+websocket_runner = None
+
+
+class IfcTesterWebSocketServer:
+    def __init__(self, port):
+        self.port = port
+        self.sio = socketio.AsyncServer(cors_allowed_origins="*", async_mode="aiohttp")
+        self.app = web.Application()
+        self.sio.attach(self.app)
+        self.runner = None
+        self.site = None
+        self.loop = None
+        self.shutdown_event = None
+
+        # Register namespace
+        self.sio.register_namespace(IfcTesterNamespace("/ifctester"))
+
+        # Add health check route
+        self.app.router.add_get("/health", self.health_check)
+
+    async def health_check(self, request):
+        return web.Response(text="OK", content_type="text/plain")
+
+    async def start_server(self):
+        self.loop = asyncio.get_event_loop()
+        self.shutdown_event = asyncio.Event()
+
+        self.runner = web.AppRunner(self.app)
+        await self.runner.setup()
+        self.site = web.TCPSite(self.runner, "127.0.0.1", self.port)
+        await self.site.start()
+        print(f"IfcTester WebSocket server started on 127.0.0.1:{self.port}")
+
+        try:
+            # Wait for shutdown signal
+            await self.shutdown_event.wait()
+        except asyncio.CancelledError:
+            print("WebSocket server received cancellation")
+        finally:
+            await self._cleanup()
+
+    async def _cleanup(self):
+        try:
+            # Disconnect all clients
+            print("Shutting down SocketIO...")
+
+            try:
+                await self.sio.shutdown()
+            except Exception as e:
+                print(f"Error shutting down socketio: {e}")
+
+            # Stop the web server
+            if self.site:
+                print("Stopping web server...")
+                await asyncio.wait_for(self.site.stop(), timeout=2.0)
+                self.site = None
+
+            # Clean up the runner
+            if self.runner:
+                print("Cleaning up runner...")
+                await asyncio.wait_for(self.runner.cleanup(), timeout=2.0)
+                self.runner = None
+
+            print("IfcTester WebSocket server stopped")
+        except TimeoutError:
+            print("Websocket server cleanup timed out, forcing shutdown")
+        except Exception as e:
+            print(f"Error during websocket cleanup: {e}")
+
+    def stop_server(self):
+        if self.loop and self.shutdown_event and not self.shutdown_event.is_set():
+            try:
+                self.loop.call_soon_threadsafe(self.shutdown_event.set)
+            except Exception as e:
+                print(f"Error sending shutdown signal: {e}")
+
+
+class IfcTesterNamespace(socketio.AsyncNamespace):
+    def __init__(self, namespace):
+        super().__init__(namespace)
+
+    async def on_connect(self, sid, environ):
+        print(f"IfcTester webapp client connected: {sid}")
+        await self.emit("status", {"connected": True}, room=sid)
+
+    async def on_disconnect(self, sid):
+        print(f"IfcTester webapp client disconnected: {sid}")
+
+    async def on_audit_ids(self, sid, data):
+        request_id = None
+        try:
+            request_id = data.get("id")
+            ids_string = data.get("ids")
+
+            if not request_id:
+                await self.emit("error", {"error": "No request ID provided"}, room=sid)
+                return
+
+            if not ids_string:
+                await self.emit("error", {"id": request_id, "error": "No IDS XML string provided"}, room=sid)
+                return
+
+            print(f"Processing IDS audit request {request_id}")
+
+            # Check if IFC is loaded in Bonsai
+            ifc = tool.Ifc.get()
+            if not ifc:
+                await self.emit(
+                    "error", {"id": request_id, "error": "No IFC model is currently loaded in Bonsai"}, room=sid
+                )
+                return
+
+            # Parse IDS from string
+            try:
+                ids = ifctester.ids.from_string(ids_string)
+            except Exception as e:
+                await self.emit("error", {"id": request_id, "error": f"Failed to parse IDS XML: {str(e)}"}, room=sid)
+                return
+
+            # Validate IFC against IDS
+            try:
+                ids.validate(ifc)
+            except Exception as e:
+                await self.emit("error", {"id": request_id, "error": f"Validation failed: {str(e)}"}, room=sid)
+                return
+
+            # Generate reports
+            try:
+                # JSON report
+                json_reporter = ifctester.reporter.Json(ids)
+                json_reporter.report()
+                json_report = json_reporter.to_string()
+
+                # HTML report
+                html_reporter = ifctester.reporter.Html(ids)
+                html_reporter.report()
+                html_report = html_reporter.to_string()
+
+                # Send results back
+                await self.emit(
+                    "audit_result", {"id": request_id, "json_report": json_report, "html_report": html_report}, room=sid
+                )
+
+                print(f"Successfully processed IDS audit request {request_id}")
+
+            except Exception as e:
+                await self.emit("error", {"id": request_id, "error": f"Failed to generate reports: {str(e)}"}, room=sid)
+
+        except Exception as e:
+            print(f"Error processing audit request: {str(e)}")
+            import traceback
+
+            print(traceback.format_exc())
+            await self.emit("error", {"id": request_id, "error": f"Internal server error: {str(e)}"}, room=sid)
+
+    async def on_ping(self, sid, data):
+        await self.emit("pong", {"timestamp": data.get("timestamp")}, room=sid)
+
 
 class ExecuteIfcTester(bpy.types.Operator):
     bl_idname = "bim.execute_ifc_tester"
@@ -124,6 +292,171 @@ class ExecuteIfcTester(bpy.types.Operator):
                 new_spec.status = spec["status"]
 
 
+class StartIfcTesterWebapp(bpy.types.Operator):
+    bl_idname = "bim.start_ifc_tester_webapp"
+    bl_label = "Start IfcTester Webapp"
+    bl_description = "Start the IfcTester webapp server and open it in the default browser"
+
+    def execute(self, context):
+        global webapp_process, websocket_server_thread, websocket_app
+
+        props = tool.Tester.get_tester_props()
+
+        if webapp_process is not None or websocket_server_thread is not None:
+            self.report({"WARNING"}, "IfcTester webapp is already running")
+            return {"CANCELLED"}
+
+        try:
+            import ifctester.webapp.serve
+        except ImportError:
+            self.report(
+                {"ERROR"}, "IfcTester webapp not available. Please ensure the latest version of ifctester is installed."
+            )
+            return {"CANCELLED"}
+
+        webapp_port = self.find_free_port()
+        websocket_port = self.find_free_port()
+
+        # Get the path to the serve.py module
+        webapp_serve_path = ifctester.webapp.serve.__file__
+
+        try:
+            # Start the websocket server in a thread
+            websocket_app = IfcTesterWebSocketServer(websocket_port)
+
+            def run_websocket_server():
+                loop = asyncio.new_event_loop()
+                asyncio.set_event_loop(loop)
+                try:
+                    loop.run_until_complete(websocket_app.start_server())
+                except Exception as e:
+                    print(f"WebSocket server error: {e}")
+                finally:
+                    loop.close()
+
+            websocket_server_thread = threading.Thread(target=run_websocket_server, daemon=True)
+            websocket_server_thread.start()
+
+            # Start the Flask server as subprocess
+            webapp_process = subprocess.Popen(
+                [sys.executable, webapp_serve_path, "--host", "127.0.0.1", "--port", str(webapp_port)]
+            )
+
+            # Update properties
+            props.webapp_server_port = webapp_port
+            props.websocket_server_port = websocket_port
+            props.webapp_is_running = True
+
+            # Wait a moment for servers to start, then open browser
+            def delayed_open_browser():
+                import time
+
+                time.sleep(1.5)
+                webbrowser.open(f"http://127.0.0.1:{webapp_port}?bonsai_server={websocket_port}")
+
+            browser_thread = threading.Thread(target=delayed_open_browser, daemon=True)
+            browser_thread.start()
+
+            self.report(
+                {"INFO"}, f"IfcTester webapp started at http://127.0.0.1:{webapp_port} (Websocket: {websocket_port})"
+            )
+            return {"FINISHED"}
+
+        except Exception as e:
+            # Clean up on error
+            if webapp_process:
+                webapp_process.terminate()
+                webapp_process = None
+            if websocket_server_thread and websocket_app:
+                # The websocket server will be cleaned up when the thread ends
+                websocket_server_thread = None
+                websocket_app = None
+
+            self.report({"ERROR"}, f"Failed to start servers: {str(e)}")
+            return {"CANCELLED"}
+
+    def find_free_port(self):
+        with socket.socket(socket.AF_INET, socket.SOCK_STREAM) as s:
+            s.bind(("", 0))
+            s.listen(1)
+            port = s.getsockname()[1]
+        return port
+
+
+class StopIfcTesterWebapp(bpy.types.Operator):
+    bl_idname = "bim.stop_ifc_tester_webapp"
+    bl_label = "Stop IfcTester Webapp"
+    bl_description = "Stop the IfcTester webapp server"
+
+    def execute(self, context):
+        global webapp_process, websocket_server_thread, websocket_app
+
+        props = tool.Tester.get_tester_props()
+
+        if webapp_process is None and websocket_server_thread is None:
+            self.report({"WARNING"}, "No IfcTester servers are running")
+            return {"CANCELLED"}
+
+        errors = []
+
+        # Stop webapp server
+        if webapp_process:
+            try:
+                webapp_process.terminate()
+                webapp_process.wait(timeout=5)
+            except subprocess.TimeoutExpired:
+                webapp_process.kill()
+            except Exception as e:
+                errors.append(f"Error stopping webapp server: {str(e)}")
+            finally:
+                webapp_process = None
+
+        # Stop websocket server
+        if websocket_app and websocket_server_thread:
+            try:
+                print("Stopping WebSocket server...")
+
+                # Signal shutdown using thread-safe method
+                websocket_app.stop_server()
+
+                # Wait for the websocket thread to finish
+                websocket_server_thread.join(timeout=5)
+
+            except Exception as e:
+                errors.append(f"Error during websocket shutdown: {str(e)}")
+            finally:
+                websocket_app = None
+                websocket_server_thread = None
+
+        # Update properties
+        props.webapp_server_port = 0
+        props.websocket_server_port = 0
+        props.webapp_is_running = False
+
+        if errors:
+            self.report({"WARNING"}, f"IfcTester webapp and server stopped with errors: {'; '.join(errors)}")
+        else:
+            self.report({"INFO"}, "IfcTester webapp and server stopped")
+
+        return {"FINISHED"}
+
+
+class OpenIfcTesterWebapp(bpy.types.Operator):
+    bl_idname = "bim.open_ifc_tester_webapp"
+    bl_label = "Open IfcTester Webapp"
+    bl_description = "Open the IfcTester webapp in the default browser"
+
+    def execute(self, context):
+        props = tool.Tester.get_tester_props()
+
+        if not props.webapp_is_running:
+            self.report({"ERROR"}, "IfcTester webapp is not running. Please start it first.")
+            return {"CANCELLED"}
+
+        webbrowser.open(f"http://127.0.0.1:{props.webapp_server_port}?bonsai_server={props.websocket_server_port}")
+        return {"FINISHED"}
+
+
 class SelectRequirement(bpy.types.Operator):
     bl_idname = "bim.select_requirement"
     bl_label = "Select Specification"
diff --git a/src/bonsai/bonsai/bim/module/tester/prop.py b/src/bonsai/bonsai/bim/module/tester/prop.py
index d4e53cf258..4bc6b307d7 100644
--- a/src/bonsai/bonsai/bim/module/tester/prop.py
+++ b/src/bonsai/bonsai/bim/module/tester/prop.py
@@ -77,6 +77,9 @@ class IfcTesterProperties(PropertyGroup):
     failed_entities: CollectionProperty(name="FailedEntities", type=FailedEntities)
     has_entities: BoolProperty(default=False, name="")
     n_entities: IntProperty(name="", default=0)
+    webapp_server_port: IntProperty(name="Webapp Server Port", default=0)
+    webapp_is_running: BoolProperty(default=False, name="Webapp Is Running", options=set())
+    websocket_server_port: IntProperty(name="WebSocket Server Port", default=0)
 
     if TYPE_CHECKING:
         specs: MultipleFileSelect
@@ -92,3 +95,6 @@ class IfcTesterProperties(PropertyGroup):
         failed_entities: bpy.types.bpy_prop_collection_idprop[FailedEntities]
         has_entities: bool
         n_entities: int
+        webapp_server_port: int
+        webapp_is_running: bool
+        websocket_server_port: int
diff --git a/src/bonsai/bonsai/bim/module/tester/ui.py b/src/bonsai/bonsai/bim/module/tester/ui.py
index 8953035ab8..8defa5df9d 100644
--- a/src/bonsai/bonsai/bim/module/tester/ui.py
+++ b/src/bonsai/bonsai/bim/module/tester/ui.py
@@ -71,6 +71,20 @@ class BIM_PT_tester(Panel):
         row = self.layout.row()
         row.operator("bim.execute_ifc_tester")
 
+        self.layout.separator()
+
+        # IfcTester Webapp controls
+        if props.webapp_is_running:
+            row = self.layout.row()
+            row.label(text=f"Webapp: {props.webapp_server_port} | Server: {props.websocket_server_port}")
+
+            row = self.layout.row(align=True)
+            row.operator("bim.stop_ifc_tester_webapp")
+            row.operator("bim.open_ifc_tester_webapp", icon="URL", text="")
+        else:
+            row = self.layout.row()
+            row.operator("bim.start_ifc_tester_webapp")
+
         if TesterData.data["has_report"]:
             self.layout.template_list(
                 "BIM_UL_tester_specifications",
diff --git a/src/bonsai/bonsai/bim/operator.py b/src/bonsai/bonsai/bim/operator.py
index 0aee263f2a..308c0b4e85 100644
--- a/src/bonsai/bonsai/bim/operator.py
+++ b/src/bonsai/bonsai/bim/operator.py
@@ -1057,7 +1057,10 @@ class BIM_OT_enum_property_search(bpy.types.Operator):
         self.layout.context_pointer_set(name="data", data=self.data)
         # NOTE: activate_init don't work with prop_search, so cannot activate field for typing,
         # though it would fit perfectly.
-        self.layout.prop_search(self, "dummy_name", self, "collection_names")
+        if self.dummy_name:
+            self.layout.label(text=f"Current: {self.dummy_name}")
+
+        self.layout.prop_search(self, "dummy_name", self, "collection_names", text=self.prop_name)
 
     def execute(self, context):
         return {"FINISHED"}
diff --git a/src/bonsai/bonsai/bim/ui.py b/src/bonsai/bonsai/bim/ui.py
index 889f8406c0..664eb1f6c1 100644
--- a/src/bonsai/bonsai/bim/ui.py
+++ b/src/bonsai/bonsai/bim/ui.py
@@ -36,7 +36,8 @@ import bonsai.bim
 import bonsai.tool as tool
 from ifcopenshell.util.file import IfcHeaderExtractor
 from bonsai.bim.prop import Attribute
-from bonsai.bim.module.bsdd.prop import BIMBSDDProperties
+from bonsai.bim.module.bsdd.prop import BIMBSDDProperties, BSDDProperty
+from bonsai.bim.module.pset.prop import IfcProperty
 from typing import Optional, TYPE_CHECKING, Literal
 from natsort import natsorted
 
@@ -1424,8 +1425,20 @@ def draw_custom_context_menu(self: bpy.types.Menu, context: bpy.types.Context) -
 
     if isinstance(prop_struct, Attribute):
         attr = prop_struct
+
+        # Hacky way to get Attribute containing description for enumerated values.
+        pset_enum_identifier = ".enumerated_value.enumerated_values["
+        attr_path = prop_struct.path_from_id()
+        if pset_enum_identifier in attr_path:
+            attr_path = attr_path.partition(pset_enum_identifier)[0]
+            assert (data_block := prop_struct.id_data)
+            attr = data_block.path_resolve(attr_path)
+            assert isinstance(attr, IfcProperty)
+            attr = attr.metadata
+
         description = attr.description
         ifc_class = attr.ifc_class
+        url = ""
         if ifc_class:
             try:
                 url = get_entity_doc(version, ifc_class).get("spec_url", "")
@@ -1445,10 +1458,13 @@ def draw_custom_context_menu(self: bpy.types.Menu, context: bpy.types.Context) -
         if attr_name:
             op = layout.operator("bim.copy_text_to_clipboard", text="Copy Attribute Name", icon="COPYDOWN")
             op.text = attr_name
-    elif isinstance(prop_struct, BIMBSDDProperties) and hasattr(context, "active_bsdd_property"):
+    elif isinstance(prop_struct, BIMBSDDProperties) and (
+        active_bsdd_property := getattr(context, "active_bsdd_property", None)
+    ):
         # Context Menu for bSDD Properties
+        assert isinstance(active_bsdd_property, BSDDProperty)
         op_description = layout.operator("bim.show_bsdd_description", text="bSDD Description", icon="INFO")
-        op_description.url = context.active_bsdd_property.uri
+        op_description.url = active_bsdd_property.uri
     else:
         # Basically context menu for any Blender property will end up here,
         # and will check 3 types of docs.
@@ -1536,7 +1552,7 @@ class BIM_PT_snappping(Panel):
         return context.mode == "OBJECT"
 
     def draw(self, context):
-        prop = context.scene.BIMSnapProperties
+        prop = tool.Snap.get_snap_props()
         layout = self.layout
         col = layout.column(align=True)
         col.prop(prop, "vertex", toggle=True, icon="SNAP_VERTEX")
@@ -1544,7 +1560,7 @@ class BIM_PT_snappping(Panel):
         col.prop(prop, "edge_center", toggle=True, icon="SNAP_MIDPOINT")
         col.prop(prop, "edge_intersection", toggle=True, icon="SNAP_GRID")
         col.prop(prop, "face", toggle=True, icon="SNAP_FACE")
-        groups = context.scene.BIMSnapGroups
+        groups = tool.Snap.get_snap_groups()
         row = layout.row(align=True)
         row.label(text="Bonsai Target Selection")
         row = layout.row(align=True)
diff --git a/src/bonsai/bonsai/core/cost.py b/src/bonsai/bonsai/core/cost.py
index 144b6b44cf..fe55d3c31c 100644
--- a/src/bonsai/bonsai/core/cost.py
+++ b/src/bonsai/bonsai/core/cost.py
@@ -135,10 +135,8 @@ def assign_cost_item_type(
         List of found product types.
     """
     product_types = list(spatial.get_selected_product_types())
-    rels = [
-        ifc.run("control.assign_control", relating_control=cost_item, related_object=product_type)
-        for product_type in product_types
-    ]
+    ifc.run("control.assign_control", relating_control=cost_item, related_objects=product_types)
+
     cost.load_cost_item_types(cost_item)
     return product_types
 
@@ -156,10 +154,7 @@ def unassign_cost_item_type(
     """
     if not product_types:
         product_types = list(spatial.get_selected_product_types())
-    [
-        ifc.run("control.unassign_control", relating_control=cost_item, related_object=product_type)
-        for product_type in product_types
-    ]
+    ifc.run("control.unassign_control", relating_control=cost_item, related_objects=product_types)
     cost.load_cost_item_types(cost_item)
     return product_types
 
@@ -173,7 +168,7 @@ def assign_cost_item_quantity(
     ifc: type[tool.Ifc],
     cost: type[tool.Cost],
     cost_item: ifcopenshell.entity_instance,
-    related_object_type: type[tool.Cost].RELATED_OBJECT_TYPE,
+    related_object_type: tool.Cost.RELATED_OBJECT_TYPE,
     prop_name: str,
 ) -> bool:
     products = cost.get_products(related_object_type)
@@ -213,10 +208,10 @@ def assign_cost_value(
     ifc.run("cost.assign_cost_value", cost_item=cost_item, cost_rate=cost_rate)
     existing_cost_rate = cost.get_assigned_rate_cost_item(cost_item)
     if existing_cost_rate is None:
-        ifc.run("control.assign_control", relating_control=cost_rate, related_object=cost_item)
+        ifc.run("control.assign_control", relating_control=cost_rate, related_objects=[cost_item])
     else:
-        ifc.run("control.unassign_control", relating_control=existing_cost_rate, related_object=cost_item)
-        ifc.run("control.assign_control", relating_control=cost_rate, related_object=cost_item)
+        ifc.run("control.unassign_control", relating_control=existing_cost_rate, related_objects=[cost_item])
+        ifc.run("control.assign_control", relating_control=cost_rate, related_objects=[cost_item])
 
 
 def load_schedule_of_rates(cost: type[tool.Cost], schedule_of_rates: ifcopenshell.entity_instance) -> None:
diff --git a/src/bonsai/bonsai/core/drawing.py b/src/bonsai/bonsai/core/drawing.py
index 1481ee1f34..fd3f679270 100644
--- a/src/bonsai/bonsai/core/drawing.py
+++ b/src/bonsai/bonsai/core/drawing.py
@@ -39,8 +39,7 @@ def disable_editing_text(drawing: type[tool.Drawing], obj: bpy.types.Object) ->
 def edit_text(drawing: type[tool.Drawing], obj: bpy.types.Object) -> None:
     drawing.synchronise_ifc_and_text_attributes(obj)
     drawing.update_text_size_pset(obj)
-    drawing.update_newline_at(obj)
-    drawing.update_text_value(obj)
+    drawing.update_newline_at_and_symbol(obj)
     drawing.disable_editing_text(obj)
 
 
@@ -67,8 +66,6 @@ def edit_assigned_product(
             ifc.run("drawing.unassign_product", relating_product=existing_product, related_object=element)
         if product:
             ifc.run("drawing.assign_product", relating_product=product, related_object=element)
-        if drawing.is_annotation_object_type(element, ("TEXT", "TEXT_LEADER")):
-            drawing.update_text_value(obj)
 
     drawing.disable_editing_assigned_product(obj)
 
@@ -200,7 +197,7 @@ def disable_editing_references(drawing: type[tool.Drawing]) -> None:
 
 
 def add_document(
-    ifc: type[tool.Ifc], drawing: type[tool.Drawing], document_type: type[tool.Drawing].DOCUMENT_TYPE, uri: str
+    ifc: type[tool.Ifc], drawing: type[tool.Drawing], document_type: tool.Drawing.DOCUMENT_TYPE, uri: str
 ) -> None:
     document = ifc.run("document.add_information")
     reference = ifc.run("document.add_reference", information=document)
@@ -217,7 +214,7 @@ def add_document(
 def remove_document(
     ifc: type[tool.Ifc],
     drawing: type[tool.Drawing],
-    document_type: type[tool.Drawing].DOCUMENT_TYPE,
+    document_type: tool.Drawing.DOCUMENT_TYPE,
     document: ifcopenshell.entity_instance,
 ) -> None:
     ifc.run("document.remove_information", information=document)
diff --git a/src/bonsai/bonsai/core/pset.py b/src/bonsai/bonsai/core/pset.py
index 6bcf098e52..6a92f3d400 100644
--- a/src/bonsai/bonsai/core/pset.py
+++ b/src/bonsai/bonsai/core/pset.py
@@ -52,7 +52,7 @@ def add_pset(
     pset: type[tool.Pset],
     blender: type[tool.Blender],
     obj_name: str,
-    obj_type: type[tool.Ifc].OBJECT_TYPE,
+    obj_type: tool.Ifc.OBJECT_TYPE,
 ) -> None:
     pset_name = pset.get_pset_name(obj_name, obj_type, pset_type="PSET")
     if obj_type == "Object":
@@ -71,9 +71,9 @@ def enable_pset_editing(
     pset_tool: type[tool.Pset],
     pset: Union[ifcopenshell.entity_instance, None],
     pset_name: str,
-    pset_type: type[tool.Pset].PSET_TYPE,
+    pset_type: tool.Pset.PSET_TYPE,
     obj_name: str,
-    obj_type: type[tool.Ifc].OBJECT_TYPE,
+    obj_type: tool.Ifc.OBJECT_TYPE,
 ) -> None:
     props = pset_tool.get_pset_props(obj_name, obj_type)
     pset_tool.clear_blender_pset_properties(props)
@@ -87,14 +87,14 @@ def enable_pset_editing(
         has_template = False
 
     if pset:
-        pset_tool.import_pset_from_existing(pset, props)
+        pset_tool.import_pset_from_existing(pset, props, pset_template)
         pset_tool.set_active_pset(props, pset, has_template)
     else:
         pset_tool.enable_proposed_pset(props, pset_name, pset_type, has_template)
 
 
 def add_proposed_prop(
-    pset: type[tool.Pset], obj_name: str, obj_type: type[tool.Ifc].OBJECT_TYPE, name: str, value: Any
+    pset: type[tool.Pset], obj_name: str, obj_type: tool.Ifc.OBJECT_TYPE, name: str, value: Any
 ) -> Union[None, str]:
     props = pset.get_pset_props(obj_name, obj_type)
     res = pset.add_proposed_property(name, pset.cast_string_to_primitive(value), props)
@@ -103,7 +103,7 @@ def add_proposed_prop(
 
 
 def unshare_pset(
-    ifc: type[tool.Ifc], pset_tool: type[tool.Pset], obj_type: type[tool.Ifc].OBJECT_TYPE, obj_name: str, pset_id: int
+    ifc: type[tool.Ifc], pset_tool: type[tool.Pset], obj_type: tool.Ifc.OBJECT_TYPE, obj_name: str, pset_id: int
 ) -> None:
     elements: list[ifcopenshell.entity_instance]
     pset = ifc.get_entity_by_id(pset_id)
diff --git a/src/bonsai/bonsai/core/sequence.py b/src/bonsai/bonsai/core/sequence.py
index 63cf984078..610c7095b6 100644
--- a/src/bonsai/bonsai/core/sequence.py
+++ b/src/bonsai/bonsai/core/sequence.py
@@ -422,7 +422,7 @@ def edit_task_calendar(
     task: ifcopenshell.entity_instance,
     work_calendar: ifcopenshell.entity_instance,
 ) -> None:
-    ifc.run("control.assign_control", relating_control=work_calendar, related_object=task)
+    ifc.run("control.assign_control", relating_control=work_calendar, related_objects=[task])
     ifc.run("sequence.cascade_schedule", task=task)
     sequence.load_task_properties()
 
@@ -433,7 +433,7 @@ def remove_task_calendar(
     task: ifcopenshell.entity_instance,
     work_calendar: ifcopenshell.entity_instance,
 ) -> None:
-    ifc.run("control.unassign_control", relating_control=work_calendar, related_object=task)
+    ifc.run("control.unassign_control", relating_control=work_calendar, related_objects=[task])
     ifc.run("sequence.cascade_schedule", task=task)
     sequence.load_task_properties()
 
diff --git a/src/bonsai/bonsai/core/tool.py b/src/bonsai/bonsai/core/tool.py
index 4ab7e9d9ab..f3fdc109cd 100644
--- a/src/bonsai/bonsai/core/tool.py
+++ b/src/bonsai/bonsai/core/tool.py
@@ -307,7 +307,7 @@ class Document:
 @interface
 class Drawing:
     def activate_drawing(cls, camera): pass
-    def add_literal_to_annotation(cls, obj, Literal='Literal', Path='RIGHT', BoxAlignment='bottom-left'): pass
+    def add_literal(cls, **attributes): pass
     def copy_representation(cls, source, dest): pass
     def create_annotation_context(cls, target_view, object_type=None): pass
     def create_annotation_object(cls, drawing, object_type): pass
@@ -382,7 +382,6 @@ class Drawing:
     def open_spreadsheet(cls, uri): pass
     def open_svg(cls, filepath): pass
     def reload_representation(cls, obj, representation): pass
-    def remove_literal_from_annotation(cls, obj, literal): pass
     def run_drawing_activate_model(cls): pass
     def run_root_assign_class(cls, obj=None, ifc_class=None, predefined_type=None, should_add_representation=True, context=None, ifc_representation_class=None): pass
     def run_type_assign_type(cls, element=None, relating_type=None): pass
@@ -395,9 +394,8 @@ class Drawing:
     def sync_object_placement(cls, obj): pass
     def synchronise_ifc_and_text_attributes(cls, obj): pass
     def update_embedded_svg_location(cls, uri, old_location, new_location): pass
-    def update_newline_at(cls, obj): pass
+    def update_newline_at_and_symbol(cls, obj): pass
     def update_text_size_pset(cls, obj): pass
-    def update_text_value(cls, obj): pass
 
 
 @interface
diff --git a/src/bonsai/bonsai/tool/blender.py b/src/bonsai/bonsai/tool/blender.py
index ad2285f6a1..2833467a0a 100644
--- a/src/bonsai/bonsai/tool/blender.py
+++ b/src/bonsai/bonsai/tool/blender.py
@@ -56,7 +56,7 @@ from collections.abc import Iterable, Callable, Generator, Sequence, Sized
 if TYPE_CHECKING:
     from sun_position.properties import SunPosProperties
     import bpy.stub_internal.rna_enums as rna_enums
-    from bonsai.bim.prop import BIMProperties, BIMObjectProperties
+    from bonsai.bim.prop import BIMProperties, BIMObjectProperties, BIMSnapProperties
     from bonsai.bim.module.attribute.prop import BIMAttributeProperties
     from bonsai.bim.module.constraint.prop import BIMConstraintProperties, BIMObjectConstraintProperties
     from bonsai.bim.module.covetool.prop import CoveToolProperties
@@ -690,6 +690,29 @@ class Blender(bonsai.core.tool.Blender):
         if active_object:
             active_object.select_set(True)
 
+    @classmethod
+    def validate_object_selection(
+        cls,
+        context: bpy.types.Context,
+        active_object: Union[bpy.types.Object, None] = None,
+        selected_objects: Sequence[bpy.types.Object] = (),
+    ) -> tuple[bpy.types.Context, Union[bpy.types.Object, None], list[bpy.types.Object]]:
+        """Validate object selection and return only valid objects.
+
+        Can be used before ``set_objects_selection`` to avoid errors
+        trying to select or set as active already removed objects
+        or objects that are not in the current view layer (their collection is unchecked).
+        """
+        assert context.view_layer
+        view_layer_objects = set(context.view_layer.objects)
+
+        new_selected_objects = [o for o in selected_objects if cls.is_valid_data_block(o) and o in view_layer_objects]
+
+        if active_object and (not cls.is_valid_data_block(active_object) or active_object not in view_layer_objects):
+            active_object = None
+
+        return context, active_object, new_selected_objects
+
     @classmethod
     def clear_objects_selection(cls) -> None:
         """Clear objects selection and active object."""
@@ -1558,6 +1581,11 @@ class Blender(bonsai.core.tool.Blender):
             return repr(bpy_prop)
         return repr(bpy_struct)
 
+    @classmethod
+    def get_props_attribute_name(cls, props: bpy.types.PropertyGroup) -> str:
+        """E.g. `bpy.data.objects['IfcAnnotation/TEXT'].BIMTextProperties` -> `BIMTextProperties`"""
+        return repr(props).rpartition(".")[-1]
+
     @classmethod
     def resolve_data_path_to_data_attr(cls, data_path: str) -> tuple[bpy.types.bpy_struct, str]:
         """
@@ -1568,8 +1596,8 @@ class Blender(bonsai.core.tool.Blender):
 
         :return: Resolved tuple of Blender Struct and property name.
         Examples:
-            - `(preferences.prop_group, "string_prop)`
-            - `(scene, "string_prop)`
+            - `(preferences.prop_group, "string_prop")`
+            - `(scene, "string_prop")`
 
         """
         # Get data to modify.
diff --git a/src/bonsai/bonsai/tool/drawing.py b/src/bonsai/bonsai/tool/drawing.py
index 46310e291b..957ee2af37 100644
--- a/src/bonsai/bonsai/tool/drawing.py
+++ b/src/bonsai/bonsai/tool/drawing.py
@@ -58,6 +58,7 @@ from fractions import Fraction
 from typing import Optional, Union, Any, Literal, TYPE_CHECKING, NamedTuple
 from collections.abc import Iterable, Sequence
 from pathlib import Path
+from ifcopenshell.util.shape_builder import ShapeBuilder
 
 if TYPE_CHECKING:
     from bonsai.bim.module.drawing.prop import (
@@ -109,6 +110,27 @@ class Drawing(bonsai.core.tool.Drawing):
     }
     # fmt: on
 
+    DEFAULT_SYMBOLS = [
+        "rectangle-tag",
+        "triangle-tag",
+        "hexagon-tag",
+        "capsule-tag",
+        "circle-tag",
+        "door-tag",
+        "window-tag",
+        "space-tag",
+        "elevation-arrow",
+        "elevation-tag",
+        "section-arrow",
+        "section-tag",
+        "dot",
+        "setout-tag",
+        "setout-point",
+        "control-point",
+        "traverse-point",
+        "spot-elevation",
+    ]
+
     @classmethod
     def get_document_props(cls) -> DocProperties:
         assert (scene := bpy.context.scene)
@@ -286,9 +308,6 @@ class Drawing(bonsai.core.tool.Drawing):
                 ifc_file, relating_product=related_entity, related_object=obj_entity
             )
 
-        if object_type == "TEXT":
-            tool.Drawing.update_text_value(obj)
-
     @classmethod
     def is_annotation_object_type(
         cls, element: ifcopenshell.entity_instance, object_types: Union[str, Sequence[str]]
@@ -436,7 +455,7 @@ class Drawing(bonsai.core.tool.Drawing):
     @classmethod
     def disable_editing_text(cls, obj: bpy.types.Object) -> None:
         props = tool.Drawing.get_text_props(obj)
-        props.is_editing = False
+        obj.property_unset(tool.Blender.get_props_attribute_name(props))
 
     @classmethod
     def disable_editing_assigned_product(cls, obj: bpy.types.Object) -> None:
@@ -505,7 +524,7 @@ class Drawing(bonsai.core.tool.Drawing):
 
     @classmethod
     def export_text_literal_attributes(cls, obj: bpy.types.Object) -> list[dict[str, Any]]:
-        literals = []
+        literals: list[dict[str, Any]] = []
         props = tool.Drawing.get_text_props(obj)
         for literal_props in props.literals:
             literal_data = bonsai.bim.helper.export_attributes(literal_props.attributes)
@@ -738,32 +757,25 @@ class Drawing(bonsai.core.tool.Drawing):
         props = tool.Drawing.get_document_props()
         return props.is_editing_sheets
 
-    @classmethod
-    def remove_literal_from_annotation(cls, obj: bpy.types.Object, literal: ifcopenshell.entity_instance) -> None:
-        element = tool.Ifc.get_entity(obj)
-        if not element:
-            return
-
-        rep = cls.get_annotation_representation(element)
-        if not rep:
-            return
-
-        ifc_file = tool.Ifc.get()
-        rep.Items = [l for l in rep.Items if l != literal]
-        ifcopenshell.util.element.remove_deep2(ifc_file, literal)
-
     @classmethod
     def synchronise_ifc_and_text_attributes(cls, obj: bpy.types.Object) -> None:
-        literals = cls.get_text_literal(obj, return_list=True)
+        assert (element := tool.Ifc.get_entity(obj))
+        assert (rep := cls.get_annotation_representation(element))
+
+        old_literals = cls.get_text_literal(obj, return_list=True)
+        assert isinstance(old_literals, list)
         literals_attributes = cls.export_text_literal_attributes(obj)
         props = cls.get_text_props(obj)
         defined_ifc_ids = [l.ifc_definition_id for l in props.literals]
         ifc_file = tool.Ifc.get()
 
+        added_literals: list[ifcopenshell.entity_instance] = []
+        new_literals: list[ifcopenshell.entity_instance] = []
         for ifc_definition_id, attributes in zip(defined_ifc_ids, literals_attributes):
             # making sure all literals from text edit exist in ifc
             if ifc_definition_id == 0:
-                literal = cls.add_literal_to_annotation(obj, **attributes)
+                literal = cls.add_literal(**attributes)
+                added_literals.append(literal)
             else:
                 literal = ifc_file.by_id(ifc_definition_id)
                 ifcopenshell.api.drawing.edit_text_literal(
@@ -771,38 +783,32 @@ class Drawing(bonsai.core.tool.Drawing):
                     text_literal=literal,
                     attributes=attributes,
                 )
+            new_literals.append(literal)
 
-        # remove from ifc the literals that were removed during the edit
-        for literal in literals:
-            if literal.id() not in defined_ifc_ids:
-                cls.remove_literal_from_annotation(obj, literal)
+        removed_literals = set(old_literals) - set(new_literals)
+
+        # Add new literals and keep the order as defined in text props.
+        items = [i for i in rep.Items if i not in removed_literals] + added_literals
+        items.sort(key=lambda x: new_literals.index(x) if x in new_literals else -1)
+        rep.Items = items
+
+        # Remove from ifc the literals that were removed during the edit.
+        for literal in removed_literals:
+            ifcopenshell.util.element.remove_deep2(ifc_file, literal)
 
     @classmethod
-    def add_literal_to_annotation(
-        cls, obj: bpy.types.Object, Literal: str = "Literal", Path: str = "RIGHT", BoxAlignment: str = "bottom-left"
-    ) -> Union[ifcopenshell.entity_instance, None]:
-        element = tool.Ifc.get_entity(obj)
-        if not element:
-            return
-
-        rep = cls.get_annotation_representation(element)
-
-        if not rep:
-            return
-
+    def add_literal(cls, **attributes: str) -> ifcopenshell.entity_instance:
         ifc_file = tool.Ifc.get()
-
-        origin = ifc_file.createIfcAxis2Placement3D(
-            ifc_file.createIfcCartesianPoint((0.0, 0.0, 0.0)),
-            ifc_file.createIfcDirection((0.0, 0.0, 1.0)),
-            ifc_file.createIfcDirection((1.0, 0.0, 0.0)),
+        builder = ShapeBuilder(ifc_file)
+        origin = builder.create_axis2_placement_3d()
+        ifc_literal = ifc_file.create_entity(
+            "IfcTextLiteralWithExtent",
+            attributes.get("Literal", "Literal"),
+            origin,
+            attributes.get("Path", "RIGHT"),
+            ifc_file.create_entity("IfcPlanarExtent", 1000, 1000),
+            attributes.get("BoxAlignment", "bottom-left"),
         )
-
-        ifc_literal = ifc_file.createIfcTextLiteralWithExtent(
-            Literal, origin, Path, ifc_file.createIfcPlanarExtent(1000, 1000), BoxAlignment
-        )
-
-        rep.Items = rep.Items + (ifc_literal,)
         return ifc_literal
 
     @classmethod
@@ -1073,14 +1079,17 @@ class Drawing(bonsai.core.tool.Drawing):
         props = cls.get_text_props(obj)
         props.literals.clear()
 
-        for ifc_literal in cls.get_text_literal(obj, return_list=True):
+        ifc_literals = cls.get_text_literal(obj, return_list=True)
+        assert isinstance(ifc_literals, list)
+        for ifc_literal in ifc_literals:
             literal_props = props.literals.add()
             bonsai.bim.helper.import_attributes(ifc_literal, literal_props.attributes)
 
             box_alignment_mask = [False] * 9
             position_string = literal_props.attributes["BoxAlignment"].string_value
             box_alignment_mask[BOX_ALIGNMENT_POSITIONS.index(position_string)] = True
-            literal_props.box_alignment = box_alignment_mask
+
+            literal_props.box_alignment = box_alignment_mask  # pyright: ignore[reportAttributeAccessIssue]
             literal_props.ifc_definition_id = ifc_literal.id()
 
         from bonsai.bim.module.drawing.data import DecoratorData
@@ -1088,6 +1097,7 @@ class Drawing(bonsai.core.tool.Drawing):
         text_data = DecoratorData.get_text_data(obj)
         props.font_size = str(text_data["FontSize"])
         props.newline_at = text_data["Newline_At"]
+        props.set_symbol(text_data["Symbol"])
 
     @classmethod
     def import_assigned_product(cls, obj: bpy.types.Object) -> None:
@@ -1186,15 +1196,6 @@ class Drawing(bonsai.core.tool.Drawing):
         props = tool.Drawing.get_document_props()
         props.should_draw_decorations = True
 
-    @classmethod
-    def update_text_value(cls, obj: bpy.types.Object) -> None:
-        props = cls.get_text_props(obj)
-        literals = cls.get_text_literal(obj, return_list=True)
-        cls.import_text_attributes(obj)
-        for i, literal in enumerate(literals):
-            product = cls.get_assigned_product(tool.Ifc.get_entity(obj)) or tool.Ifc.get_entity(obj)
-            props.literals[i].value = cls.replace_text_literal_variables(literal.Literal, product)
-
     @classmethod
     def update_text_size_pset(cls, obj: bpy.types.Object) -> None:
         """updates pset `EPset_Annotation.Classes` value
@@ -1204,19 +1205,22 @@ class Drawing(bonsai.core.tool.Drawing):
 
         props = cls.get_text_props(obj)
         element = tool.Ifc.get_entity(obj)
+        assert element
         # updating text font size in EPset_Annotation.Classes
         font_size = float(props.font_size)
         font_size_str = next((key for key in FONT_SIZES if FONT_SIZES[key] == font_size), None)
         classes = ifcopenshell.util.element.get_pset(element, "EPset_Annotation", "Classes")
+        assert isinstance(classes, Union[str, None])
         classes_split = classes.split() if classes else []
 
         different_font_sizes = [c for c in classes_split if c in FONT_SIZES and c != font_size_str]
 
-        # we do need to change pset value in ifc
-        # only if there are different font sizes in classes already
+        # We do need to change pset value in ifc,
+        # but only if there are different font sizes in classes already
         # or if the current font size is not present in classes
-        # (except regular font size because it's default)
+        # (except regular font size because it's default).
         if different_font_sizes or (font_size_str not in classes_split and font_size_str != "regular"):
+            assert font_size_str is not None
             classes_split = [c for c in classes_split if c not in FONT_SIZES] + [font_size_str]
             classes = " ".join(classes_split)
 
@@ -1231,10 +1235,12 @@ class Drawing(bonsai.core.tool.Drawing):
             )
 
     @classmethod
-    def update_newline_at(cls, obj: bpy.types.Object) -> None:
+    def update_newline_at_and_symbol(cls, obj: bpy.types.Object) -> None:
         props = cls.get_text_props(obj)
         element = tool.Ifc.get_entity(obj)
+        assert element
         newline_at = int(props.newline_at)
+        symbol = props.get_symbol()
         ifc_file = tool.Ifc.get()
         pset = tool.Pset.get_element_pset(element, "EPset_Annotation")
         if not pset:
@@ -1242,7 +1248,10 @@ class Drawing(bonsai.core.tool.Drawing):
         ifcopenshell.api.pset.edit_pset(
             ifc_file,
             pset=pset,
-            properties={"Newline_At": newline_at},
+            properties={
+                "Newline_At": newline_at,
+                "Symbol": symbol,
+            },
         )
 
     # TODO below this point is highly experimental prototype code with no tests
diff --git a/src/bonsai/bonsai/tool/ifc.py b/src/bonsai/bonsai/tool/ifc.py
index 70095d8d19..39039d73f6 100644
--- a/src/bonsai/bonsai/tool/ifc.py
+++ b/src/bonsai/bonsai/tool/ifc.py
@@ -86,8 +86,8 @@ class Ifc(bonsai.core.tool.Ifc):
 
     @classmethod
     def get_schema(cls) -> ifcopenshell.util.schema.IFC_SCHEMA:
-        if IfcStore.get_file():
-            return IfcStore.get_file().schema
+        if ifc_file := IfcStore.get_file():
+            return ifc_file.schema
 
     @classmethod
     def clear_history(cls) -> None:
diff --git a/src/bonsai/bonsai/tool/model.py b/src/bonsai/bonsai/tool/model.py
index 40ac1ef677..0f29f2d733 100644
--- a/src/bonsai/bonsai/tool/model.py
+++ b/src/bonsai/bonsai/tool/model.py
@@ -238,6 +238,8 @@ class Model(bonsai.core.tool.Model):
 
     @classmethod
     def export_surface(cls, obj: bpy.types.Object) -> Union[ifcopenshell.entity_instance, None]:
+        ifc_file = tool.Ifc.get()
+        builder = ShapeBuilder(ifc_file)
         p1, p2, p3 = [v.co.copy() for v in obj.data.vertices[0:3]]
 
         edge1 = p2 - p1
@@ -271,13 +273,8 @@ class Model(bonsai.core.tool.Model):
         cls.bm.edges.ensure_lookup_table()
 
         surface = tool.Ifc.get().createIfcCurveBoundedPlane()
-        surface.BasisSurface = tool.Ifc.get().createIfcPlane(
-            tool.Ifc.get().createIfcAxis2Placement3D(
-                tool.Ifc.get().createIfcCartesianPoint([o / cls.unit_scale for o in p1]),
-                tool.Ifc.get().createIfcDirection([float(o) for o in z_axis]),
-                tool.Ifc.get().createIfcDirection([float(o) for o in x_axis]),
-            )
-        )
+        placement = builder.create_axis2_placement_3d([o / cls.unit_scale for o in p1], z_axis, x_axis)
+        surface.BasisSurface = ifc_file.create_entity("IfcPlane", placement)
 
         surface.OuterBoundary = tool.Ifc.get().add(profile_def.OuterCurve)
         if profile_def.is_a("IfcArbitraryProfileDefWithVoids"):
@@ -1088,6 +1085,9 @@ class Model(bonsai.core.tool.Model):
             # No need to preview to update, Blender will do it in background,
             # `preview.icon_id` doesn't change after `asset_generate_preview()`.
             obj.asset_generate_preview()
+        # Avoid issues with sqlite files.
+        elif type(tool.Ifc.get()) is not ifcopenshell.file:
+            return
         else:
             unit_scale = ifcopenshell.util.unit.calculate_unit_scale(tool.Ifc.get())
             size = 128
@@ -2124,13 +2124,8 @@ class Model(bonsai.core.tool.Model):
     @classmethod
     def add_extrusion_position(cls, extrusion: ifcopenshell.entity_instance, position: Vector) -> None:
         ifc_file = tool.Ifc.get()
-
-        new_position = ifc_file.createIfcAxis2Placement3D(
-            ifc_file.createIfcCartesianPoint(position),
-            ifc_file.createIfcDirection((0.0, 0.0, 1.0)),
-            ifc_file.createIfcDirection((1.0, 0.0, 0.0)),
-        )
-
+        builder = ShapeBuilder(ifc_file)
+        new_position = builder.create_axis2_placement_3d(position)
         extrusion.Position = new_position
 
     @classmethod
diff --git a/src/bonsai/bonsai/tool/pset.py b/src/bonsai/bonsai/tool/pset.py
index fb44e6f527..b6901238ba 100644
--- a/src/bonsai/bonsai/tool/pset.py
+++ b/src/bonsai/bonsai/tool/pset.py
@@ -30,6 +30,7 @@ from typing import Union, Literal, Any, TYPE_CHECKING, assert_never
 
 
 if TYPE_CHECKING:
+    from bonsai.bim.prop import Attribute
     from bonsai.bim.module.pset.prop import (
         PsetProperties,
         GlobalPsetProperties,
@@ -171,8 +172,16 @@ class Pset(bonsai.core.tool.Pset):
         return special_type
 
     @classmethod
-    def import_pset_from_existing(cls, pset: ifcopenshell.entity_instance, props: PsetProperties) -> None:
-        pset_props = []
+    def import_pset_from_existing(
+        cls,
+        pset: ifcopenshell.entity_instance,
+        props: PsetProperties,
+        pset_template: Union[ifcopenshell.entity_instance, None],
+    ) -> None:
+        """
+        :param pset_template: Pset Template to use as a source for descriptions.
+        """
+        pset_props: tuple[ifcopenshell.entity_instance, ...] = ()
         if pset.is_a("IfcElementQuantity"):
             pset_props = pset.Quantities
         elif pset.is_a("IfcPropertySet"):
@@ -180,6 +189,16 @@ class Pset(bonsai.core.tool.Pset):
         elif pset.is_a("IfcMaterialProperties") or pset.is_a("IfcProfileProperties"):
             pset_props = pset.Properties
 
+        prop_templates: dict[str, ifcopenshell.entity_instance] = {}
+        if pset_template:
+            prop_templates = {prop.Name: prop for prop in pset_template.HasPropertyTemplates}
+
+        def process_prop_description(metadata: Attribute) -> None:
+            prop_name = metadata.name
+            if prop_name not in prop_templates:
+                return
+            bonsai.bim.helper.add_attribute_description(metadata, prop_templates[prop_name])
+
         for prop in sorted(pset_props, key=lambda p: p.Name):
             if props.properties.get(prop.Name):
                 continue  # This property has already been added from a template
@@ -191,6 +210,7 @@ class Pset(bonsai.core.tool.Pset):
                 metadata.name = prop.Name
                 metadata.is_null = len(simple_prop.enumerated_value.enumerated_values) == 0
                 metadata.is_optional = True
+                process_prop_description(metadata)
                 enum_reference = prop.EnumerationReference
                 selected_enum_items = [v.wrappedValue for v in (prop.EnumerationValues or ())]
 
@@ -230,6 +250,7 @@ class Pset(bonsai.core.tool.Pset):
                 metadata.is_optional = True
                 metadata.special_type = cls.get_special_type_for_prop(prop)
                 metadata.set_value(metadata.get_value_default() if metadata.is_null else value)
+                process_prop_description(metadata)
 
     @classmethod
     def get_prop_template_primitive_type(cls, prop_template: ifcopenshell.entity_instance) -> str:
@@ -277,6 +298,7 @@ class Pset(bonsai.core.tool.Pset):
         metadata.is_null = data.get(prop_template.Name, None) is None
         metadata.is_optional = True
         metadata.special_type = "URI" if prop_template.PrimaryMeasureType == "IfcURIReference" else ""
+        bonsai.bim.helper.add_attribute_description(metadata, prop_template)
 
         # Cute hack to abuse the metadata to find the Blender data_type
         metadata.set_value(enum_items[0])
@@ -333,7 +355,7 @@ class Pset(bonsai.core.tool.Pset):
 
         # For every prop we first ensure that existing prop value type matches the template value type
         # to prevent data loss and error casting data.
-        # Property will be added later by import_pset_from_existing.
+        # Existing property will be added later by import_pset_from_existing.
         for prop_template in sorted(pset_template.HasPropertyTemplates, key=lambda p: p.Name):
             if (
                 not prop_template.is_a("IfcSimplePropertyTemplate")
diff --git a/src/bonsai/bonsai/tool/snap.py b/src/bonsai/bonsai/tool/snap.py
index ec03946786..001dd10a27 100644
--- a/src/bonsai/bonsai/tool/snap.py
+++ b/src/bonsai/bonsai/tool/snap.py
@@ -16,6 +16,7 @@
 # You should have received a copy of the GNU General Public License
 # along with Bonsai.  If not, see <http://www.gnu.org/licenses/>.
 
+from __future__ import annotations
 import bpy
 import ifcopenshell
 import ifcopenshell.util.unit
@@ -26,13 +27,26 @@ import math
 import mathutils
 from mathutils import Matrix, Vector
 from lark import Lark, Transformer
-from typing import Union, Any
+from typing import Union, Any, TYPE_CHECKING
+
+if TYPE_CHECKING:
+    from bonsai.bim.prop import BIMSnapGroups, BIMSnapProperties
 
 
 class Snap(bonsai.core.tool.Snap):
     tool_state = None
     snap_plane_method = None
 
+    @classmethod
+    def get_snap_props(cls) -> BIMSnapProperties:
+        assert (scene := bpy.context.scene)
+        return scene.BIMSnapProperties  # pyright: ignore[reportAttributeAccessIssue]
+
+    @classmethod
+    def get_snap_groups(cls) -> BIMSnapGroups:
+        assert (scene := bpy.context.scene)
+        return scene.BIMSnapGroups  # pyright: ignore[reportAttributeAccessIssue]
+
     @classmethod
     def set_snap_plane_method(cls, value=True):
         cls.snap_plane_method = value
@@ -484,7 +498,7 @@ class Snap(bonsai.core.tool.Snap):
     def select_snapping_points(cls, context, event, tool_state, detected_snaps):
         def filter_snapping_points_by_type(snapping_points):
             options = ["Plane", "Axis"]
-            props = context.scene.BIMSnapProperties
+            props = tool.Snap.get_snap_props()
             for prop in props.__annotations__.keys():
                 if getattr(props, prop):
                     options.append(props.rna_type.properties[prop].name)
@@ -494,7 +508,7 @@ class Snap(bonsai.core.tool.Snap):
 
         def filter_snapping_points_by_group(detected_snaps):
             options = ["Wireframe", "Axis", "Plane"]
-            props = context.scene.BIMSnapGroups
+            props = tool.Snap.get_snap_groups()
             for prop in props.__annotations__.keys():
                 if getattr(props, prop):
                     options.append(props.rna_type.properties[prop].name)
diff --git a/src/bonsai/test/core/test_drawing.py b/src/bonsai/test/core/test_drawing.py
index ee35fe1a5d..875efba93c 100644
--- a/src/bonsai/test/core/test_drawing.py
+++ b/src/bonsai/test/core/test_drawing.py
@@ -37,8 +37,7 @@ class TestEditText:
     def test_run(self, drawing):
         drawing.synchronise_ifc_and_text_attributes("obj").should_be_called()
         drawing.update_text_size_pset("obj").should_be_called()
-        drawing.update_newline_at("obj").should_be_called()
-        drawing.update_text_value("obj").should_be_called()
+        drawing.update_newline_at_and_symbol("obj").should_be_called()
         drawing.disable_editing_text("obj").should_be_called()
         subject.edit_text(drawing, obj="obj")
 
@@ -65,7 +64,6 @@ class TestEditAssignedProduct:
         ).should_be_called()
         ifc.run("drawing.assign_product", relating_product="product", related_object="element").should_be_called()
         drawing.is_annotation_object_type("element", ("TEXT", "TEXT_LEADER")).should_be_called().will_return(True)
-        drawing.update_text_value("obj").should_be_called()
         drawing.disable_editing_assigned_product("obj").should_be_called()
         subject.edit_assigned_product(ifc, drawing, obj="obj", product="product")
 
diff --git a/src/bonsai/test/tool/test_drawing.py b/src/bonsai/test/tool/test_drawing.py
index 2e4fde3fd4..37c28891d0 100644
--- a/src/bonsai/test/tool/test_drawing.py
+++ b/src/bonsai/test/tool/test_drawing.py
@@ -622,16 +622,105 @@ class TestImportTextAttributes(NewFile):
         item = ifc.createIfcTextLiteralWithExtent(Literal="Literal", Path="RIGHT", BoxAlignment="bottom-left")
         representation = ifc.createIfcShapeRepresentation(ContextOfItems=context, Items=[item])
         element.Representation.Representations = [representation]
-        element.ObjectType = "TEXT"  # TODO: double check if it's valid to set this
+        element.ObjectType = "TEXT"
         tool.Ifc.link(element, obj)
+
         subject.import_text_attributes(obj)
+
         props = tool.Drawing.get_text_props(obj)
+        assert props.font_size == "2.5"
+
         literal_props = props.literals[0]
+        assert literal_props.ifc_definition_id == item.id()
+        assert literal_props.box_alignment[:] == tuple([False] * 6 + [True] + [False] * 2)
         assert literal_props.attributes["Literal"].string_value == "Literal"
         assert literal_props.attributes["Path"].enum_value == "RIGHT"
         assert literal_props.attributes["BoxAlignment"].string_value == "bottom-left"
 
 
+class TestReplaceTextLiteralVariables(NewFile):
+    def test_using_attribute_variables(self):
+        ifc = ifcopenshell.file()
+        wall = ifc.create_entity("IfcWall", Name="Baz")
+        text = "Foo {{Name}} Bar"
+        updated_text = subject.replace_text_literal_variables(text, wall)
+        assert updated_text == "Foo Baz Bar"
+
+    def test_using_property_variables(self):
+        ifc = ifcopenshell.file()
+
+        wall = ifc.createIfcWall()
+        pset = ifcopenshell.api.pset.add_pset(ifc, name="Custom_Pset", product=wall)
+        ifcopenshell.api.pset.edit_pset(ifc, pset=pset, properties={"Key": "Baz"})
+        text = "Foo {{Custom_Pset.Key}} Bar"
+
+        updated_text = subject.replace_text_literal_variables(text, wall)
+        assert updated_text == "Foo Baz Bar"
+
+
+class TestEditText(NewFile):
+    def test_change_text_font_size(self):
+        TestGetTextLiteral().test_run()
+        obj = bpy.data.objects["Object"]
+        assert DecoratorData.get_text_data(obj)["FontSize"] == 2.5
+
+        with bpy.context.temp_override(active_object=obj):
+            bpy.ops.bim.enable_editing_text()
+            props = tool.Drawing.get_text_props(obj)
+            props.font_size = "7.0"
+            bpy.ops.bim.edit_text()
+        annotation_classes = ifcopenshell.util.element.get_pset(tool.Ifc.get_entity(obj), "EPset_Annotation", "Classes")
+        assert "title" in annotation_classes
+        assert DecoratorData.get_text_data(obj)["FontSize"] == 7.0
+
+    def test_add_second_literal(self, setup=True):
+        if setup:
+            TestGetTextLiteral().test_run()
+        obj = bpy.data.objects["Object"]
+        with bpy.context.temp_override(active_object=obj):
+            bpy.ops.bim.enable_editing_text()
+            bpy.ops.bim.add_text_literal()
+            props = tool.Drawing.get_text_props(obj)
+            literal = props.literals[1]
+            literal.attributes["Literal"].string_value = "test_value"
+            bpy.ops.bim.edit_text()
+
+        ifc = tool.Ifc.get()
+        assert ifc.by_type("IfcTextLiteralWithExtent")[1].Literal == "test_value"
+
+
+class TestDisableTextEditing(NewFile):
+    def test_disable_text_editing(self):
+        # add second literal and change font size to test disable editing keeps those changes.
+        TestEditText.test_change_text_font_size(self)  # Set font size to "7.0".
+        TestEditText.test_add_second_literal(self, setup=False)
+
+        obj = bpy.data.objects["Object"]
+        props = tool.Drawing.get_text_props(obj)
+        assert obj is not None, obj
+        with bpy.context.temp_override(active_object=obj):
+            bpy.ops.bim.enable_editing_text()
+            bpy.ops.bim.remove_text_literal(literal_prop_id=1)
+            props.literals[0].attributes["Literal"].string_value = "changed_value"
+            props.font_size = "2.5"
+            bpy.ops.bim.disable_editing_text()
+
+        ifc = tool.Ifc.get()
+        # Test font size.
+        annotation_classes = ifcopenshell.util.element.get_pset(tool.Ifc.get_entity(obj), "EPset_Annotation", "Classes")
+        assert "title" in annotation_classes
+        text_data = DecoratorData.get_text_data(obj)
+        assert text_data["FontSize"] == 7.0
+
+        # Test second literal is present.
+        assert text_data["Literals"][1]["Literal"] == "test_value"
+        assert ifc.by_type("IfcTextLiteralWithExtent")[1].Literal == "test_value"
+
+        # Test first literal value is unchanged.
+        assert text_data["Literals"][0]["Literal"] == "Literal"
+        assert ifc.by_type("IfcTextLiteralWithExtent")[0].Literal == "Literal"
+
+
 class TestImportAssignedProduct(NewFile):
     def test_run(self):
         ifc = ifcopenshell.file()
@@ -775,111 +864,6 @@ class TestDrawingMaintainingSheetPosition(NewFile):
         assert drawing_data["view-title"] == (30.0, 535.0, 50.22, 10.0)
 
 
-class TestUpdateTextValue(NewFile):
-    def test_updating_arbitrary_strings(self):
-        TestGetTextLiteral().test_run()
-        ifc = tool.Ifc.get()
-
-        obj = bpy.data.objects["Object"]
-        subject.update_text_value(obj)
-        props = tool.Drawing.get_text_props(obj)
-        literal = props.literals[0]
-
-        assert props.font_size == "2.5"
-        assert literal.value == "Literal"
-        assert literal.box_alignment[:] == tuple([False] * 6 + [True] + [False] * 2)
-        assert literal.ifc_definition_id == ifc.by_type("IfcTextLiteralWithExtent")[0].id()
-
-    def test_using_attribute_variables(self):
-        TestGetTextLiteral().test_run()
-
-        obj = bpy.data.objects["Object"]
-        ifc = tool.Ifc.get()
-        wall = ifc.createIfcWall(Name="Baz")
-        label = ifc.by_type("IfcAnnotation")[0]
-        ifcopenshell.api.drawing.assign_product(ifc, relating_product=wall, related_object=label)
-
-        ifc.by_type("IfcTextLiteralWithExtent")[0].Literal = "Foo {{Name}} Bar"
-
-        subject.update_text_value(obj)
-        props = tool.Drawing.get_text_props(obj)
-        assert props.literals[0].value == "Foo Baz Bar"
-
-    def test_using_property_variables(self):
-        TestGetTextLiteral().test_run()
-
-        obj = bpy.data.objects["Object"]
-        ifc = tool.Ifc.get()
-        wall = ifc.createIfcWall()
-        pset = ifcopenshell.api.pset.add_pset(ifc, name="Custom_Pset", product=wall)
-        ifcopenshell.api.pset.edit_pset(ifc, pset=pset, properties={"Key": "Baz"})
-        label = ifc.by_type("IfcAnnotation")[0]
-        ifcopenshell.api.drawing.assign_product(ifc, relating_product=wall, related_object=label)
-
-        ifc.by_type("IfcTextLiteralWithExtent")[0].Literal = "Foo {{Custom_Pset.Key}} Bar"
-
-        subject.update_text_value(obj)
-        props = tool.Drawing.get_text_props(obj)
-        assert props.literals[0].value == "Foo Baz Bar"
-
-    def test_update_text_font_size(self):
-        TestGetTextLiteral().test_run()
-        obj = bpy.data.objects["Object"]
-        with bpy.context.temp_override(active_object=obj):
-            bpy.ops.bim.enable_editing_text()
-            props = tool.Drawing.get_text_props(obj)
-            props.font_size = "7.0"
-            bpy.ops.bim.edit_text()
-        annotation_classes = ifcopenshell.util.element.get_pset(tool.Ifc.get_entity(obj), "EPset_Annotation", "Classes")
-        assert "title" in annotation_classes
-        assert DecoratorData.get_text_data(obj)["FontSize"] == 7.0
-
-    def test_add_second_literal(self, setup=True):
-        if setup:
-            TestGetTextLiteral().test_run()
-        obj = bpy.data.objects["Object"]
-        with bpy.context.temp_override(active_object=obj):
-            bpy.ops.bim.enable_editing_text()
-            bpy.ops.bim.add_text_literal()
-            props = tool.Drawing.get_text_props(obj)
-            literal = props.literals[1]
-            literal.attributes["Literal"].string_value = "test_value"
-            bpy.ops.bim.edit_text()
-
-        ifc = tool.Ifc.get()
-        assert ifc.by_type("IfcTextLiteralWithExtent")[1].Literal == "test_value"
-
-    def test_disable_text_editing(self):
-        # add second literal and change font size to test changing them
-        self.test_update_text_font_size()  # sets font size to "7.0"
-        self.test_add_second_literal(setup=False)
-
-        obj = bpy.data.objects["Object"]
-        props = tool.Drawing.get_text_props(obj)
-        assert obj is not None, obj
-        with bpy.context.temp_override(active_object=obj):
-            bpy.ops.bim.enable_editing_text()
-            bpy.ops.bim.remove_text_literal(literal_prop_id=1)
-            props.literals[0].attributes["Literal"].string_value = "changed_value"
-            props.font_size = "2.5"
-            bpy.ops.bim.disable_editing_text()
-
-        ifc = tool.Ifc.get()
-        # test font size
-        annotation_classes = ifcopenshell.util.element.get_pset(tool.Ifc.get_entity(obj), "EPset_Annotation", "Classes")
-        assert props.font_size == "7.0"
-        assert "title" in annotation_classes
-        assert DecoratorData.get_text_data(obj)["FontSize"] == 7.0
-
-        # test second literal is present
-        assert props.literals[1].attributes["Literal"].string_value == "test_value"
-        assert ifc.by_type("IfcTextLiteralWithExtent")[1].Literal == "test_value"
-
-        # test first literal value is unchanged
-        assert props.literals[0].attributes["Literal"].string_value == "Literal"
-        assert ifc.by_type("IfcTextLiteralWithExtent")[0].Literal == "Literal"
-
-
 class TestDrawingStyles(NewFile):
     def setup_project_with_drawing(self):
         bpy.ops.bim.create_project()
diff --git a/src/bonsai/test/tool/test_project.py b/src/bonsai/test/tool/test_project.py
index e8cbf294b9..5751660d83 100644
--- a/src/bonsai/test/tool/test_project.py
+++ b/src/bonsai/test/tool/test_project.py
@@ -16,6 +16,7 @@
 # You should have received a copy of the GNU General Public License
 # along with Bonsai.  If not, see <http://www.gnu.org/licenses/>.
 
+import contextlib
 import bpy
 import ifcopenshell
 import ifcopenshell.api.context
@@ -25,6 +26,8 @@ import ifcopenshell.api.unit
 import bonsai.core.tool
 import bonsai.tool as tool
 import tempfile
+import ifcpatch
+from ifcpatch.recipes import Ifc2Sql
 from test.bim.bootstrap import NewFile
 from bonsai.tool.project import Project as subject
 from pathlib import Path
@@ -348,3 +351,51 @@ class TestSaveLinkedModelsToIfc(NewFile):
         assert documents[0].id() == document_id
         assert documents[0].Name == "BBIM_Linked_Models"
         assert len(ifc.by_type("IfcDocumentReference")) == 0
+
+
+class TestLoadingIfcSqlite(NewFile):
+    def test_run(self):
+        filepath = Path("test/files/basic.ifc")
+        ifc_file: ifcopenshell.file
+        ifc_file = ifcopenshell.open(filepath)
+
+        patcher = Ifc2Sql.Patcher(
+            ifc_file,
+            sql_type="SQLite",
+        )
+        patcher.patch()
+        tmp_file = Path(tempfile.mktemp(suffix=".ifcsqlite"))
+        ifcpatch.write(patcher.get_output(), tmp_file)
+
+        elements_with_meshes = [
+            # Types.
+            "IfcSlabType/Slab",
+            "IfcWallType/Wall",
+            # Occurrences.
+            "IfcBeam/Beam",
+            "IfcWall/Wall",
+        ]
+
+        elements_without_meshes = (
+            "IfcProject/My Project",
+            "IfcSite/My Site",
+            "IfcBuilding/My Building",
+            "IfcBuildingStorey/Ground Floor",
+        )
+
+        def clean_up() -> None:
+            if isinstance(ifc_file := tool.Ifc.get(), ifcopenshell.sqlite):
+                ifc_file.db.close()
+            tmp_file.unlink(missing_ok=True)
+
+        with contextlib.ExitStack() as stack:
+            stack.callback(clean_up)
+            bpy.ops.bim.load_project(filepath=tmp_file.as_posix())
+            assert isinstance(tool.Ifc.get(), ifcopenshell.sqlite)
+            for element_name in elements_with_meshes:
+                assert element_name in bpy.data.objects
+                assert bpy.data.objects[element_name].data
+
+            for element_name in elements_without_meshes:
+                assert element_name in bpy.data.objects
+                assert not bpy.data.objects[element_name].data
diff --git a/src/common.mk b/src/common.mk
index f7f3c7ead4..24537d06de 100644
--- a/src/common.mk
+++ b/src/common.mk
@@ -11,11 +11,13 @@ ifeq ($(OS),Windows_NT)
 PYTHON:=python
 PIP:=pip
 VENV_BIN:=Scripts
-endif
+else
+UNAME_S:=$(shell uname -s)
 ifeq ($(UNAME_S),Darwin)
 SED:=sed -i '' -e
 PYTHON:=python3
 endif
+endif
 
 VENV_ACTIVATE:=$(VENV_BIN)/activate
 
diff --git a/src/ifc4d/ifc4d/common.py b/src/ifc4d/ifc4d/common.py
index 2bb117df9c..d13840267a 100644
--- a/src/ifc4d/ifc4d/common.py
+++ b/src/ifc4d/ifc4d/common.py
@@ -261,6 +261,7 @@ class ScheduleIfcGenerator:
         wbs: Union[WBSEntry, None],
         work_schedule: Union[ifcopenshell.entity_instance, None],
     ) -> None:
+        assert self.file
         activity["ifc"] = ifcopenshell.api.sequence.add_task(
             self.file,
             work_schedule=None if wbs else work_schedule,
@@ -283,7 +284,7 @@ class ScheduleIfcGenerator:
         ifcopenshell.api.control.assign_control(
             self.file,
             relating_control=calendar["ifc"],
-            related_object=activity["ifc"],
+            related_objects=[activity["ifc"]],
         )
         ifcopenshell.api.sequence.edit_task_time(
             self.file,
diff --git a/src/ifc4d/ifc4d/msp2ifc.py b/src/ifc4d/ifc4d/msp2ifc.py
index 7ebcb6558f..2285a1a1ea 100644
--- a/src/ifc4d/ifc4d/msp2ifc.py
+++ b/src/ifc4d/ifc4d/msp2ifc.py
@@ -263,7 +263,7 @@ class MSP2Ifc:
             ifcopenshell.api.control.assign_control(
                 self.file,
                 relating_control=calendar,
-                related_object=task["ifc"],
+                related_objects=[task["ifc"]],
             )
 
         ifcopenshell.api.sequence.edit_task(
diff --git a/src/ifc5d/ifc5d/csv2ifc.py b/src/ifc5d/ifc5d/csv2ifc.py
index d14cad4588..ca046709e0 100644
--- a/src/ifc5d/ifc5d/csv2ifc.py
+++ b/src/ifc5d/ifc5d/csv2ifc.py
@@ -20,11 +20,13 @@ from __future__ import annotations
 import csv
 import ifcopenshell
 import ifcopenshell.api
+import ifcopenshell.api.control
 import ifcopenshell.api.cost
 import ifcopenshell.api.root
 import ifcopenshell.util.unit
 import ifcopenshell.util.selector
 import ifcopenshell.util.element
+import ifcopenshell.util.cost
 import locale
 from pathlib import Path
 from typing import Union, Optional, TypedDict
@@ -47,6 +49,10 @@ class CsvHeader(TypedDict):
     Property: NotRequired[int]
     Query: NotRequired[int]
 
+    # Assigning rates
+    RateSchedule: NotRequired[str]
+    RateID : NotRequired[str]
+
 
 # Currently we assume that if column is not part of the main header,
 # then it is a cost value category. So here we list any additional column
@@ -98,6 +104,7 @@ class Csv2Ifc:
     units: dict[str, ifcopenshell.entity_instance]
     categories: dict[str, int]
     has_categories: bool
+    has_rates: bool
 
     def __init__(
         self,
@@ -152,7 +159,10 @@ class Csv2Ifc:
                 # parse header
                 if not self.headers:
                     self.has_categories = True
+                    self.has_rates = False
                     self.headers = {col: i for i, col in enumerate(row) if col}
+                    if "RateSchedule" in self.headers and "RateID" in self.headers:
+                        self.has_rates = True
                     if "Value" in self.headers:
                         self.has_categories = False
                     else:
@@ -219,6 +229,15 @@ class Csv2Ifc:
             assert "Value" in self.headers
             cost_values = row[self.headers["Value"]]
             cost_values = float(cost_values) if cost_values else None
+
+        if self.has_rates:
+            cost_rate = {
+                "Schedule": row[(self.headers["RateSchedule"])] if "RateSchedule" in self.headers else None,
+                "RateID": row[(self.headers["RateID"])] if "RateID" in self.headers else None,
+            }
+        else:
+            cost_rate = None
+
         return {
             "Identification": str(identification) if identification else None,
             "Name": str(name) if name else None,
@@ -228,6 +247,7 @@ class Csv2Ifc:
             "Property": property_name,
             "Query": query,
             "children": [],
+            "CostRate": cost_rate,
         }
 
     def create_ifc(self) -> None:
@@ -297,6 +317,50 @@ class Csv2Ifc:
 
                 cost_value.UnitBasis = self.file.createIfcMeasureWithUnit(value_component, unit_component)
 
+        if self.has_rates:
+            cost_rate = cost_item["CostRate"]
+            assert isinstance(cost_rate, dict)
+
+            if cost_rate.get("Schedule") and cost_rate.get("RateID"):
+                # if cost_rate["Schedule"] is not "":
+                schedules = self.file.by_type("IfcCostSchedule")
+                for schedule in schedules:
+                    if schedule.Name == cost_rate["Schedule"]:
+                        rate_cost_schedule = schedule
+                        break
+
+                if rate_cost_schedule:
+                    items = list(ifcopenshell.util.cost.get_schedule_cost_items(rate_cost_schedule))
+                    rate_cost_item = None
+                    for item in items:
+                        if item.Identification == cost_rate["RateID"]:
+                            rate_cost_item = item
+                            break
+                    if rate_cost_item:
+                        # next 9 lines are the same as core.cost.assign_cost_value
+                        ifcopenshell.api.cost.assign_cost_value(
+                            self.file, cost_item=cost_item["ifc"], cost_rate=rate_cost_item
+                        )
+                        existing_cost_rate = None
+                        for assignment in cost_item["ifc"].HasAssignments:
+                            if assignment.RelatingControl.is_a() == "IfcCostItem":
+                                existing_cost_rate = assignment.RelatingControl
+                        if existing_cost_rate is None:
+                            ifcopenshell.api.control.assign_control(
+                                self.file, relating_control=rate_cost_item, related_objects=[cost_item["ifc"]]
+                            )
+                        else:
+                            ifcopenshell.api.control.unassign_control(
+                                self.file, relating_control=existing_cost_rate, related_objects=[cost_item["ifc"]]
+                            )
+                            ifcopenshell.api.control.assign_control(
+                                self.file, relating_control=rate_cost_item, related_objects=[cost_item["ifc"]]
+                            )
+                    else:
+                        print(f"No cost item found with RateID={cost_rate['RateID']}")
+                else:
+                    print(f"No cost schedule found with Name={cost_rate['Schedule']}")
+
         quantity = None
         quantity_class = ifcopenshell.util.unit.get_symbol_quantity_class(cost_item["Unit"])
         prop_name = cost_item["Property"]
diff --git a/src/ifcbimtester/bimtester/features/steps/geolocation/en.py b/src/ifcbimtester/bimtester/features/steps/geolocation/en.py
index 596aa858cf..13aa359671 100644
--- a/src/ifcbimtester/bimtester/features/steps/geolocation/en.py
+++ b/src/ifcbimtester/bimtester/features/steps/geolocation/en.py
@@ -234,7 +234,7 @@ def step_impl(context, guid, number):
     site = util.assert_guid(IfcStore.file, guid)
     util.assert_type(site, "IfcSite")
     ref = util.assert_attribute(site, "RefLongitude")
-    number = ifcopenshell.util.geolocation.dd2dms(number, use_ms=(len(ref) == 4))
+    number = ifcopenshell.util.geolocation.dd2dms(number, use_us=(len(ref) == 4))
     util.assert_attribute(site, "RefLongitude", number)
 
 
@@ -244,7 +244,7 @@ def step_impl(context, guid, number):
     site = util.assert_guid(IfcStore.file, guid)
     util.assert_type(site, "IfcSite")
     ref = util.assert_attribute(site, "RefLatitude")
-    number = ifcopenshell.util.geolocation.dd2dms(number, use_ms=(len(ref) == 4))
+    number = ifcopenshell.util.geolocation.dd2dms(number, use_us=(len(ref) == 4))
     util.assert_attribute(site, "RefLatitude", number)
 
 
diff --git a/src/ifcopenshell-python/ifcopenshell/api/__init__.py b/src/ifcopenshell-python/ifcopenshell/api/__init__.py
index d6e0066af9..0eb95b2c65 100644
--- a/src/ifcopenshell-python/ifcopenshell/api/__init__.py
+++ b/src/ifcopenshell-python/ifcopenshell/api/__init__.py
@@ -53,6 +53,22 @@ pre_listeners: dict[str, dict] = {}
 post_listeners: dict[str, dict] = {}
 
 
+def batching_argument_deprecation(
+    usecase_path: str, settings: dict, prev_argument: str, new_argument: str, replace_usecase: Optional[str] = None
+) -> tuple[str, dict]:
+    if replace_usecase is not None:
+        print(f"WARNING. `{usecase_path}` api method is deprecated and should be replaced with `{replace_usecase}`.")
+
+    if prev_argument in settings:
+        print(
+            f"WARNING. `{prev_argument}` argument is deprecated for API method "
+            f'"{usecase_path}" and should be replaced with `{new_argument}`.'
+        )
+        settings = settings | {new_argument: [settings[prev_argument]]}
+        settings.pop(prev_argument)
+    return (replace_usecase or usecase_path, settings)
+
+
 def renamed_arguments_deprecation(
     usecase_path: str, settings: dict, arguments_remapped: dict[str, str]
 ) -> tuple[str, dict]:
@@ -71,7 +87,11 @@ def renamed_arguments_deprecation(
 # "group.add_group": partial(
 #     renamed_arguments_deprecation, arguments_remapped={"Name": "name", "Description": "description"}
 # ),
-ARGUMENTS_DEPRECATION: dict[str, Callable[[str, dict[str, Any]], tuple[str, dict[str, Any]]]] = {}
+ARGUMENTS_DEPRECATION: dict[str, Callable[[str, dict[str, Any]], tuple[str, dict[str, Any]]]] = {
+    "control.assign_control": partial(
+        batching_argument_deprecation, prev_argument="related_object", new_argument="related_objects"
+    ),
+}
 
 
 CACHED_USECASE_CLASSES: dict[str, Callable] = {}
diff --git a/src/ifcopenshell-python/ifcopenshell/api/alignment/_add_segment_to_layout.py b/src/ifcopenshell-python/ifcopenshell/api/alignment/_add_segment_to_layout.py
index 88b68ff674..cc8411aa8c 100644
--- a/src/ifcopenshell-python/ifcopenshell/api/alignment/_add_segment_to_layout.py
+++ b/src/ifcopenshell-python/ifcopenshell/api/alignment/_add_segment_to_layout.py
@@ -91,43 +91,42 @@ def _add_segment_to_layout(file: ifcopenshell.file, layout: entity_instance, seg
 
         segment_nest = ifcopenshell.api.alignment.get_alignment_segment_nest(layout)
         zero_length_segment = segment_nest.RelatedObjects[-1]
-        # DesignParameters.StartPoint for IfcAlignmentHorizontalSegment is automatically updated when the
-        # geometric representation is updated because the semantic and geometric data use the same IfcPoint.
-        # This is not the case of IfcAlignmentVerticalSegment and IfcAlignmentCantSegment. For these
-        # segment types, the design parameters of the zero length segment must be updated explicitly.
-        if zero_length_segment.DesignParameters.is_a(
-            "IfcAlignmentVerticalSegment"
-        ) or zero_length_segment.DesignParameters.is_a("IfcAlignmentCantSegment"):
-            # get the geometric representation for the new segment
-            mapped_segments = ifcopenshell.api.alignment.get_mapped_segments(segment)
-            mapped_segment = mapped_segments[0] if mapped_segments[1] == None else mapped_segments[1]
+        mapped_segments = ifcopenshell.api.alignment.get_mapped_segments(segment)
+        mapped_segment = mapped_segments[0] if mapped_segments[1] == None else mapped_segments[1]
 
-            # compute the end point matrix
-            settings = ifcopenshell.geom.settings()
-            segment_fn = ifcopenshell_wrapper.map_shape(settings, mapped_segment.wrapped_data)
-            segment_evaluator = ifcopenshell_wrapper.function_item_evaluator(settings, segment_fn)
-            e = segment_evaluator.evaluate(segment_fn.end())
-            end = np.array(e)
+        # compute the end point matrix
+        settings = ifcopenshell.geom.settings()
+        segment_fn = ifcopenshell_wrapper.map_shape(settings, mapped_segment.wrapped_data)
+        segment_evaluator = ifcopenshell_wrapper.function_item_evaluator(settings, segment_fn)
+        e = segment_evaluator.evaluate(segment_fn.end())
+        end = np.array(e)
 
-            # update the zero length segment semantic representation parameters
-            if zero_length_segment.DesignParameters.is_a("IfcAlignmentVerticalSegment"):
-                y = float(end[1, 3]) / unit_scale
-                zero_length_segment.DesignParameters.StartHeight = y
-                dx = float(end[0, 0])
-                dy = float(end[1, 0])
-                zero_length_segment.DesignParameters.StartGradient = dy / dx
-                zero_length_segment.DesignParameters.EndGradient = zero_length_segment.DesignParameters.StartGradient
-            else:
-                z = float(end[2, 3]) / unit_scale
-                dx = float(end[0, 1])
-                dy = float(end[1, 1])
-                dz = float(end[2, 1])
-                ds = math.sqrt(dx * dx + dy * dy)
-                slope = dz / ds
-                railhead = layout.RailHeadDistance
+        # update the zero length segment semantic representation parameters
+        if zero_length_segment.DesignParameters.is_a("IfcAlignmentHorizontalSegment"):
+            x = float(end[0, 3]) / unit_scale
+            y = float(end[1, 3]) / unit_scale
+            dx = float(end[0, 0])
+            dy = float(end[1, 0])
+            zero_length_segment.DesignParameters.StartPoint.Coordinates = (x,y)
+            zero_length_segment.DesignParameters.StartDirection = dy / dx
+        elif zero_length_segment.DesignParameters.is_a("IfcAlignmentVerticalSegment"):
+            y = float(end[1, 3]) / unit_scale
+            zero_length_segment.DesignParameters.StartHeight = y
+            dx = float(end[0, 0])
+            dy = float(end[1, 0])
+            zero_length_segment.DesignParameters.StartGradient = dy / dx
+            zero_length_segment.DesignParameters.EndGradient = zero_length_segment.DesignParameters.StartGradient
+        else:
+            z = float(end[2, 3]) / unit_scale
+            dx = float(end[0, 1])
+            dy = float(end[1, 1])
+            dz = float(end[2, 1])
+            ds = math.sqrt(dx * dx + dy * dy)
+            slope = dz / ds
+            railhead = layout.RailHeadDistance
 
-                zero_length_segment.DesignParameters.StartCantLeft = z + slope * railhead / 2.0
-                zero_length_segment.DesignParameters.StartCantRight = z - slope * railhead / 2.0
+            zero_length_segment.DesignParameters.StartCantLeft = z + slope * railhead / 2.0
+            zero_length_segment.DesignParameters.StartCantRight = z - slope * railhead / 2.0
 
         # updated the referent's name because the referent is now at a new station
         start_dist_along = 0.0
diff --git a/src/ifcopenshell-python/ifcopenshell/api/alignment/get_mapped_segments.py b/src/ifcopenshell-python/ifcopenshell/api/alignment/get_mapped_segments.py
index 32d3163b7f..12be6d90f1 100644
--- a/src/ifcopenshell-python/ifcopenshell/api/alignment/get_mapped_segments.py
+++ b/src/ifcopenshell-python/ifcopenshell/api/alignment/get_mapped_segments.py
@@ -57,4 +57,4 @@ def get_mapped_segments(layout_segment: entity_instance) -> Sequence[entity_inst
     if segment_count == 1:
         return (curve.Segments[index - segment_count], None)
     else:
-        return (curve.Segments[index - segment_count], curve.Segment[index])
+        return (curve.Segments[index - segment_count], curve.Segments[index])
diff --git a/src/ifcopenshell-python/ifcopenshell/api/alignment/layout_horizontal_alignment_by_pi_method.py b/src/ifcopenshell-python/ifcopenshell/api/alignment/layout_horizontal_alignment_by_pi_method.py
index 0be11c95d5..3e0ec40b67 100644
--- a/src/ifcopenshell-python/ifcopenshell/api/alignment/layout_horizontal_alignment_by_pi_method.py
+++ b/src/ifcopenshell-python/ifcopenshell/api/alignment/layout_horizontal_alignment_by_pi_method.py
@@ -40,6 +40,8 @@ def layout_horizontal_alignment_by_pi_method(
     if not (len(hpoints) - 2 == len(radii)):
         raise ValueError("radii should have two fewer elements that hpoints")
 
+    angle_unit_scale = ifcopenshell.util.unit.calculate_unit_scale(file, "PLANEANGLEUNIT")
+
     xBT, yBT = hpoints[0]
     xPI, yPI = hpoints[1]
 
@@ -84,7 +86,7 @@ def layout_horizontal_alignment_by_pi_method(
                 StartTag=None,
                 EndTag=None,
                 StartPoint=pt,
-                StartDirection=angleBT,
+                StartDirection=angleBT / angle_unit_scale,
                 StartRadiusOfCurvature=0.0,
                 EndRadiusOfCurvature=0.0,
                 SegmentLength=tangent_run,
@@ -102,7 +104,7 @@ def layout_horizontal_alignment_by_pi_method(
                 StartTag=None,
                 EndTag=None,
                 StartPoint=pc,
-                StartDirection=angleBT,
+                StartDirection=angleBT / angle_unit_scale,
                 StartRadiusOfCurvature=float(radius),
                 EndRadiusOfCurvature=float(radius),
                 SegmentLength=lc,
@@ -130,7 +132,7 @@ def layout_horizontal_alignment_by_pi_method(
             StartTag=None,
             EndTag=None,
             StartPoint=pt,
-            StartDirection=angleBT,
+            StartDirection=angleBT / angle_unit_scale,
             StartRadiusOfCurvature=0.0,
             EndRadiusOfCurvature=0.0,
             SegmentLength=tangent_run,
diff --git a/src/ifcopenshell-python/ifcopenshell/api/control/assign_control.py b/src/ifcopenshell-python/ifcopenshell/api/control/assign_control.py
index 3d70fec7d2..cd7c398a54 100644
--- a/src/ifcopenshell-python/ifcopenshell/api/control/assign_control.py
+++ b/src/ifcopenshell-python/ifcopenshell/api/control/assign_control.py
@@ -25,9 +25,9 @@ from typing import Union
 def assign_control(
     file: ifcopenshell.file,
     relating_control: ifcopenshell.entity_instance,
-    related_object: ifcopenshell.entity_instance,
+    related_objects: list[ifcopenshell.entity_instance],
 ) -> Union[ifcopenshell.entity_instance, None]:
-    """Assigns a planning control or constraint to an object
+    """Assigns a planning control or constraint to a list of objects.
 
     IFC can describe concepts that control other objects. For example, a
     planning calendar controls the availability of working days for
@@ -42,7 +42,7 @@ def assign_control(
 
     :param relating_control: The IfcControl entity that is creating the
         control or constraint
-    :param related_object: The IfcObjectDefinition that is being controlled
+    :param related_objects: The list of IfcObjectDefinition that is being controlled
     :return: The newly created IfcRelAssignsToControl. If relationship already
         existed before and wasn't changed then returns None.
 
@@ -59,7 +59,7 @@ def assign_control(
         # All subtasks will inherit this calendar, so assigning a single
         # calendar to the root task effectively defines a "default" calendar
         ifcopenshell.api.control.assign_control(model,
-            relating_control=calendar, related_object=task)
+            relating_control=calendar, related_objects=[task])
 
         # Another common example might be relating a cost item and a product
         wall = ifcopenshell.api.root.create_entity(model, ifc_class="IfcWall")
@@ -67,22 +67,33 @@ def assign_control(
         cost_item = ifcopenshell.api.cost.add_cost_item(model,
             cost_schedule=schedule)
         ifcopenshell.api.control.assign_control(model,
-            relating_control=cost_item, related_object=wall)
+            relating_control=cost_item, related_objects=[wall])
     """
-    if related_object.HasAssignments:
-        for assignment in related_object.HasAssignments:
-            if assignment.is_a("IfcRelAssignsToControl") and assignment.RelatingControl == relating_control:
-                return
+    # Filter out already assigned objects.
+    related_objects_set = set(related_objects)
+    objects_to_assign: set[ifcopenshell.entity_instance] = set()
+
+    control_assignments = set(relating_control.Controls)
+    if control_assignments:
+        for obj in related_objects_set:
+            existing_assignment = next((a for a in obj.HasAssignments if a in control_assignments), None)
+            # Skip objects already assigned to this control.
+            if existing_assignment:
+                continue
+            objects_to_assign.add(obj)
+    else:
+        objects_to_assign = related_objects_set
+
+    if not objects_to_assign:
+        return None
 
     controls: Union[ifcopenshell.entity_instance, None]
     controls = next(iter(relating_control.Controls), None)
 
     if controls:
-        if related_object in controls.RelatedObjects:
-            return
-        related_objects = set(controls.RelatedObjects)
-        related_objects.add(related_object)
-        controls.RelatedObjects = list(related_objects)
+        related_objects_new: list[ifcopenshell.entity_instance] = list(controls.RelatedObjects)
+        related_objects_new.extend(objects_to_assign)
+        controls.RelatedObjects = list(related_objects_new)
         ifcopenshell.api.owner.update_owner_history(file, element=controls)
     else:
         controls = file.create_entity(
@@ -90,7 +101,7 @@ def assign_control(
             **{
                 "GlobalId": ifcopenshell.guid.new(),
                 "OwnerHistory": ifcopenshell.api.owner.create_owner_history(file),
-                "RelatedObjects": [related_object],
+                "RelatedObjects": list(objects_to_assign),
                 "RelatingControl": relating_control,
             },
         )
diff --git a/src/ifcopenshell-python/ifcopenshell/api/control/unassign_control.py b/src/ifcopenshell-python/ifcopenshell/api/control/unassign_control.py
index a7ba9fb045..57e47418ef 100644
--- a/src/ifcopenshell-python/ifcopenshell/api/control/unassign_control.py
+++ b/src/ifcopenshell-python/ifcopenshell/api/control/unassign_control.py
@@ -19,21 +19,19 @@
 import ifcopenshell
 import ifcopenshell.api.owner
 import ifcopenshell.util.element
-from typing import Union
 
 
 def unassign_control(
     file: ifcopenshell.file,
     relating_control: ifcopenshell.entity_instance,
-    related_object: ifcopenshell.entity_instance,
-) -> Union[ifcopenshell.entity_instance, None]:
+    related_objects: list[ifcopenshell.entity_instance],
+) -> None:
     """Unassigns a planning control or constraint to an object
 
     :param relating_control: The IfcControl entity that is creating the
         control or constraint
-    :param related_object: The IfcObjectDefinition that is being controlled
-    :return: If the control still is related to other objects, the
-        IfcRelAssignsToControl is returned, otherwise None.
+    :param related_objects: The list IfcObjectDefinitions that is being controlled
+    :return: None
 
     Example:
 
@@ -45,23 +43,23 @@ def unassign_control(
         cost_item = ifcopenshell.api.cost.add_cost_item(model,
             cost_schedule=schedule)
         ifcopenshell.api.control.assign_control(model,
-            relating_control=cost_item, related_object=wall)
+            relating_control=cost_item, related_objects=[wall])
 
         # And now let's change our mind
         ifcopenshell.api.control.unassign_control(model,
-            relating_control=cost_item, related_object=wall)
+            relating_control=cost_item, related_objects=[wall])
     """
-    for rel in related_object.HasAssignments or []:
-        if not rel.is_a("IfcRelAssignsToControl") or rel.RelatingControl != relating_control:
-            continue
-        if len(rel.RelatedObjects) == 1:
+    related_objects_set = set(related_objects)
+    control_assignments = set(relating_control.Controls)
+    rels = set(rel for obj in related_objects_set for rel in obj.HasAssignments if rel in control_assignments)
+
+    for rel in rels:
+        related_objects_new = set(rel.RelatedObjects) - related_objects_set
+        if related_objects_new:
+            rel.RelatedObjects = list(related_objects_new)
+            ifcopenshell.api.owner.update_owner_history(file, element=rel)
+        else:
             history = rel.OwnerHistory
             file.remove(rel)
             if history:
                 ifcopenshell.util.element.remove_deep2(file, history)
-            return
-        related_objects = list(rel.RelatedObjects)
-        related_objects.remove(related_object)
-        rel.RelatedObjects = related_objects
-        ifcopenshell.api.owner.update_owner_history(file, element=rel)
-        return rel
diff --git a/src/ifcopenshell-python/ifcopenshell/api/cost/add_cost_item.py b/src/ifcopenshell-python/ifcopenshell/api/cost/add_cost_item.py
index 86881265af..70c0cfc06c 100644
--- a/src/ifcopenshell-python/ifcopenshell/api/cost/add_cost_item.py
+++ b/src/ifcopenshell-python/ifcopenshell/api/cost/add_cost_item.py
@@ -59,7 +59,7 @@ def add_cost_item(
     cost_item_ = ifcopenshell.api.root.create_entity(file, ifc_class="IfcCostItem")
 
     if cost_schedule:
-        ifcopenshell.api.control.assign_control(file, cost_schedule, cost_item_)
+        ifcopenshell.api.control.assign_control(file, cost_schedule, [cost_item_])
     elif cost_item:
         ifcopenshell.api.nest.assign_object(file, related_objects=[cost_item_], relating_object=cost_item)
     return cost_item_
diff --git a/src/ifcopenshell-python/ifcopenshell/api/cost/add_cost_item_quantity.py b/src/ifcopenshell-python/ifcopenshell/api/cost/add_cost_item_quantity.py
index 58f3ed343a..5e8fcb0b34 100644
--- a/src/ifcopenshell-python/ifcopenshell/api/cost/add_cost_item_quantity.py
+++ b/src/ifcopenshell-python/ifcopenshell/api/cost/add_cost_item_quantity.py
@@ -66,7 +66,7 @@ def add_cost_item_quantity(
         schedule = ifcopenshell.api.cost.add_cost_schedule(model)
         item = ifcopenshell.api.cost.add_cost_item(model, cost_schedule=schedule)
         ifcopenshell.api.control.assign_control(model,
-            relating_control=item, related_object=chair)
+            relating_control=item, related_objects=[chair])
 
         # Let's assume we want to count the amount of chairs to calculate our cost item
         # Because this is an IfcQuantityCount the count will be automatically set to "1" chair
diff --git a/src/ifcopenshell-python/ifcopenshell/api/cost/assign_cost_item_quantity.py b/src/ifcopenshell-python/ifcopenshell/api/cost/assign_cost_item_quantity.py
index 5970c08d6d..2db09c45f6 100644
--- a/src/ifcopenshell-python/ifcopenshell/api/cost/assign_cost_item_quantity.py
+++ b/src/ifcopenshell-python/ifcopenshell/api/cost/assign_cost_item_quantity.py
@@ -122,7 +122,7 @@ class Usecase:
     ) -> ifcopenshell.entity_instance:
         return ifcopenshell.api.control.assign_control(
             self.file,
-            related_object=related_object,
+            related_objects=[related_object],
             relating_control=cost_item,
         )
 
diff --git a/src/ifcopenshell-python/ifcopenshell/api/cost/calculate_cost_item_resource_value.py b/src/ifcopenshell-python/ifcopenshell/api/cost/calculate_cost_item_resource_value.py
index a1a86b36e5..fc53e2ff3d 100644
--- a/src/ifcopenshell-python/ifcopenshell/api/cost/calculate_cost_item_resource_value.py
+++ b/src/ifcopenshell-python/ifcopenshell/api/cost/calculate_cost_item_resource_value.py
@@ -57,7 +57,7 @@ def calculate_cost_item_resource_value(file: ifcopenshell.file, cost_item: ifcop
         concrete = ifcopenshell.api.resource.add_resource(model,
             ifc_class="IfcConstructionMaterialResource", parent_resource=crew)
         ifcopenshell.api.control.assign_control(model,
-            relating_control=item, related_object=concrete)
+            relating_control=item, related_objects=[concrete])
         # ... which has a unit price of 42.0 per m3
         value = ifcopenshell.api.cost.add_cost_value(model, parent=concrete)
         ifcopenshell.api.cost.edit_cost_value(model, cost_value=value,
@@ -72,7 +72,7 @@ def calculate_cost_item_resource_value(file: ifcopenshell.file, cost_item: ifcop
         equipment = ifcopenshell.api.resource.add_resource(model,
             ifc_class="IfcConstructionEquipmentResource", parent_resource=crew)
         ifcopenshell.api.control.assign_control(model,
-            relating_control=item, related_object=equipment)
+            relating_control=item, related_objects=[equipment])
         # ... with a fixed price of 50,000
         value = ifcopenshell.api.cost.add_cost_value(model, parent=concrete)
         ifcopenshell.api.cost.edit_cost_value(model, cost_value=value,
diff --git a/src/ifcopenshell-python/ifcopenshell/api/cost/copy_cost_schedule.py b/src/ifcopenshell-python/ifcopenshell/api/cost/copy_cost_schedule.py
index b23c1d5694..3101e820c2 100644
--- a/src/ifcopenshell-python/ifcopenshell/api/cost/copy_cost_schedule.py
+++ b/src/ifcopenshell-python/ifcopenshell/api/cost/copy_cost_schedule.py
@@ -45,5 +45,5 @@ def copy_cost_schedule(
             if isinstance(duplicated_cost_item, list):
                 # All other nested items are not connected to the cost schedule explicitly.
                 duplicated_cost_item = duplicated_cost_item[0]
-            ifcopenshell.api.control.assign_control(file, new_schedule, duplicated_cost_item)
+            ifcopenshell.api.control.assign_control(file, new_schedule, [duplicated_cost_item])
     return new_schedule
diff --git a/src/ifcopenshell-python/ifcopenshell/api/cost/unassign_cost_item_quantity.py b/src/ifcopenshell-python/ifcopenshell/api/cost/unassign_cost_item_quantity.py
index de180d65ef..1119935ccd 100644
--- a/src/ifcopenshell-python/ifcopenshell/api/cost/unassign_cost_item_quantity.py
+++ b/src/ifcopenshell-python/ifcopenshell/api/cost/unassign_cost_item_quantity.py
@@ -86,7 +86,7 @@ class Usecase:
         for product in products:
             ifcopenshell.api.control.unassign_control(
                 self.file,
-                related_object=product,
+                related_objects=[product],
                 relating_control=cost_item,
             )
         self.update_cost_item_count(cost_item)
diff --git a/src/ifcopenshell-python/ifcopenshell/api/geometry/edit_object_placement.py b/src/ifcopenshell-python/ifcopenshell/api/geometry/edit_object_placement.py
index 159127c03e..2e37e99e26 100644
--- a/src/ifcopenshell-python/ifcopenshell/api/geometry/edit_object_placement.py
+++ b/src/ifcopenshell-python/ifcopenshell/api/geometry/edit_object_placement.py
@@ -22,6 +22,7 @@ import ifcopenshell.api.owner
 import ifcopenshell.util.unit
 import ifcopenshell.util.element
 import ifcopenshell.util.placement
+from ifcopenshell.util.shape_builder import ShapeBuilder
 from typing import Optional, Union, Any
 
 NPArrayOfFloats = npt.NDArray[np.float64]
@@ -74,6 +75,7 @@ class Usecase:
         if not hasattr(self.settings["product"], "ObjectPlacement"):
             return
         self.unit_scale = ifcopenshell.util.unit.calculate_unit_scale(self.file)
+        self.builder = ShapeBuilder(self.file)
 
         if not self.settings["is_si"]:
             self.convert_matrix_to_si(self.settings["matrix"])
@@ -183,25 +185,12 @@ class Usecase:
         o = np.array((m[0][3], m[1][3], m[2][3]))
         object_matrix = ifcopenshell.util.placement.a2p(o, z, x)
         relative_placement_matrix = np.linalg.inv(relating_object_matrix) @ object_matrix
-        return self.create_ifc_axis_2_placement_3d(
-            relative_placement_matrix[:, 3][0:3],
+        return self.builder.create_axis2_placement_3d(
+            self.convert_si_to_unit(relative_placement_matrix[:, 3][0:3]),
             relative_placement_matrix[:, 2][0:3],
             relative_placement_matrix[:, 0][0:3],
         )
 
-    def create_ifc_axis_2_placement_3d(
-        self, point: NPArrayOfFloats, up: NPArrayOfFloats, forward: NPArrayOfFloats
-    ) -> ifcopenshell.entity_instance:
-        return self.file.createIfcAxis2Placement3D(
-            self.create_cartesian_point(point),
-            self.file.createIfcDirection(up.tolist()),
-            self.file.createIfcDirection(forward.tolist()),
-        )
-
-    def create_cartesian_point(self, co: NPArrayOfFloats) -> ifcopenshell.entity_instance:
-        co = self.convert_si_to_unit(co)
-        return self.file.createIfcCartesianPoint(co.tolist())
-
     def convert_si_to_unit(self, co: NPArrayOfFloats) -> NPArrayOfFloats:
         return co / self.unit_scale
 
diff --git a/src/ifcopenshell-python/ifcopenshell/api/georeference/edit_wcs.py b/src/ifcopenshell-python/ifcopenshell/api/georeference/edit_wcs.py
index f453d2e94a..25fb4f3b6e 100644
--- a/src/ifcopenshell-python/ifcopenshell/api/georeference/edit_wcs.py
+++ b/src/ifcopenshell-python/ifcopenshell/api/georeference/edit_wcs.py
@@ -18,9 +18,9 @@
 
 import ifcopenshell
 import ifcopenshell.util.element
-import ifcopenshell.util.geolocation
 import ifcopenshell.util.unit
 import numpy as np
+from ifcopenshell.util.shape_builder import ShapeBuilder
 from math import sin, cos, radians
 
 
@@ -62,6 +62,7 @@ def edit_wcs(
         ifcopenshell.api.georeference.edit_wcs(model)
     """
     unit_scale = ifcopenshell.util.unit.calculate_unit_scale(file)
+    builder = ShapeBuilder(file)
     if np.isclose(rotation, 0):
         xaxis_x = 1.0
         xaxis_y = 0.0
@@ -74,14 +75,10 @@ def edit_wcs(
         old_wcs = context.WorldCoordinateSystem
         if context.CoordinateSpaceDimension == 3:
             if is_si:
-                point = file.createIfcCartesianPoint((x / unit_scale, y / unit_scale, z / unit_scale))
+                xyz = (x / unit_scale, y / unit_scale, z / unit_scale)
             else:
-                point = file.createIfcCartesianPoint((x, y, z))
-            placement = file.createIfcAxis2Placement3D(
-                point,
-                file.createIfcDirection((0.0, 0.0, 1.0)),
-                file.createIfcDirection((xaxis_x, xaxis_y, 0.0)),
-            )
+                xyz = (x, y, z)
+            placement = builder.create_axis2_placement_3d(xyz, (0.0, 0.0, 1.0), (xaxis_x, xaxis_y, 0.0))
         elif context.CoordinateSpaceDimension == 2:
             if is_si:
                 point = file.createIfcCartesianPoint((x / unit_scale, y / unit_scale))
diff --git a/src/ifcopenshell-python/ifcopenshell/api/sequence/add_task.py b/src/ifcopenshell-python/ifcopenshell/api/sequence/add_task.py
index 340709594c..36d7d452b1 100644
--- a/src/ifcopenshell-python/ifcopenshell/api/sequence/add_task.py
+++ b/src/ifcopenshell-python/ifcopenshell/api/sequence/add_task.py
@@ -138,7 +138,7 @@ def add_task(
         task.Identification = identification
     task.IsMilestone = False
     if work_schedule:
-        ifcopenshell.api.control.assign_control(file, work_schedule, task)
+        ifcopenshell.api.control.assign_control(file, work_schedule, [task])
     elif parent_task:
         rel = ifcopenshell.api.nest.assign_object(
             file,
diff --git a/src/ifcopenshell-python/ifcopenshell/api/sequence/add_work_calendar.py b/src/ifcopenshell-python/ifcopenshell/api/sequence/add_work_calendar.py
index 254188dcd8..c530a766de 100644
--- a/src/ifcopenshell-python/ifcopenshell/api/sequence/add_work_calendar.py
+++ b/src/ifcopenshell-python/ifcopenshell/api/sequence/add_work_calendar.py
@@ -75,7 +75,7 @@ def add_work_calendar(
         # We associate the calendar with the construction root task. All
         # subtasks underneath the construction work task will also inherit
         # this calendar by default (though you can override them).
-        ifcopenshell.api.control.assign_control(model, relating_control=calendar, related_object=task)
+        ifcopenshell.api.control.assign_control(model, relating_control=calendar, related_objects=[task])
     """
     work_calendar = ifcopenshell.api.root.create_entity(
         file,
diff --git a/src/ifcopenshell-python/ifcopenshell/api/sequence/copy_work_schedule.py b/src/ifcopenshell-python/ifcopenshell/api/sequence/copy_work_schedule.py
index 30b1123ac7..44e19c0803 100644
--- a/src/ifcopenshell-python/ifcopenshell/api/sequence/copy_work_schedule.py
+++ b/src/ifcopenshell-python/ifcopenshell/api/sequence/copy_work_schedule.py
@@ -47,5 +47,5 @@ def copy_work_schedule(
             duplicated_tasks = ifcopenshell.api.sequence.duplicate_task(file, task)[1]
             # All other nested items are not connected to the work schedule explicitly.
             duplicated_task = duplicated_tasks[0]
-            ifcopenshell.api.control.assign_control(file, new_schedule, duplicated_task)
+            ifcopenshell.api.control.assign_control(file, new_schedule, [duplicated_task])
     return new_schedule
diff --git a/src/ifcopenshell-python/ifcopenshell/api/sequence/create_baseline.py b/src/ifcopenshell-python/ifcopenshell/api/sequence/create_baseline.py
index 8b9571aa4d..00764a4f7c 100644
--- a/src/ifcopenshell-python/ifcopenshell/api/sequence/create_baseline.py
+++ b/src/ifcopenshell-python/ifcopenshell/api/sequence/create_baseline.py
@@ -79,7 +79,7 @@ class Usecase:
             assert isinstance(res, list)
             current, duplicate = res
             ifcopenshell.api.control.assign_control(
-                self.file, relating_control=baseline_work_schedule, related_object=duplicate[0]
+                self.file, relating_control=baseline_work_schedule, related_objects=[duplicate[0]]
             )
             for i, task in enumerate(current):
                 self.create_baseline_reference(task, duplicate[i])
diff --git a/src/ifcopenshell-python/ifcopenshell/api/sequence/remove_work_calendar.py b/src/ifcopenshell-python/ifcopenshell/api/sequence/remove_work_calendar.py
index 0ff9c5109d..1b52d4ef54 100644
--- a/src/ifcopenshell-python/ifcopenshell/api/sequence/remove_work_calendar.py
+++ b/src/ifcopenshell-python/ifcopenshell/api/sequence/remove_work_calendar.py
@@ -54,7 +54,7 @@ def remove_work_calendar(file: ifcopenshell.file, work_calendar: ifcopenshell.en
                 ifcopenshell.api.control.unassign_control(
                     file,
                     relating_control=work_calendar,
-                    related_object=related_object,
+                    related_objects=[related_object],
                 )
 
     # Currently in API work times are created already attached
diff --git a/src/ifcopenshell-python/ifcopenshell/sql.py b/src/ifcopenshell-python/ifcopenshell/sql.py
index fc7f7f8fa9..d05af04d56 100644
--- a/src/ifcopenshell-python/ifcopenshell/sql.py
+++ b/src/ifcopenshell-python/ifcopenshell/sql.py
@@ -18,11 +18,13 @@
 from __future__ import annotations
 import re
 import json
+import numpy as np
+import numpy.typing as npt
 import ifcopenshell
 import ifcopenshell.util.attribute
 import ifcopenshell.util.schema
 from pathlib import Path
-from typing import Any, NoReturn, Union, Optional, TYPE_CHECKING
+from typing import Any, NoReturn, Union, Optional, TYPE_CHECKING, TypedDict
 from . import ifcopenshell_wrapper
 from .file import file
 from .entity_instance import entity_instance
@@ -36,8 +38,33 @@ except ImportError as e:
     print(f"No SQL support: {e}")
 
 
+class GeometryCache(TypedDict):
+    shapes: dict[int, GeometryCacheShape]
+    geometry: dict[str, GeometryCacheGeometry]
+
+
+class GeometryCacheShape(TypedDict):
+    co: list[float]
+    """Object location."""
+    matrix: npt.NDArray[np.float64]
+    geometry: Union[str, None]
+    """Element's geometry id (same value as in ``Representation.id``).
+
+    Is set to ``None` when no geometry is available for the element.
+    """
+
+
+class GeometryCacheGeometry(TypedDict):
+    verts: npt.NDArray[np.float64]
+    edges: npt.NDArray[np.int32]
+    faces: npt.NDArray[np.int32]
+    material_ids: npt.NDArray[np.int32]
+    materials: list[int]
+
+
 class sqlite(file):
-    schema: ifcopenshell.util.schema.IFC_SCHEMA = "IFC4"
+    mvd_str: str
+    """As in `header.file_description.description`."""
 
     def __init__(self, filepath: str):
         """
@@ -53,7 +80,6 @@ class sqlite(file):
         if not Path(filepath).exists():
             raise FileNotFoundError(f"File doesn't exist: {filepath}")
 
-        self.wrapped_data = None
         self.history_size = 64
         self.history = []
         self.future = []
@@ -81,7 +107,8 @@ class sqlite(file):
         except:
             assert False, "SQLite schema not supported."
 
-        self.schema = row[1]
+        self._schema = row[1]
+        self.mvd_str = row[2]
         self.ifc_schema = ifcopenshell.schema_by_name(self.schema)
 
         self.cursor.execute("SELECT ifc_id, ifc_class FROM id_map")
@@ -234,29 +261,30 @@ class sqlite(file):
             return True
         return False
 
-    def get_geometry(self, ids: list[int]) -> dict[str, dict]:
+    def get_geometry(self, ids: list[int]) -> GeometryCache:
         import numpy as np
 
         ids_csv = ",".join(map(str, ids))
         query = f"SELECT ifc_id, x, y, z, matrix, geometry, verts, edges, faces, material_ids, materials FROM shape LEFT JOIN geometry ON shape.geometry = geometry.id WHERE `ifc_id` IN ({ids_csv})"
         self.cursor.execute(query)
         rows = self.cursor.fetchall()
-        shapes = {}
-        geometry = {}
+        shapes: dict[int, GeometryCacheShape] = {}
+        geometry: dict[str, GeometryCacheGeometry] = {}
         for row in rows:
             if row["geometry"] and row["geometry"] not in geometry:
+                # Same data types as in ifcopenshell.util.shape.
                 geometry[row["geometry"]] = {
-                    "verts": np.frombuffer(row["verts"]).tolist() if row["verts"] else [],
-                    "edges": np.frombuffer(row["edges"], dtype=np.int64).tolist() if row["edges"] else [],
-                    "faces": np.frombuffer(row["faces"], dtype=np.int64).tolist() if row["faces"] else [],
+                    "verts": np.frombuffer(row["verts"], dtype="d") if row["verts"] else np.empty(0, dtype="d"),
+                    "edges": np.frombuffer(row["edges"], dtype="i") if row["edges"] else np.empty(0, dtype="i"),
+                    "faces": np.frombuffer(row["faces"], dtype="i") if row["faces"] else np.empty(0, dtype="i"),
                     "material_ids": (
-                        np.frombuffer(row["material_ids"], dtype=np.int64).tolist() if row["material_ids"] else []
+                        np.frombuffer(row["material_ids"], dtype="i") if row["material_ids"] else np.empty(0, dtype="i")
                     ),
                     "materials": json.loads(row["materials"]) if row["materials"] else [],
                 }
             shapes[row["ifc_id"]] = {
                 "co": [row["x"], row["y"], row["z"]],
-                "matrix": np.copy(np.frombuffer(row["matrix"]).reshape((4, 4))),
+                "matrix": np.copy(np.frombuffer(row["matrix"], dtype="d").reshape((4, 4))),
                 "geometry": row["geometry"],
             }
         ids_without_geometry = set(ids) - set(shapes.keys())
@@ -272,6 +300,21 @@ class sqlite(file):
         # Override to avoid clean up data unrelated to sqlite file.
         pass
 
+    def wrapped_data(self) -> NoReturn:
+        class_name = str(type(self))
+        raise Exception(
+            f"No `wrapped_data` for {class_name}. `ifcopenshell.{class_name}` is probably confused with `ifcopenshell.file`."
+        )
+
+    @property
+    def schema(self) -> ifcopenshell.util.schema.IFC_SCHEMA:
+        return self._schema
+
+    @property
+    def schema_identifier(self) -> str:
+        # The best option we've got for mimicing `file.schema_identifier`.
+        return self._schema
+
 
 class sqlite_entity(entity_instance):
     sqlite_wrapper: sqlite_wrapper
@@ -449,6 +492,10 @@ class sqlite_entity(entity_instance):
         info.update(self.sqlite_wrapper.attribute_cache)
         return info
 
+    @property
+    def file(self) -> sqlite:
+        return self.sqlite_wrapper.file
+
 
 class sqlite_wrapper:
     def __init__(self, id: int, ifc_class: str, file: sqlite):
diff --git a/src/ifcopenshell-python/ifcopenshell/stream.py b/src/ifcopenshell-python/ifcopenshell/stream.py
index 999fd4abea..47e814e0fe 100644
--- a/src/ifcopenshell-python/ifcopenshell/stream.py
+++ b/src/ifcopenshell-python/ifcopenshell/stream.py
@@ -87,10 +87,7 @@ try:
             return (int(items[0]), str(items[1]), items[2])
 
     class stream(file):
-        schema: ifcopenshell.util.schema.IFC_SCHEMA = "IFC4"
-
         def __init__(self, filepath: str):
-            self.wrapped_data = None
             self.history_size = 64
             self.history = []
             self.future = []
@@ -109,9 +106,9 @@ try:
             # common.INT doesn't support negative integers.
             grammar = r"""
                 start: "#" NUMBER "=" TYPE "(" args ")" ";"
-    
+
                 args: arg ("," arg)*
-    
+
                 arg: STRING        -> string
                     | FLOAT        -> float
                     | IFCINT       -> ifcint
@@ -121,21 +118,21 @@ try:
                     | REFERENCE    -> reference
                     | list         -> list
                     | inline_type  -> inline_type
-    
+
                 list: "(" arg? ("," arg)* ")"
                 inline_type: TYPE "(" arg ")"
                 REFERENCE: "#" /[0-9]+/
-    
+
                 TYPE: CNAME
                 NUMBER: INT
-    
+
                 STRING: "'" /([^']|'')*/ "'"
                 IFCINT: /-?[0-9]+/
                 FLOAT: /-?[0-9]+\.[0-9]*([Ee]-?[0-9]+)?/
                 NULL: "$"
                 DERIVED: "*"
                 ENUM: "." CNAME "."
-    
+
                 %import common.INT
                 %import common.CNAME
             """
@@ -176,7 +173,7 @@ try:
                     self.class_map.setdefault(ifc_class, []).append(step_id)
                     self.id_offset[step_id] = offset
                 elif line.startswith("FILE_SCHEMA"):
-                    self.schema = line.split("'")[1]
+                    self._schema = line.split("'")[1]
                     self.ifc_schema = ifcopenshell.schema_by_name(self.schema)
                     for ifc_class in exclude_classes:
                         declaration = self.ifc_schema.declaration_by_name(ifc_class)
@@ -290,6 +287,21 @@ try:
             # Override to avoid clean up unrelated to stream file.
             pass
 
+        def wrapped_data(self) -> NoReturn:
+            class_name = str(type(self))
+            raise Exception(
+                f"No `wrapped_data` for {class_name}. `ifcopenshell.{class_name}` is probably confused with `ifcopenshell.file`."
+            )
+
+        @property
+        def schema(self) -> ifcopenshell.util.schema.IFC_SCHEMA:
+            return self._schema
+
+        @property
+        def schema_identifier(self) -> str:
+            # The best option we've got for mimicing `file.schema_identifier`.
+            return self._schema
+
     class stream_entity(entity_instance):
         stream_wrapper: stream_wrapper
 
diff --git a/src/ifcopenshell-python/ifcopenshell/util/data.py b/src/ifcopenshell-python/ifcopenshell/util/data.py
index 75fae18ed5..c65a87ddb0 100644
--- a/src/ifcopenshell-python/ifcopenshell/util/data.py
+++ b/src/ifcopenshell-python/ifcopenshell/util/data.py
@@ -21,6 +21,7 @@ import numpy as np
 import ifcopenshell
 from typing import Any, Union
 from dataclasses import dataclass
+from ifcopenshell.util.shape_builder import ShapeBuilder
 
 
 @dataclass
@@ -78,9 +79,7 @@ class Clipping:
 
         if not ifc_file:
             ifc_file = first_operand.file
-
-        location = ifc_file.createIfcCartesianPoint([i / unit_scale for i in self.location])
-        direction = ifc_file.createIfcDirection(self.normal)
+        builder = ShapeBuilder(ifc_file)
 
         normal = np.array(self.normal)
         if np.allclose(normal, np.array([0.0, 0.0, 1.0]), atol=1e-2) or np.allclose(
@@ -92,9 +91,9 @@ class Clipping:
 
         x_axis = np.cross(normal, arbitrary_vector)
         x_axis /= np.linalg.norm(x_axis)
-        x_axis = ifc_file.createIfcDirection(x_axis.tolist())
 
-        plane = ifc_file.createIfcPlane(ifc_file.createIfcAxis2Placement3D(location, direction, x_axis))
+        placement = builder.create_axis2_placement_3d([i / unit_scale for i in self.location], self.normal, x_axis)
+        plane = ifc_file.create_entity("IfcPlane", placement)
 
         second_operand = ifc_file.createIfcHalfSpaceSolid(plane, False)
         return ifc_file.createIfcBooleanClippingResult("DIFFERENCE", first_operand, second_operand)
diff --git a/src/ifcopenshell-python/ifcopenshell/util/element.py b/src/ifcopenshell-python/ifcopenshell/util/element.py
index c7821390df..48d65ae7ae 100644
--- a/src/ifcopenshell-python/ifcopenshell/util/element.py
+++ b/src/ifcopenshell-python/ifcopenshell/util/element.py
@@ -1169,6 +1169,25 @@ def get_groups(element: ifcopenshell.entity_instance) -> list[ifcopenshell.entit
     return groups
 
 
+def get_controls(element: ifcopenshell.entity_instance) -> Generator[ifcopenshell.entity_instance]:
+    """
+    Retrieves the controls of an element.
+
+    :param element: The IFC element
+    :return: Generator of IfcControl elements assigned to the element.
+
+    Example:
+
+    .. code:: python
+
+        task = file.by_type("IfcTask")[0]
+        control = ifcopenshell.util.element.get_controls(task)[0]
+    """
+    for rel in element.HasAssignments:
+        if rel.is_a("IfcRelAssignsToControl"):
+            yield rel.RelatingControl
+
+
 def get_parent(element: ifcopenshell.entity_instance) -> Union[ifcopenshell.entity_instance, None]:
     """Get the parent in the spatial heirarchy
 
diff --git a/src/ifcopenshell-python/ifcopenshell/util/geolocation.py b/src/ifcopenshell-python/ifcopenshell/util/geolocation.py
index 2855bfde5c..45ae344bca 100644
--- a/src/ifcopenshell-python/ifcopenshell/util/geolocation.py
+++ b/src/ifcopenshell-python/ifcopenshell/util/geolocation.py
@@ -23,6 +23,7 @@ import ifcopenshell.util.unit
 import ifcopenshell.util.element
 import ifcopenshell.util.placement
 from typing import NamedTuple, Optional, Union
+from decimal import Decimal, ROUND_HALF_UP
 
 MatrixType = ifcopenshell.util.placement.MatrixType
 
@@ -39,39 +40,54 @@ class HelmertTransformation(NamedTuple):
     factor_z: float
 
 
-def dms2dd(degrees: int, minutes: int, seconds: int, ms: int = 0) -> float:
-    """Convert degrees, minutes, and (milli)seconds to decimal degrees
+def dms2dd(degrees: int, minutes: int, seconds: int, us: int = 0) -> float:
+    """Convert degrees, minutes, and (micro)seconds to decimal degrees
+    All components must be either positive or negative.
 
     :param degrees: The degrees component
     :param minutes: The minutes component
     :param seconds: The seconds component
-    :param ms: The milliseconds component
+    :param us: The microseconds component
     :return: The angle in decimal degrees.
     """
-    dd = float(degrees) + float(minutes) / 60.0 + float(seconds) / (3600.0) + float(ms / 3600000000.0)
-    return dd
+    all_positive_or_zero = degrees >= 0 and minutes >= 0 and seconds >= 0 and us >= 0
+    all_negative_or_zero = degrees <= 0 and minutes <= 0 and seconds <= 0 and us <= 0
+    assert all_positive_or_zero or all_negative_or_zero
+    return degrees + minutes / 60.0 + seconds / 3600.0 + us / 3600000000.0
 
 
-def dd2dms(dd: float, use_ms: bool = False) -> Union[tuple[float, float, float, float], tuple[float, float, float]]:
-    """Convert decimal degrees to degrees, minutes, and (milli)seconds format
+def dd2dms(dd: float, use_us: bool = False) -> Union[tuple[int, int, int, int], tuple[int, int, float]]:
+    """Convert decimal degrees to degrees, minutes, and (micro)seconds format
 
     :param dd: The decimal degrees
-    :param use_ms: True if to include milliseconds and false otherwise. Defaults to false.
-    :return: The angle in a tuple of either 3 or 4 values, being degrees,
-        minutes, seconds, and optionally milliseconds.
+    :param use_us: True if to include microseconds and false otherwise. Defaults to false.
+    :return: The angle in a tuple of either 3 or 4 values,
+        4 values: integer number of degrees, integer number of minutes, integer number of seconds and integer number of microseconds
+        3 values: integer number of degrees, integer number of minutes, and a float number for seconds
+    :note: the tuple follows the format of IfcCompoundPlaneAngleMeasure. Namely all of its components are either positive or negative.
     """
-    dd = float(dd)
-    sign = 1 if dd >= 0 else -1
-    dd = abs(dd)
-    if use_ms:
-        seconds, ms = divmod(dd * 60 * 60 * 1000000, 1000000)
-    minutes, seconds = divmod(dd * 60 * 60, 60)
-    degrees, minutes = divmod(minutes, 60)
-    if dd < 0:
-        degrees = -degrees
-    if use_ms:
-        return (int(degrees) * sign, int(minutes) * sign, int(seconds) * sign, int(ms) * sign)
-    return (int(degrees) * sign, int(minutes) * sign, int(seconds) * sign)
+    dd_decimal = Decimal(str(dd))
+
+    degrees = int(dd_decimal)
+    degrees_decimal = Decimal(degrees)
+
+    fractional_part = dd_decimal - degrees_decimal
+
+    minutes_decimal = fractional_part * Decimal(60)
+    minutes = int(minutes_decimal)
+    minutes_decimal_int = Decimal(minutes)
+
+    seconds_decimal = (minutes_decimal - minutes_decimal_int) * Decimal(60)
+
+    if use_us:
+        seconds = int(seconds_decimal)
+        seconds_decimal_int = Decimal(seconds)
+        microseconds_decimal = (seconds_decimal - seconds_decimal_int) * Decimal(1000000)
+        microseconds = int(microseconds_decimal.quantize(Decimal(1), rounding=ROUND_HALF_UP))
+        return (degrees, minutes, seconds, microseconds)
+    else:
+        seconds_float = float(seconds_decimal)
+        return (degrees, minutes, seconds_float)
 
 
 def xyz2enh(
diff --git a/src/ifcopenshell-python/ifcopenshell/util/unit.py b/src/ifcopenshell-python/ifcopenshell/util/unit.py
index d2273ec129..a364ed2467 100644
--- a/src/ifcopenshell-python/ifcopenshell/util/unit.py
+++ b/src/ifcopenshell-python/ifcopenshell/util/unit.py
@@ -692,7 +692,8 @@ def calculate_unit_scale(ifc_file: ifcopenshell.file, unit_type: str = "LENGTHUN
     :returns: The scale factor
     """
     if (
-        unit_type
+        type(ifc_file) is ifcopenshell.file
+        and unit_type
         not in ifcopenshell.ifcopenshell_wrapper.schema_by_name(ifc_file.schema_identifier)
         .declaration_by_name("IfcUnitEnum")
         .enumeration_items()
diff --git a/src/ifcopenshell-python/test/api/control/test_assign_control.py b/src/ifcopenshell-python/test/api/control/test_assign_control.py
index a0afc2c74a..75c6c0e8d3 100644
--- a/src/ifcopenshell-python/test/api/control/test_assign_control.py
+++ b/src/ifcopenshell-python/test/api/control/test_assign_control.py
@@ -27,23 +27,33 @@ class TestAssignControl(test.bootstrap.IFC4):
         control = ifcopenshell.api.cost.add_cost_schedule(self.file)
 
         # simple assignment
-        relation = ifcopenshell.api.control.assign_control(self.file, relating_control=control, related_object=wall)
+        relation = ifcopenshell.api.control.assign_control(self.file, relating_control=control, related_objects=[wall])
+        assert relation
         assert len(self.file.by_type("IfcRelAssignsToControl")) == 1
         assert relation.RelatingControl == control
         assert relation.RelatedObjects == (wall,)
 
         # trying to establish existing relationship
-        relation = ifcopenshell.api.control.assign_control(self.file, relating_control=control, related_object=wall)
+        relation = ifcopenshell.api.control.assign_control(self.file, relating_control=control, related_objects=[wall])
         assert relation is None
 
         # assigning same control to another object
         wall1 = self.file.createIfcWall()
-        relation = ifcopenshell.api.control.assign_control(self.file, relating_control=control, related_object=wall1)
+        relation = ifcopenshell.api.control.assign_control(self.file, relating_control=control, related_objects=[wall1])
         assert relation is not None
         assert len(self.file.by_type("IfcRelAssignsToControl")) == 1
         assert relation.RelatingControl == control
         assert set(relation.RelatedObjects) == set((wall, wall1))
 
+    def test_batch_assignment(self):
+        walls = [self.file.createIfcWall() for _ in range(5)]
+        control = ifcopenshell.api.cost.add_cost_schedule(self.file)
+        relation = ifcopenshell.api.control.assign_control(self.file, relating_control=control, related_objects=walls)
+        assert relation
+        assert len(self.file.by_type("IfcRelAssignsToControl")) == 1
+        assert relation.RelatingControl == control
+        assert set(relation.RelatedObjects) == set(walls)
+
 
 class TestAssignControlIFC2X3(test.bootstrap.IFC2X3, TestAssignControl):
     pass
diff --git a/src/ifcopenshell-python/test/api/control/test_unassign_control.py b/src/ifcopenshell-python/test/api/control/test_unassign_control.py
index 76302c06b5..ecaebdae32 100644
--- a/src/ifcopenshell-python/test/api/control/test_unassign_control.py
+++ b/src/ifcopenshell-python/test/api/control/test_unassign_control.py
@@ -27,15 +27,17 @@ class TestUnassignControl(test.bootstrap.IFC4):
         control = ifcopenshell.api.cost.add_cost_schedule(self.file)
 
         # assign and unassign
-        relation = ifcopenshell.api.control.assign_control(self.file, relating_control=control, related_object=wall)
-        ifcopenshell.api.control.unassign_control(self.file, relating_control=control, related_object=wall)
+        relation = ifcopenshell.api.control.assign_control(self.file, relating_control=control, related_objects=[wall])
+        assert relation
+        ifcopenshell.api.control.unassign_control(self.file, relating_control=control, related_objects=[wall])
         assert len(self.file.by_type("IfcRelAssignsToControl")) == 0
 
         # 1 control 2 related objects
         wall1 = self.file.createIfcWall()
-        relation = ifcopenshell.api.control.assign_control(self.file, relating_control=control, related_object=wall)
-        ifcopenshell.api.control.assign_control(self.file, relating_control=control, related_object=wall1)
-        ifcopenshell.api.control.unassign_control(self.file, relating_control=control, related_object=wall1)
+        relation = ifcopenshell.api.control.assign_control(self.file, relating_control=control, related_objects=[wall])
+        assert relation
+        ifcopenshell.api.control.assign_control(self.file, relating_control=control, related_objects=[wall1])
+        ifcopenshell.api.control.unassign_control(self.file, relating_control=control, related_objects=[wall1])
         assert len(self.file.by_type("IfcRelAssignsToControl")) == 1
         assert relation.RelatedObjects == (wall,)
 
diff --git a/src/ifcopenshell-python/test/api/cost/test_add_cost_item_quantity.py b/src/ifcopenshell-python/test/api/cost/test_add_cost_item_quantity.py
index c954ec169d..e5ffe38ce0 100644
--- a/src/ifcopenshell-python/test/api/cost/test_add_cost_item_quantity.py
+++ b/src/ifcopenshell-python/test/api/cost/test_add_cost_item_quantity.py
@@ -30,7 +30,7 @@ class TestAddCostItemQuantity(test.bootstrap.IFC4):
         schedule = ifcopenshell.api.cost.add_cost_schedule(self.file)
         item = ifcopenshell.api.cost.add_cost_item(self.file, cost_schedule=schedule)
         wall = ifcopenshell.api.root.create_entity(self.file, ifc_class="IfcWall")
-        ifcopenshell.api.control.assign_control(self.file, relating_control=item, related_object=wall)
+        ifcopenshell.api.control.assign_control(self.file, relating_control=item, related_objects=[wall])
 
         quantities = []
         for quantity_type in quantity_types:
diff --git a/src/ifcopenshell-python/test/api/sequence/test_edit_task_time.py b/src/ifcopenshell-python/test/api/sequence/test_edit_task_time.py
index b4e138f16b..dcaf082bf8 100644
--- a/src/ifcopenshell-python/test/api/sequence/test_edit_task_time.py
+++ b/src/ifcopenshell-python/test/api/sequence/test_edit_task_time.py
@@ -95,7 +95,7 @@ class TestEditTaskTime(test.bootstrap.IFC4):
         ifcopenshell.api.root.create_entity(self.file, ifc_class="IfcProject")
         calendar = ifcopenshell.api.sequence.add_work_calendar(self.file)
         task = self.file.createIfcTask()
-        ifcopenshell.api.control.assign_control(self.file, relating_control=calendar, related_object=task)
+        ifcopenshell.api.control.assign_control(self.file, relating_control=calendar, related_objects=[task])
         task_time = ifcopenshell.api.sequence.add_task_time(self.file, task=task)
         ifcopenshell.api.sequence.edit_task_time(
             self.file,
@@ -195,7 +195,7 @@ class TestEditTaskTime(test.bootstrap.IFC4):
         ifcopenshell.api.root.create_entity(self.file, ifc_class="IfcProject")
         calendar = ifcopenshell.api.sequence.add_work_calendar(self.file)
         task = self.file.createIfcTask()
-        ifcopenshell.api.control.assign_control(self.file, relating_control=calendar, related_object=task)
+        ifcopenshell.api.control.assign_control(self.file, relating_control=calendar, related_objects=[task])
         task_time = ifcopenshell.api.sequence.add_task_time(self.file, task=task)
         ifcopenshell.api.sequence.edit_task_time(
             self.file,
diff --git a/src/ifcopenshell-python/test/api/sequence/test_remove_work_calendar.py b/src/ifcopenshell-python/test/api/sequence/test_remove_work_calendar.py
index 4abb5d111a..99b0a035dc 100644
--- a/src/ifcopenshell-python/test/api/sequence/test_remove_work_calendar.py
+++ b/src/ifcopenshell-python/test/api/sequence/test_remove_work_calendar.py
@@ -38,7 +38,7 @@ class TestRemoveWorkCalendar(test.bootstrap.IFC4):
 
         # Assign tasks.
         task = ifcopenshell.api.sequence.add_task(self.file)
-        ifcopenshell.api.control.assign_control(self.file, work_calendar, task)
+        ifcopenshell.api.control.assign_control(self.file, work_calendar, [task])
 
         ifcopenshell.api.sequence.remove_work_calendar(self.file, work_calendar)
 
diff --git a/src/ifcopenshell-python/test/api/test_api.py b/src/ifcopenshell-python/test/api/test_api.py
index 382db08d53..8dca81d32f 100644
--- a/src/ifcopenshell-python/test/api/test_api.py
+++ b/src/ifcopenshell-python/test/api/test_api.py
@@ -16,19 +16,39 @@
 # You should have received a copy of the GNU Lesser General Public License
 # along with IfcOpenShell.  If not, see <http://www.gnu.org/licenses/>.
 
+import ifcopenshell.api.cost
+import ifcopenshell.api.root
 import test.bootstrap
 import ifcopenshell.api
+import ifcopenshell.api.control
+import ifcopenshell.api.sequence
+import ifcopenshell.util.element
 from datetime import datetime
 from typing import Union
 
 
 def deprecation_check(test):
     def new_test(self):
-        assert datetime.now().date() < datetime(2024, 8, 1).date(), "API arguments are completely deprecated"
+        assert datetime.now().date() < datetime(2026, 1, 9).date(), "API arguments are completely deprecated"
         test(self)
 
     return new_test
 
 
 class TestTemporarySupportForDeprecatedAPIArguments(test.bootstrap.IFC4):
-    pass
+    @deprecation_check
+    def test_assigning_control(self):
+        model = self.file
+        element = ifcopenshell.api.root.create_entity(model, ifc_class="IfcWall")
+        control = ifcopenshell.api.cost.add_cost_schedule(model)
+        ifcopenshell.api.control.assign_control(model, relating_control=control, related_objects=[element])
+        assert list(ifcopenshell.util.element.get_controls(element)) == [control]
+
+    @deprecation_check
+    def test_unassigning_control(self):
+        TestTemporarySupportForDeprecatedAPIArguments.test_assigning_control(self)
+        model = self.file
+        element = model.by_type("IfcWall")[0]
+        control = model.by_type("IfcCostSchedule")[0]
+        ifcopenshell.api.control.unassign_control(model, relating_control=control, related_objects=[element])
+        assert list(ifcopenshell.util.element.get_controls(element)) == []
diff --git a/src/ifcopenshell-python/test/api/type/test_assign_type.py b/src/ifcopenshell-python/test/api/type/test_assign_type.py
index c74df8cb4a..21df8c8bba 100644
--- a/src/ifcopenshell-python/test/api/type/test_assign_type.py
+++ b/src/ifcopenshell-python/test/api/type/test_assign_type.py
@@ -145,14 +145,20 @@ class TestAssignType(test.bootstrap.IFC4):
         This is because the type will have its own PredefinedType, and the element's PredefinedType
         will conflict with it. (See #7006)
         """
+        is_ifc2x3 = self.file.schema == "IFC2X3"
         element_type = ifcopenshell.api.root.create_entity(self.file, ifc_class="IfcWallType")
-        element_type.PredefinedType = "MOVABLE"
+        element_type.PredefinedType = "POLYGONAL"
 
         element = ifcopenshell.api.root.create_entity(self.file, ifc_class="IfcWall")
-        element.PredefinedType = "USERDEFINED"
+        if not is_ifc2x3:
+            # In IFC2X3, there seems to be no example when both type and occurence have PredefinedType.
+            # So we just ignore it.
+            element.PredefinedType = "USERDEFINED"
         element.ObjectType = "Test"
         ifcopenshell.api.type.assign_type(self.file, related_objects=[element], relating_type=element_type)
-        assert element.PredefinedType is None
+
+        if not is_ifc2x3:
+            assert element.PredefinedType is None
         assert element.ObjectType is None
 
     def test_keep_predefined_type_if_type_assignment_is_notdefined(self):
@@ -160,16 +166,26 @@ class TestAssignType(test.bootstrap.IFC4):
         if an element has a PredefinedType, it will be removed when assigning a type.(See #7006)
         This behavior needs to be blocked if the PredefinedType of the typing Entity is set to "NOTDEFINED". (See #7011)
         """
+        is_ifc2x3 = self.file.schema == "IFC2X3"
         element_type = ifcopenshell.api.root.create_entity(self.file, ifc_class="IfcWallType")
         element_type.PredefinedType = "NOTDEFINED"
 
         element = ifcopenshell.api.root.create_entity(self.file, ifc_class="IfcWall")
-        element.PredefinedType = "USERDEFINED"
+        if not is_ifc2x3:
+            # In IFC2X3, there seems to be no example when both type and occurence have PredefinedType.
+            # So we just ignore it.
+            element.PredefinedType = "USERDEFINED"
         element.ObjectType = "Test"
         ifcopenshell.api.type.assign_type(self.file, related_objects=[element], relating_type=element_type)
-        assert element.PredefinedType == "USERDEFINED"
+
+        if not is_ifc2x3:
+            assert element.PredefinedType == "USERDEFINED"
         assert element.ObjectType == "Test"
 
 
 class TestAssignTypeIFC2X3(test.bootstrap.IFC2X3, TestAssignType):
     pass
+
+
+class TestAssignTypeIFC4X3(test.bootstrap.IFC4X3, TestAssignType):
+    pass
diff --git a/src/ifcopenshell-python/test/test_package.py b/src/ifcopenshell-python/test/test_package.py
index fb7352fd06..0c0f88cc76 100644
--- a/src/ifcopenshell-python/test/test_package.py
+++ b/src/ifcopenshell-python/test/test_package.py
@@ -47,15 +47,20 @@ class TestPackageSupportedPlatforms:
         response = conn.getresponse()
         build_html = response.read().decode("utf-8")
 
+        def find_make_var(var_name: str) -> str:
+            line = next(l for l in text.splitlines() if l.startswith(f"{var_name}:="))
+            return line.partition(":=")[2]
+
+        BINARY_VERSION = find_make_var("BINARY_VERSION")
         URL_TYPES = ("IOS_URL", "IFCCONVERT_URL")
+
         missing_urls: set[str] = set()
         for url_type in URL_TYPES:
-            line = next(l for l in text.splitlines() if l.startswith(f"{url_type}:="))
-            _, _, url_template = line.partition(":=")
+            url_template = find_make_var(url_type)
             url_template = url_template.replace("$(", "{").replace(")", "}")
             for platform in SUPPORTED_PLATFORMS:
                 for pyver in SUPPORTED_PY_VERSIONS:
-                    url = url_template.format(PYNUMBER=pyver, PLATFORM=platform)
+                    url = url_template.format(PYNUMBER=pyver, PLATFORM=platform, BINARY_VERSION=BINARY_VERSION)
                     if url not in build_html:
                         missing_urls.add(url)
 
diff --git a/src/ifcopenshell-python/test/util/test_element.py b/src/ifcopenshell-python/test/util/test_element.py
index b691620824..1a1e28d58b 100644
--- a/src/ifcopenshell-python/test/util/test_element.py
+++ b/src/ifcopenshell-python/test/util/test_element.py
@@ -16,6 +16,8 @@
 # You should have received a copy of the GNU Lesser General Public License
 # along with IfcOpenShell.  If not, see <http://www.gnu.org/licenses/>.
 
+import ifcopenshell.api.control
+import ifcopenshell.api.cost
 import ifcopenshell.api.profile
 import pytest
 import test.bootstrap
@@ -926,6 +928,23 @@ class TestGetGroupsIFC2X3(test.bootstrap.IFC2X3, TestGetGroupsIFC4):
     pass
 
 
+class TestGetControls(test.bootstrap.IFC2X3):
+    def test_run(self):
+        model = self.file
+        element = ifcopenshell.api.root.create_entity(model, ifc_class="IfcWall")
+        control = ifcopenshell.api.cost.add_cost_schedule(model)
+        ifcopenshell.api.control.assign_control(model, related_objects=[element], relating_control=control)
+        assert list(subject.get_controls(element)) == [control]
+
+
+class TestGetControlsIFC4(test.bootstrap.IFC4, TestGetControls):
+    pass
+
+
+class TestGetControlsIFC4X3(test.bootstrap.IFC4X3, TestGetControls):
+    pass
+
+
 class TestGetAggregateIFC4(test.bootstrap.IFC4):
     def test_getting_the_containing_aggregate_of_a_subelement(self):
         element = ifcopenshell.api.root.create_entity(self.file, ifc_class="IfcWall")
diff --git a/src/ifcopenshell-python/test/util/test_geolocation.py b/src/ifcopenshell-python/test/util/test_geolocation.py
index 532f971b42..59f70fcd7a 100644
--- a/src/ifcopenshell-python/test/util/test_geolocation.py
+++ b/src/ifcopenshell-python/test/util/test_geolocation.py
@@ -468,3 +468,29 @@ class TestAngle2YAxis(test.bootstrap.IFC4):
         assert np.allclose(subject.angle2yaxis(45), (-a, a))
         assert np.allclose(subject.angle2yaxis(-135), (a, -a))
         assert np.allclose(subject.angle2yaxis(135), (-a, -a))
+
+
+class TestDMS2DDandDD2DMS(test.bootstrap.IFC4):
+    def test_dms2dd_and_dd2dms(self):
+        test_cases_3tuple = [
+            (35.41, (35, 24, 36.0)),
+            (-116.89, (-116, -53, -24.0)),
+        ]
+        test_cases_4tuple = [
+            (40.431389, (40, 25, 53, 400)),
+            (-4.248056, (-4, -14, -53, -1600)),
+            (-35.401389, (-35, -24, -5, -400)),
+            (148.981667, (148, 58, 54, 1200)),
+        ]
+
+        for dd, dms in test_cases_3tuple:
+            d, m, s = subject.dd2dms(dd)
+            assert (d, m, s) == dms
+            dd_converted = subject.dms2dd(dms[0], dms[1], dms[2])
+            assert dd_converted == dd
+
+        for dd, dms in test_cases_4tuple:
+            d, m, s, us = subject.dd2dms(dd, use_us=True)
+            assert (d, m, s, us) == dms
+            dd_converted = subject.dms2dd(dms[0], dms[1], dms[2], dms[3])
+            assert dd_converted == dd
diff --git a/src/ifcpatch/ifcpatch/recipes/Ifc2Sql.py b/src/ifcpatch/ifcpatch/recipes/Ifc2Sql.py
index 4d71dbd96d..1e8ac55b7c 100644
--- a/src/ifcpatch/ifcpatch/recipes/Ifc2Sql.py
+++ b/src/ifcpatch/ifcpatch/recipes/Ifc2Sql.py
@@ -33,6 +33,7 @@ import ifcopenshell.ifcopenshell_wrapper as W
 import ifcopenshell.util.attribute
 import ifcopenshell.util.element
 import ifcopenshell.util.placement
+import ifcopenshell.util.representation
 import ifcopenshell.util.schema
 import ifcopenshell.util.shape
 import ifcopenshell.util.unit
@@ -140,7 +141,7 @@ class Patcher(ifcpatch.BasePatcher):
         self.should_skip_geometry_data = should_skip_geometry_data
 
     geometry_rows: dict[str, tuple[str, bytes, bytes, bytes, bytes, str]]
-    shape_rows: dict[int, tuple[int, list[float], list[float], list[float], bytes, str]]
+    shape_rows: dict[int, tuple[int, float, float, float, bytes, Union[str, None]]]
 
     def get_output(self) -> Union[str, None]:
         """Return resulting database filepath for sqlite and ``None`` for mysql."""
@@ -249,29 +250,29 @@ class Patcher(ifcpatch.BasePatcher):
         self.geometry_rows = {}
 
         if self.file.schema in ("IFC2X3", "IFC4"):
-            self.elements = self.file.by_type("IfcElement") + self.file.by_type("IfcProxy")
+            elements = self.file.by_type("IfcElement") + self.file.by_type("IfcProxy")
         else:
-            self.elements = self.file.by_type("IfcElement")
+            elements = self.file.by_type("IfcElement")
 
         self.settings = ifcopenshell.geom.settings()
         self.settings.set("apply-default-materials", False)
 
-        self.body_contexts = [
+        body_contexts = [
             c.id()
             for c in self.file.by_type("IfcGeometricRepresentationSubContext")
             if c.ContextIdentifier in ["Body", "Facetation"]
         ]
         # Ideally, all representations should be in a subcontext, but some BIM programs don't do this correctly
-        self.body_contexts.extend(
+        body_contexts.extend(
             [
                 c.id()
                 for c in self.file.by_type("IfcGeometricRepresentationContext", include_subtypes=False)
                 if c.ContextType == "Model"
             ]
         )
-        self.settings.set("context-ids", self.body_contexts)
+        self.settings.set("context-ids", body_contexts)
 
-        products = self.elements
+        products = elements
         iterator = ifcopenshell.geom.iterator(self.settings, self.file, multiprocessing.cpu_count(), include=products)
         valid_file = iterator.initialize()
         if not valid_file:
@@ -301,12 +302,7 @@ class Patcher(ifcpatch.BasePatcher):
                 geometry = shape.geometry
                 geometry_id = geometry.id
                 if geometry_id not in self.geometry_rows:
-                    v = geometry.verts_buffer
-                    e = geometry.edges_buffer
-                    f = geometry.faces_buffer
-                    mids = geometry.material_ids_buffer
-                    m = json.dumps([m.instance_id() for m in geometry.materials])
-                    self.geometry_rows[geometry_id] = (geometry_id, v, e, f, mids, m)
+                    self.add_geometry_row(geometry_id, geometry)
                 # Copy required since otherwise it is read-only
                 m = ifcopenshell.util.shape.get_shape_matrix(shape).copy()
                 m[:3, 3] /= self.unit_scale
@@ -315,6 +311,37 @@ class Patcher(ifcpatch.BasePatcher):
             if not iterator.next():
                 break
 
+        # Process element types geometry.
+        element_types = self.file.by_type("IfcElementType")
+        body_contexts = [self.file.by_id(i) for i in body_contexts]
+        m_bytes = np.eye(4, dtype=np.float64).tobytes()
+        for element_type in element_types:
+            representation = None
+            for context in body_contexts:
+                representation = ifcopenshell.util.representation.get_representation(element_type, context)
+                if representation:
+                    break
+            geometry_id = None
+            if representation:
+                geometry_id_ = str(representation.id())
+                if geometry_id_ in self.geometry_rows:
+                    geometry_id = geometry_id_
+                elif geometry := ifcopenshell.geom.create_shape(self.settings, representation):
+                    geometry_id = geometry_id_
+                    assert isinstance(geometry, W.Triangulation)
+                    self.add_geometry_row(geometry_id, geometry)
+
+            shape_id = element_type.id()
+            self.shape_rows[shape_id] = (shape_id, *(0.0, 0.0, 0.0), m_bytes, geometry_id)
+
+    def add_geometry_row(self, geometry_id: str, geometry: W.Triangulation) -> None:
+        v = geometry.verts_buffer
+        e = geometry.edges_buffer
+        f = geometry.faces_buffer
+        mids = geometry.material_ids_buffer
+        m = json.dumps([m.instance_id() for m in geometry.materials])
+        self.geometry_rows[geometry_id] = (geometry_id, v, e, f, mids, m)
+
     def check_existing_ifc_database(self) -> None:
         if self.sql_type == "sqlite":
             cursor = self.c.execute("SELECT 1 FROM sqlite_master WHERE type='table' AND name='id_map'")
@@ -576,7 +603,7 @@ class Patcher(ifcpatch.BasePatcher):
                 if element.id() not in self.shape_rows and (placement := getattr(element, "ObjectPlacement", None)):
                     m = ifcopenshell.util.placement.get_local_placement(placement)
                     x, y, z = m[:, 3][0:3].tolist()
-                    self.shape_rows[element.id()] = [element.id(), x, y, z, m.tobytes(), None]
+                    self.shape_rows[element.id()] = (element.id(), x, y, z, m.tobytes(), None)
 
         if self.sql_type == "sqlite":
             if rows:
diff --git a/src/ifcpatch/ifcpatch/recipes/OffsetObjectPlacements.py b/src/ifcpatch/ifcpatch/recipes/OffsetObjectPlacements.py
index 765cef7336..d5cd0e4947 100644
--- a/src/ifcpatch/ifcpatch/recipes/OffsetObjectPlacements.py
+++ b/src/ifcpatch/ifcpatch/recipes/OffsetObjectPlacements.py
@@ -21,6 +21,7 @@ import numpy as np
 import ifcopenshell
 import ifcopenshell.util.placement
 import typing
+from ifcopenshell.util.shape_builder import ShapeBuilder
 
 
 class Patcher:
@@ -97,6 +98,7 @@ class Patcher:
         self.ax = None
         self.ay = None
         self.az = None
+        self.builder = ShapeBuilder(file)
 
         try:
             self.ax = float(ax)
@@ -183,15 +185,4 @@ class Patcher:
         z = np.array((m[0][2], m[1][2], m[2][2]))
         o = np.array((m[0][3], m[1][3], m[2][3]))
         object_matrix = ifcopenshell.util.placement.a2p(o, z, x)
-        return self.create_ifc_axis_2_placement_3d(
-            object_matrix[:, 3][0:3],
-            object_matrix[:, 2][0:3],
-            object_matrix[:, 0][0:3],
-        )
-
-    def create_ifc_axis_2_placement_3d(self, point, up, forward):
-        return self.file.createIfcAxis2Placement3D(
-            self.file.createIfcCartesianPoint(point.tolist()),
-            self.file.createIfcDirection(up.tolist()),
-            self.file.createIfcDirection(forward.tolist()),
-        )
+        return self.builder.create_axis2_placement_3d_from_matrix(object_matrix)
diff --git a/src/ifcpatch/ifcpatch/recipes/PatchStationReferentPosition.py b/src/ifcpatch/ifcpatch/recipes/PatchStationReferentPosition.py
new file mode 100644
index 0000000000..65391d4059
--- /dev/null
+++ b/src/ifcpatch/ifcpatch/recipes/PatchStationReferentPosition.py
@@ -0,0 +1,54 @@
+import ifcopenshell
+import ifcopenshell.api.alignment
+import ifcopenshell.util.element
+import ifcpatch
+from logging import Logger
+
+import typing
+from typing import Union
+
+
+class Patcher(ifcpatch.BasePatcher):
+    def __init__(self, file: ifcopenshell.file, logger: Union[Logger, None] = None):
+        """Adds a zero length segments to alignment layouts
+
+        Example:
+
+        .. code:: python
+
+            model = ifcpatch.execute({"input": "input.ifc", "file": model, "recipe": "PatchStationReferentPosition"})
+        """
+        super().__init__(file, logger)
+        self.file_patched: ifcopenshell.file
+
+    def patch(self):
+        patched_file = ifcopenshell.file.from_string(self.file.wrapped_data.to_string())
+        
+        alignments = patched_file.by_type("IfcAlignment")
+        for alignment in alignments:
+            basis_curve = ifcopenshell.api.alignment.get_basis_curve(alignment)
+
+            nests = alignment.IsNestedBy
+            first_referent = nests[1].RelatedObjects[0]
+            start_station = ifcopenshell.util.element.get_pset(first_referent,"Pset_Stationing","Station")
+            #start_station = first_referent.IsDefinedBy[0].RelatingPropertyDefinition.HasProperties[0].NominalValue.wrapped_data # get station from first_referent
+            for referent in nests[1].RelatedObjects:
+                if referent.ObjectPlacement == None:
+                    # Need to get Station property from Pset_Stationing + Station property from the first referent... the DistanceAlong is the different in these values
+                    station = ifcopenshell.util.element.get_pset(referent,"Pset_Stationing","Station")
+                    #station = referent.IsDefinedBy[0].RelatingPropertyDefinition.HasProperties[0].NominalValue.wrapped_data # get station from current referent
+                    object_placement = patched_file.createIfcLinearPlacement(
+                        RelativePlacement=patched_file.createIfcAxis2PlacementLinear(
+                            Location=patched_file.createIfcPointByDistanceExpression(
+                                DistanceAlong=patched_file.createIfcLengthMeasure(station - start_station),
+                                OffsetLateral=None,
+                                OffsetVertical=None,
+                                OffsetLongitudinal=None,
+                                BasisCurve=basis_curve,
+                            )
+                        ),
+                    )    
+
+                    referent.ObjectPlacement = object_placement
+
+        self.file_patched = patched_file
diff --git a/src/ifctester/Makefile b/src/ifctester/Makefile
index 3597bf96e1..b336b5d511 100644
--- a/src/ifctester/Makefile
+++ b/src/ifctester/Makefile
@@ -19,6 +19,77 @@
 PACKAGE_NAME:=ifctester
 include ../common.mk
 
+NODE_ENV ?= production
+WEBAPP_DIR := webapp
+WEBAPP_BUILD_DIR := $(WEBAPP_DIR)/dist
+PYODIDE_DIR := $(WEBAPP_DIR)/public/pyodide
+PYODIDE_VERSION := 0.28.0
+PYODIDE_URL := https://github.com/pyodide/pyodide/releases/download/$(PYODIDE_VERSION)/pyodide-$(PYODIDE_VERSION).tar.bz2
+
+.PHONY: webapp-dev
+webapp-dev:
+	cd $(WEBAPP_DIR) && npm run dev
+
+.PHONY: pyodide-download
+pyodide-download:
+	@if [ -d "$(PYODIDE_DIR)" ]; then \
+		echo "Pyodide directory already exists at $(PYODIDE_DIR), skipping download"; \
+	else \
+		echo "Downloading and preparing Pyodide $(PYODIDE_VERSION)..."; \
+		mkdir -p $(PYODIDE_DIR)/tmp; \
+		curl -L -o $(PYODIDE_DIR)/tmp/pyodide-$(PYODIDE_VERSION).tar.bz2 $(PYODIDE_URL); \
+		cd $(PYODIDE_DIR)/tmp && tar -xjf pyodide-$(PYODIDE_VERSION).tar.bz2 && cd -; \
+		cp $(PYODIDE_DIR)/tmp/pyodide/pyodide.asm.js $(PYODIDE_DIR)/; \
+		cp $(PYODIDE_DIR)/tmp/pyodide/pyodide.asm.wasm $(PYODIDE_DIR)/; \
+		cp $(PYODIDE_DIR)/tmp/pyodide/pyodide.mjs $(PYODIDE_DIR)/; \
+		cp $(PYODIDE_DIR)/tmp/pyodide/pyodide.mjs.map $(PYODIDE_DIR)/; \
+		cp $(PYODIDE_DIR)/tmp/pyodide/python_stdlib.zip $(PYODIDE_DIR)/; \
+		cp $(PYODIDE_DIR)/tmp/pyodide/pyodide-lock.json $(PYODIDE_DIR)/; \
+		cp $(PYODIDE_DIR)/tmp/pyodide/certifi-*-py3-none-any.whl $(PYODIDE_DIR)/ 2>/dev/null || true; \
+		cp $(PYODIDE_DIR)/tmp/pyodide/charset_normalizer-*-py3-none-any.whl $(PYODIDE_DIR)/ 2>/dev/null || true; \
+		cp $(PYODIDE_DIR)/tmp/pyodide/idna-*-py3-none-any.whl $(PYODIDE_DIR)/ 2>/dev/null || true; \
+		cp $(PYODIDE_DIR)/tmp/pyodide/micropip-*-py3-none-any.whl $(PYODIDE_DIR)/ 2>/dev/null || true; \
+		cp $(PYODIDE_DIR)/tmp/pyodide/numpy-*-cp313-cp313-pyodide_2025_0_wasm32.whl $(PYODIDE_DIR)/ 2>/dev/null || true; \
+		cp $(PYODIDE_DIR)/tmp/pyodide/python_dateutil-*-py2.py3-none-any.whl $(PYODIDE_DIR)/ 2>/dev/null || true; \
+		cp $(PYODIDE_DIR)/tmp/pyodide/requests-*-py3-none-any.whl $(PYODIDE_DIR)/ 2>/dev/null || true; \
+		cp $(PYODIDE_DIR)/tmp/pyodide/shapely-*-cp313-cp313-pyodide_2025_0_wasm32.whl $(PYODIDE_DIR)/ 2>/dev/null || true; \
+		cp $(PYODIDE_DIR)/tmp/pyodide/six-*-py2.py3-none-any.whl $(PYODIDE_DIR)/ 2>/dev/null || true; \
+		cp $(PYODIDE_DIR)/tmp/pyodide/typing_extensions-*-py3-none-any.whl $(PYODIDE_DIR)/ 2>/dev/null || true; \
+		cp $(PYODIDE_DIR)/tmp/pyodide/urllib3-*-py3-none-any.whl $(PYODIDE_DIR)/ 2>/dev/null || true; \
+		rm -rf /tmp/pyodide; \
+		rm -f /tmp/pyodide-$(PYODIDE_VERSION).tar.bz2; \
+		echo "Pyodide $(PYODIDE_VERSION) prepared in $(PYODIDE_DIR)"; \
+	fi
+
+.PHONY: webapp-build
+webapp-build: pyodide-download
+	cd $(WEBAPP_DIR) && npm install
+	cd $(WEBAPP_DIR) && npm run build
+
+.PHONY: webapp-serve
+webapp-serve: webapp-build
+	cd $(WEBAPP_DIR) && $(PYTHON) serve.py
+
+.PHONY: clean
+clean:
+	rm -rf $(WEBAPP_BUILD_DIR)
+	rm -rf $(WEBAPP_DIR)/node_modules
+	rm -rf $(PYODIDE_DIR)
+	rm -rf $(PACKAGE_NAME)/webapp
+	rm -rf dist
+
+.PHONY: dist
+dist: webapp-prepare
+	$(MAKE) -f ../common.mk dist PACKAGE_NAME=$(PACKAGE_NAME)
+
+.PHONY: webapp-prepare
+webapp-prepare: webapp-build
+	rm -rf $(PACKAGE_NAME)/webapp/www/*
+	mkdir -p $(PACKAGE_NAME)/webapp/www
+	cp -r $(WEBAPP_BUILD_DIR)/* $(PACKAGE_NAME)/webapp/www/
+	cp $(WEBAPP_DIR)/__init__.py $(PACKAGE_NAME)/webapp/__init__.py
+	cp $(WEBAPP_DIR)/serve.py $(PACKAGE_NAME)/webapp/serve.py
+
 .PHONY: test
 test:
 	pytest -p no:pytest-blender test
diff --git a/src/ifctester/pyproject.toml b/src/ifctester/pyproject.toml
index df60a4737e..c174854190 100644
--- a/src/ifctester/pyproject.toml
+++ b/src/ifctester/pyproject.toml
@@ -15,11 +15,10 @@ classifiers = [
     "Programming Language :: Python :: 3",
     "License :: OSI Approved :: GNU Lesser General Public License v3 or later (LGPLv3+)",
 ]
-dependencies = ["ifcopenshell", "python-dateutil", "xmlschema", "numpy", "odfpy", "pystache", "bcf-client"]
+dependencies = ["ifcopenshell", "python-dateutil", "xmlschema", "numpy", "odfpy", "pystache", "bcf-client", "flask"]
 
 [project.optional-dependencies]
 advanced = [
-  "flask",
 ]
 
 [project.urls]
diff --git a/src/ifctester/webapp/.gitignore b/src/ifctester/webapp/.gitignore
new file mode 100644
index 0000000000..4205867691
--- /dev/null
+++ b/src/ifctester/webapp/.gitignore
@@ -0,0 +1,27 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+.claude
+experiment/*
\ No newline at end of file
diff --git a/src/ifctester/webapp/README.md b/src/ifctester/webapp/README.md
new file mode 100644
index 0000000000..5ab3ca7203
--- /dev/null
+++ b/src/ifctester/webapp/README.md
@@ -0,0 +1,2 @@
+# IfcTester (Next)
+The "next" version of IDS authoring and auditing on the web.
\ No newline at end of file
diff --git a/src/ifctester/webapp/__init__.py b/src/ifctester/webapp/__init__.py
new file mode 100644
index 0000000000..ef963b43d7
--- /dev/null
+++ b/src/ifctester/webapp/__init__.py
@@ -0,0 +1,3 @@
+from .serve import app
+
+__all__ = ["app"]
diff --git a/src/ifctester/webapp/app.py b/src/ifctester/webapp/app.py
deleted file mode 100644
index 56f21d020e..0000000000
--- a/src/ifctester/webapp/app.py
+++ /dev/null
@@ -1,83 +0,0 @@
-# IfcTester - IDS based model auditing
-# Copyright (C) 2022 Dion Moult <dion@thinkmoult.com>
-#
-# This file is part of IfcTester.
-#
-# IfcTester is free software: you can redistribute it and/or modify
-# it under the terms of the GNU Lesser General Public License as published by
-# the Free Software Foundation, either version 3 of the License, or
-# (at your option) any later version.
-#
-# IfcTester is distributed in the hope that it will be useful,
-# but WITHOUT ANY WARRANTY; without even the implied warranty of
-# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-# GNU Lesser General Public License for more details.
-#
-# You should have received a copy of the GNU Lesser General Public License
-# along with IfcTester.  If not, see <http://www.gnu.org/licenses/>.
-
-
-import os
-import time
-import ifctester
-import ifctester.reporter
-import ifcopenshell
-import ifcopenshell.guid
-from flask import Flask, request, send_from_directory
-
-app = Flask(__name__)
-
-
-class Ifc:
-    ifc = None
-    filepath = None
-
-    @classmethod
-    def get(cls, filepath=None):
-        if filepath is None or filepath == cls.filepath:
-            return cls.ifc
-        cls.filepath = filepath
-        cls.ifc = ifcopenshell.open(filepath)
-        return cls.ifc
-
-
-@app.route("/")
-def index():
-    with open("www/index.html") as template:
-        return template.read()
-
-
-@app.route("/<path:asset>.<string:ext>")
-def get_asset(asset, ext):
-    if ext in ("js", "css"):
-        return send_from_directory("www", asset + "." + ext)
-
-
-@app.route("/audit", methods=["POST"])
-def audit():
-    filename = ifcopenshell.guid.new()
-    ids_filepath = os.path.join("uploads", filename + ".ids")
-    ifc_filepath = os.path.join("uploads", filename + ".ifc")
-    os.makedirs("uploads", exist_ok=True)
-    request.files.get("ids").save(ids_filepath)
-    request.files.get("ifc").save(ifc_filepath)
-
-    start = time.time()
-    specs = ifctester.open(ids_filepath)
-    ifc = Ifc.get(ifc_filepath)
-    print("Finished loading:", time.time() - start)
-    start = time.time()
-    specs.validate(ifc)
-    print("Finished validating:", time.time() - start)
-    start = time.time()
-
-    os.remove(ids_filepath)
-    os.remove(ifc_filepath)
-
-    engine = ifctester.reporter.Json(specs)
-    engine.report()
-    return engine.to_string()
-
-
-if __name__ == "__main__":
-    app.run(debug=False)
diff --git a/src/ifctester/webapp/components.json b/src/ifctester/webapp/components.json
new file mode 100644
index 0000000000..9c875a2180
--- /dev/null
+++ b/src/ifctester/webapp/components.json
@@ -0,0 +1,16 @@
+{
+	"$schema": "https://shadcn-svelte.com/schema.json",
+	"tailwind": {
+		"css": "src/css/app.scss",
+		"baseColor": "gray"
+	},
+	"aliases": {
+		"components": "$lib/components",
+		"utils": "$lib/utils",
+		"ui": "$lib/components/ui",
+		"hooks": "$lib/hooks",
+		"lib": "$lib"
+	},
+	"typescript": false,
+	"registry": "https://shadcn-svelte.com/registry"
+}
diff --git a/src/ifctester/webapp/index.html b/src/ifctester/webapp/index.html
new file mode 100644
index 0000000000..27c32440dc
--- /dev/null
+++ b/src/ifctester/webapp/index.html
@@ -0,0 +1,14 @@
+<!doctype html>
+<html lang="en">
+    <head>
+        <title>IFC Tester</title>
+        <meta charset="UTF-8" />
+        <meta name="color-scheme" content="dark" />
+        <link rel="icon" type="image/svg+xml" href="/logo.svg" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    </head>
+    <body>
+        <div id="root"></div>
+        <script type="module" src="/src/main.js"></script>
+    </body>
+</html>
diff --git a/src/ifctester/webapp/jsconfig.json b/src/ifctester/webapp/jsconfig.json
new file mode 100644
index 0000000000..2aef2313e4
--- /dev/null
+++ b/src/ifctester/webapp/jsconfig.json
@@ -0,0 +1,39 @@
+{
+  "compilerOptions": {
+    "moduleResolution": "bundler",
+    "target": "ESNext",
+    "module": "ESNext",
+    /**
+     * svelte-preprocess cannot figure out whether you have
+     * a value or a type, so tell TypeScript to enforce using
+     * `import type` instead of `import` for Types.
+     */
+    "verbatimModuleSyntax": true,
+    "isolatedModules": true,
+    "resolveJsonModule": true,
+    /**
+     * To have warnings / errors of the Svelte compiler at the
+     * correct position, enable source maps by default.
+     */
+    "sourceMap": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    /**
+     * Typecheck JS in `.svelte` and `.js` files by default.
+     * Disable this if you'd like to use dynamic types.
+     */
+    "checkJs": false,
+    "baseUrl": ".",
+    "paths": {
+      "$lib": ["./src/lib"],
+      "$lib/*": ["./src/lib/*"],
+      "$src": ["./src"],
+      "$src/*": ["./src/*"]
+    }
+  },
+  /**
+   * Use global.d.ts instead of compilerOptions.types
+   * to avoid limiting type declarations.
+   */
+  "include": ["src/**/*.d.ts", "src/**/*.js", "src/**/*.svelte"]
+}
diff --git a/src/ifctester/webapp/package-lock.json b/src/ifctester/webapp/package-lock.json
new file mode 100644
index 0000000000..77879e3317
--- /dev/null
+++ b/src/ifctester/webapp/package-lock.json
@@ -0,0 +1,3023 @@
+{
+  "name": "ifctester-next",
+  "version": "0.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "ifctester-next",
+      "version": "0.0.0",
+      "dependencies": {
+        "eventemitter3": "^5.0.1",
+        "hyperid": "^3.3.0",
+        "lucide-svelte": "^0.542.0",
+        "socket.io-client": "^4.8.1",
+        "svelecte": "^5.2.0",
+        "svelte-spa-router": "^4.0.1"
+      },
+      "devDependencies": {
+        "@internationalized/date": "^3.8.1",
+        "@lucide/svelte": "^0.515.0",
+        "@sveltejs/vite-plugin-svelte": "^5.0.3",
+        "@tailwindcss/vite": "^4.0.0",
+        "bits-ui": "^2.8.10",
+        "clsx": "^2.1.1",
+        "mode-watcher": "^1.1.0",
+        "sass-embedded": "^1.89.0",
+        "svelte": "^5.28.1",
+        "svelte-sonner": "^1.0.5",
+        "tailwind-merge": "^3.3.0",
+        "tailwind-variants": "^1.0.0",
+        "tailwindcss": "^4.0.0",
+        "tw-animate-css": "^1.3.2",
+        "vite": "^6.3.5"
+      }
+    },
+    "node_modules/@ampproject/remapping": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.3.0.tgz",
+      "integrity": "sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@bufbuild/protobuf": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@bufbuild/protobuf/-/protobuf-2.5.1.tgz",
+      "integrity": "sha512-lut4UTvKL8tqtend0UDu7R79/n9jA7Jtxf77RNPbxtmWqfWI4qQ9bTjf7KCS4vfqLmpQbuHr1ciqJumAgJODdw==",
+      "dev": true,
+      "license": "(Apache-2.0 AND BSD-3-Clause)"
+    },
+    "node_modules/@esbuild/aix-ppc64": {
+      "version": "0.25.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.5.tgz",
+      "integrity": "sha512-9o3TMmpmftaCMepOdA5k/yDw8SfInyzWWTjYTFCX3kPSDJMROQTb8jg+h9Cnwnmm1vOzvxN7gIfB5V2ewpjtGA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "aix"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.25.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.5.tgz",
+      "integrity": "sha512-AdJKSPeEHgi7/ZhuIPtcQKr5RQdo6OO2IL87JkianiMYMPbCtot9fxPbrMiBADOWWm3T2si9stAiVsGbTQFkbA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.25.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.5.tgz",
+      "integrity": "sha512-VGzGhj4lJO+TVGV1v8ntCZWJktV7SGCs3Pn1GRWI1SBFtRALoomm8k5E9Pmwg3HOAal2VDc2F9+PM/rEY6oIDg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.25.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.5.tgz",
+      "integrity": "sha512-D2GyJT1kjvO//drbRT3Hib9XPwQeWd9vZoBJn+bu/lVsOZ13cqNdDeqIF/xQ5/VmWvMduP6AmXvylO/PIc2isw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.25.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.5.tgz",
+      "integrity": "sha512-GtaBgammVvdF7aPIgH2jxMDdivezgFu6iKpmT+48+F8Hhg5J/sfnDieg0aeG/jfSvkYQU2/pceFPDKlqZzwnfQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-x64": {
+      "version": "0.25.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.5.tgz",
+      "integrity": "sha512-1iT4FVL0dJ76/q1wd7XDsXrSW+oLoquptvh4CLR4kITDtqi2e/xwXwdCVH8hVHU43wgJdsq7Gxuzcs6Iq/7bxQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.25.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.5.tgz",
+      "integrity": "sha512-nk4tGP3JThz4La38Uy/gzyXtpkPW8zSAmoUhK9xKKXdBCzKODMc2adkB2+8om9BDYugz+uGV7sLmpTYzvmz6Sw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.25.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.5.tgz",
+      "integrity": "sha512-PrikaNjiXdR2laW6OIjlbeuCPrPaAl0IwPIaRv+SMV8CiM8i2LqVUHFC1+8eORgWyY7yhQY+2U2fA55mBzReaw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.25.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.5.tgz",
+      "integrity": "sha512-cPzojwW2okgh7ZlRpcBEtsX7WBuqbLrNXqLU89GxWbNt6uIg78ET82qifUy3W6OVww6ZWobWub5oqZOVtwolfw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.25.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.5.tgz",
+      "integrity": "sha512-Z9kfb1v6ZlGbWj8EJk9T6czVEjjq2ntSYLY2cw6pAZl4oKtfgQuS4HOq41M/BcoLPzrUbNd+R4BXFyH//nHxVg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.25.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.5.tgz",
+      "integrity": "sha512-sQ7l00M8bSv36GLV95BVAdhJ2QsIbCuCjh/uYrWiMQSUuV+LpXwIqhgJDcvMTj+VsQmqAHL2yYaasENvJ7CDKA==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.25.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.5.tgz",
+      "integrity": "sha512-0ur7ae16hDUC4OL5iEnDb0tZHDxYmuQyhKhsPBV8f99f6Z9KQM02g33f93rNH5A30agMS46u2HP6qTdEt6Q1kg==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.25.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.5.tgz",
+      "integrity": "sha512-kB/66P1OsHO5zLz0i6X0RxlQ+3cu0mkxS3TKFvkb5lin6uwZ/ttOkP3Z8lfR9mJOBk14ZwZ9182SIIWFGNmqmg==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.25.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.5.tgz",
+      "integrity": "sha512-UZCmJ7r9X2fe2D6jBmkLBMQetXPXIsZjQJCjgwpVDz+YMcS6oFR27alkgGv3Oqkv07bxdvw7fyB71/olceJhkQ==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.25.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.5.tgz",
+      "integrity": "sha512-kTxwu4mLyeOlsVIFPfQo+fQJAV9mh24xL+y+Bm6ej067sYANjyEw1dNHmvoqxJUCMnkBdKpvOn0Ahql6+4VyeA==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.25.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.5.tgz",
+      "integrity": "sha512-K2dSKTKfmdh78uJ3NcWFiqyRrimfdinS5ErLSn3vluHNeHVnBAFWC8a4X5N+7FgVE1EjXS1QDZbpqZBjfrqMTQ==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.25.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.5.tgz",
+      "integrity": "sha512-uhj8N2obKTE6pSZ+aMUbqq+1nXxNjZIIjCjGLfsWvVpy7gKCOL6rsY1MhRh9zLtUtAI7vpgLMK6DxjO8Qm9lJw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-arm64": {
+      "version": "0.25.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.5.tgz",
+      "integrity": "sha512-pwHtMP9viAy1oHPvgxtOv+OkduK5ugofNTVDilIzBLpoWAM16r7b/mxBvfpuQDpRQFMfuVr5aLcn4yveGvBZvw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.25.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.5.tgz",
+      "integrity": "sha512-WOb5fKrvVTRMfWFNCroYWWklbnXH0Q5rZppjq0vQIdlsQKuw6mdSihwSo4RV/YdQ5UCKKvBy7/0ZZYLBZKIbwQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-arm64": {
+      "version": "0.25.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.5.tgz",
+      "integrity": "sha512-7A208+uQKgTxHd0G0uqZO8UjK2R0DDb4fDmERtARjSHWxqMTye4Erz4zZafx7Di9Cv+lNHYuncAkiGFySoD+Mw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.25.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.5.tgz",
+      "integrity": "sha512-G4hE405ErTWraiZ8UiSoesH8DaCsMm0Cay4fsFWOOUcz8b8rC6uCvnagr+gnioEjWn0wC+o1/TAHt+It+MpIMg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.25.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.5.tgz",
+      "integrity": "sha512-l+azKShMy7FxzY0Rj4RCt5VD/q8mG/e+mDivgspo+yL8zW7qEwctQ6YqKX34DTEleFAvCIUviCFX1SDZRSyMQA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.25.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.5.tgz",
+      "integrity": "sha512-O2S7SNZzdcFG7eFKgvwUEZ2VG9D/sn/eIiz8XRZ1Q/DO5a3s76Xv0mdBzVM5j5R639lXQmPmSo0iRpHqUUrsxw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.25.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.5.tgz",
+      "integrity": "sha512-onOJ02pqs9h1iMJ1PQphR+VZv8qBMQ77Klcsqv9CNW2w6yLqoURLcgERAIurY6QE63bbLuqgP9ATqajFLK5AMQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.25.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.5.tgz",
+      "integrity": "sha512-TXv6YnJ8ZMVdX+SXWVBo/0p8LTcrUYngpWjvm91TMjjBQii7Oz11Lw5lbDV5Y0TzuhSJHwiH4hEtC1I42mMS0g==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@floating-ui/core": {
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.7.2.tgz",
+      "integrity": "sha512-wNB5ooIKHQc+Kui96jE/n69rHFWAVoxn5CAzL1Xdd8FG03cgY3MLO+GF9U3W737fYDSgPWA6MReKhBQBop6Pcw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/utils": "^0.2.10"
+      }
+    },
+    "node_modules/@floating-ui/dom": {
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.7.2.tgz",
+      "integrity": "sha512-7cfaOQuCS27HD7DX+6ib2OrnW+b4ZBwDNnCcT0uTyidcmyWb03FnQqJybDBoCnpdxwBSfA94UAYlRCt7mV+TbA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/core": "^1.7.2",
+        "@floating-ui/utils": "^0.2.10"
+      }
+    },
+    "node_modules/@floating-ui/utils": {
+      "version": "0.2.10",
+      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.10.tgz",
+      "integrity": "sha512-aGTxbpbg8/b5JfU1HXSrbH3wXZuLPJcNEcZQFMxLs3oSzgtVu6nFPkbbGGUvBcUjKV2YyB9Wxxabo+HEH9tcRQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@internationalized/date": {
+      "version": "3.8.1",
+      "resolved": "https://registry.npmjs.org/@internationalized/date/-/date-3.8.1.tgz",
+      "integrity": "sha512-PgVE6B6eIZtzf9Gu5HvJxRK3ufUFz9DhspELuhW/N0GuMGMTLvPQNRkHP2hTuP9lblOk+f+1xi96sPiPXANXAA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@swc/helpers": "^0.5.0"
+      }
+    },
+    "node_modules/@isaacs/fs-minipass": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/@isaacs/fs-minipass/-/fs-minipass-4.0.1.tgz",
+      "integrity": "sha512-wgm9Ehl2jpeqP3zw/7mo3kRHFp5MEDhqAdwy1fTGkHAwnkGOVsgpvQhL8B5n1qlb01jV3n/bI0ZfZp5lWA1k4w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "minipass": "^7.0.4"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.8",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.8.tgz",
+      "integrity": "sha512-imAbBGkb+ebQyxKgzv5Hu2nmROxoDOXHh80evxdoXNOrvAnVx7zimzc1Oo5h9RlfV4vPXaE2iM5pOFbvOCClWA==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/set-array": "^1.2.1",
+        "@jridgewell/sourcemap-codec": "^1.4.10",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/set-array": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz",
+      "integrity": "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz",
+      "integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==",
+      "license": "MIT"
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.25",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz",
+      "integrity": "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@lucide/svelte": {
+      "version": "0.515.0",
+      "resolved": "https://registry.npmjs.org/@lucide/svelte/-/svelte-0.515.0.tgz",
+      "integrity": "sha512-CEAyqcZmNBfYzVgaRmK2RFJP5tnbXxekRyDk0XX/eZQRfsJmkDvmQwXNX8C869BgNeryzmrRyjHhUL6g9ZOHNA==",
+      "dev": true,
+      "license": "ISC",
+      "peerDependencies": {
+        "svelte": "^5"
+      }
+    },
+    "node_modules/@rollup/rollup-android-arm-eabi": {
+      "version": "4.41.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.41.1.tgz",
+      "integrity": "sha512-NELNvyEWZ6R9QMkiytB4/L4zSEaBC03KIXEghptLGLZWJ6VPrL63ooZQCOnlx36aQPGhzuOMwDerC1Eb2VmrLw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-android-arm64": {
+      "version": "4.41.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.41.1.tgz",
+      "integrity": "sha512-DXdQe1BJ6TK47ukAoZLehRHhfKnKg9BjnQYUu9gzhI8Mwa1d2fzxA1aw2JixHVl403bwp1+/o/NhhHtxWJBgEA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-arm64": {
+      "version": "4.41.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.41.1.tgz",
+      "integrity": "sha512-5afxvwszzdulsU2w8JKWwY8/sJOLPzf0e1bFuvcW5h9zsEg+RQAojdW0ux2zyYAz7R8HvvzKCjLNJhVq965U7w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-x64": {
+      "version": "4.41.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.41.1.tgz",
+      "integrity": "sha512-egpJACny8QOdHNNMZKf8xY0Is6gIMz+tuqXlusxquWu3F833DcMwmGM7WlvCO9sB3OsPjdC4U0wHw5FabzCGZg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-freebsd-arm64": {
+      "version": "4.41.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.41.1.tgz",
+      "integrity": "sha512-DBVMZH5vbjgRk3r0OzgjS38z+atlupJ7xfKIDJdZZL6sM6wjfDNo64aowcLPKIx7LMQi8vybB56uh1Ftck/Atg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-freebsd-x64": {
+      "version": "4.41.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.41.1.tgz",
+      "integrity": "sha512-3FkydeohozEskBxNWEIbPfOE0aqQgB6ttTkJ159uWOFn42VLyfAiyD9UK5mhu+ItWzft60DycIN1Xdgiy8o/SA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
+      "version": "4.41.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.41.1.tgz",
+      "integrity": "sha512-wC53ZNDgt0pqx5xCAgNunkTzFE8GTgdZ9EwYGVcg+jEjJdZGtq9xPjDnFgfFozQI/Xm1mh+D9YlYtl+ueswNEg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-musleabihf": {
+      "version": "4.41.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.41.1.tgz",
+      "integrity": "sha512-jwKCca1gbZkZLhLRtsrka5N8sFAaxrGz/7wRJ8Wwvq3jug7toO21vWlViihG85ei7uJTpzbXZRcORotE+xyrLA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-gnu": {
+      "version": "4.41.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.41.1.tgz",
+      "integrity": "sha512-g0UBcNknsmmNQ8V2d/zD2P7WWfJKU0F1nu0k5pW4rvdb+BIqMm8ToluW/eeRmxCared5dD76lS04uL4UaNgpNA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-musl": {
+      "version": "4.41.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.41.1.tgz",
+      "integrity": "sha512-XZpeGB5TKEZWzIrj7sXr+BEaSgo/ma/kCgrZgL0oo5qdB1JlTzIYQKel/RmhT6vMAvOdM2teYlAaOGJpJ9lahg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-loongarch64-gnu": {
+      "version": "4.41.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loongarch64-gnu/-/rollup-linux-loongarch64-gnu-4.41.1.tgz",
+      "integrity": "sha512-bkCfDJ4qzWfFRCNt5RVV4DOw6KEgFTUZi2r2RuYhGWC8WhCA8lCAJhDeAmrM/fdiAH54m0mA0Vk2FGRPyzI+tw==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-powerpc64le-gnu": {
+      "version": "4.41.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.41.1.tgz",
+      "integrity": "sha512-3mr3Xm+gvMX+/8EKogIZSIEF0WUu0HL9di+YWlJpO8CQBnoLAEL/roTCxuLncEdgcfJcvA4UMOf+2dnjl4Ut1A==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-gnu": {
+      "version": "4.41.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.41.1.tgz",
+      "integrity": "sha512-3rwCIh6MQ1LGrvKJitQjZFuQnT2wxfU+ivhNBzmxXTXPllewOF7JR1s2vMX/tWtUYFgphygxjqMl76q4aMotGw==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-musl": {
+      "version": "4.41.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.41.1.tgz",
+      "integrity": "sha512-LdIUOb3gvfmpkgFZuccNa2uYiqtgZAz3PTzjuM5bH3nvuy9ty6RGc/Q0+HDFrHrizJGVpjnTZ1yS5TNNjFlklw==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-s390x-gnu": {
+      "version": "4.41.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.41.1.tgz",
+      "integrity": "sha512-oIE6M8WC9ma6xYqjvPhzZYk6NbobIURvP/lEbh7FWplcMO6gn7MM2yHKA1eC/GvYwzNKK/1LYgqzdkZ8YFxR8g==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-gnu": {
+      "version": "4.41.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.41.1.tgz",
+      "integrity": "sha512-cWBOvayNvA+SyeQMp79BHPK8ws6sHSsYnK5zDcsC3Hsxr1dgTABKjMnMslPq1DvZIp6uO7kIWhiGwaTdR4Og9A==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-musl": {
+      "version": "4.41.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.41.1.tgz",
+      "integrity": "sha512-y5CbN44M+pUCdGDlZFzGGBSKCA4A/J2ZH4edTYSSxFg7ce1Xt3GtydbVKWLlzL+INfFIZAEg1ZV6hh9+QQf9YQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-arm64-msvc": {
+      "version": "4.41.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.41.1.tgz",
+      "integrity": "sha512-lZkCxIrjlJlMt1dLO/FbpZbzt6J/A8p4DnqzSa4PWqPEUUUnzXLeki/iyPLfV0BmHItlYgHUqJe+3KiyydmiNQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-ia32-msvc": {
+      "version": "4.41.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.41.1.tgz",
+      "integrity": "sha512-+psFT9+pIh2iuGsxFYYa/LhS5MFKmuivRsx9iPJWNSGbh2XVEjk90fmpUEjCnILPEPJnikAU6SFDiEUyOv90Pg==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-x64-msvc": {
+      "version": "4.41.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.41.1.tgz",
+      "integrity": "sha512-Wq2zpapRYLfi4aKxf2Xff0tN+7slj2d4R87WEzqw7ZLsVvO5zwYCIuEGSZYiK41+GlwUo1HiR+GdkLEJnCKTCw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@socket.io/component-emitter": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@socket.io/component-emitter/-/component-emitter-3.1.2.tgz",
+      "integrity": "sha512-9BCxFwvbGg/RsZK9tjXd8s4UcwR0MWeFQ1XEKIQVVvAGJyINdrqKMcTRyLoK8Rse1GjzLV9cwjWV1olXRWEXVA==",
+      "license": "MIT"
+    },
+    "node_modules/@sveltejs/acorn-typescript": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/@sveltejs/acorn-typescript/-/acorn-typescript-1.0.5.tgz",
+      "integrity": "sha512-IwQk4yfwLdibDlrXVE04jTZYlLnwsTT2PIOQQGNLWfjavGifnk1JD1LcZjZaBTRcxZu2FfPfNLOE04DSu9lqtQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "acorn": "^8.9.0"
+      }
+    },
+    "node_modules/@sveltejs/vite-plugin-svelte": {
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-5.0.3.tgz",
+      "integrity": "sha512-MCFS6CrQDu1yGwspm4qtli0e63vaPCehf6V7pIMP15AsWgMKrqDGCPFF/0kn4SP0ii4aySu4Pa62+fIRGFMjgw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@sveltejs/vite-plugin-svelte-inspector": "^4.0.1",
+        "debug": "^4.4.0",
+        "deepmerge": "^4.3.1",
+        "kleur": "^4.1.5",
+        "magic-string": "^0.30.15",
+        "vitefu": "^1.0.4"
+      },
+      "engines": {
+        "node": "^18.0.0 || ^20.0.0 || >=22"
+      },
+      "peerDependencies": {
+        "svelte": "^5.0.0",
+        "vite": "^6.0.0"
+      }
+    },
+    "node_modules/@sveltejs/vite-plugin-svelte-inspector": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/-/vite-plugin-svelte-inspector-4.0.1.tgz",
+      "integrity": "sha512-J/Nmb2Q2y7mck2hyCX4ckVHcR5tu2J+MtBEQqpDrrgELZ2uvraQcK/ioCV61AqkdXFgriksOKIceDcQmqnGhVw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^4.3.7"
+      },
+      "engines": {
+        "node": "^18.0.0 || ^20.0.0 || >=22"
+      },
+      "peerDependencies": {
+        "@sveltejs/vite-plugin-svelte": "^5.0.0",
+        "svelte": "^5.0.0",
+        "vite": "^6.0.0"
+      }
+    },
+    "node_modules/@swc/helpers": {
+      "version": "0.5.17",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.17.tgz",
+      "integrity": "sha512-5IKx/Y13RsYd+sauPb2x+U/xZikHjolzfuDgTAl/Tdf3Q8rslRvC19NKDLgAJQ6wsqADk10ntlv08nPFw/gO/A==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.8.0"
+      }
+    },
+    "node_modules/@tailwindcss/node": {
+      "version": "4.1.8",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.1.8.tgz",
+      "integrity": "sha512-OWwBsbC9BFAJelmnNcrKuf+bka2ZxCE2A4Ft53Tkg4uoiE67r/PMEYwCsourC26E+kmxfwE0hVzMdxqeW+xu7Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@ampproject/remapping": "^2.3.0",
+        "enhanced-resolve": "^5.18.1",
+        "jiti": "^2.4.2",
+        "lightningcss": "1.30.1",
+        "magic-string": "^0.30.17",
+        "source-map-js": "^1.2.1",
+        "tailwindcss": "4.1.8"
+      }
+    },
+    "node_modules/@tailwindcss/oxide": {
+      "version": "4.1.8",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.1.8.tgz",
+      "integrity": "sha512-d7qvv9PsM5N3VNKhwVUhpK6r4h9wtLkJ6lz9ZY9aeZgrUWk1Z8VPyqyDT9MZlem7GTGseRQHkeB1j3tC7W1P+A==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "dependencies": {
+        "detect-libc": "^2.0.4",
+        "tar": "^7.4.3"
+      },
+      "engines": {
+        "node": ">= 10"
+      },
+      "optionalDependencies": {
+        "@tailwindcss/oxide-android-arm64": "4.1.8",
+        "@tailwindcss/oxide-darwin-arm64": "4.1.8",
+        "@tailwindcss/oxide-darwin-x64": "4.1.8",
+        "@tailwindcss/oxide-freebsd-x64": "4.1.8",
+        "@tailwindcss/oxide-linux-arm-gnueabihf": "4.1.8",
+        "@tailwindcss/oxide-linux-arm64-gnu": "4.1.8",
+        "@tailwindcss/oxide-linux-arm64-musl": "4.1.8",
+        "@tailwindcss/oxide-linux-x64-gnu": "4.1.8",
+        "@tailwindcss/oxide-linux-x64-musl": "4.1.8",
+        "@tailwindcss/oxide-wasm32-wasi": "4.1.8",
+        "@tailwindcss/oxide-win32-arm64-msvc": "4.1.8",
+        "@tailwindcss/oxide-win32-x64-msvc": "4.1.8"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-android-arm64": {
+      "version": "4.1.8",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.1.8.tgz",
+      "integrity": "sha512-Fbz7qni62uKYceWYvUjRqhGfZKwhZDQhlrJKGtnZfuNtHFqa8wmr+Wn74CTWERiW2hn3mN5gTpOoxWKk0jRxjg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-darwin-arm64": {
+      "version": "4.1.8",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.1.8.tgz",
+      "integrity": "sha512-RdRvedGsT0vwVVDztvyXhKpsU2ark/BjgG0huo4+2BluxdXo8NDgzl77qh0T1nUxmM11eXwR8jA39ibvSTbi7A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-darwin-x64": {
+      "version": "4.1.8",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.1.8.tgz",
+      "integrity": "sha512-t6PgxjEMLp5Ovf7uMb2OFmb3kqzVTPPakWpBIFzppk4JE4ix0yEtbtSjPbU8+PZETpaYMtXvss2Sdkx8Vs4XRw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-freebsd-x64": {
+      "version": "4.1.8",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.1.8.tgz",
+      "integrity": "sha512-g8C8eGEyhHTqwPStSwZNSrOlyx0bhK/V/+zX0Y+n7DoRUzyS8eMbVshVOLJTDDC+Qn9IJnilYbIKzpB9n4aBsg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm-gnueabihf": {
+      "version": "4.1.8",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.1.8.tgz",
+      "integrity": "sha512-Jmzr3FA4S2tHhaC6yCjac3rGf7hG9R6Gf2z9i9JFcuyy0u79HfQsh/thifbYTF2ic82KJovKKkIB6Z9TdNhCXQ==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm64-gnu": {
+      "version": "4.1.8",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.1.8.tgz",
+      "integrity": "sha512-qq7jXtO1+UEtCmCeBBIRDrPFIVI4ilEQ97qgBGdwXAARrUqSn/L9fUrkb1XP/mvVtoVeR2bt/0L77xx53bPZ/Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm64-musl": {
+      "version": "4.1.8",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.1.8.tgz",
+      "integrity": "sha512-O6b8QesPbJCRshsNApsOIpzKt3ztG35gfX9tEf4arD7mwNinsoCKxkj8TgEE0YRjmjtO3r9FlJnT/ENd9EVefQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-x64-gnu": {
+      "version": "4.1.8",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.1.8.tgz",
+      "integrity": "sha512-32iEXX/pXwikshNOGnERAFwFSfiltmijMIAbUhnNyjFr3tmWmMJWQKU2vNcFX0DACSXJ3ZWcSkzNbaKTdngH6g==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-x64-musl": {
+      "version": "4.1.8",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.1.8.tgz",
+      "integrity": "sha512-s+VSSD+TfZeMEsCaFaHTaY5YNj3Dri8rST09gMvYQKwPphacRG7wbuQ5ZJMIJXN/puxPcg/nU+ucvWguPpvBDg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-wasm32-wasi": {
+      "version": "4.1.8",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-wasm32-wasi/-/oxide-wasm32-wasi-4.1.8.tgz",
+      "integrity": "sha512-CXBPVFkpDjM67sS1psWohZ6g/2/cd+cq56vPxK4JeawelxwK4YECgl9Y9TjkE2qfF+9/s1tHHJqrC4SS6cVvSg==",
+      "bundleDependencies": [
+        "@napi-rs/wasm-runtime",
+        "@emnapi/core",
+        "@emnapi/runtime",
+        "@tybys/wasm-util",
+        "@emnapi/wasi-threads",
+        "tslib"
+      ],
+      "cpu": [
+        "wasm32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/core": "^1.4.3",
+        "@emnapi/runtime": "^1.4.3",
+        "@emnapi/wasi-threads": "^1.0.2",
+        "@napi-rs/wasm-runtime": "^0.2.10",
+        "@tybys/wasm-util": "^0.9.0",
+        "tslib": "^2.8.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-win32-arm64-msvc": {
+      "version": "4.1.8",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.1.8.tgz",
+      "integrity": "sha512-7GmYk1n28teDHUjPlIx4Z6Z4hHEgvP5ZW2QS9ygnDAdI/myh3HTHjDqtSqgu1BpRoI4OiLx+fThAyA1JePoENA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-win32-x64-msvc": {
+      "version": "4.1.8",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.1.8.tgz",
+      "integrity": "sha512-fou+U20j+Jl0EHwK92spoWISON2OBnCazIc038Xj2TdweYV33ZRkS9nwqiUi2d/Wba5xg5UoHfvynnb/UB49cQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/vite": {
+      "version": "4.1.8",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/vite/-/vite-4.1.8.tgz",
+      "integrity": "sha512-CQ+I8yxNV5/6uGaJjiuymgw0kEQiNKRinYbZXPdx1fk5WgiyReG0VaUx/Xq6aVNSUNJFzxm6o8FNKS5aMaim5A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@tailwindcss/node": "4.1.8",
+        "@tailwindcss/oxide": "4.1.8",
+        "tailwindcss": "4.1.8"
+      },
+      "peerDependencies": {
+        "vite": "^5.2.0 || ^6"
+      }
+    },
+    "node_modules/@types/estree": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.7.tgz",
+      "integrity": "sha512-w28IoSUCJpidD/TGviZwwMJckNESJZXFu7NBZ5YJ4mEUnNraUn9Pm8HSZm/jDF1pDWYKspWE7oVphigUPRakIQ==",
+      "license": "MIT"
+    },
+    "node_modules/acorn": {
+      "version": "8.14.1",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.1.tgz",
+      "integrity": "sha512-OvQ/2pUDKmgfCg++xsTX1wGxfTaszcHVcTctW4UJB4hibJx2HXxxO5UmVgyjMa+ZDsiaf5wWLXYpRWMmBI0QHg==",
+      "license": "MIT",
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/aria-query": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.2.tgz",
+      "integrity": "sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/axobject-query": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-4.1.0.tgz",
+      "integrity": "sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/base64-js": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
+      "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/bits-ui": {
+      "version": "2.8.10",
+      "resolved": "https://registry.npmjs.org/bits-ui/-/bits-ui-2.8.10.tgz",
+      "integrity": "sha512-MOobkqapDZNrpcNmeL2g664xFmH4tZBOKBTxFmsQYMZQuybSZHQnPXy+AjM5XZEXRmCFx5+XRmo6+fC3vHh1hQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/core": "^1.7.1",
+        "@floating-ui/dom": "^1.7.1",
+        "esm-env": "^1.1.2",
+        "runed": "^0.29.1",
+        "svelte-toolbelt": "^0.9.3",
+        "tabbable": "^6.2.0"
+      },
+      "engines": {
+        "node": ">=20"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/huntabyte"
+      },
+      "peerDependencies": {
+        "@internationalized/date": "^3.8.1",
+        "svelte": "^5.33.0"
+      }
+    },
+    "node_modules/buffer": {
+      "version": "5.7.1",
+      "resolved": "https://registry.npmjs.org/buffer/-/buffer-5.7.1.tgz",
+      "integrity": "sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "base64-js": "^1.3.1",
+        "ieee754": "^1.1.13"
+      }
+    },
+    "node_modules/buffer-builder": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/buffer-builder/-/buffer-builder-0.2.0.tgz",
+      "integrity": "sha512-7VPMEPuYznPSoR21NE1zvd2Xna6c/CloiZCfcMXR1Jny6PjX0N4Nsa38zcBFo/FMK+BlA+FLKbJCQ0i2yxp+Xg==",
+      "dev": true,
+      "license": "MIT/X11"
+    },
+    "node_modules/chownr": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/chownr/-/chownr-3.0.0.tgz",
+      "integrity": "sha512-+IxzY9BZOQd/XuYPRmrvEVjF/nqj5kgT4kEq7VofrDoM1MxoRjEWkrCC3EtLi59TVawxTAn+orJwFQcrqEN1+g==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/clsx": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
+      "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/colorjs.io": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/colorjs.io/-/colorjs.io-0.5.2.tgz",
+      "integrity": "sha512-twmVoizEW7ylZSN32OgKdXRmo1qg+wT5/6C3xu5b9QsWzSFAhHLn2xd8ro0diCsKfCj1RdaTP/nrcW+vAoQPIw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/debug": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.1.tgz",
+      "integrity": "sha512-KcKCqiftBJcZr++7ykoDIEwSa3XWowTfNPo92BYxjXiyYEVrUQh2aLyhxBCwww+heortUFxEJYcRzosstTEBYQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/deepmerge": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
+      "integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/detect-libc": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.4.tgz",
+      "integrity": "sha512-3UDv+G9CsCKO1WKMGw9fwq/SWJYbI0c5Y7LU1AXYoDdbhE2AHQ6N6Nb34sG8Fj7T5APy8qXDCKuuIHd1BR0tVA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/engine.io-client": {
+      "version": "6.6.3",
+      "resolved": "https://registry.npmjs.org/engine.io-client/-/engine.io-client-6.6.3.tgz",
+      "integrity": "sha512-T0iLjnyNWahNyv/lcjS2y4oE358tVS/SYQNxYXGAJ9/GLgH4VCvOQ/mhTjqU88mLZCQgiG8RIegFHYCdVC+j5w==",
+      "license": "MIT",
+      "dependencies": {
+        "@socket.io/component-emitter": "~3.1.0",
+        "debug": "~4.3.1",
+        "engine.io-parser": "~5.2.1",
+        "ws": "~8.17.1",
+        "xmlhttprequest-ssl": "~2.1.1"
+      }
+    },
+    "node_modules/engine.io-client/node_modules/debug": {
+      "version": "4.3.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
+      "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/engine.io-parser": {
+      "version": "5.2.3",
+      "resolved": "https://registry.npmjs.org/engine.io-parser/-/engine.io-parser-5.2.3.tgz",
+      "integrity": "sha512-HqD3yTBfnBxIrbnM1DoD6Pcq8NECnh8d4As1Qgh0z5Gg3jRRIqijury0CL3ghu/edArpUYiYqQiDUQBIs4np3Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/enhanced-resolve": {
+      "version": "5.18.1",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.1.tgz",
+      "integrity": "sha512-ZSW3ma5GkcQBIpwZTSRAI8N71Uuwgs93IezB7mf7R60tC8ZbJideoDNKjHn2O9KIlx6rkGTTEk1xUCK2E1Y2Yg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.4",
+        "tapable": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/esbuild": {
+      "version": "0.25.5",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.5.tgz",
+      "integrity": "sha512-P8OtKZRv/5J5hhz0cUAdu/cLuPIKXpQl1R9pZtvmHWQvrAUVd0UNIPT4IB4W3rNOqVO0rlqHmCIbSwxh/c9yUQ==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.25.5",
+        "@esbuild/android-arm": "0.25.5",
+        "@esbuild/android-arm64": "0.25.5",
+        "@esbuild/android-x64": "0.25.5",
+        "@esbuild/darwin-arm64": "0.25.5",
+        "@esbuild/darwin-x64": "0.25.5",
+        "@esbuild/freebsd-arm64": "0.25.5",
+        "@esbuild/freebsd-x64": "0.25.5",
+        "@esbuild/linux-arm": "0.25.5",
+        "@esbuild/linux-arm64": "0.25.5",
+        "@esbuild/linux-ia32": "0.25.5",
+        "@esbuild/linux-loong64": "0.25.5",
+        "@esbuild/linux-mips64el": "0.25.5",
+        "@esbuild/linux-ppc64": "0.25.5",
+        "@esbuild/linux-riscv64": "0.25.5",
+        "@esbuild/linux-s390x": "0.25.5",
+        "@esbuild/linux-x64": "0.25.5",
+        "@esbuild/netbsd-arm64": "0.25.5",
+        "@esbuild/netbsd-x64": "0.25.5",
+        "@esbuild/openbsd-arm64": "0.25.5",
+        "@esbuild/openbsd-x64": "0.25.5",
+        "@esbuild/sunos-x64": "0.25.5",
+        "@esbuild/win32-arm64": "0.25.5",
+        "@esbuild/win32-ia32": "0.25.5",
+        "@esbuild/win32-x64": "0.25.5"
+      }
+    },
+    "node_modules/esm-env": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/esm-env/-/esm-env-1.2.2.tgz",
+      "integrity": "sha512-Epxrv+Nr/CaL4ZcFGPJIYLWFom+YeV1DqMLHJoEd9SYRxNbaFruBwfEX/kkHUJf55j2+TUbmDcmuilbP1TmXHA==",
+      "license": "MIT"
+    },
+    "node_modules/esrap": {
+      "version": "1.4.6",
+      "resolved": "https://registry.npmjs.org/esrap/-/esrap-1.4.6.tgz",
+      "integrity": "sha512-F/D2mADJ9SHY3IwksD4DAXjTt7qt7GWUf3/8RhCNWmC/67tyb55dpimHmy7EplakFaflV0R/PC+fdSPqrRHAQw==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.4.15"
+      }
+    },
+    "node_modules/eventemitter3": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-5.0.1.tgz",
+      "integrity": "sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA==",
+      "license": "MIT"
+    },
+    "node_modules/fdir": {
+      "version": "6.4.5",
+      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.4.5.tgz",
+      "integrity": "sha512-4BG7puHpVsIYxZUbiUE3RqGloLaSSwzYie5jvasC4LWuBWzZawynvYouhjbQKw2JuIGYdm0DzIxl8iVidKlUEw==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "picomatch": "^3 || ^4"
+      },
+      "peerDependenciesMeta": {
+        "picomatch": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/graceful-fs": {
+      "version": "4.2.11",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/hyperid": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/hyperid/-/hyperid-3.3.0.tgz",
+      "integrity": "sha512-7qhCVT4MJIoEsNcbhglhdmBKb09QtcmJNiIQGq7js/Khf5FtQQ9bzcAuloeqBeee7XD7JqDeve9KNlQya5tSGQ==",
+      "license": "MIT",
+      "dependencies": {
+        "buffer": "^5.2.1",
+        "uuid": "^8.3.2",
+        "uuid-parse": "^1.1.0"
+      }
+    },
+    "node_modules/ieee754": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
+      "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/immutable": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/immutable/-/immutable-5.1.2.tgz",
+      "integrity": "sha512-qHKXW1q6liAk1Oys6umoaZbDRqjcjgSrbnrifHsfsttza7zcvRAsL7mMV6xWcyhwQy7Xj5v4hhbr6b+iDYwlmQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/inline-style-parser": {
+      "version": "0.2.4",
+      "resolved": "https://registry.npmjs.org/inline-style-parser/-/inline-style-parser-0.2.4.tgz",
+      "integrity": "sha512-0aO8FkhNZlj/ZIbNi7Lxxr12obT7cL1moPfE4tg1LkX7LlLfC6DeX4l2ZEud1ukP9jNQyNnfzQVqwbwmAATY4Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/is-reference": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/is-reference/-/is-reference-3.0.3.tgz",
+      "integrity": "sha512-ixkJoqQvAP88E6wLydLGGqCJsrFUnqoH6HnaczB8XmDH1oaWU+xxdptvikTgaEhtZ53Ky6YXiBuUI2WXLMCwjw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.6"
+      }
+    },
+    "node_modules/jiti": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.4.2.tgz",
+      "integrity": "sha512-rg9zJN+G4n2nfJl5MW3BMygZX56zKPNVEYYqq7adpmMh4Jn2QNEwhvQlFy6jPVdcod7txZtKHWnyZiA3a0zP7A==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "jiti": "lib/jiti-cli.mjs"
+      }
+    },
+    "node_modules/kleur": {
+      "version": "4.1.5",
+      "resolved": "https://registry.npmjs.org/kleur/-/kleur-4.1.5.tgz",
+      "integrity": "sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/lightningcss": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.30.1.tgz",
+      "integrity": "sha512-xi6IyHML+c9+Q3W0S4fCQJOym42pyurFiJUHEcEyHS0CeKzia4yZDEsLlqOFykxOdHpNy0NmvVO31vcSqAxJCg==",
+      "dev": true,
+      "license": "MPL-2.0",
+      "dependencies": {
+        "detect-libc": "^2.0.3"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      },
+      "optionalDependencies": {
+        "lightningcss-darwin-arm64": "1.30.1",
+        "lightningcss-darwin-x64": "1.30.1",
+        "lightningcss-freebsd-x64": "1.30.1",
+        "lightningcss-linux-arm-gnueabihf": "1.30.1",
+        "lightningcss-linux-arm64-gnu": "1.30.1",
+        "lightningcss-linux-arm64-musl": "1.30.1",
+        "lightningcss-linux-x64-gnu": "1.30.1",
+        "lightningcss-linux-x64-musl": "1.30.1",
+        "lightningcss-win32-arm64-msvc": "1.30.1",
+        "lightningcss-win32-x64-msvc": "1.30.1"
+      }
+    },
+    "node_modules/lightningcss-darwin-arm64": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.30.1.tgz",
+      "integrity": "sha512-c8JK7hyE65X1MHMN+Viq9n11RRC7hgin3HhYKhrMyaXflk5GVplZ60IxyoVtzILeKr+xAJwg6zK6sjTBJ0FKYQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-darwin-x64": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.30.1.tgz",
+      "integrity": "sha512-k1EvjakfumAQoTfcXUcHQZhSpLlkAuEkdMBsI/ivWw9hL+7FtilQc0Cy3hrx0AAQrVtQAbMI7YjCgYgvn37PzA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-freebsd-x64": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.30.1.tgz",
+      "integrity": "sha512-kmW6UGCGg2PcyUE59K5r0kWfKPAVy4SltVeut+umLCFoJ53RdCUWxcRDzO1eTaxf/7Q2H7LTquFHPL5R+Gjyig==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm-gnueabihf": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.30.1.tgz",
+      "integrity": "sha512-MjxUShl1v8pit+6D/zSPq9S9dQ2NPFSQwGvxBCYaBYLPlCWuPh9/t1MRS8iUaR8i+a6w7aps+B4N0S1TYP/R+Q==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm64-gnu": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.30.1.tgz",
+      "integrity": "sha512-gB72maP8rmrKsnKYy8XUuXi/4OctJiuQjcuqWNlJQ6jZiWqtPvqFziskH3hnajfvKB27ynbVCucKSm2rkQp4Bw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm64-musl": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.30.1.tgz",
+      "integrity": "sha512-jmUQVx4331m6LIX+0wUhBbmMX7TCfjF5FoOH6SD1CttzuYlGNVpA7QnrmLxrsub43ClTINfGSYyHe2HWeLl5CQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-x64-gnu": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.30.1.tgz",
+      "integrity": "sha512-piWx3z4wN8J8z3+O5kO74+yr6ze/dKmPnI7vLqfSqI8bccaTGY5xiSGVIJBDd5K5BHlvVLpUB3S2YCfelyJ1bw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-x64-musl": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.30.1.tgz",
+      "integrity": "sha512-rRomAK7eIkL+tHY0YPxbc5Dra2gXlI63HL+v1Pdi1a3sC+tJTcFrHX+E86sulgAXeI7rSzDYhPSeHHjqFhqfeQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-win32-arm64-msvc": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.30.1.tgz",
+      "integrity": "sha512-mSL4rqPi4iXq5YVqzSsJgMVFENoa4nGTT/GjO2c0Yl9OuQfPsIfncvLrEW6RbbB24WtZ3xP/2CCmI3tNkNV4oA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-win32-x64-msvc": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.30.1.tgz",
+      "integrity": "sha512-PVqXh48wh4T53F/1CCu8PIPCxLzWyCnn/9T5W1Jpmdy5h9Cwd+0YQS6/LwhHXSafuc61/xg9Lv5OrCby6a++jg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/locate-character": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/locate-character/-/locate-character-3.0.0.tgz",
+      "integrity": "sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA==",
+      "license": "MIT"
+    },
+    "node_modules/lucide-svelte": {
+      "version": "0.542.0",
+      "resolved": "https://registry.npmjs.org/lucide-svelte/-/lucide-svelte-0.542.0.tgz",
+      "integrity": "sha512-KxqJycY4EWaGy1zk/7sqEcf48j4YaP9zEujYczzrsw5j9b9b5pjAJ1qGFKZvD7T6xz9reSYAfUAd6Bz62TdqGw==",
+      "license": "ISC",
+      "peerDependencies": {
+        "svelte": "^3 || ^4 || ^5.0.0-next.42"
+      }
+    },
+    "node_modules/magic-string": {
+      "version": "0.30.17",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.17.tgz",
+      "integrity": "sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0"
+      }
+    },
+    "node_modules/minipass": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
+      "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      }
+    },
+    "node_modules/minizlib": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-3.0.2.tgz",
+      "integrity": "sha512-oG62iEk+CYt5Xj2YqI5Xi9xWUeZhDI8jjQmC5oThVH5JGCTgIjr7ciJDzC7MBzYd//WvR1OTmP5Q38Q8ShQtVA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "minipass": "^7.1.2"
+      },
+      "engines": {
+        "node": ">= 18"
+      }
+    },
+    "node_modules/mkdirp": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-3.0.1.tgz",
+      "integrity": "sha512-+NsyUUAZDmo6YVHzL/stxSu3t9YS1iljliy3BSDrXJ/dkn1KYdmtZODGGjLcc9XLgVVpH4KshHB8XmZgMhaBXg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "mkdirp": "dist/cjs/src/bin.js"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/mode-watcher": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/mode-watcher/-/mode-watcher-1.1.0.tgz",
+      "integrity": "sha512-mUT9RRGPDYenk59qJauN1rhsIMKBmWA3xMF+uRwE8MW/tjhaDSCCARqkSuDTq8vr4/2KcAxIGVjACxTjdk5C3g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "runed": "^0.25.0",
+        "svelte-toolbelt": "^0.7.1"
+      },
+      "peerDependencies": {
+        "svelte": "^5.27.0"
+      }
+    },
+    "node_modules/mode-watcher/node_modules/runed": {
+      "version": "0.25.0",
+      "resolved": "https://registry.npmjs.org/runed/-/runed-0.25.0.tgz",
+      "integrity": "sha512-7+ma4AG9FT2sWQEA0Egf6mb7PBT2vHyuHail1ie8ropfSjvZGtEAx8YTmUjv/APCsdRRxEVvArNjALk9zFSOrg==",
+      "dev": true,
+      "funding": [
+        "https://github.com/sponsors/huntabyte",
+        "https://github.com/sponsors/tglide"
+      ],
+      "dependencies": {
+        "esm-env": "^1.0.0"
+      },
+      "peerDependencies": {
+        "svelte": "^5.7.0"
+      }
+    },
+    "node_modules/mode-watcher/node_modules/svelte-toolbelt": {
+      "version": "0.7.1",
+      "resolved": "https://registry.npmjs.org/svelte-toolbelt/-/svelte-toolbelt-0.7.1.tgz",
+      "integrity": "sha512-HcBOcR17Vx9bjaOceUvxkY3nGmbBmCBBbuWLLEWO6jtmWH8f/QoWmbyUfQZrpDINH39en1b8mptfPQT9VKQ1xQ==",
+      "dev": true,
+      "funding": [
+        "https://github.com/sponsors/huntabyte"
+      ],
+      "dependencies": {
+        "clsx": "^2.1.1",
+        "runed": "^0.23.2",
+        "style-to-object": "^1.0.8"
+      },
+      "engines": {
+        "node": ">=18",
+        "pnpm": ">=8.7.0"
+      },
+      "peerDependencies": {
+        "svelte": "^5.0.0"
+      }
+    },
+    "node_modules/mode-watcher/node_modules/svelte-toolbelt/node_modules/runed": {
+      "version": "0.23.4",
+      "resolved": "https://registry.npmjs.org/runed/-/runed-0.23.4.tgz",
+      "integrity": "sha512-9q8oUiBYeXIDLWNK5DfCWlkL0EW3oGbk845VdKlPeia28l751VpfesaB/+7pI6rnbx1I6rqoZ2fZxptOJLxILA==",
+      "dev": true,
+      "funding": [
+        "https://github.com/sponsors/huntabyte",
+        "https://github.com/sponsors/tglide"
+      ],
+      "dependencies": {
+        "esm-env": "^1.0.0"
+      },
+      "peerDependencies": {
+        "svelte": "^5.7.0"
+      }
+    },
+    "node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "license": "MIT"
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.11",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
+      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/picomatch": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.2.tgz",
+      "integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.5.4",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.4.tgz",
+      "integrity": "sha512-QSa9EBe+uwlGTFmHsPKokv3B/oEMQZxfqW0QqNCyhpa6mB1afzulwn8hihglqAb2pOw+BJgNlmXQ8la2VeHB7w==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.11",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/regexparam": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/regexparam/-/regexparam-2.0.2.tgz",
+      "integrity": "sha512-A1PeDEYMrkLrfyOwv2jwihXbo9qxdGD3atBYQA9JJgreAx8/7rC6IUkWOw2NQlOxLp2wL0ifQbh1HuidDfYA6w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/rollup": {
+      "version": "4.41.1",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.41.1.tgz",
+      "integrity": "sha512-cPmwD3FnFv8rKMBc1MxWCwVQFxwf1JEmSX3iQXrRVVG15zerAIXRjMFVWnd5Q5QvgKF7Aj+5ykXFhUl+QGnyOw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "1.0.7"
+      },
+      "bin": {
+        "rollup": "dist/bin/rollup"
+      },
+      "engines": {
+        "node": ">=18.0.0",
+        "npm": ">=8.0.0"
+      },
+      "optionalDependencies": {
+        "@rollup/rollup-android-arm-eabi": "4.41.1",
+        "@rollup/rollup-android-arm64": "4.41.1",
+        "@rollup/rollup-darwin-arm64": "4.41.1",
+        "@rollup/rollup-darwin-x64": "4.41.1",
+        "@rollup/rollup-freebsd-arm64": "4.41.1",
+        "@rollup/rollup-freebsd-x64": "4.41.1",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.41.1",
+        "@rollup/rollup-linux-arm-musleabihf": "4.41.1",
+        "@rollup/rollup-linux-arm64-gnu": "4.41.1",
+        "@rollup/rollup-linux-arm64-musl": "4.41.1",
+        "@rollup/rollup-linux-loongarch64-gnu": "4.41.1",
+        "@rollup/rollup-linux-powerpc64le-gnu": "4.41.1",
+        "@rollup/rollup-linux-riscv64-gnu": "4.41.1",
+        "@rollup/rollup-linux-riscv64-musl": "4.41.1",
+        "@rollup/rollup-linux-s390x-gnu": "4.41.1",
+        "@rollup/rollup-linux-x64-gnu": "4.41.1",
+        "@rollup/rollup-linux-x64-musl": "4.41.1",
+        "@rollup/rollup-win32-arm64-msvc": "4.41.1",
+        "@rollup/rollup-win32-ia32-msvc": "4.41.1",
+        "@rollup/rollup-win32-x64-msvc": "4.41.1",
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/runed": {
+      "version": "0.29.2",
+      "resolved": "https://registry.npmjs.org/runed/-/runed-0.29.2.tgz",
+      "integrity": "sha512-0cq6cA6sYGZwl/FvVqjx9YN+1xEBu9sDDyuWdDW1yWX7JF2wmvmVKfH+hVCZs+csW+P3ARH92MjI3H9QTagOQA==",
+      "dev": true,
+      "funding": [
+        "https://github.com/sponsors/huntabyte",
+        "https://github.com/sponsors/tglide"
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "esm-env": "^1.0.0"
+      },
+      "peerDependencies": {
+        "svelte": "^5.7.0"
+      }
+    },
+    "node_modules/rxjs": {
+      "version": "7.8.2",
+      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.2.tgz",
+      "integrity": "sha512-dhKf903U/PQZY6boNNtAGdWbG85WAbjT/1xYoZIC7FAY0yWapOBQVsVrDl58W86//e1VpMNBtRV4MaXfdMySFA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/sass-embedded": {
+      "version": "1.89.0",
+      "resolved": "https://registry.npmjs.org/sass-embedded/-/sass-embedded-1.89.0.tgz",
+      "integrity": "sha512-EDrK1el9zdgJFpocCGlxatDWaP18tJBWoM1hxzo2KJBvjdmBichXI6O6KlQrigvQPO3uJ8DfmFmAAx7s7CG6uw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@bufbuild/protobuf": "^2.0.0",
+        "buffer-builder": "^0.2.0",
+        "colorjs.io": "^0.5.0",
+        "immutable": "^5.0.2",
+        "rxjs": "^7.4.0",
+        "supports-color": "^8.1.1",
+        "sync-child-process": "^1.0.2",
+        "varint": "^6.0.0"
+      },
+      "bin": {
+        "sass": "dist/bin/sass.js"
+      },
+      "engines": {
+        "node": ">=16.0.0"
+      },
+      "optionalDependencies": {
+        "sass-embedded-android-arm": "1.89.0",
+        "sass-embedded-android-arm64": "1.89.0",
+        "sass-embedded-android-ia32": "1.89.0",
+        "sass-embedded-android-riscv64": "1.89.0",
+        "sass-embedded-android-x64": "1.89.0",
+        "sass-embedded-darwin-arm64": "1.89.0",
+        "sass-embedded-darwin-x64": "1.89.0",
+        "sass-embedded-linux-arm": "1.89.0",
+        "sass-embedded-linux-arm64": "1.89.0",
+        "sass-embedded-linux-ia32": "1.89.0",
+        "sass-embedded-linux-musl-arm": "1.89.0",
+        "sass-embedded-linux-musl-arm64": "1.89.0",
+        "sass-embedded-linux-musl-ia32": "1.89.0",
+        "sass-embedded-linux-musl-riscv64": "1.89.0",
+        "sass-embedded-linux-musl-x64": "1.89.0",
+        "sass-embedded-linux-riscv64": "1.89.0",
+        "sass-embedded-linux-x64": "1.89.0",
+        "sass-embedded-win32-arm64": "1.89.0",
+        "sass-embedded-win32-ia32": "1.89.0",
+        "sass-embedded-win32-x64": "1.89.0"
+      }
+    },
+    "node_modules/sass-embedded-android-arm": {
+      "version": "1.89.0",
+      "resolved": "https://registry.npmjs.org/sass-embedded-android-arm/-/sass-embedded-android-arm-1.89.0.tgz",
+      "integrity": "sha512-s6jxkEZQQrtyIGZX6Sbcu7tEixFG2VkqFgrX11flm/jZex7KaxnZtFace+wnYAgHqzzYpx0kNzJUpT+GXxm8CA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded-android-arm64": {
+      "version": "1.89.0",
+      "resolved": "https://registry.npmjs.org/sass-embedded-android-arm64/-/sass-embedded-android-arm64-1.89.0.tgz",
+      "integrity": "sha512-pr4R3p5R+Ul9ZA5nzYbBJQFJXW6dMGzgpNBhmaToYDgDhmNX5kg0mZAUlGLHvisLdTiR6oEfDDr9QI6tnD2nqA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded-android-ia32": {
+      "version": "1.89.0",
+      "resolved": "https://registry.npmjs.org/sass-embedded-android-ia32/-/sass-embedded-android-ia32-1.89.0.tgz",
+      "integrity": "sha512-GoNnNGYmp1F0ZMHqQbAurlQsjBMZKtDd5H60Ruq86uQFdnuNqQ9wHKJsJABxMnjfAn60IjefytM5PYTMcAmbfA==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded-android-riscv64": {
+      "version": "1.89.0",
+      "resolved": "https://registry.npmjs.org/sass-embedded-android-riscv64/-/sass-embedded-android-riscv64-1.89.0.tgz",
+      "integrity": "sha512-di+i4KkKAWTNksaQYTqBEERv46qV/tvv14TPswEfak7vcTQ2pj2mvV4KGjLYfU2LqRkX/NTXix9KFthrzFN51Q==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded-android-x64": {
+      "version": "1.89.0",
+      "resolved": "https://registry.npmjs.org/sass-embedded-android-x64/-/sass-embedded-android-x64-1.89.0.tgz",
+      "integrity": "sha512-1cRRDAnmAS1wLaxfFf6PCHu9sKW8FNxdM7ZkanwxO9mztrCu/uvfqTmaurY9+RaKvPus7sGYFp46/TNtl/wRjg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded-darwin-arm64": {
+      "version": "1.89.0",
+      "resolved": "https://registry.npmjs.org/sass-embedded-darwin-arm64/-/sass-embedded-darwin-arm64-1.89.0.tgz",
+      "integrity": "sha512-EUNUzI0UkbQ6dASPyf09S3x7fNT54PjyD594ZGTY14Yh4qTuacIj27ckLmreAJNNu5QxlbhyYuOtz+XN5bMMxA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded-darwin-x64": {
+      "version": "1.89.0",
+      "resolved": "https://registry.npmjs.org/sass-embedded-darwin-x64/-/sass-embedded-darwin-x64-1.89.0.tgz",
+      "integrity": "sha512-23R8zSuB31Fq/MYpmQ38UR2C26BsYb66VVpJgWmWl/N+sgv/+l9ECuSPMbYNgM3vb9TP9wk9dgL6KkiCS5tAyg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded-linux-arm": {
+      "version": "1.89.0",
+      "resolved": "https://registry.npmjs.org/sass-embedded-linux-arm/-/sass-embedded-linux-arm-1.89.0.tgz",
+      "integrity": "sha512-KAzA1XD74d8/fiJXxVnLfFwfpmD2XqUJZz+DL6ZAPNLH1sb+yCP7brktaOyClDc/MBu61JERdHaJjIZhfX0Yqw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded-linux-arm64": {
+      "version": "1.89.0",
+      "resolved": "https://registry.npmjs.org/sass-embedded-linux-arm64/-/sass-embedded-linux-arm64-1.89.0.tgz",
+      "integrity": "sha512-g9Lp57qyx51ttKj0AN/edV43Hu1fBObvD7LpYwVfs6u3I95r0Adi90KujzNrUqXxJVmsfUwseY8kA8zvcRjhYA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded-linux-ia32": {
+      "version": "1.89.0",
+      "resolved": "https://registry.npmjs.org/sass-embedded-linux-ia32/-/sass-embedded-linux-ia32-1.89.0.tgz",
+      "integrity": "sha512-5fxBeXyvBr3pb+vyrx9V6yd7QDRXkAPbwmFVVhjqshBABOXelLysEFea7xokh/tM8JAAQ4O8Ls3eW3Eojb477g==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded-linux-musl-arm": {
+      "version": "1.89.0",
+      "resolved": "https://registry.npmjs.org/sass-embedded-linux-musl-arm/-/sass-embedded-linux-musl-arm-1.89.0.tgz",
+      "integrity": "sha512-0Q1JeEU4/tzH7fwAwarfIh+Swn3aXG/jPhVsZpbR1c1VzkeaPngmXdmLJcVXsdb35tjk84DuYcFtJlE1HYGw4Q==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded-linux-musl-arm64": {
+      "version": "1.89.0",
+      "resolved": "https://registry.npmjs.org/sass-embedded-linux-musl-arm64/-/sass-embedded-linux-musl-arm64-1.89.0.tgz",
+      "integrity": "sha512-50oelrOtN64u15vJN9uJryIuT0+UPjyeoq0zdWbY8F7LM9294Wf+Idea+nqDUWDCj1MHndyPFmR1mjeuRouJhw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded-linux-musl-ia32": {
+      "version": "1.89.0",
+      "resolved": "https://registry.npmjs.org/sass-embedded-linux-musl-ia32/-/sass-embedded-linux-musl-ia32-1.89.0.tgz",
+      "integrity": "sha512-ILWqpTd+0RdsSw977iVAJf4CLetIbcQgLQf17ycS1N4StZKVRZs1bBfZhg/f/HU/4p5HondPAwepgJepZZdnFA==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded-linux-musl-riscv64": {
+      "version": "1.89.0",
+      "resolved": "https://registry.npmjs.org/sass-embedded-linux-musl-riscv64/-/sass-embedded-linux-musl-riscv64-1.89.0.tgz",
+      "integrity": "sha512-n2V+Tdjj7SAuiuElJYhWiHjjB1YU0cuFvL1/m5K+ecdNStfHFWIzvBT6/vzQnBOWjI4eZECNVuQ8GwGWCufZew==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded-linux-musl-x64": {
+      "version": "1.89.0",
+      "resolved": "https://registry.npmjs.org/sass-embedded-linux-musl-x64/-/sass-embedded-linux-musl-x64-1.89.0.tgz",
+      "integrity": "sha512-KOHJdouBK3SLJKZLnFYzuxs3dn+6jaeO3p4p1JUYAcVfndcvh13Sg2sLGfOfpg7Og6ws2Nnqnx0CyL26jPJ7ag==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded-linux-riscv64": {
+      "version": "1.89.0",
+      "resolved": "https://registry.npmjs.org/sass-embedded-linux-riscv64/-/sass-embedded-linux-riscv64-1.89.0.tgz",
+      "integrity": "sha512-0A/UWeKX6MYhVLWLkdX3NPKHO+mvIwzaf6TxGCy3vS3TODWaeDUeBhHShAr7YlOKv5xRGxf7Gx7FXCPV0mUyMA==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded-linux-x64": {
+      "version": "1.89.0",
+      "resolved": "https://registry.npmjs.org/sass-embedded-linux-x64/-/sass-embedded-linux-x64-1.89.0.tgz",
+      "integrity": "sha512-dRBoOFPDWctHPYK3hTk3YzyX/icVrXiw7oOjbtpaDr6JooqIWBe16FslkWyvQzdmfOFy80raKVjgoqT7DsznkQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded-win32-arm64": {
+      "version": "1.89.0",
+      "resolved": "https://registry.npmjs.org/sass-embedded-win32-arm64/-/sass-embedded-win32-arm64-1.89.0.tgz",
+      "integrity": "sha512-RnlVZ14hC/W7ubzvhqnbGfjU5PFNoFP/y5qycgCy+Mezb0IKbWvZ2Lyzux8TbL3OIjOikkNpfXoNQrX706WLAA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded-win32-ia32": {
+      "version": "1.89.0",
+      "resolved": "https://registry.npmjs.org/sass-embedded-win32-ia32/-/sass-embedded-win32-ia32-1.89.0.tgz",
+      "integrity": "sha512-eFe9VMNG+90nuoE3eXDy+38+uEHGf7xcqalq5+0PVZfR+H9RlaEbvIUNflZV94+LOH8Jb4lrfuekhHgWDJLfSg==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded-win32-x64": {
+      "version": "1.89.0",
+      "resolved": "https://registry.npmjs.org/sass-embedded-win32-x64/-/sass-embedded-win32-x64-1.89.0.tgz",
+      "integrity": "sha512-AaGpr5R6MLCuSvkvDdRq49ebifwLcuGPk0/10hbYw9nh3jpy2/CylYubQpIpR4yPcuD1wFwFqufTXC3HJYGb0g==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/socket.io-client": {
+      "version": "4.8.1",
+      "resolved": "https://registry.npmjs.org/socket.io-client/-/socket.io-client-4.8.1.tgz",
+      "integrity": "sha512-hJVXfu3E28NmzGk8o1sHhN3om52tRvwYeidbj7xKy2eIIse5IoKX3USlS6Tqt3BHAtflLIkCQBkzVrEEfWUyYQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@socket.io/component-emitter": "~3.1.0",
+        "debug": "~4.3.2",
+        "engine.io-client": "~6.6.1",
+        "socket.io-parser": "~4.2.4"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/socket.io-client/node_modules/debug": {
+      "version": "4.3.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
+      "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/socket.io-parser": {
+      "version": "4.2.4",
+      "resolved": "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-4.2.4.tgz",
+      "integrity": "sha512-/GbIKmo8ioc+NIWIhwdecY0ge+qVBSMdgxGygevmdHj24bsfgtCmcUUcQ5ZzcylGFHsN3k4HB4Cgkl96KVnuew==",
+      "license": "MIT",
+      "dependencies": {
+        "@socket.io/component-emitter": "~3.1.0",
+        "debug": "~4.3.1"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/socket.io-parser/node_modules/debug": {
+      "version": "4.3.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
+      "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/style-to-object": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/style-to-object/-/style-to-object-1.0.9.tgz",
+      "integrity": "sha512-G4qppLgKu/k6FwRpHiGiKPaPTFcG3g4wNVX/Qsfu+RqQM30E7Tyu/TEgxcL9PNLF5pdRLwQdE3YKKf+KF2Dzlw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "inline-style-parser": "0.2.4"
+      }
+    },
+    "node_modules/supports-color": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/supports-color?sponsor=1"
+      }
+    },
+    "node_modules/svelecte": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/svelecte/-/svelecte-5.2.0.tgz",
+      "integrity": "sha512-xLg32wrb8FMg5scyMjSHl9eETQaI2pH3XfgtmHfZZ7pdo+5IsE7/pPZrF9T0AzTNhZHfbp23AJTqUeIkMTqDgA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "svelte": "^5.2.7"
+      }
+    },
+    "node_modules/svelte": {
+      "version": "5.33.10",
+      "resolved": "https://registry.npmjs.org/svelte/-/svelte-5.33.10.tgz",
+      "integrity": "sha512-/yArPQIBoQS2p86LKnvJywOXkVHeEXnFgrDPSxkEfIAEkykopYuy2bF6UUqHG4IbZlJD6OurLxJT8Kn7kTk9WA==",
+      "license": "MIT",
+      "dependencies": {
+        "@ampproject/remapping": "^2.3.0",
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@sveltejs/acorn-typescript": "^1.0.5",
+        "@types/estree": "^1.0.5",
+        "acorn": "^8.12.1",
+        "aria-query": "^5.3.1",
+        "axobject-query": "^4.1.0",
+        "clsx": "^2.1.1",
+        "esm-env": "^1.2.1",
+        "esrap": "^1.4.6",
+        "is-reference": "^3.0.3",
+        "locate-character": "^3.0.0",
+        "magic-string": "^0.30.11",
+        "zimmerframe": "^1.1.2"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/svelte-sonner": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/svelte-sonner/-/svelte-sonner-1.0.5.tgz",
+      "integrity": "sha512-9dpGPFqKb/QWudYqGnEz93vuY+NgCEvyNvxoCLMVGw6sDN/3oVeKV1xiEirW2E1N3vJEyj5imSBNOGltQHA7mg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "runed": "^0.28.0"
+      },
+      "peerDependencies": {
+        "svelte": "^5.0.0"
+      }
+    },
+    "node_modules/svelte-sonner/node_modules/runed": {
+      "version": "0.28.0",
+      "resolved": "https://registry.npmjs.org/runed/-/runed-0.28.0.tgz",
+      "integrity": "sha512-k2xx7RuO9hWcdd9f+8JoBeqWtYrm5CALfgpkg2YDB80ds/QE4w0qqu34A7fqiAwiBBSBQOid7TLxwxVC27ymWQ==",
+      "dev": true,
+      "funding": [
+        "https://github.com/sponsors/huntabyte",
+        "https://github.com/sponsors/tglide"
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "esm-env": "^1.0.0"
+      },
+      "peerDependencies": {
+        "svelte": "^5.7.0"
+      }
+    },
+    "node_modules/svelte-spa-router": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/svelte-spa-router/-/svelte-spa-router-4.0.1.tgz",
+      "integrity": "sha512-2JkmUQ2f9jRluijL58LtdQBIpynSbem2eBGp4zXdi7aDY1znbR6yjw0KsonD0aq2QLwf4Yx4tBJQjxIjgjXHKg==",
+      "license": "MIT",
+      "dependencies": {
+        "regexparam": "2.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ItalyPaleAle"
+      }
+    },
+    "node_modules/svelte-toolbelt": {
+      "version": "0.9.3",
+      "resolved": "https://registry.npmjs.org/svelte-toolbelt/-/svelte-toolbelt-0.9.3.tgz",
+      "integrity": "sha512-HCSWxCtVmv+c6g1ACb8LTwHVbDqLKJvHpo6J8TaqwUme2hj9ATJCpjCPNISR1OCq2Q4U1KT41if9ON0isINQZw==",
+      "dev": true,
+      "funding": [
+        "https://github.com/sponsors/huntabyte"
+      ],
+      "dependencies": {
+        "clsx": "^2.1.1",
+        "runed": "^0.29.0",
+        "style-to-object": "^1.0.8"
+      },
+      "engines": {
+        "node": ">=18",
+        "pnpm": ">=8.7.0"
+      },
+      "peerDependencies": {
+        "svelte": "^5.30.2"
+      }
+    },
+    "node_modules/sync-child-process": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/sync-child-process/-/sync-child-process-1.0.2.tgz",
+      "integrity": "sha512-8lD+t2KrrScJ/7KXCSyfhT3/hRq78rC0wBFqNJXv3mZyn6hW2ypM05JmlSvtqRbeq6jqA94oHbxAr2vYsJ8vDA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "sync-message-port": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=16.0.0"
+      }
+    },
+    "node_modules/sync-message-port": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/sync-message-port/-/sync-message-port-1.1.3.tgz",
+      "integrity": "sha512-GTt8rSKje5FilG+wEdfCkOcLL7LWqpMlr2c3LRuKt/YXxcJ52aGSbGBAdI4L3aaqfrBt6y711El53ItyH1NWzg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=16.0.0"
+      }
+    },
+    "node_modules/tabbable": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/tabbable/-/tabbable-6.2.0.tgz",
+      "integrity": "sha512-Cat63mxsVJlzYvN51JmVXIgNoUokrIaT2zLclCXjRd8boZ0004U4KCs/sToJ75C6sdlByWxpYnb5Boif1VSFew==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/tailwind-merge": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-3.3.0.tgz",
+      "integrity": "sha512-fyW/pEfcQSiigd5SNn0nApUOxx0zB/dm6UDU/rEwc2c3sX2smWUNbapHv+QRqLGVp9GWX3THIa7MUGPo+YkDzQ==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/dcastil"
+      }
+    },
+    "node_modules/tailwind-variants": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/tailwind-variants/-/tailwind-variants-1.0.0.tgz",
+      "integrity": "sha512-2WSbv4ulEEyuBKomOunut65D8UZwxrHoRfYnxGcQNnHqlSCp2+B7Yz2W+yrNDrxRodOXtGD/1oCcKGNBnUqMqA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tailwind-merge": "3.0.2"
+      },
+      "engines": {
+        "node": ">=16.x",
+        "pnpm": ">=7.x"
+      },
+      "peerDependencies": {
+        "tailwindcss": "*"
+      }
+    },
+    "node_modules/tailwind-variants/node_modules/tailwind-merge": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-3.0.2.tgz",
+      "integrity": "sha512-l7z+OYZ7mu3DTqrL88RiKrKIqO3NcpEO8V/Od04bNpvk0kiIFndGEoqfuzvj4yuhRkHKjRkII2z+KS2HfPcSxw==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/dcastil"
+      }
+    },
+    "node_modules/tailwindcss": {
+      "version": "4.1.8",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.1.8.tgz",
+      "integrity": "sha512-kjeW8gjdxasbmFKpVGrGd5T4i40mV5J2Rasw48QARfYeQ8YS9x02ON9SFWax3Qf616rt4Cp3nVNIj6Hd1mP3og==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/tapable": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.2.tgz",
+      "integrity": "sha512-Re10+NauLTMCudc7T5WLFLAwDhQ0JWdrMK+9B2M8zR5hRExKmsRDCBA7/aV/pNJFltmBFO5BAMlQFi/vq3nKOg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/tar": {
+      "version": "7.4.3",
+      "resolved": "https://registry.npmjs.org/tar/-/tar-7.4.3.tgz",
+      "integrity": "sha512-5S7Va8hKfV7W5U6g3aYxXmlPoZVAwUMy9AOKyF2fVuZa2UD3qZjg578OrLRt8PcNN1PleVaL/5/yYATNL0ICUw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "@isaacs/fs-minipass": "^4.0.0",
+        "chownr": "^3.0.0",
+        "minipass": "^7.1.2",
+        "minizlib": "^3.0.1",
+        "mkdirp": "^3.0.1",
+        "yallist": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/tinyglobby": {
+      "version": "0.2.14",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.14.tgz",
+      "integrity": "sha512-tX5e7OM1HnYr2+a2C/4V0htOcSQcoSTH9KgJnVvNm5zm/cyEWKJ7j7YutsH9CxMdtOkkLFy2AHrMci9IM8IPZQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fdir": "^6.4.4",
+        "picomatch": "^4.0.2"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/SuperchupuDev"
+      }
+    },
+    "node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "dev": true,
+      "license": "0BSD"
+    },
+    "node_modules/tw-animate-css": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/tw-animate-css/-/tw-animate-css-1.3.2.tgz",
+      "integrity": "sha512-khGYcg4sHWFWcjpiWvy0KN0Bd6yVy6Ecc4r9ZP2u7FV+n4/Fp8MQscCWJkM0KMIRvrpGyKpIQnIbEd1hrewdeg==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/Wombosvideo"
+      }
+    },
+    "node_modules/uuid": {
+      "version": "8.3.2",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
+      "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==",
+      "license": "MIT",
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
+    "node_modules/uuid-parse": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/uuid-parse/-/uuid-parse-1.1.0.tgz",
+      "integrity": "sha512-OdmXxA8rDsQ7YpNVbKSJkNzTw2I+S5WsbMDnCtIWSQaosNAcWtFuI/YK1TjzUI6nbkgiqEyh8gWngfcv8Asd9A==",
+      "license": "MIT"
+    },
+    "node_modules/varint": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/varint/-/varint-6.0.0.tgz",
+      "integrity": "sha512-cXEIW6cfr15lFv563k4GuVuW/fiwjknytD37jIOLSdSWuOI6WnO/oKwmP2FQTU2l01LP8/M5TSAJpzUaGe3uWg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/vite": {
+      "version": "6.3.5",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-6.3.5.tgz",
+      "integrity": "sha512-cZn6NDFE7wdTpINgs++ZJ4N49W2vRp8LCKrn3Ob1kYNtOo21vfDoaV5GzBfLU4MovSAB8uNRm4jgzVQZ+mBzPQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "esbuild": "^0.25.0",
+        "fdir": "^6.4.4",
+        "picomatch": "^4.0.2",
+        "postcss": "^8.5.3",
+        "rollup": "^4.34.9",
+        "tinyglobby": "^0.2.13"
+      },
+      "bin": {
+        "vite": "bin/vite.js"
+      },
+      "engines": {
+        "node": "^18.0.0 || ^20.0.0 || >=22.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/vitejs/vite?sponsor=1"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.3"
+      },
+      "peerDependencies": {
+        "@types/node": "^18.0.0 || ^20.0.0 || >=22.0.0",
+        "jiti": ">=1.21.0",
+        "less": "*",
+        "lightningcss": "^1.21.0",
+        "sass": "*",
+        "sass-embedded": "*",
+        "stylus": "*",
+        "sugarss": "*",
+        "terser": "^5.16.0",
+        "tsx": "^4.8.1",
+        "yaml": "^2.4.2"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        },
+        "jiti": {
+          "optional": true
+        },
+        "less": {
+          "optional": true
+        },
+        "lightningcss": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        },
+        "sass-embedded": {
+          "optional": true
+        },
+        "stylus": {
+          "optional": true
+        },
+        "sugarss": {
+          "optional": true
+        },
+        "terser": {
+          "optional": true
+        },
+        "tsx": {
+          "optional": true
+        },
+        "yaml": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vitefu": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/vitefu/-/vitefu-1.0.6.tgz",
+      "integrity": "sha512-+Rex1GlappUyNN6UfwbVZne/9cYC4+R2XDk9xkNXBKMw6HQagdX9PgZ8V2v1WUSK1wfBLp7qbI1+XSNIlB1xmA==",
+      "dev": true,
+      "license": "MIT",
+      "workspaces": [
+        "tests/deps/*",
+        "tests/projects/*"
+      ],
+      "peerDependencies": {
+        "vite": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0"
+      },
+      "peerDependenciesMeta": {
+        "vite": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/ws": {
+      "version": "8.17.1",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.17.1.tgz",
+      "integrity": "sha512-6XQFvXTkbfUOZOKKILFG1PDK2NDQs4azKQl26T0YS5CxqWLgXajbPZ+h4gZekJyRqFU8pvnbAbbs/3TgRPy+GQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": ">=5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/xmlhttprequest-ssl": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/xmlhttprequest-ssl/-/xmlhttprequest-ssl-2.1.2.tgz",
+      "integrity": "sha512-TEU+nJVUUnA4CYJFLvK5X9AOeH4KvDvhIfm0vV1GaQRtchnG0hgK5p8hw/xjv8cunWYCsiPCSDzObPyhEwq3KQ==",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/yallist": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-5.0.0.tgz",
+      "integrity": "sha512-YgvUTfwqyc7UXVMrB+SImsVYSmTS8X/tSrtdNZMImM+n7+QTriRXyXim0mBrTXNeqzVF0KWGgHPeiyViFFrNDw==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/zimmerframe": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/zimmerframe/-/zimmerframe-1.1.2.tgz",
+      "integrity": "sha512-rAbqEGa8ovJy4pyBxZM70hg4pE6gDgaQ0Sl9M3enG3I0d6H4XSAM3GeNGLKnsBpuijUow064sf7ww1nutC5/3w==",
+      "license": "MIT"
+    }
+  }
+}
diff --git a/src/ifctester/webapp/package.json b/src/ifctester/webapp/package.json
new file mode 100644
index 0000000000..001aaa110f
--- /dev/null
+++ b/src/ifctester/webapp/package.json
@@ -0,0 +1,37 @@
+{
+  "name": "ifctester-next",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview",
+    "deploy": "npm run build && npx wrangler pages deploy dist"
+  },
+  "devDependencies": {
+    "@internationalized/date": "^3.8.1",
+    "@lucide/svelte": "^0.515.0",
+    "@sveltejs/vite-plugin-svelte": "^5.0.3",
+    "@tailwindcss/vite": "^4.0.0",
+    "bits-ui": "^2.8.10",
+    "clsx": "^2.1.1",
+    "mode-watcher": "^1.1.0",
+    "sass-embedded": "^1.89.0",
+    "svelte": "^5.28.1",
+    "svelte-sonner": "^1.0.5",
+    "tailwind-merge": "^3.3.0",
+    "tailwind-variants": "^1.0.0",
+    "tailwindcss": "^4.0.0",
+    "tw-animate-css": "^1.3.2",
+    "vite": "^6.3.5"
+  },
+  "dependencies": {
+    "eventemitter3": "^5.0.1",
+    "hyperid": "^3.3.0",
+    "lucide-svelte": "^0.542.0",
+    "socket.io-client": "^4.8.1",
+    "svelecte": "^5.2.0",
+    "svelte-spa-router": "^4.0.1"
+  }
+}
diff --git a/src/ifctester/webapp/public/fonts/dmsans/DMSans-Italic-VariableFont_opsz,wght.ttf b/src/ifctester/webapp/public/fonts/dmsans/DMSans-Italic-VariableFont_opsz,wght.ttf
new file mode 100644
index 0000000000..b57690ab60
Binary files /dev/null and b/src/ifctester/webapp/public/fonts/dmsans/DMSans-Italic-VariableFont_opsz,wght.ttf differ
diff --git a/src/ifctester/webapp/public/fonts/dmsans/DMSans-VariableFont_opsz,wght.ttf b/src/ifctester/webapp/public/fonts/dmsans/DMSans-VariableFont_opsz,wght.ttf
new file mode 100644
index 0000000000..94c9e1c97d
Binary files /dev/null and b/src/ifctester/webapp/public/fonts/dmsans/DMSans-VariableFont_opsz,wght.ttf differ
diff --git a/src/ifctester/webapp/public/images/no_document.svg b/src/ifctester/webapp/public/images/no_document.svg
new file mode 100644
index 0000000000..e14df3451f
--- /dev/null
+++ b/src/ifctester/webapp/public/images/no_document.svg
@@ -0,0 +1,63 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="800" height="783.031" viewBox="0 0 800 783.031" xmlns:xlink="http://www.w3.org/1999/xlink" role="img" artist="Katerina Limpitsouni" source="https://undraw.co/">
+  <g id="Group_178" data-name="Group 178" transform="translate(-656 -242)">
+    <g id="Group_177" data-name="Group 177" transform="translate(656 242)">
+      <path id="Path_2918-215" data-name="Path 2918" d="M914.2,382.533q-.65-3.406-1.369-6.789c-1.077-5.056-2.259-10.1-3.535-15.1-.632-2.528-1.311-5.056-2-7.573v-.012A392.052,392.052,0,0,0,545.043,66.735h-.035q-7.532-.3-15.1-.293c-1.381,0-2.762.012-4.131.035A391.992,391.992,0,0,0,152.944,351.586q-1.089,3.827-2.072,7.678c-1.311,5.045-2.5,10.113-3.617,15.216v.012c-.492,2.282-.96,4.553-1.416,6.835a395.6,395.6,0,0,0-7.444,76.629c0,9.82.363,19.652,1.089,29.3.105,1.381.21,2.762.327,4.132.281,3.453.632,7.046,1.042,10.7a391.609,391.609,0,0,0,756.588,91.084q4.056-11.008,7.421-22.239a385.285,385.285,0,0,0,12.407-55.76q.965-6.531,1.7-13.086c.41-3.652.761-7.245,1.042-10.686.936-10.967,1.416-22.215,1.416-33.44a395.4,395.4,0,0,0-7.221-75.424Z" transform="translate(-121.423 -66.442)" fill="#fff"/>
+      <path id="Path_2919-216" data-name="Path 2919" d="M506.048,137.05a1.028,1.028,0,1,1,0-2.057h68.076A32.535,32.535,0,0,1,605.6,110.127a45.245,45.245,0,0,1,82.18-9.652c1.012-.079,2-.119,2.958-.119a38.41,38.41,0,0,1,38.2,35.592,1.028,1.028,0,0,1-.954,1.1l-.073,0a1.028,1.028,0,0,1-1.025-.956Z" transform="translate(-5.811 -62.72)" fill="#e6e6e6"/>
+      <path id="Path_2920-217" data-name="Path 2920" d="M705.856,133.47H537.193a1.028,1.028,0,1,1,0-2.057H705.856a1.028,1.028,0,1,1,0,2.057Z" transform="translate(4.01 -45.954)" fill="#e6e6e6"/>
+      <rect id="Rectangle_663" data-name="Rectangle 663" width="46.814" height="108.524" transform="translate(88.233 423.738)" fill="#090814"/>
+      <rect id="Rectangle_664" data-name="Rectangle 664" width="46.814" height="108.524" transform="translate(681.923 423.738)" fill="#090814"/>
+      <path id="Path_2921-218" data-name="Path 2921" d="M889.646,466.426C834.857,615.354,691.711,721.583,523.764,721.583S212.671,615.354,157.882,466.426Z" transform="translate(-115.278 59.69)" fill="#1ca595"/>
+      <circle id="Ellipse_470" data-name="Ellipse 470" cx="134.601" cy="134.601" r="134.601" transform="translate(0 62.619)" fill="#e6e6e6"/>
+      <path id="Path_2922-219" data-name="Path 2922" d="M914.2,382.533q-.65-3.406-1.369-6.789c-1.077-5.056-2.259-10.1-3.535-15.1-.632-2.528-1.311-5.056-2-7.573v-.012A392.052,392.052,0,0,0,545.043,66.735h-.035q-7.532-.3-15.1-.293c-1.381,0-2.762.012-4.131.035A391.992,391.992,0,0,0,152.944,351.586q-1.089,3.827-2.072,7.678c-1.311,5.045-2.5,10.113-3.617,15.216v.012c-.492,2.282-.96,4.553-1.416,6.835a395.6,395.6,0,0,0-7.444,76.629c0,9.82.363,19.652,1.089,29.3.105,1.381.21,2.762.327,4.132.281,3.453.632,7.046,1.042,10.7a391.609,391.609,0,0,0,756.588,91.084q4.056-11.008,7.421-22.239a385.285,385.285,0,0,0,12.407-55.76q.965-6.531,1.7-13.086c.41-3.652.761-7.245,1.042-10.686.936-10.967,1.416-22.215,1.416-33.44a395.4,395.4,0,0,0-7.221-75.424ZM916.507,491.1c-.269,3.406-.62,6.976-1.03,10.581q-.737,6.514-1.673,12.992a386.684,386.684,0,0,1-12.3,55.268q-3.354,11.113-7.362,22C838.252,743.885,691.875,845.96,529.909,845.96S221.567,743.885,165.678,591.949a385.547,385.547,0,0,1-21.337-90.265c-.41-3.6-.761-7.175-1.042-10.593-.117-1.358-.222-2.715-.327-4.085-.7-9.562-1.065-19.324-1.065-29.05a387.49,387.49,0,0,1,8.4-80.5c.492-2.353,1.018-4.693,1.545-7.034v-.012q1.861-7.936,4.015-15.754c.2-.726.4-1.451.609-2.165q.28-1.036.6-2.072c.351-1.264.726-2.516,1.1-3.757C205.754,188.028,352.317,71.779,525.8,69.977c1.369-.012,2.739-.023,4.108-.023q7.515,0,14.982.281c169.27,6.461,311.117,121.89,357.221,277.981q1.159,3.933,2.247,7.912c1.4,5.15,2.7,10.358,3.9,15.59q.79,3.476,1.51,6.987a387.08,387.08,0,0,1,8.146,79.251C917.912,469.076,917.444,480.23,916.507,491.1Z" transform="translate(-121.423 -66.442)" fill="#090814"/>
+      <rect id="Rectangle_665" data-name="Rectangle 665" width="36.175" height="68.093" transform="translate(93.554 360.965)" fill="#090814"/>
+      <rect id="Rectangle_666" data-name="Rectangle 666" width="8.512" height="153.21" transform="translate(98.874 214.138)" fill="#090814"/>
+      <rect id="Rectangle_667" data-name="Rectangle 667" width="8.512" height="153.21" transform="translate(115.897 214.138)" fill="#090814"/>
+      <rect id="Rectangle_668" data-name="Rectangle 668" width="19.151" height="10.64" transform="translate(103.131 220.522)" fill="#090814"/>
+      <rect id="Rectangle_669" data-name="Rectangle 669" width="19.151" height="10.64" transform="translate(103.131 263.08)" fill="#090814"/>
+      <rect id="Rectangle_670" data-name="Rectangle 670" width="19.151" height="10.64" transform="translate(103.131 309.894)" fill="#090814"/>
+      <rect id="Rectangle_671" data-name="Rectangle 671" width="4.256" height="10.64" transform="translate(101.001 207.754)" fill="#090814"/>
+      <rect id="Rectangle_672" data-name="Rectangle 672" width="4.256" height="10.64" transform="translate(118.026 207.754)" fill="#090814"/>
+      <rect id="Rectangle_673" data-name="Rectangle 673" width="36.175" height="68.093" transform="translate(687.243 360.965)" fill="#090814"/>
+      <rect id="Rectangle_674" data-name="Rectangle 674" width="8.512" height="153.21" transform="translate(692.564 214.138)" fill="#090814"/>
+      <rect id="Rectangle_675" data-name="Rectangle 675" width="8.512" height="153.21" transform="translate(709.586 214.138)" fill="#090814"/>
+      <rect id="Rectangle_676" data-name="Rectangle 676" width="19.151" height="10.64" transform="translate(696.818 220.522)" fill="#090814"/>
+      <rect id="Rectangle_677" data-name="Rectangle 677" width="19.151" height="10.64" transform="translate(696.818 263.08)" fill="#090814"/>
+      <rect id="Rectangle_678" data-name="Rectangle 678" width="19.151" height="10.64" transform="translate(696.818 309.894)" fill="#090814"/>
+      <rect id="Rectangle_679" data-name="Rectangle 679" width="4.256" height="10.64" transform="translate(694.691 207.754)" fill="#090814"/>
+      <rect id="Rectangle_680" data-name="Rectangle 680" width="4.256" height="10.64" transform="translate(711.713 207.754)" fill="#090814"/>
+      <path id="Path_2923-220" data-name="Path 2923" d="M917.505,389.4q-.439,5.355-1.041,10.639H141.839q-.6-5.285-1.041-10.639Z" transform="translate(-120.666 35.401)" fill="#090814"/>
+      <path id="Path_2924-221" data-name="Path 2924" d="M515.482,424.693c-102.026,0-207.255-66.265-312.844-197.029l3.311-2.675C312.155,356.519,417.736,422.315,519.7,420.4c99.111-1.811,197.892-67.535,293.6-195.348l3.407,2.552C720.175,356.521,620.274,422.818,519.782,424.655Q517.633,424.694,515.482,424.693Z" transform="translate(-101.165 -16.445)" fill="#090814"/>
+      <path id="Path_2925-222" data-name="Path 2925" d="M511.075,410.395c-96.371,0-195.758-61.448-295.485-182.712l3.287-2.7C319.169,346.93,418.815,407.834,515.151,406.1c93.523-1.716,186.738-62.634,277.056-181.061l3.384,2.581C704.445,347.134,610.117,408.616,515.229,410.357,513.846,410.382,512.459,410.395,511.075,410.395Z" transform="translate(-97.081 -16.448)" fill="#090814"/>
+      <path id="Path_2926-223" data-name="Path 2926" d="M752.237,332.535c-1.475-1.264-2.961-2.54-4.436-3.827q-47.772-41.592-95.789-101.045l3.312-2.669q45.594,56.48,90.967,96.726,2.282,2.037,4.577,4.026Q751.587,329.135,752.237,332.535Z" transform="translate(40.542 -16.444)" fill="#090814"/>
+      <path id="Path_2927-224" data-name="Path 2927" d="M743.25,310.653q-2.476-2.212-4.939-4.518a785.148,785.148,0,0,1-73.352-78.455l3.289-2.7a793.373,793.373,0,0,0,67.816,73.247c1.732,1.65,3.453,3.265,5.185,4.846v.012C741.939,305.6,742.618,308.125,743.25,310.653Z" transform="translate(44.625 -16.449)" fill="#090814"/>
+      <rect id="Rectangle_681" data-name="Rectangle 681" width="4.256" height="184.538" transform="translate(146.992 243.456)" fill="#090814"/>
+      <rect id="Rectangle_682" data-name="Rectangle 682" width="4.256" height="144.025" transform="translate(186.583 283.969)" fill="#090814"/>
+      <rect id="Rectangle_683" data-name="Rectangle 683" width="4.256" height="100.05" transform="translate(240.515 329.008)" fill="#090814"/>
+      <rect id="Rectangle_684" data-name="Rectangle 684" width="4.256" height="67.029" transform="translate(292.142 360.965)" fill="#090814"/>
+      <rect id="Rectangle_685" data-name="Rectangle 685" width="4.256" height="51.089" transform="translate(334.981 379.033)" fill="#090814"/>
+      <rect id="Rectangle_686" data-name="Rectangle 686" width="4.256" height="184.538" transform="translate(736.898 243.456)" fill="#090814"/>
+      <rect id="Rectangle_687" data-name="Rectangle 687" width="4.256" height="144.025" transform="translate(776.489 283.969)" fill="#090814"/>
+      <path id="Path_2928-225" data-name="Path 2928" d="M242.886,227.663q-22.191,27.476-44.348,51.172-2.142,2.265-4.249,4.506-17.7,18.592-35.336,34.762-2.141,1.966-4.26,3.874c-2.06,1.849-4.109,3.675-6.168,5.478-.48.421-.948.843-1.428,1.252-1.006.878-2.025,1.756-3.043,2.622.457-2.282.925-4.553,1.416-6.835v-.012c1.054-.9,2.1-1.826,3.137-2.762.491-.433.972-.866,1.463-1.3v-.012q2.317-2.054,4.623-4.167,2.141-1.931,4.26-3.921,17.645-16.345,35.336-35.2c1.416-1.51,2.832-3.02,4.249-4.553q20.506-22.139,41.036-47.579Z" transform="translate(-119.639 -16.444)" fill="#090814"/>
+      <path id="Path_2929-226" data-name="Path 2929" d="M224.65,227.68Q210.762,244.57,196.9,259.9c-1.276,1.4-2.54,2.8-3.815,4.178q-17.856,19.47-35.687,36.342-1.967,1.861-3.909,3.675c-.2.2-.41.386-.609.562-.527.5-1.053.983-1.58,1.475-1.136,1.065-2.271,2.107-3.418,3.137q.983-3.845,2.072-7.678,1.808-1.65,3.593-3.371c.55-.515,1.089-1.03,1.639-1.557q18.4-17.469,36.834-37.735,14.66-16.117,29.343-33.955Z" transform="translate(-118.432 -16.449)" fill="#090814"/>
+      <rect id="Rectangle_688" data-name="Rectangle 688" width="4.256" height="184.538" transform="translate(74.648 243.456)" fill="#090814"/>
+      <rect id="Rectangle_689" data-name="Rectangle 689" width="4.256" height="144.025" transform="translate(35.057 283.969)" fill="#090814"/>
+      <rect id="Rectangle_690" data-name="Rectangle 690" width="4.256" height="188.793" transform="translate(672.109 239.2)" fill="#090814"/>
+      <rect id="Rectangle_691" data-name="Rectangle 691" width="4.256" height="144.025" transform="translate(632.515 283.969)" fill="#090814"/>
+      <rect id="Rectangle_692" data-name="Rectangle 692" width="4.256" height="100.05" transform="translate(578.586 329.008)" fill="#090814"/>
+      <rect id="Rectangle_693" data-name="Rectangle 693" width="4.256" height="67.029" transform="translate(526.959 360.965)" fill="#090814"/>
+      <rect id="Rectangle_694" data-name="Rectangle 694" width="4.256" height="51.089" transform="translate(484.118 379.033)" fill="#090814"/>
+      <rect id="Rectangle_695" data-name="Rectangle 695" width="4.256" height="38.53" transform="translate(401.616 391.592)" fill="#090814"/>
+      <path id="Path_2930-227" data-name="Path 2930" d="M438.4,547.825H340.018a5.725,5.725,0,1,1,0-11.449H438.4a5.725,5.725,0,0,1,0,11.449Z" transform="translate(-59.648 81.748)" fill="#fff"/>
+      <path id="Path_2931-228" data-name="Path 2931" d="M558.407,521.032H460.025a5.725,5.725,0,1,1,0-11.449h98.381a5.724,5.724,0,1,1,0,11.449Z" transform="translate(-21.805 73.299)" fill="#fff"/>
+      <path id="Path_2932-229" data-name="Path 2932" d="M509.8,585.3H411.415a5.725,5.725,0,0,1,0-11.449H509.8a5.725,5.725,0,0,1,0,11.449Z" transform="translate(-37.134 93.564)" fill="#fff"/>
+      <path id="Path_2933-230" data-name="Path 2933" d="M362.048,212.05a1.028,1.028,0,1,1,0-2.057h68.076A32.535,32.535,0,0,1,461.6,185.127a45.245,45.245,0,0,1,82.18-9.652c1.012-.079,2-.119,2.958-.119a38.41,38.41,0,0,1,38.2,35.592,1.028,1.028,0,0,1-.954,1.1l-.073,0a1.028,1.028,0,0,1-1.025-.956Z" transform="translate(-51.22 -39.069)" fill="#e6e6e6"/>
+      <path id="Path_2934-231" data-name="Path 2934" d="M438.029,219.807H381.465a1.028,1.028,0,1,1,0-2.057h56.564a1.028,1.028,0,1,1,0,2.057Z" transform="translate(-45.097 -18.728)" fill="#e6e6e6"/>
+      <path id="Path_2935-232" data-name="Path 2935" d="M451.665,113.7l8.553-6.841c-6.644-.733-9.374,2.891-10.492,5.759-5.191-2.155-10.842.669-10.842.669L456,119.5A12.949,12.949,0,0,0,451.665,113.7Z" transform="translate(-26.666 -53.727)" fill="#090814"/>
+      <path id="Path_2936-233" data-name="Path 2936" d="M474.8,248.956l8.553-6.841c-6.644-.733-9.374,2.891-10.492,5.759-5.191-2.155-10.842.669-10.842.669l17.113,6.213a12.949,12.949,0,0,0-4.332-5.8Z" transform="translate(-19.371 -11.075)" fill="#090814"/>
+      <path id="Path_2937-234" data-name="Path 2937" d="M626.963,198.235l8.553-6.841c-6.644-.733-9.374,2.891-10.492,5.759-5.191-2.155-10.842.669-10.842.669l17.113,6.213A12.95,12.95,0,0,0,626.963,198.235Z" transform="translate(28.613 -27.069)" fill="#090814"/>
+      <rect id="Rectangle_696" data-name="Rectangle 696" width="83.102" height="14.045" transform="translate(67.887 512.07)" fill="#090814"/>
+      <rect id="Rectangle_697" data-name="Rectangle 697" width="83.102" height="14.045" transform="translate(663.644 512.07)" fill="#090814"/>
+      <rect id="Rectangle_698" data-name="Rectangle 698" width="778.085" height="3.511" transform="translate(19.376 414.524)" fill="#090814"/>
+    </g>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/src/ifctester/webapp/public/logo.svg b/src/ifctester/webapp/public/logo.svg
new file mode 100644
index 0000000000..ff1b337054
--- /dev/null
+++ b/src/ifctester/webapp/public/logo.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32mm" height="32mm" version="1.1" viewBox="0 0 32 32" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:serif="http://www.serif.com/" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><linearGradient id="d" x2="1" gradientTransform="matrix(388.04 -111.5 84.017 279.39 391.79 1018.9)" gradientUnits="userSpaceOnUse"><stop stop-color="#3bb549" offset="0"/><stop stop-color="#f5ee30" offset="1"/></linearGradient><linearGradient id="c" x2=".95791" y2=".0001803" gradientTransform="matrix(122.94 -266.68 378.61 181.95 228.98 392.44)" gradientUnits="userSpaceOnUse"><stop stop-color="#f5ee30" offset="0"/><stop stop-color="#3bb549" offset="1"/></linearGradient><linearGradient id="b" x2="1" gradientTransform="matrix(208.13 0 0 420.73 148.9 534.09)" gradientUnits="userSpaceOnUse"><stop stop-color="#f1592a" offset="0"/><stop stop-color="#f5e732" offset="1"/></linearGradient><linearGradient id="a" x2="1" gradientTransform="matrix(401.83 285.46 -279.32 410.66 391.79 578.6)" gradientUnits="userSpaceOnUse"><stop stop-color="#f5e732" offset="0"/><stop stop-color="#f1592a" offset="1"/></linearGradient></defs><g transform="translate(-1082.3 -67.993)"><g transform="matrix(.02877 0 0 .027964 1085.1 67.175)" clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" stroke-width="8.4072" serif:id="Logo IfcOpenShell"><path d="m744.02 832.33c18.051 11.403 55.982 31.518 63.628 94.935l-0.12525 23.628c-8.342 104.33-183.41 185.58-415.74 186.93v-215.59c141.61-0.7966 269.74-30.595 352.23-89.901z" fill="url(#d)" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" stroke-width="8.1335"/><path d="m181.03 442.16c-12.017-10.232-30.084-43.15-32.067-93.421l-0.0617-16.621c1.4066-109.27 91.01-193.98 208.13-195.34v214.31c-47.868 0.55282-122.9 15.206-176 91.069z" fill="url(#c)" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" stroke-width="8.3203"/><path d="m148.9 334.48c1.4117 109.69 91.548 194.06 208.13 195.34v214.63c-116.74-1.3026-206.72-85.776-208.13-195.34z" fill="url(#b)" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" stroke-width="8.3203"/><path d="m391.79 744.46v-214.64c235.46 1.3846 413.03 88.962 415.86 200.34v214.64c-2.8649-112.42-183.57-199-415.86-200.34z" fill="url(#a)" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" stroke-width="8.3164"/><rect transform="matrix(4.3448 0 0 4.47 -94.827 29.251)" x="-8.2421e-7" y="-1.0518e-16" width="256" height="256" fill="none"/></g></g></svg>
diff --git a/src/ifctester/webapp/public/worker/api.py b/src/ifctester/webapp/public/worker/api.py
new file mode 100644
index 0000000000..20791f162e
--- /dev/null
+++ b/src/ifctester/webapp/public/worker/api.py
@@ -0,0 +1,194 @@
+import ifcopenshell
+import ifcopenshell.util
+import ifcopenshell.util.pset
+import ifcopenshell.util.schema
+import xml.etree.ElementTree as ET
+from xmlschema.validators.exceptions import XMLSchemaValidationError
+from ifctester.ids import Ids, IdsXmlValidationError, get_schema
+
+# https://github.com/buildingSMART/IDS/blob/9914d568c7ac037acd97e58a0d16e9f93c3e3416/Schema/ids.xsd#L232
+ifc_schemas = ["IFC2X3", "IFC4", "IFC4X3_ADD2"]
+
+
+def get_predefined_types_for_entity(schema_name, entity_name):
+    """Get a list of predefined types for a given entity."""
+
+    schema = ifcopenshell.schema_by_name(schema_name)
+
+    try:
+        entity = schema.declaration_by_name(entity_name)
+    except:
+        return []
+
+    if not entity or not entity.as_entity():
+        print(f"Entity {entity_name} not found")
+        return []
+
+    entity = entity.as_entity()
+    predefined_type_attr = None
+
+    # Check all attributes for "PredefinedType"
+    for attr in entity.all_attributes():
+        if attr.name() == "PredefinedType":
+            predefined_type_attr = attr
+            break
+
+    if not predefined_type_attr:
+        return []
+
+    param_type = predefined_type_attr.type_of_attribute()
+
+    if param_type.as_named_type():
+        enum_decl = param_type.as_named_type().declared_type()
+        if enum_decl.as_enumeration_type():
+            return enum_decl.as_enumeration_type().enumeration_items()
+
+    return []
+
+
+def get_all_entity_classes(schema_name):
+    """Get all IFC entity classes in the given schema."""
+
+    schema = ifcopenshell.schema_by_name(schema_name)
+    entities = []
+
+    for entity in schema.entities():
+        entities.append(entity.name())
+
+    # Sort alphabetically
+    entities.sort()
+    return entities
+
+
+def get_all_data_types(schema_name):
+    """Get all data types in the given schema."""
+
+    schema = ifcopenshell.schema_by_name(schema_name)
+    return {
+        d.name(): ifcopenshell.util.attribute.get_primitive_type(d)
+        for d in schema.declarations()
+        if d.as_type_declaration()
+    }
+
+
+def get_entity_attributes(schema_name, entity_name):
+    """Get all attributes for a given entity."""
+
+    schema = ifcopenshell.schema_by_name(schema_name)
+
+    try:
+        entity = schema.declaration_by_name(entity_name)
+    except:
+        return []
+
+    if not entity or not entity.as_entity():
+        print(f"Entity {entity_name} not found")
+        return []
+
+    entity = entity.as_entity()
+    attributes = []
+    for attr in entity.all_attributes():
+        attributes.append(
+            {
+                "name": attr.name(),
+                # "type": attr.type_of_attribute() # TODO Types of attribute
+            }
+        )
+
+    return attributes
+
+
+def get_applicable_psets(schema_name, entity_name, predefined_type=""):
+    """Get all applicable property and quantity sets for a given entity."""
+
+    pset_qto = ifcopenshell.util.pset.PsetQto(schema_name)
+    pset_names = pset_qto.get_applicable_names(entity_name, predefined_type)
+
+    return pset_names
+
+
+def get_all_psets(schema_name):
+    """Get all property sets and quantity sets defined in an IFC schema"""
+
+    pset_qto = ifcopenshell.util.pset.PsetQto(schema_name)
+    result = {}
+
+    for template_file in pset_qto.templates:
+        for pset_template in template_file.by_type("IfcPropertySetTemplate"):
+            pset_name = pset_template.Name
+            properties = []
+
+            # Get property templates for this pset
+            if pset_template.HasPropertyTemplates:
+                for prop_template in pset_template.HasPropertyTemplates:
+                    prop_info = {
+                        "name": prop_template.Name,
+                        # "description": prop_template.Description
+                    }
+
+                    # Extract type information
+                    if prop_template.is_a("IfcSimplePropertyTemplate"):
+                        if prop_template.PrimaryMeasureType:
+                            prop_info["type"] = prop_template.PrimaryMeasureType
+                        else:
+                            prop_info["type"] = str(prop_template.TemplateType)
+                    elif prop_template.is_a("IfcComplexPropertyTemplate"):
+                        prop_info["type"] = None  # Complex properties are not supported
+                    else:
+                        prop_info["type"] = None
+
+                    properties.append(prop_info)
+            result[pset_name] = properties
+
+    return result
+
+
+def get_material_categories():
+    return ["concrete", "steel", "aluminium", "block", "brick", "stone", "wood", "glass", "gypsum", "plastic", "earth"]
+
+
+def get_standard_classification_systems():
+    return {
+        "BB/SfB (3/4 cijfers)": {"source": "Regie der Gebouwen", "tokens": ["."]},
+        "BIMTypeCode": {"source": "BIMStockholm", "tokens": None},
+        "Common Arrangement of Work Sections (CAWS)": {"source": "NBS", "tokens": ["/"]},
+        "CBI Classification - Level 2": {"source": "Masterspec", "tokens": None},
+        "CBI Classification - Level 4": {"source": "Masterspec", "tokens": None},
+        "Rumsfunktionskoder CC001 - 001": {"source": "BIMAlliance", "tokens": ["-"]},
+        "CCS": {"source": "Molio", "tokens": None},
+        "CCTB": {"source": "CCT-Bâtiments", "tokens": ["."]},
+        "Funktionskoder Regionservice CD001 - 001": {"source": "BIMAlliance", "tokens": None},
+        "Rumsfunktion Blekinge CD002 - 001": {"source": "BIMAlliance", "tokens": None},
+        "EcoQuaestor Codetabel": {"source": "EcoQuaestor", "tokens": [".", "-"]},
+        "GuBIMclass CA": {"source": "GuBIMClass", "tokens": ["."]},
+        "GuBIMclass ES": {"source": "GuBIMClass", "tokens": ["."]},
+        "MasterFormat": {"source": "CSI", "tokens": [" ", "."]},
+        "NATSPEC Worksections": {"source": "NATSPEC", "tokens": None},
+        "NBS Create": {"source": "NBS", "tokens": ["_", "/"]},
+        "NL/SfB (4 cijfers)": {"source": "BIMLoket", "tokens": ["."]},
+        "NS 3451 - Bygningsdelstabell": {"source": "Standard Norge", "tokens": None},
+        "OmniClass": {"source": "OmniClass", "tokens": ["-", " "]},
+        "ÖNORM 6241-2": {"source": "freeBIM 2", "tokens": None},
+        "RICS NRM1": {"source": "RICS", "tokens": ["."]},
+        "RICS NRM3": {"source": "RICS", "tokens": ["."]},
+        "SFG20": {"source": "SFG20", "tokens": ["-"]},
+        "SINAPI": {"source": "Caixa", "tokens": ["/"]},
+        "STABU-Element": {"source": "STABU", "tokens": ["."]},
+        "TALO 2000 Building Component Classification": {"source": "Rakennustieto", "tokens": ["."]},
+        "TALO 2000 Hankenimikkeistö": {"source": "Rakennustieto", "tokens": ["."]},
+        "Uniclass": {"source": "RIBA Enterprises Ltd", "tokens": ["_"]},
+        "Uniclass 2015": {"source": "RIBA Enterprises Ltd", "tokens": ["_"]},
+        "UniFormat": {"source": "UniFormat", "tokens": ["."]},
+        "Uniformat": {"source": "UniFormat", "tokens": ["."]},
+        "VMSW": {"source": "VMSW", "tokens": ["."]},
+    }
+
+
+def ids_from_xml_string(xml: str, validate: bool = False) -> Ids:
+    try:
+        decode = get_schema().decode(
+            xml, strip_namespaces=True, namespaces={"": "http://standards.buildingsmart.org/IDS"}
+        )
+    except XMLSchemaValidationError as e:
+        raise IdsXmlValidationError(e, "Provided XML appears to be invalid. See details above.")
+    return Ids().parse(decode)
diff --git a/src/ifctester/webapp/public/worker/bin/ifcopenshell-0.8.3+bb329af-cp313-cp313-emscripten_4_0_9_wasm32.whl b/src/ifctester/webapp/public/worker/bin/ifcopenshell-0.8.3+bb329af-cp313-cp313-emscripten_4_0_9_wasm32.whl
new file mode 100644
index 0000000000..703ae3b877
Binary files /dev/null and b/src/ifctester/webapp/public/worker/bin/ifcopenshell-0.8.3+bb329af-cp313-cp313-emscripten_4_0_9_wasm32.whl differ
diff --git a/src/ifctester/webapp/public/worker/bin/odfpy-1.4.2-py2.py3-none-any.whl b/src/ifctester/webapp/public/worker/bin/odfpy-1.4.2-py2.py3-none-any.whl
new file mode 100644
index 0000000000..c735771a76
Binary files /dev/null and b/src/ifctester/webapp/public/worker/bin/odfpy-1.4.2-py2.py3-none-any.whl differ
diff --git a/src/ifctester/webapp/serve.py b/src/ifctester/webapp/serve.py
new file mode 100644
index 0000000000..87e92930f3
--- /dev/null
+++ b/src/ifctester/webapp/serve.py
@@ -0,0 +1,76 @@
+# IfcTester - IDS based model auditing
+# Copyright (C) 2022 Dion Moult <dion@thinkmoult.com>
+#
+# This file is part of IfcTester.
+#
+# IfcTester is free software: you can redistribute it and/or modify
+# it under the terms of the GNU Lesser General Public License as published by
+# the Free Software Foundation, either version 3 of the License, or
+# (at your option) any later version.
+#
+# IfcTester is distributed in the hope that it will be useful,
+# but WITHOUT ANY WARRANTY; without even the implied warranty of
+# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+# GNU Lesser General Public License for more details.
+#
+# You should have received a copy of the GNU Lesser General Public License
+# along with IfcTester.  If not, see <http://www.gnu.org/licenses/>.
+
+import os
+import argparse
+from flask import Flask, send_from_directory, send_file
+
+app = Flask(__name__)
+
+
+def get_static_folder():
+    base_dir = os.path.dirname(__file__)
+    dist_dir = os.path.join(base_dir, "dist")
+    www_dir = os.path.join(base_dir, "www")
+
+    if os.path.exists(dist_dir) and os.path.isdir(dist_dir):
+        return dist_dir
+    elif os.path.exists(www_dir) and os.path.isdir(www_dir):
+        return www_dir
+    else:
+        return dist_dir
+
+
+STATIC_FOLDER = get_static_folder()
+
+
+@app.route("/")
+def index():
+    return send_file(os.path.join(STATIC_FOLDER, "index.html"))
+
+
+@app.route("/<path:filename>")
+def static_files(filename):
+    return send_from_directory(STATIC_FOLDER, filename)
+
+
+@app.route("/assets/<path:filename>")
+def assets(filename):
+    return send_from_directory(os.path.join(STATIC_FOLDER, "assets"), filename)
+
+
+@app.errorhandler(404)
+def not_found(error):
+    return send_file(os.path.join(STATIC_FOLDER, "index.html"))
+
+
+if __name__ == "__main__":
+    parser = argparse.ArgumentParser(description="Start IfcTester webapp")
+    parser.add_argument("--host", default="127.0.0.1", help="Host to bind to (default: 127.0.0.1)")
+    parser.add_argument("--port", type=int, default=5000, help="Port to bind to (default: 5000)")
+    parser.add_argument("--debug", action="store_true", help="Enable debug mode")
+    parser.add_argument("--dist-dir", default=STATIC_FOLDER, help="Directory containing built files")
+
+    args = parser.parse_args()
+
+    STATIC_FOLDER = args.dist_dir
+
+    print(f"Serving IfcTester webapp from: {STATIC_FOLDER}")
+    print(f"Server running at: http://{args.host}:{args.port}")
+
+    app.run(host=args.host, port=args.port, debug=args.debug)
diff --git a/src/ifctester/webapp/src/App.svelte b/src/ifctester/webapp/src/App.svelte
new file mode 100644
index 0000000000..19222ad8d1
--- /dev/null
+++ b/src/ifctester/webapp/src/App.svelte
@@ -0,0 +1,6 @@
+<script>
+    import Router from 'svelte-spa-router';
+    import routes from './routes';
+</script>
+
+<Router {routes} />
diff --git a/src/ifctester/webapp/src/components/AppHeader.svelte b/src/ifctester/webapp/src/components/AppHeader.svelte
new file mode 100644
index 0000000000..61f8a5b3b2
--- /dev/null
+++ b/src/ifctester/webapp/src/components/AppHeader.svelte
@@ -0,0 +1,145 @@
+<script>
+    import * as Menubar from "$lib/components/ui/menubar";
+    import * as Dialog from "$lib/components/ui/dialog";
+    import * as IDS from "$src/modules/api/ids.svelte.js";
+    import * as API from "$src/modules/api/api.svelte.js";
+    import { error, success, info } from "$src/modules/utils/toast.svelte.js";
+
+    let { isOpen = false } = $props();
+
+    function openForum() {
+        window.open('https://community.osarch.org', '_blank');
+    }
+    
+    function openAbout() {
+        isOpen = true;
+    }
+
+    async function newIDSFile() {
+        await IDS.createDocument();
+    }
+
+    async function openIDSFile() {
+        try {
+            await IDS.openDocument();
+        } catch (err) {
+            if (err.message !== 'File selection cancelled') {
+                error('Error opening file: ' + err.message);
+                console.error(err);
+            }
+        }
+    }
+
+    async function saveIDSFile() {
+        if (!IDS.Module.activeDocument) {
+            error('No document to save!');
+            return;
+        }
+        try {
+            await IDS.exportDocument(IDS.Module.activeDocument);
+            success('Document saved successfully');
+        } catch (err) {
+            console.error("Error saving file: ", err);
+            error('Error saving file: check console for details');
+        }
+    }
+
+    async function runAudit() {
+        try {
+            await API.runAudit();
+            success('Audit completed successfully');
+        } catch (err) {
+            console.error("Audit failed: ", err);
+            error(`Audit failed: check console for details`);
+        }
+    }
+</script>
+
+<header class="app-header">
+    <div class="logo"></div>
+    <div class="menu">
+        <Menubar.Root>
+            <Menubar.Menu>
+                <Menubar.Trigger>File</Menubar.Trigger>
+                <Menubar.Content>
+                    <Menubar.Item onclick={newIDSFile}>
+                        New IDS file
+                        <Menubar.Shortcut>⌘N</Menubar.Shortcut>
+                    </Menubar.Item>
+                    <Menubar.Item onclick={openIDSFile}>
+                        Open IDS file
+                        <Menubar.Shortcut>⌘O</Menubar.Shortcut>
+                    </Menubar.Item>
+                    <Menubar.Item onclick={saveIDSFile}>
+                        Save IDS file
+                        <Menubar.Shortcut>⌘S</Menubar.Shortcut>
+                    </Menubar.Item>
+                </Menubar.Content>
+            </Menubar.Menu>
+            <Menubar.Menu>
+                <Menubar.Trigger>IFC</Menubar.Trigger>
+                <Menubar.Content>
+                    <Menubar.Item onclick={API.openIfc}>Open IFC model</Menubar.Item>
+                    <Menubar.Separator />
+                    <Menubar.Item onclick={runAudit}>Run Audit</Menubar.Item>
+                </Menubar.Content>
+            </Menubar.Menu>
+            <Menubar.Menu>
+                <Menubar.Trigger>Help</Menubar.Trigger>
+                <Menubar.Content>
+                    <Menubar.Item onclick={openForum}>OSArch Forum</Menubar.Item>
+                    <Menubar.Separator />
+                    <Menubar.Item onclick={openAbout}>About</Menubar.Item>
+                </Menubar.Content>
+            </Menubar.Menu>
+        </Menubar.Root>
+    </div>
+</header>
+
+<!-- About Dialog -->
+<Dialog.Root bind:open={isOpen}>
+    <Dialog.Content class="sm:max-w-[425px]">
+        <Dialog.Header>
+            <Dialog.Title>About IfcTester</Dialog.Title>
+        </Dialog.Header>
+        <div class="py-4 space-y-4">
+            <p class="text-sm text-muted-foreground leading-relaxed">
+                IfcTester (Next). Designed and developed by 
+                <a href="https://github.com/theseyan" target="_blank" rel="noopener noreferrer" class="text-primary hover:underline">Sayan J. Das</a> 
+                as their <a href="https://summerofcode.withgoogle.com/programs/2025/projects/888lO1F8" target="_blank" rel="noopener noreferrer" class="text-primary hover:underline">Google Summer of Code 2025 project</a> under the mentorship of 
+                <a href="https://github.com/moult" target="_blank" rel="noopener noreferrer" class="text-primary hover:underline">Dion Moult</a>.
+            </p>
+            
+            <div class="space-y-2">
+                <p class="text-sm">
+                    <span class="font-medium">Source Code:</span>
+                    <br>
+                    <a href="https://github.com/theseyan/ifctester-next" target="_blank" rel="noopener noreferrer" class="text-primary hover:underline text-xs">
+                        github.com/theseyan/ifctester-next
+                    </a>
+                </p>
+                
+                <p class="text-sm">
+                    <span class="font-medium">Support & Bug Reports:</span>
+                    <br>
+                    <a href="https://matrix.to/#/@sayanjdas:matrix.org" target="_blank" rel="noopener noreferrer" class="text-primary hover:underline text-xs">
+                        @sayanjdas:matrix.org
+                    </a>
+                </p>
+
+                <p class="text-sm">
+                    <span class="font-medium">License:</span>
+                    <br>
+                    <a href="https://github.com/IfcOpenShell/IfcOpenShell/blob/master/COPYING.LESSER" target="_blank" rel="noopener noreferrer" class="text-primary hover:underline text-xs">
+                        LGPL License
+                    </a>
+                </p>
+            </div>
+        </div>
+        <Dialog.Footer>
+            <Dialog.Close asChild>
+                <button class="btn">Close</button>
+            </Dialog.Close>
+        </Dialog.Footer>
+    </Dialog.Content>
+</Dialog.Root>
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/components/AppRibbon.svelte b/src/ifctester/webapp/src/components/AppRibbon.svelte
new file mode 100644
index 0000000000..4f9643637e
--- /dev/null
+++ b/src/ifctester/webapp/src/components/AppRibbon.svelte
@@ -0,0 +1,23 @@
+<script>
+    import { onMount } from "svelte";
+    import { Module } from "$src/modules/api/ids.svelte.js";
+</script>
+
+<div class="app-ribbon">
+    {#if Module.status === 'loading'}
+        <div class="status-indicator">
+            <div class="spinner"></div>
+            <span>Loading IfcOpenShell...</span>
+        </div>
+    {:else if Module.status === 'ready'}
+        <div class="status-indicator ready">
+            <div class="status-dot"></div>
+            <span>Ready</span>
+        </div>
+    {:else if Module.status === 'error'}
+        <div class="status-indicator error">
+            <div class="error-dot"></div>
+            <span>Error</span>
+        </div>
+    {/if}
+</div>
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/components/AppToolbar.svelte b/src/ifctester/webapp/src/components/AppToolbar.svelte
new file mode 100644
index 0000000000..3552b13969
--- /dev/null
+++ b/src/ifctester/webapp/src/components/AppToolbar.svelte
@@ -0,0 +1,695 @@
+<script>
+    import * as Tooltip from "$lib/components/ui/tooltip";
+    import { IFCModels, loadIfc, unloadIfc, auditIfc, openIfc, createAuditReport, clearIdsAuditReports, runAudit } from "$src/modules/api/api.svelte.js";
+    import * as IDS from "$src/modules/api/ids.svelte.js";
+    import { error, success } from "$src/modules/utils/toast.svelte.js";
+    import { ChevronRightIcon, LinkIcon, XIcon } from "@lucide/svelte";
+    import { Bonsai, connect, disconnect, runAudit as runBonsaiAudit } from "$src/modules/api/bonsai.svelte.js";
+    import { onMount } from 'svelte';
+    
+    let isAuditing = $state(false);
+    let activeTab = $state('home');
+    let isMinimized = $state(false);
+    
+    const handleLoadModel = async () => {
+        try {
+            await openIfc();
+            success('IFC model loaded successfully');
+        } catch (err) {
+            error(`Failed to load IFC model: ${err.message}`);
+        }
+    };
+    
+    const handleUnloadModel = async (modelId) => {
+        try {
+            await unloadIfc(modelId);
+        } catch (err) {
+            error(`Failed to unload model: ${err.message}`);
+        }
+    };
+    
+    const handleRunAudit = async () => {
+        try {
+            isAuditing = true;
+            await runAudit();
+            success('Audit completed successfully');
+        } catch (err) {
+            console.error("Audit failed: ", err);
+            error(`Audit failed: check console for details`);
+        } finally {
+            isAuditing = false;
+        }
+    };
+    
+    const handleViewAuditReport = (auditId) => {
+        const auditReport = IFCModels.audits.find(audit => audit.id === auditId);
+        if (!auditReport) return;
+        
+        // Switch to the IDS document that was used for this audit
+        if (auditReport.document && IDS.Module.documents[auditReport.document]) {
+            // Set the correct document as active
+            IDS.Module.activeDocument = auditReport.document;
+            
+            // Set the document state to show the audit report
+            IDS.setDocumentState(auditReport.document, { 
+                viewMode: 'viewer',
+                auditReport: auditId
+            });
+        }
+    };
+    
+    const formatFileSize = (bytes) => {
+        const units = ['B', 'KB', 'MB', 'GB'];
+        let size = bytes;
+        let unitIndex = 0;
+        
+        while (size >= 1024 && unitIndex < units.length - 1) {
+            size /= 1024;
+            unitIndex++;
+        }
+        
+        return `${size.toFixed(1)} ${units[unitIndex]}`;
+    };
+    
+    const handleBonsaiAudit = async () => {
+        const auditId = await runBonsaiAudit();
+        if (auditId) {
+            // Auto-open the report viewer
+            handleViewAuditReport(auditId);
+        }
+    };
+    
+    onMount(() => {
+        if (Bonsai.enabled) {
+            activeTab = 'bonsai';
+            connect();
+        }
+    });
+</script>
+
+<div class="toolbar">
+    <div class="buttons">
+        <Tooltip.Provider>
+            {#if isMinimized}
+                <Tooltip.Root disableHoverableContent="true">
+                    <Tooltip.Trigger>
+                        <button class="tb-btn expand-btn" onclick={() => isMinimized = false} aria-label="Expand Toolbar">
+                            <ChevronRightIcon size={24} />
+                        </button>
+                    </Tooltip.Trigger>
+                    <Tooltip.Content side="right">
+                        <p>Expand Toolbar</p>
+                    </Tooltip.Content>
+                </Tooltip.Root>
+            {/if}
+            <Tooltip.Root disableHoverableContent="true">
+                <Tooltip.Trigger>
+                    <button class="tb-btn {activeTab === 'home' ? 'active' : ''}" onclick={() => activeTab = 'home'} aria-label="Home">
+                        <svg class="w-6 h-6" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
+                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m4 12 8-8 8 8M6 10.5V19a1 1 0 0 0 1 1h3v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3h3a1 1 0 0 0 1-1v-8.5"/>
+                        </svg>
+                    </button>
+                </Tooltip.Trigger>
+                <Tooltip.Content side="right">
+                    <p>Home</p>
+                </Tooltip.Content>
+            </Tooltip.Root>
+            <Tooltip.Root disableHoverableContent="true">
+                <Tooltip.Trigger>
+                    <button class="tb-btn {activeTab === 'bonsai' ? 'active' : ''}" onclick={() => activeTab = 'bonsai'} aria-label="Bonsai Integration">
+                        <svg style="height: 20px;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32mm" height="32mm" version="1.1" viewBox="0 0 32 32" xml:space="preserve">
+                            <defs><linearGradient id="a" x1="319.66" x2="414.22" y1="725.95" y2="631.1" gradientTransform="matrix(.34384 0 0 .34384 1065.6 -23.668)" gradientUnits="userSpaceOnUse"><stop stop-color="currentColor" offset="0" /><stop stop-color="currentColor" offset="1" /></linearGradient></defs>
+                            <g transform="translate(-1274.3 -68)"><g transform="matrix(.89066 0 0 .89066 230.47 -102.44)" clip-rule="evenodd"><path d="m1177.3 192.49c-1.0334-2e-5 -1.8713 0.83759-1.8715 1.871v29.941c0 1.0336 0.8379 1.8716 1.8715 1.8715h19.461c0.4963-1.1e-4 0.9723-0.19737 1.3231-0.54839l7.8162-7.8161c0.7306-0.73081 0.7306-1.9154 0-2.6462l-5.0282-5.0282-2.3818 2.3818 3.9696 3.9696-6.3191 6.3191h-17.344v-26.946l17.321-0.0212 6.3429 6.3581-12.703 12.703-5.5574-5.5574 5.5574-5.5574 4.7635 4.7635 2.3818-2.3818-5.8217-5.8221c-0.7286-0.72842-1.9168-0.72974-2.6467 0l-7.6763 7.6763c-0.706 0.70636-0.733 1.8426-0.061 2.5817l7.7091 7.7091c0.7309 0.80387 1.9905 0.81846 2.7398 0.0317l14.796-14.864c0.7006-0.73553 0.6866-1.8956-0.032-2.614l-7.8253-7.8253c-0.351-0.35081-0.8269-0.54787-1.3231-0.54785z" fill="currentColor" fill-rule="evenodd"/><rect transform="matrix(.14035 0 0 .14035 1172 191.36)" x="-8.2421e-7" y="-1.0518e-16" width="256" height="256" fill="none"/></g></g>
+                        </svg>
+                    </button>
+                </Tooltip.Trigger>
+                <Tooltip.Content side="right">
+                    <p>Bonsai Integration</p>
+                </Tooltip.Content>
+            </Tooltip.Root>
+        </Tooltip.Provider>
+    </div>
+    <div class="content scrollbar" style:display={isMinimized ? 'none' : 'block'}>
+        <div class="content-header">
+            {#if isMinimized}
+                <button onclick={() => isMinimized = false} class="open-btn" aria-label="Open Toolbar">
+                    <svg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
+                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 10 12 14 8 10m8 0V4h-8v6"/>
+                    </svg>
+                </button>
+            {:else}
+                <h1>{activeTab === 'home' ? 'IFC Models' : 'Bonsai Integration'}</h1>
+                <button onclick={() => isMinimized = true} aria-label="Minimize Toolbar">
+                    <svg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
+                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8.99994 10 7 11.9999l1.99994 2M12 5v14M5 4h14c.5523 0 1 .44772 1 1v14c0 .5523-.4477 1-1 1H5c-.55228 0-1-.4477-1-1V5c0-.55228.44772-1 1-1Z"/>
+                    </svg>
+                </button>
+            {/if}
+        </div>
+        
+        <div class="content-body">
+            {#if activeTab === 'home'}
+            <div class="section">
+                <button class="load-btn" onclick={handleLoadModel} disabled={IFCModels.isLoading}>
+                    {#if IFCModels.isLoading}
+                        <svg class="spinner" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                            <path d="M21 12a9 9 0 11-6.219-8.56"/>
+                        </svg>
+                        Loading...
+                    {:else}
+                        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                            <path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"/>
+                            <polyline points="14,2 14,8 20,8"/>
+                        </svg>
+                        Load IFC Model
+                    {/if}
+                </button>
+            </div>
+            
+            <!-- IFC Models -->
+            {#if IFCModels.models.length > 0}
+                <div class="section">
+                    <h3>Active Models</h3>
+                    <div class="models-list">
+                        {#each IFCModels.models as model}
+                            <div class="model-item">
+                                <div class="model-info">
+                                    <Tooltip.Provider>
+                                        <Tooltip.Root delayDuration={0}>
+                                            <Tooltip.Trigger>
+                                                <div class="model-name">{model.fileName}</div>
+                                            </Tooltip.Trigger>
+                                            <Tooltip.Content>
+                                                <p>{model.fileName}</p>
+                                            </Tooltip.Content>
+                                        </Tooltip.Root>
+                                    </Tooltip.Provider>
+                                    <div class="model-meta">
+                                        <span class="model-size">{formatFileSize(model.fileSize)}</span>
+                                    </div>
+                                </div>
+                                <button class="unload-btn" onclick={() => handleUnloadModel(model.id)} title="Unload model" aria-label="Unload model">
+                                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                                        <path d="M18 6L6 18M6 6l12 12"/>
+                                    </svg>
+                                </button>
+                            </div>
+                        {/each}
+                    </div>
+                </div>
+                
+                <div class="section">
+                    <button class="audit-btn" onclick={handleRunAudit} disabled={isAuditing || !IDS.Module.activeDocument}>
+                        {#if isAuditing}
+                            <svg class="spinner" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                                <path d="M21 12a9 9 0 11-6.219-8.56"/>
+                            </svg>
+                            Running Audit...
+                        {:else}
+                            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                                <circle cx="12" cy="12" r="10"/>
+                                <polyline points="12,6 12,12 16,14"/>
+                            </svg>
+                            Run Audit
+                        {/if}
+                    </button>
+                    {#if !IDS.Module.activeDocument}
+                        <p class="help-text">Create or open an IDS document to enable auditing</p>
+                    {/if}
+                </div>
+            {:else}
+                <div class="empty-state">
+                    <svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
+                        <path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"/>
+                        <polyline points="14,2 14,8 20,8"/>
+                    </svg>
+                    <p>No IFC models loaded</p>
+                    <p class="help-text">Load an IFC model to begin auditing</p>
+                </div>
+            {/if}
+            
+            <!-- Audit Reports -->
+            {#if IFCModels.audits.length > 0}
+                <div class="section">
+                    <h3>Audit Reports</h3>
+                    <div class="audit-reports">
+                        {#each IFCModels.audits as audit}
+                            <button class="audit-report-item" onclick={() => handleViewAuditReport(audit.id)} aria-label="View audit report for {audit.modelName}">
+                                <div class="report-info">
+                                    <Tooltip.Provider>
+                                        <Tooltip.Root delayDuration={0}>
+                                            <Tooltip.Trigger>
+                                                <div class="report-title">{audit.modelName}</div>
+                                            </Tooltip.Trigger>
+                                            <Tooltip.Content>
+                                                <p>{audit.modelName}</p>
+                                            </Tooltip.Content>
+                                        </Tooltip.Root>
+                                    </Tooltip.Provider>
+                                    <div class="report-meta">
+                                        <span class="report-date">{new Date(audit.date).toLocaleString()}</span>
+                                        <span class="report-status {audit.data.status ? 'pass' : 'fail'}">
+                                            {audit.data.status ? 'PASS' : 'FAIL'}
+                                        </span>
+                                    </div>
+                                    <div class="report-summary">
+                                        {audit.data.total_checks_pass}/{audit.data.total_checks} checks passed
+                                    </div>
+                                    <div class="report-progress">
+                                        <div class="progress-bar-small">
+                                            <div class="progress-fill-small" style="width: {audit.data.percent_checks_pass}%"></div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <svg class="view-icon" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                                    <path d="M9 18l6-6-6-6"/>
+                                </svg>
+                            </button>
+                        {/each}
+                    </div>
+                </div>
+            {/if}
+            {:else if activeTab === 'bonsai'}
+                {#if !Bonsai.enabled}
+                    <div class="empty-state">
+                        <svg style="height: 48px;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32mm" height="32mm" version="1.1" viewBox="0 0 32 32" xml:space="preserve">
+                            <defs><linearGradient id="bonsai-grad" x1="319.66" x2="414.22" y1="725.95" y2="631.1" gradientTransform="matrix(.34384 0 0 .34384 1065.6 -23.668)" gradientUnits="userSpaceOnUse"><stop stop-color="currentColor" offset="0" /><stop stop-color="currentColor" offset="1" /></linearGradient></defs>
+                            <g transform="translate(-1274.3 -68)"><g transform="matrix(.89066 0 0 .89066 230.47 -102.44)" clip-rule="evenodd"><path d="m1177.3 192.49c-1.0334-2e-5 -1.8713 0.83759-1.8715 1.871v29.941c0 1.0336 0.8379 1.8716 1.8715 1.8715h19.461c0.4963-1.1e-4 0.9723-0.19737 1.3231-0.54839l7.8162-7.8161c0.7306-0.73081 0.7306-1.9154 0-2.6462l-5.0282-5.0282-2.3818 2.3818 3.9696 3.9696-6.3191 6.3191h-17.344v-26.946l17.321-0.0212 6.3429 6.3581-12.703 12.703-5.5574-5.5574 5.5574-5.5574 4.7635 4.7635 2.3818-2.3818-5.8217-5.8221c-0.7286-0.72842-1.9168-0.72974-2.6467 0l-7.6763 7.6763c-0.706 0.70636-0.733 1.8426-0.061 2.5817l7.7091 7.7091c0.7309 0.80387 1.9905 0.81846 2.7398 0.0317l14.796-14.864c0.7006-0.73553 0.6866-1.8956-0.032-2.614l-7.8253-7.8253c-0.351-0.35081-0.8269-0.54787-1.3231-0.54785z" fill="currentColor" fill-rule="evenodd"/><rect transform="matrix(.14035 0 0 .14035 1172 191.36)" x="-8.2421e-7" y="-1.0518e-16" width="256" height="256" fill="none"/></g></g>
+                        </svg>
+                        <p>Bonsai Integration disabled</p>
+                        <p class="help-text">Please run the app from within Bonsai</p>
+                    </div>
+                {:else}
+                    <div class="section">
+                        <h3>Connection Status</h3>
+                        <div class="connection-status {Bonsai.connected ? 'connected' : 'disconnected'}">
+                            <div class="status-indicator"></div>
+                            <span class="status-text">
+                                {Bonsai.connected ? 'Connected' : 'Not Connected'}
+                            </span>
+                            {#if Bonsai.port}
+                                <span class="status-details">Port: {Bonsai.port}</span>
+                            {/if}
+                        </div>
+                        
+                        <button class="load-btn" onclick={Bonsai.connected ? disconnect : connect}>
+                            {#if Bonsai.connected}
+                                <XIcon size={18} />
+                            {:else}
+                                <LinkIcon size={18} />
+                            {/if}
+                            {Bonsai.connected ? 'Disconnect' : 'Connect'}
+                        </button>
+                    </div>
+                    
+                    {#if Bonsai.connected}
+                        <div class="section">
+                            <button class="audit-btn" onclick={handleBonsaiAudit} disabled={Bonsai.auditing || !IDS.Module.activeDocument}>
+                                {#if Bonsai.auditing}
+                                    <svg class="spinner" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                                        <path d="M21 12a9 9 0 11-6.219-8.56"/>
+                                    </svg>
+                                    Running Bonsai Audit...
+                                {:else}
+                                    <svg style="height: 18px; width: 18px;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32mm" height="32mm" version="1.1" viewBox="0 0 32 32" xml:space="preserve">
+                                        <defs><linearGradient id="bonsai-audit-grad" x1="319.66" x2="414.22" y1="725.95" y2="631.1" gradientTransform="matrix(.34384 0 0 .34384 1065.6 -23.668)" gradientUnits="userSpaceOnUse"><stop stop-color="currentColor" offset="0" /><stop stop-color="currentColor" offset="1" /></linearGradient></defs>
+                                        <g transform="translate(-1274.3 -68)"><g transform="matrix(.89066 0 0 .89066 230.47 -102.44)" clip-rule="evenodd"><path d="m1177.3 192.49c-1.0334-2e-5 -1.8713 0.83759-1.8715 1.871v29.941c0 1.0336 0.8379 1.8716 1.8715 1.8715h19.461c0.4963-1.1e-4 0.9723-0.19737 1.3231-0.54839l7.8162-7.8161c0.7306-0.73081 0.7306-1.9154 0-2.6462l-5.0282-5.0282-2.3818 2.3818 3.9696 3.9696-6.3191 6.3191h-17.344v-26.946l17.321-0.0212 6.3429 6.3581-12.703 12.703-5.5574-5.5574 5.5574-5.5574 4.7635 4.7635 2.3818-2.3818-5.8217-5.8221c-0.7286-0.72842-1.9168-0.72974-2.6467 0l-7.6763 7.6763c-0.706 0.70636-0.733 1.8426-0.061 2.5817l7.7091 7.7091c0.7309 0.80387 1.9905 0.81846 2.7398 0.0317l14.796-14.864c0.7006-0.73553 0.6866-1.8956-0.032-2.614l-7.8253-7.8253c-0.351-0.35081-0.8269-0.54787-1.3231-0.54785z" fill="currentColor" fill-rule="evenodd"/><rect transform="matrix(.14035 0 0 .14035 1172 191.36)" x="-8.2421e-7" y="-1.0518e-16" width="256" height="256" fill="none"/></g></g>
+                                    </svg>
+                                    Run Bonsai Audit
+                                {/if}
+                            </button>
+                            {#if !IDS.Module.activeDocument}
+                                <p class="help-text">Create or open an IDS document to enable auditing</p>
+                            {/if}
+                        </div>
+                    {/if}
+                {/if}
+            {/if}
+        </div>
+    </div>
+</div>
+
+<style>
+    .content-body {
+        padding-top: 15px;
+        display: flex;
+        flex-direction: column;
+        gap: 1.5rem;
+    }
+    
+    .section {
+        display: flex;
+        flex-direction: column;
+        gap: 0.75rem;
+    }
+    
+    .section h3 {
+        margin: 0;
+        font-size: 0.875rem;
+        font-weight: 600;
+        color: #acacac;
+    }
+    
+    .load-btn, .audit-btn {
+        display: flex;
+        align-items: center;
+        gap: 0.5rem;
+        padding: 0.75rem 1rem;
+        background: #ffffff12;
+        color: white;
+        border: none;
+        border-radius: 0.375rem;
+        font-size: 0.875rem;
+        font-weight: 500;
+        cursor: pointer;
+        transition: background-color 0.2s;
+    }
+    
+    .load-btn:hover:not(:disabled), .audit-btn:hover:not(:disabled) {
+        background: #ffffff1a;
+    }
+    
+    .load-btn:disabled, .audit-btn:disabled {
+        background: #ffffff0a;
+        cursor: not-allowed;
+    }
+    
+    .audit-btn {
+        background: #12613d;
+    }
+    
+    .audit-btn:hover:not(:disabled) {
+        background: #197148;
+    }
+    
+    .audit-btn:disabled {
+        background: #ffffff24;
+    }
+    
+    .spinner {
+        animation: spin 1s linear infinite;
+    }
+    
+    @keyframes spin {
+        from { transform: rotate(0deg); }
+        to { transform: rotate(360deg); }
+    }
+    
+    .models-list {
+        display: flex;
+        flex-direction: column;
+        gap: 0.5rem;
+    }
+    
+    .model-item {
+        display: flex;
+        align-items: center;
+        padding: 0.75rem;
+        border: 1px solid #e5e7eb24;
+        border-radius: 0.375rem;
+    }
+    
+    .model-info {
+        display: flex;
+        flex-direction: column;
+        gap: 0.25rem;
+        width: calc(100% - 32px);
+    }
+    
+    .model-name {
+        font-size: 0.875rem;
+        font-weight: 500;
+        color: #ffffffd9;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        text-align: left;
+    }
+    
+    .model-meta {
+        display: flex;
+        gap: 0.75rem;
+        font-size: 0.75rem;
+        color: #6b7280;
+    }
+    
+    .unload-btn {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        min-width: 32px;
+        height: 32px;
+        background: none;
+        color: #6b7280;
+        border-radius: 0.25rem;
+        cursor: pointer;
+        transition: all 0.2s;
+    }
+    
+    .unload-btn:hover {
+        color: #ff7171;
+    }
+    
+    .help-text {
+        font-size: 0.75rem;
+        color: #6b7280;
+        margin: 0;
+    }
+    
+    .empty-state {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        padding: 2rem;
+        text-align: center;
+        color: #6b7280;
+        flex: 1;
+    }
+    
+    .empty-state svg {
+        margin-bottom: 1rem;
+        opacity: 0.5;
+    }
+    
+    .empty-state p {
+        margin: 0.25rem 0;
+    }
+    
+    .empty-state p:first-of-type {
+        font-weight: 500;
+        color: #8d8d8d;
+    }
+    
+    .audit-reports {
+        display: flex;
+        flex-direction: column;
+        gap: 0.5rem;
+    }
+    
+    .audit-report-item {
+        display: flex;
+        align-items: center;
+        padding: 0.75rem;
+        border: 1px solid #e5e7eb24;
+        border-radius: 0.375rem;
+        cursor: pointer;
+        transition: all 0.2s;
+        background: none;
+        color: inherit;
+        text-align: left;
+        width: 100%;
+    }
+    
+    .audit-report-item:hover {
+        background: #ffffff0a;
+        border-color: #e5e7eb40;
+    }
+    
+    .report-info {
+        display: flex;
+        flex-direction: column;
+        gap: 0.25rem;
+        width: calc(100% - 32px);
+    }
+    
+    .report-title {
+        font-size: 0.875rem;
+        font-weight: 500;
+        color: #ffffffd9;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        text-align: left;
+    }
+    
+    .report-meta {
+        display: flex;
+        align-items: center;
+        gap: 0.5rem;
+        font-size: 0.75rem;
+    }
+    
+    .report-date {
+        color: #6b7280;
+    }
+    
+    .report-status {
+        padding: 2px 6px;
+        border-radius: 12px;
+        font-size: 0.625rem;
+        font-weight: 600;
+        text-transform: uppercase;
+    }
+    
+    .report-status.pass {
+        border: 1px solid #30dea422;
+        color: #10b981;
+    }
+    
+    .report-status.fail {
+        border: 1px solid #ff989863;
+        color: #ff8282;
+    }
+    
+    .report-summary {
+        font-size: 0.75rem;
+        color: #9ca3af;
+    }
+    
+    .view-icon {
+        color: #6b7280;
+        margin-left: 0.5rem;
+    }
+
+    .report-progress {
+        margin-top: 0.5rem;
+        width: 100%;
+    }
+
+    .progress-bar-small {
+        width: 100%;
+        height: 4px;
+        background: #ffffff12;
+        border-radius: 2px;
+        overflow: hidden;
+    }
+
+    .progress-fill-small {
+        height: 100%;
+        background: #ffffff4f;
+        transition: width 0.3s ease;
+        border-radius: 2px;
+    }
+    
+    /* Minimization and Tab Styles */
+    
+    .content-header {
+        display: flex;
+        align-items: center;
+    }
+    
+    .open-btn {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 100%;
+        height: 40px;
+        background: none;
+        color: #6b7280;
+        border: none;
+        border-radius: 0.25rem;
+        cursor: pointer;
+        transition: all 0.2s;
+    }
+    
+    .open-btn:hover {
+        color: #ffffffd9;
+        background: #ffffff0a;
+    }
+    
+    .tb-btn {
+        position: relative;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 40px;
+        height: 40px;
+        background: none;
+        color: #6b7280;
+        border: none;
+        border-radius: 0.375rem;
+        cursor: pointer;
+        transition: all 0.2s;
+    }
+    
+    .tb-btn:hover {
+        background: #ffffff12;
+        color: #ffffffd9;
+    }
+    
+    .tb-btn.active {
+        background: #ffffff1a;
+        color: #ffffffd9;
+    }
+    
+    .tb-btn.active::after {
+        content: '';
+        position: absolute;
+        right: -1px;
+        top: 50%;
+        transform: translateY(-50%);
+        width: 1px;
+        height: 24px;
+        background: #12a05e;
+        border-radius: 2px 0 0 2px;
+    }
+    
+    /* Bonsai Integration Styles */
+    .connection-status {
+        display: flex;
+        align-items: center;
+        gap: 0.5rem;
+        padding: 0.75rem;
+        border: 1px solid #e5e7eb24;
+        border-radius: 0.375rem;
+        background: #ffffff06;
+    }
+    
+    .status-indicator {
+        width: 8px;
+        height: 8px;
+        border-radius: 50%;
+        background: #6b7280;
+    }
+    
+    .connection-status.connected .status-indicator {
+        background: #10b981;
+        animation: pulse 2s infinite;
+    }
+    
+    .connection-status.disconnected .status-indicator {
+        background: #ef4444;
+    }
+    
+    .status-text {
+        font-size: 0.875rem;
+        font-weight: 500;
+        color: #ffffffd9;
+    }
+    
+    .status-details {
+        font-size: 0.75rem;
+        color: #6b7280;
+        margin-left: auto;
+    }
+    
+    @keyframes pulse {
+        0%, 100% {
+            opacity: 1;
+        }
+        50% {
+            opacity: 0.5;
+        }
+    }
+</style>
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/components/CreateFacetDropdown.svelte b/src/ifctester/webapp/src/components/CreateFacetDropdown.svelte
new file mode 100644
index 0000000000..78cdf4c1dd
--- /dev/null
+++ b/src/ifctester/webapp/src/components/CreateFacetDropdown.svelte
@@ -0,0 +1,66 @@
+<script>
+    import * as DropdownMenu from "$lib/components/ui/dropdown-menu";
+
+    let { addFacet } = $props();
+</script>
+
+<DropdownMenu.Root>
+    <DropdownMenu.Trigger class="btn">
+        Create Facet
+        <svg class="ml-2 h-4 w-4" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+            <polyline points="6,9 12,15 18,9"></polyline>
+        </svg>
+    </DropdownMenu.Trigger>
+    <DropdownMenu.Content class="w-56">
+        <DropdownMenu.Item onclick={() => addFacet('entity')}>
+            <svg class="mr-2 h-4 w-4" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
+                <circle cx="9" cy="9" r="2"></circle>
+                <path d="M21 15.5c-3-3.5-10-3.5-13 0"></path>
+            </svg>
+            Entity
+        </DropdownMenu.Item>
+        <DropdownMenu.Item onclick={() => addFacet('attribute')}>
+            <svg class="mr-2 h-4 w-4" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
+                <polyline points="14,2 14,8 20,8"></polyline>
+                <line x1="16" y1="13" x2="8" y2="13"></line>
+                <line x1="16" y1="17" x2="8" y2="17"></line>
+                <polyline points="10,9 9,9 8,9"></polyline>
+            </svg>
+            Attribute
+        </DropdownMenu.Item>
+        <DropdownMenu.Item onclick={() => addFacet('property')}>
+            <svg class="mr-2 h-4 w-4" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                <path d="M8 2v4"></path>
+                <path d="M16 2v4"></path>
+                <rect x="3" y="4" width="18" height="18" rx="2"></rect>
+                <path d="M3 10h18"></path>
+            </svg>
+            Property
+        </DropdownMenu.Item>
+        <DropdownMenu.Item onclick={() => addFacet('material')}>
+            <svg class="mr-2 h-4 w-4" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                <path d="M12 2L2 7l10 5 10-5-10-5z"></path>
+                <path d="M2 17l10 5 10-5"></path>
+                <path d="M2 12l10 5 10-5"></path>
+            </svg>
+            Material
+        </DropdownMenu.Item>
+        <DropdownMenu.Item onclick={() => addFacet('classification')}>
+            <svg class="mr-2 h-4 w-4" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                <path d="M22 12h-4l-3 9L9 3l-3 9H2"></path>
+            </svg>
+            Classification
+        </DropdownMenu.Item>
+        <DropdownMenu.Item onclick={() => addFacet('partOf')}>
+            <svg class="mr-2 h-4 w-4" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                <circle cx="12" cy="12" r="3"></circle>
+                <path d="M12 1v6m0 6v6"></path>
+                <path d="M5.636 5.636l4.242 4.242m4.242 4.242l4.242 4.242"></path>
+                <path d="M18.364 5.636l-4.242 4.242m-4.242 4.242L5.636 18.364"></path>
+            </svg>
+            Part Of
+        </DropdownMenu.Item>
+    </DropdownMenu.Content>
+</DropdownMenu.Root>
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/components/IdsTabs.svelte b/src/ifctester/webapp/src/components/IdsTabs.svelte
new file mode 100644
index 0000000000..0f6f38a569
--- /dev/null
+++ b/src/ifctester/webapp/src/components/IdsTabs.svelte
@@ -0,0 +1,34 @@
+<script>
+    import * as IDS from "$src/modules/api/ids.svelte.js";
+
+    function switchDocument(docId) {
+        IDS.Module.activeDocument = docId;
+    }
+    
+    function closeDocument(docId) {
+        IDS.deleteDocument(docId);
+    }
+</script>
+
+<div class="ids-tabs">
+    {#each Object.entries(IDS.Module.documents) as [docId, doc]}
+        <div 
+            class="ids-tab" 
+            class:active={IDS.Module.activeDocument === docId}
+            onclick={() => switchDocument(docId)}
+            aria-label={doc.info.title || "Untitled"}
+        >
+            <span class="tab-title">{doc.info.title || "Untitled"}</span>
+            <button 
+                class="tab-close" 
+                onclick={(e) => { e.stopPropagation(); closeDocument(docId); }}
+                aria-label="Close document"
+            >
+                <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                    <path d="M18 6L6 18M6 6l12 12"></path>
+                </svg>
+            </button>
+        </div>
+    {/each}
+    <div class="filler-tab"></div>
+</div>
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/components/SplashScreen.svelte b/src/ifctester/webapp/src/components/SplashScreen.svelte
new file mode 100644
index 0000000000..476eb9333b
--- /dev/null
+++ b/src/ifctester/webapp/src/components/SplashScreen.svelte
@@ -0,0 +1,100 @@
+<div class="splash-screen">
+    <div class="splash-content">
+        <div class="logo-container">
+            <div class="logo"></div>
+        </div>
+        <div class="loading-text">
+            <h1>IfcTester</h1>
+            <p>Initializing environment...</p>
+        </div>
+        <div class="spinner-container">
+            <div class="spinner"></div>
+        </div>
+    </div>
+</div>
+
+<style>
+    .splash-screen {
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100vw;
+        height: 100vh;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        z-index: 9999;
+        background: #00000059;
+    }
+
+    .splash-content {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        gap: 2rem;
+        text-align: center;
+        background: #2b2d2b;
+        padding: 50px 50px;
+        border-radius: 50px;
+        box-shadow: 0px 1px 5px #00000040;
+        min-width: 400px;
+    }
+
+    .logo-container {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        padding: 1rem;
+        background: #ffffff08;
+        border-radius: 50%;
+        border: 1px solid #ffffff1a;
+    }
+
+    .logo {
+        background: url(/logo.svg);
+        height: 64px;
+        width: 64px;
+        background-size: contain;
+        background-position: center;
+        background-repeat: no-repeat;
+    }
+
+    .loading-text h1 {
+        margin: 0 0 0.5rem 0;
+        font-size: 2.5rem;
+        font-weight: 400;
+        color: #ffffff;
+        letter-spacing: -0.025em;
+    }
+
+    .loading-text p {
+        margin: 0;
+        font-size: 1rem;
+        color: #b0b0b0;
+        font-weight: 400;
+    }
+
+    .spinner-container {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+
+    .spinner {
+        width: 32px;
+        height: 32px;
+        border: 3px solid #ffffff20;
+        border-top: 3px solid #ffffff80;
+        border-radius: 50%;
+        animation: spin 1s linear infinite;
+    }
+
+    @keyframes spin {
+        from { 
+            transform: rotate(0deg); 
+        }
+        to { 
+            transform: rotate(360deg); 
+        }
+    }
+</style>
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/config.json b/src/ifctester/webapp/src/config.json
new file mode 100644
index 0000000000..d5c450f460
--- /dev/null
+++ b/src/ifctester/webapp/src/config.json
@@ -0,0 +1,8 @@
+{
+    "wasm": {
+        "wheel_url": "/worker/bin/ifcopenshell-0.8.3+bb329af-cp313-cp313-emscripten_4_0_9_wasm32.whl",
+        "odfpy_url": "/worker/bin/odfpy-1.4.2-py2.py3-none-any.whl",
+        "api_py_url": "/worker/api.py",
+        "pyodide_url": "https://cdn.jsdelivr.net/pyodide/v0.28.0/full/pyodide.js"
+    }
+}
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/css/app.css b/src/ifctester/webapp/src/css/app.css
new file mode 100644
index 0000000000..21491ab4da
--- /dev/null
+++ b/src/ifctester/webapp/src/css/app.css
@@ -0,0 +1,845 @@
+@import "./font.css";
+@import "tailwindcss";
+@import "tw-animate-css";
+
+@custom-variant dark (&:where(.dark, .dark *));
+
+:root {
+    color-scheme: dark;
+
+    --radius: 0.625rem;
+    --background: oklch(0.27 0.00 0);
+    --foreground: oklch(0.985 0.002 247.839);
+    --card: oklch(0.21 0.034 264.665);
+    --card-foreground: oklch(0.985 0.002 247.839);
+    --popover: oklch(0.27 0.00 0);
+    --popover-foreground: oklch(0.97 0.00 0);
+    --primary: oklch(0.928 0.006 264.531);
+    --primary-foreground: oklch(0.21 0.034 264.665);
+    --secondary: oklch(0.37 0.00 0);
+    --secondary-foreground: oklch(0.985 0.002 247.839);
+    --muted: oklch(0.37 0.00 0);
+    --muted-foreground: oklch(0.707 0.022 261.325);
+    --accent: oklch(0.37 0.00 0);
+    --accent-foreground: oklch(0.985 0.002 247.839);
+    --destructive: oklch(0.704 0.191 22.216);
+    --border: oklch(1 0 0 / 10%);
+    --input: oklch(1 0 0 / 15%);
+    --ring: oklch(0.551 0.027 264.364);
+    --chart-1: oklch(0.488 0.243 264.376);
+    --chart-2: oklch(0.696 0.17 162.48);
+    --chart-3: oklch(0.769 0.188 70.08);
+    --chart-4: oklch(0.627 0.265 303.9);
+    --chart-5: oklch(0.645 0.246 16.439);
+    --sidebar: oklch(0.21 0.034 264.665);
+    --sidebar-foreground: oklch(0.985 0.002 247.839);
+    --sidebar-primary: oklch(0.488 0.243 264.376);
+    --sidebar-primary-foreground: oklch(0.985 0.002 247.839);
+    --sidebar-accent: oklch(0.37 0.00 0);
+    --sidebar-accent-foreground: oklch(0.985 0.002 247.839);
+    --sidebar-border: oklch(1 0 0 / 10%);
+    --sidebar-ring: oklch(0.551 0.027 264.364);
+
+    --sv-bg: #2e2e2e;
+    --sv-border: none;
+    --sv-selection-gap: 10px 14px;
+    --sv-min-height: 46px;
+    --sv-dropdown-bg: #373737;
+    --sv-dropdown-shadow: 0 6px 12px #0000002d;
+    --sv-item-wrap-padding: 5px 14px;
+
+    --sv-disabled-bg: #eee;
+    --sv-border-radius: 4px;
+    --sv-control-bg: var(--sv-bg);
+    --sv-item-selected-bg: #626262;
+    --sv-item-btn-color: #ccc;
+    --sv-item-btn-color-hover: #ccc;
+    --sv-item-btn-bg: #626262;
+    --sv-item-btn-bg-hover: #bc6063;
+    --sv-icon-color: #bbb;
+    --sv-icon-color-hover: #ccc;
+    --sv-icon-bg: transparent;
+    --sv-icon-size: 20px;
+    --sv-separator-bg: #626262;
+    --sv-btn-border: 0;
+    --sv-placeholder-color: #ccccd6;
+    --sv-dropdown-offset: 1px;
+    --sv-dropdown-width: auto;
+    --sv-dropdown-height: 320px;
+    --sv-dropdown-active-bg: #ffffff0f;
+    --sv-dropdown-selected-bg: #ffffff0f;
+    --sv-create-kbd-border: 1px solid #626262;
+    --sv-create-kbd-bg: #626262;
+    --sv-create-disabled-bg: #fcbaba;
+    --sv-loader-border: 2px solid #626262;
+}
+
+@theme inline {
+    --radius-sm: calc(var(--radius) - 4px);
+    --radius-md: calc(var(--radius) - 2px);
+    --radius-lg: var(--radius);
+    --radius-xl: calc(var(--radius) + 4px);
+    --color-background: var(--background);
+    --color-foreground: var(--foreground);
+    --color-card: var(--card);
+    --color-card-foreground: var(--card-foreground);
+    --color-popover: var(--popover);
+    --color-popover-foreground: var(--popover-foreground);
+    --color-primary: var(--primary);
+    --color-primary-foreground: var(--primary-foreground);
+    --color-secondary: var(--secondary);
+    --color-secondary-foreground: var(--secondary-foreground);
+    --color-muted: var(--muted);
+    --color-muted-foreground: var(--muted-foreground);
+    --color-accent: var(--accent);
+    --color-accent-foreground: var(--accent-foreground);
+    --color-destructive: var(--destructive);
+    --color-border: var(--border);
+    --color-input: var(--input);
+    --color-ring: var(--ring);
+    --color-chart-1: var(--chart-1);
+    --color-chart-2: var(--chart-2);
+    --color-chart-3: var(--chart-3);
+    --color-chart-4: var(--chart-4);
+    --color-chart-5: var(--chart-5);
+    --color-sidebar: var(--sidebar);
+    --color-sidebar-foreground: var(--sidebar-foreground);
+    --color-sidebar-primary: var(--sidebar-primary);
+    --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+    --color-sidebar-accent: var(--sidebar-accent);
+    --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+    --color-sidebar-border: var(--sidebar-border);
+    --color-sidebar-ring: var(--sidebar-ring);
+}
+
+@layer base {
+    * {
+        @apply border-border outline-ring/50;
+    }
+    body {
+        @apply bg-background text-foreground;
+    }
+}
+
+@layer components {
+    .app-ribbon {
+        height: 30px;
+        border-top: 1px solid #ffffff1c;
+        padding: 0px 15px;
+        display: flex;
+        align-items: center;
+        font-size: 0.9rem;
+    }
+    
+    .app-ribbon .status-indicator {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        font-size: 14px;
+        color: #e0e0e0;
+    }
+    
+    .app-ribbon .status-indicator.ready {
+        color: #4caf50;
+    }
+    
+    .app-ribbon .status-indicator.error {
+        color: #f44336;
+    }
+    
+    .app-ribbon .spinner {
+        width: 14px;
+        height: 14px;
+        border: 2px solid #555;
+        border-top: 2px solid #e0e0e0;
+        border-radius: 50%;
+        animation: app-ribbon-spin 1s linear infinite;
+    }
+    
+    .app-ribbon .status-dot {
+        width: 8px;
+        height: 8px;
+        border-radius: 50%;
+        background: #4caf50;
+    }
+    
+    .app-ribbon .error-dot {
+        width: 8px;
+        height: 8px;
+        border-radius: 50%;
+        background: #f44336;
+    }
+    
+    @keyframes app-ribbon-spin {
+        0% { transform: rotate(0deg); }
+        100% { transform: rotate(360deg); }
+    }
+}
+
+html, body {
+    font-family: "DM Sans", "Open Sans", sans-serif;
+    margin: 0;
+    padding: 0;
+    background-color: #111111;
+    color: white;
+}
+
+*, *::after, *::before {
+    box-sizing: border-box;
+}
+
+.app {
+    display: flex;
+    flex-direction: column;
+    height: 100vh;
+
+    .app-header {
+        height: 45px;
+        display: flex;
+        align-items: center;
+        border-bottom: 1px solid #ffffff1c;
+        padding: 0px 15px;
+        gap: 15px;
+    
+        .logo {
+            background: url(/logo.svg);
+            height: 25px;
+            width: 25px;
+            background-size: contain;
+            background-position: center;
+            background-repeat: no-repeat;
+        }
+    }
+
+    .main-body {
+        flex: 1;
+        display: flex;
+        overflow: auto;
+
+        .main-content {
+            flex: 1;
+            background-color: #191919;
+            overflow: auto;
+        }
+    }
+
+    .toolbar {
+        display: flex;
+
+        .buttons {
+            border-right: 1px solid #ffffff1c;
+            padding: 10px 10px;
+            display: flex;
+            align-items: center;
+            flex-direction: column;
+            overflow-y: auto;
+            gap: 15px;
+
+            .tb-btn {
+                padding: 3px;
+                cursor: pointer;
+
+                svg {
+                    width: 25px;
+                    height: 25px;
+                    transition-duration: 100ms;
+                    color: #ffffff69;
+                }
+            }
+            .tb-btn.active {
+                background-color: #ffffff0f;
+                border-radius: 7px;
+
+                svg {
+                    color: #ffffffab;
+                }
+            }
+            .tb-btn:hover svg {
+                color: #ffffffab;
+            }
+        }
+
+        .content {
+            /* display: none; */
+            border-right: 1px solid #ffffff1c;
+            width: 280px;
+            padding: 15px 15px;
+            overflow-y: auto;
+
+            .content-header {
+                display: flex;
+                align-items: center;
+
+                h1 {
+                    text-transform: uppercase;
+                    font-size: 0.9rem;
+                    color: #ffffffa6;
+                    cursor: default;
+                    user-select: none;
+                }
+
+                button {
+                    margin-left: auto;
+                    height: 25px;
+                    width: 25px;
+                    display: flex;
+                    align-items: center;
+                    justify-content: center;
+                    border-radius: 5px;
+                    cursor: pointer;
+                    transition-duration: 100ms;
+
+                    svg {
+                        color: #ffffffa6;
+                        width: 1.3rem;
+                    }
+                }
+                button:hover {
+                    background-color: #ffffff2b;
+                }
+            }
+        }
+    }
+}
+
+.btn {
+    padding: 6px 14px;
+    background-color: #177148;
+    color: white;
+    border: none;
+    border-radius: 4px;
+    cursor: pointer;
+    transition: background-color 200ms;
+    font-size: 0.9rem;
+    box-shadow: 0px 1px 3px #00000070;
+    display: flex;
+    align-items: center;
+}
+.btn.full-width {
+    width: 100%;
+}
+.btn:hover:not(:disabled) {
+    background-color: #135c3a;
+}
+.btn:disabled {
+    background-color: #115838;
+    color: #ffffff91;
+    cursor: not-allowed;
+}
+
+.ids-tabs {
+    display: flex;
+    background: #111111;
+    height: 40px;
+    align-items: center;
+    overflow-x: auto;
+
+    .ids-tab {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        padding: 8px 16px;
+        background: none;
+        border: none;
+        cursor: pointer;
+        color: #e0e0e0;
+        transition: all 0.2s;
+        border-radius: 0;
+        border-right: 1px solid #ffffff1c;
+        border-bottom: 1px solid #ffffff1c;
+        height: 100%;
+        font-size: 14px;
+        max-width: 170px;
+        transition: all 200ms;
+
+        .tab-title {
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+        }
+
+        .tab-close {
+            background: none;
+            border: none;
+            cursor: pointer;
+            padding: 2px;
+            border-radius: 50px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            color: #a0a0a0;
+            opacity: 0;
+            transition: all 0.2s;
+        }
+        
+        .tab-close:hover {
+            background: #ffffff1f;
+            color: #e0e0e0;
+        }
+    }
+    .ids-tab:hover {
+        background-color: #ffffff08;
+    }
+    .ids-tab:hover > .tab-close {
+        opacity: 1;
+    }
+    .ids-tab.active {
+        background: #ffffff0f;
+        border-bottom: 1px solid #239460;
+
+        .tab-close {
+            opacity: 1;
+        }
+    }
+
+    .filler-tab {
+        flex: 1;
+        border-bottom: 1px solid #ffffff1c;
+        height: 100%;
+    }
+}
+
+.ids-builder {
+    display: flex;
+    height: calc(100% - 45px);
+    color: #e0e0e0;
+
+    .ids-sidebar {
+        width: 280px;
+        display: flex;
+        flex-direction: column;
+        padding: 0px 15px;
+
+        .sidebar-header {
+            padding: 16px 0;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+
+            h3 {
+                text-transform: uppercase;
+                font-size: 0.9rem;
+                color: #ffffffa6;
+                cursor: default;
+                user-select: none;
+                margin: 0;
+                font-weight: 400;
+            }
+
+            .cta-btn {
+                background: none;
+                cursor: pointer;
+                padding: 3px 7px 3px 4px;
+                border-radius: 4px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                color: #a0a0a0;
+                transition: 200ms all;
+                text-transform: uppercase;
+                font-size: 13px;
+                font-weight: 500;
+                border: 1px solid #ffffff1f;
+            }
+
+            .cta-btn svg {
+                margin-right: 5px;
+            }
+            
+            .cta-btn:hover {
+                background: #ffffff17;
+                color: #e0e0e0;
+            }
+        }
+
+        .specifications-list {
+            flex: 1;
+            overflow-y: auto;
+
+            .spec-item {
+                padding: 9px 10px;
+                display: flex;
+                align-items: center;
+                gap: 8px;
+                cursor: pointer;
+                transition: background-color 0.2s;
+                color: #e0e0e0;
+                border-radius: 10px;
+
+                .spec-icon {
+                    font-size: 16px;
+                }
+                
+                .spec-name {
+                    flex: 1;
+                    font-size: 15px;
+                    white-space: nowrap;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                }
+
+                .btn-delete {
+                    background: none;
+                    border: none;
+                    cursor: pointer;
+                    padding: 4px;
+                    border-radius: 4px;
+                    display: flex;
+                    align-items: center;
+                    justify-content: center;
+                    color: #ffffff;
+                    opacity: 0;
+                    transition: opacity 0.2s;
+                }
+                .btn-delete:hover {
+                    background: #404040;
+                }
+            }
+            .spec-item:hover {
+                background: #ffffff12;
+            }
+            .spec-item.active {
+                background: #ffffff12;
+            }
+            .spec-item:hover .btn-delete {
+                opacity: 1;
+            }
+        }
+    }
+}
+
+
+.main-panel {
+    flex: 1;
+    padding: 24px;
+    overflow-y: auto;
+
+    .no-document {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        height: 100%;
+        text-align: center;
+        color: #a0a0a0;
+        gap: 16px;
+
+        .no-document-icon {
+            height: 125px;
+            width: 200px;
+            background: url(/images/no_document.svg);
+            background-size: contain;
+            background-repeat: no-repeat;
+            background-position: center;
+            margin-bottom: 15px;
+        }
+
+        h2 {
+            font-size: 24px;
+            color: #e0e0e0;
+        }
+
+        p {
+            margin: 0;
+            font-size: 16px;
+            opacity: 0.8;
+        }
+    }
+    
+    .ids-md-header {
+        margin-bottom: 24px;
+    }
+
+    .specification-editor {
+        max-width: 800px;
+    }
+    
+    .ids-info h2, .specification-editor h2 {
+        margin: 0 0 0px 0;
+        font-size: 24px;
+        font-weight: 400;
+        color: #e0e0e0;
+        flex: 1;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        overflow: hidden;
+    }
+    
+    .form-grid {
+        display: grid;
+        grid-template-columns: 1fr 1fr;
+        gap: 16px;
+        max-width: 800px;
+    }
+    
+    .form-group {
+        display: flex;
+        flex-direction: column;
+
+        label {
+            margin-bottom: 4px;
+            font-size: 14px;
+            font-weight: 500;
+            color: #b0b0b0;
+        }
+
+        .form-input {
+            padding: 10px 14px;
+            border: 1px solid transparent;
+            border-radius: 4px;
+            font-size: 1rem;
+            transition: border-color 0.2s;
+            background: #ffffff12;
+            color: #e0e0e0;
+            width: 100%;
+        }
+        .form-input:focus {
+            outline: none;
+            border-color: #008242;
+            box-shadow: 0 0 0 0.2rem #00824254;
+        }
+        .form-input::placeholder {
+            color: #888888;
+        }
+
+        .form-ac-input {
+            cursor: text;
+
+            .sv-buttons {
+                display: none;
+            }
+
+            button .shortcut {
+                font-size: 0.7rem;
+            }
+
+            .sv-control input::placeholder {
+                color: #888888;
+            }
+
+            .sv-control .is-single {
+                max-height: 24px;
+            }
+        }
+    }
+    .form-group.full-width {
+        grid-column: 1 / -1;
+    }
+
+    .radio-group {
+        display: flex;
+        gap: 16px;
+        margin-top: 4px;
+    }
+    
+    .radio-label {
+        display: flex;
+        align-items: center;
+        gap: 6px;
+        font-size: 14px;
+        cursor: pointer;
+    }
+    
+    .radio-label input[type="radio"] {
+        margin: 0;
+    }
+    
+    .spec-header {
+        display: flex;
+        align-items: center;
+        margin-bottom: 24px;
+        gap: 15px;
+    }
+    
+    .spec-tabs {
+        display: inline-flex;
+        gap: 4px;
+        padding: 4px;
+        border-radius: 6px;
+        border: 1px solid #ffffff1c;
+    }
+    
+    .tab-btn {
+        cursor: pointer;
+        background-color: transparent;
+        box-shadow: none;
+        font-weight: 500;
+        color: #b0b0b0;
+        font-size: 14px;
+        transition: all 200ms;
+        padding: 5px 10px;
+    }
+    .tab-btn:hover {
+        background: transparent;
+        color: white;
+    }
+    .tab-btn.active {
+        background: #ffffff21;
+        color: white;
+    }
+    
+    .restrictions-panel {
+        max-width: 800px;
+    }
+    
+    .restrictions-header {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        margin-bottom: 16px;
+
+        .btn {
+            background-color: transparent;
+            border: 1px solid #ffffff36;
+        }
+    }
+    
+    .restrictions-header h3 {
+        margin: 0;
+        font-size: 16px;
+        color: #b1b1b1;
+        text-transform: uppercase;
+    }
+    
+    .restriction-buttons {
+        display: flex;
+        gap: 8px;
+        flex-wrap: wrap;
+    }
+    
+    .btn-small {
+        padding: 6px 12px;
+        background: #3d3d3d87;
+        border: 1px solid #55555596;
+        border-radius: 4px;
+        cursor: pointer;
+        font-size: 12px;
+        transition: all 0.2s;
+        color: #e0e0e0;
+    }
+    
+    .btn-small:hover {
+        background: #555555;
+    }
+    
+    .restrictions-list {
+        display: flex;
+        flex-direction: column;
+        gap: 16px;
+    }
+    
+    .restriction-item {
+        background: #ffffff05;
+        border: 1px solid #5555556e;
+        border-radius: 12px;
+        padding: 16px;
+    }
+    
+    .restriction-header {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        margin-bottom: 12px;
+        gap: 12px;
+
+        .restriction-type {
+            background: #ffffff1a;
+            padding: 4px 8px;
+            border-radius: 4px;
+            font-size: 12px;
+            font-weight: 600;
+            color: #e0e0e0;
+        }
+        
+        .restriction-name {
+            flex: 1;
+            font-weight: 400;
+            font-size: 15px;
+            color: #b1b1b1;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+
+            strong {
+                font-weight: 500;
+                color: white;
+            }
+
+            code {
+                color: white;
+            }
+        }
+
+        .btn-delete {
+            padding: 5px;
+            border-radius: 50px;
+            border: 1px solid #ffffff26;
+            cursor: pointer;
+            transition: background-color 200ms;
+        }
+        .btn-delete:hover {
+            background: #ffffff12;
+        }
+    }
+    
+    .restriction-form {
+        display: grid;
+        /* grid-template-columns: 1fr 1fr; */
+        gap: 12px;
+    }
+    
+    .restriction-form .form-group {
+        margin-bottom: 0;
+    }
+    
+    .restriction-form .form-group.full-width {
+        grid-column: 1 / -1;
+    }
+}
+.main-panel.full-width {
+    width: 100%;
+}
+
+.view-mode-toggle {
+    display: flex;
+    gap: 4px;
+    margin-bottom: 16px;
+    padding: 4px;
+    border-radius: 6px;
+    width: fit-content;
+    border: 1px solid #ffffff1c;
+}
+
+.toggle-btn {
+    padding: 5px 10px;
+    background: none;
+    border: none;
+    border-radius: 4px;
+    cursor: pointer;
+    font-size: 14px;
+    color: #b0b0b0;
+    transition: all 0.2s;
+    font-weight: 500;
+}
+
+.toggle-btn:hover {
+    color: white;
+}
+
+.toggle-btn.active {
+    background: #10623d;
+    color: white;
+}
+
+/* Custom Scrollbars */
+.scrollbar {
+    scrollbar-color: #ffffff1c transparent;
+}
+.scrollbar::-webkit-scrollbar {
+    width: 0.55em;
+    background-color: transparent;
+}
+.scrollbar::-webkit-scrollbar-thumb {
+    background-color: #ffffff1c;
+    border-radius: 50px;
+}
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/css/font.css b/src/ifctester/webapp/src/css/font.css
new file mode 100644
index 0000000000..4a33dc21c3
--- /dev/null
+++ b/src/ifctester/webapp/src/css/font.css
@@ -0,0 +1,15 @@
+@font-face {
+  font-family: 'DM Sans';
+  src: url('/fonts/dmsans/DMSans-VariableFont_opsz,wght.ttf') format('truetype');
+  font-weight: 100 1000;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'DM Sans';
+  src: url('/fonts/dmsans/DMSans-Italic-VariableFont_opsz,wght.ttf') format('truetype');
+  font-weight: 100 1000;
+  font-style: italic;
+  font-display: swap;
+}
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/lib/components/ui/dialog/dialog-close.svelte b/src/ifctester/webapp/src/lib/components/ui/dialog/dialog-close.svelte
new file mode 100644
index 0000000000..94266a6315
--- /dev/null
+++ b/src/ifctester/webapp/src/lib/components/ui/dialog/dialog-close.svelte
@@ -0,0 +1,7 @@
+<script>
+	import { Dialog as DialogPrimitive } from "bits-ui";
+
+	let { ref = $bindable(null), ...restProps } = $props();
+</script>
+
+<DialogPrimitive.Close bind:ref data-slot="dialog-close" {...restProps} />
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/lib/components/ui/dialog/dialog-content.svelte b/src/ifctester/webapp/src/lib/components/ui/dialog/dialog-content.svelte
new file mode 100644
index 0000000000..9ceaa7faf7
--- /dev/null
+++ b/src/ifctester/webapp/src/lib/components/ui/dialog/dialog-content.svelte
@@ -0,0 +1,38 @@
+<script>
+	import { Dialog as DialogPrimitive } from "bits-ui";
+	import XIcon from "@lucide/svelte/icons/x";
+	import * as Dialog from "./index.js";
+	import { cn } from "$lib/utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		portalProps,
+		children,
+		showCloseButton = true,
+		...restProps
+	} = $props();
+</script>
+
+<Dialog.Portal {...portalProps}>
+	<Dialog.Overlay />
+	<DialogPrimitive.Content
+		bind:ref
+		data-slot="dialog-content"
+		class={cn(
+			"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed left-[50%] top-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
+			className
+		)}
+		{...restProps}
+	>
+		{@render children?.()}
+		{#if showCloseButton}
+			<DialogPrimitive.Close
+				class="ring-offset-background focus:ring-ring rounded-xs focus:outline-hidden absolute right-4 top-4 opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0"
+			>
+				<XIcon />
+				<span class="sr-only">Close</span>
+			</DialogPrimitive.Close>
+		{/if}
+	</DialogPrimitive.Content>
+</Dialog.Portal>
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/lib/components/ui/dialog/dialog-description.svelte b/src/ifctester/webapp/src/lib/components/ui/dialog/dialog-description.svelte
new file mode 100644
index 0000000000..419a27e449
--- /dev/null
+++ b/src/ifctester/webapp/src/lib/components/ui/dialog/dialog-description.svelte
@@ -0,0 +1,17 @@
+<script>
+	import { Dialog as DialogPrimitive } from "bits-ui";
+	import { cn } from "$lib/utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	} = $props();
+</script>
+
+<DialogPrimitive.Description
+	bind:ref
+	data-slot="dialog-description"
+	class={cn("text-muted-foreground text-sm", className)}
+	{...restProps}
+/>
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/lib/components/ui/dialog/dialog-footer.svelte b/src/ifctester/webapp/src/lib/components/ui/dialog/dialog-footer.svelte
new file mode 100644
index 0000000000..b2d4035e6e
--- /dev/null
+++ b/src/ifctester/webapp/src/lib/components/ui/dialog/dialog-footer.svelte
@@ -0,0 +1,18 @@
+<script>
+	import { cn } from "$lib/utils.js";
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	} = $props();
+</script>
+
+<div
+	bind:this={ref}
+	data-slot="dialog-footer"
+	class={cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className)}
+	{...restProps}
+>
+	{@render children?.()}
+</div>
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/lib/components/ui/dialog/dialog-header.svelte b/src/ifctester/webapp/src/lib/components/ui/dialog/dialog-header.svelte
new file mode 100644
index 0000000000..791dcde5d7
--- /dev/null
+++ b/src/ifctester/webapp/src/lib/components/ui/dialog/dialog-header.svelte
@@ -0,0 +1,19 @@
+<script>
+	import { cn } from "$lib/utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	} = $props();
+</script>
+
+<div
+	bind:this={ref}
+	data-slot="dialog-header"
+	class={cn("flex flex-col gap-2 text-center sm:text-left", className)}
+	{...restProps}
+>
+	{@render children?.()}
+</div>
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/lib/components/ui/dialog/dialog-overlay.svelte b/src/ifctester/webapp/src/lib/components/ui/dialog/dialog-overlay.svelte
new file mode 100644
index 0000000000..adb8a38e94
--- /dev/null
+++ b/src/ifctester/webapp/src/lib/components/ui/dialog/dialog-overlay.svelte
@@ -0,0 +1,20 @@
+<script>
+	import { Dialog as DialogPrimitive } from "bits-ui";
+	import { cn } from "$lib/utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	} = $props();
+</script>
+
+<DialogPrimitive.Overlay
+	bind:ref
+	data-slot="dialog-overlay"
+	class={cn(
+		"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+		className
+	)}
+	{...restProps}
+/>
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/lib/components/ui/dialog/dialog-title.svelte b/src/ifctester/webapp/src/lib/components/ui/dialog/dialog-title.svelte
new file mode 100644
index 0000000000..2d36371d01
--- /dev/null
+++ b/src/ifctester/webapp/src/lib/components/ui/dialog/dialog-title.svelte
@@ -0,0 +1,17 @@
+<script>
+	import { Dialog as DialogPrimitive } from "bits-ui";
+	import { cn } from "$lib/utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	} = $props();
+</script>
+
+<DialogPrimitive.Title
+	bind:ref
+	data-slot="dialog-title"
+	class={cn("text-lg leading-none", className)}
+	{...restProps}
+/>
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/lib/components/ui/dialog/dialog-trigger.svelte b/src/ifctester/webapp/src/lib/components/ui/dialog/dialog-trigger.svelte
new file mode 100644
index 0000000000..7a38ff9e6a
--- /dev/null
+++ b/src/ifctester/webapp/src/lib/components/ui/dialog/dialog-trigger.svelte
@@ -0,0 +1,7 @@
+<script>
+	import { Dialog as DialogPrimitive } from "bits-ui";
+
+	let { ref = $bindable(null), ...restProps } = $props();
+</script>
+
+<DialogPrimitive.Trigger bind:ref data-slot="dialog-trigger" {...restProps} />
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/lib/components/ui/dialog/index.js b/src/ifctester/webapp/src/lib/components/ui/dialog/index.js
new file mode 100644
index 0000000000..036ba9420a
--- /dev/null
+++ b/src/ifctester/webapp/src/lib/components/ui/dialog/index.js
@@ -0,0 +1,37 @@
+import { Dialog as DialogPrimitive } from "bits-ui";
+
+import Title from "./dialog-title.svelte";
+import Footer from "./dialog-footer.svelte";
+import Header from "./dialog-header.svelte";
+import Overlay from "./dialog-overlay.svelte";
+import Content from "./dialog-content.svelte";
+import Description from "./dialog-description.svelte";
+import Trigger from "./dialog-trigger.svelte";
+import Close from "./dialog-close.svelte";
+
+const Root = DialogPrimitive.Root;
+const Portal = DialogPrimitive.Portal;
+
+export {
+	Root,
+	Title,
+	Portal,
+	Footer,
+	Header,
+	Trigger,
+	Overlay,
+	Content,
+	Description,
+	Close,
+	//
+	Root as Dialog,
+	Title as DialogTitle,
+	Portal as DialogPortal,
+	Footer as DialogFooter,
+	Header as DialogHeader,
+	Trigger as DialogTrigger,
+	Overlay as DialogOverlay,
+	Content as DialogContent,
+	Description as DialogDescription,
+	Close as DialogClose,
+};
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/lib/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte b/src/ifctester/webapp/src/lib/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte
new file mode 100644
index 0000000000..fc034efd31
--- /dev/null
+++ b/src/ifctester/webapp/src/lib/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte
@@ -0,0 +1,37 @@
+<script>
+	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
+	import CheckIcon from "@lucide/svelte/icons/check";
+	import MinusIcon from "@lucide/svelte/icons/minus";
+	import { cn } from "$lib/utils.js";
+	let {
+		ref = $bindable(null),
+		checked = $bindable(false),
+		indeterminate = $bindable(false),
+		class: className,
+		children: childrenProp,
+		...restProps
+	} = $props();
+</script>
+
+<DropdownMenuPrimitive.CheckboxItem
+	bind:ref
+	bind:checked
+	bind:indeterminate
+	data-slot="dropdown-menu-checkbox-item"
+	class={cn(
+		"focus:bg-accent focus:text-accent-foreground outline-hidden relative flex cursor-default select-none items-center gap-2 rounded-sm py-1.5 pl-8 pr-2 text-sm data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+		className
+	)}
+	{...restProps}
+>
+	{#snippet children({ checked, indeterminate })}
+		<span class="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
+			{#if indeterminate}
+				<MinusIcon class="size-4" />
+			{:else}
+				<CheckIcon class={cn("size-4", !checked && "text-transparent")} />
+			{/if}
+		</span>
+		{@render childrenProp?.()}
+	{/snippet}
+</DropdownMenuPrimitive.CheckboxItem>
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/lib/components/ui/dropdown-menu/dropdown-menu-content.svelte b/src/ifctester/webapp/src/lib/components/ui/dropdown-menu/dropdown-menu-content.svelte
new file mode 100644
index 0000000000..d13c1ad08d
--- /dev/null
+++ b/src/ifctester/webapp/src/lib/components/ui/dropdown-menu/dropdown-menu-content.svelte
@@ -0,0 +1,25 @@
+<script>
+	import { cn } from "$lib/utils.js";
+	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
+
+	let {
+		ref = $bindable(null),
+		sideOffset = 4,
+		portalProps,
+		class: className,
+		...restProps
+	} = $props();
+</script>
+
+<DropdownMenuPrimitive.Portal {...portalProps}>
+	<DropdownMenuPrimitive.Content
+		bind:ref
+		data-slot="dropdown-menu-content"
+		{sideOffset}
+		class={cn(
+			"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 max-h-(--bits-dropdown-menu-content-available-height) origin-(--bits-dropdown-menu-content-transform-origin) z-50 min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border p-1 shadow-md outline-none",
+			className
+		)}
+		{...restProps}
+	/>
+</DropdownMenuPrimitive.Portal>
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/lib/components/ui/dropdown-menu/dropdown-menu-group-heading.svelte b/src/ifctester/webapp/src/lib/components/ui/dropdown-menu/dropdown-menu-group-heading.svelte
new file mode 100644
index 0000000000..89454b26df
--- /dev/null
+++ b/src/ifctester/webapp/src/lib/components/ui/dropdown-menu/dropdown-menu-group-heading.svelte
@@ -0,0 +1,18 @@
+<script>
+	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
+	import { cn } from "$lib/utils.js";
+	let {
+		ref = $bindable(null),
+		class: className,
+		inset,
+		...restProps
+	} = $props();
+</script>
+
+<DropdownMenuPrimitive.GroupHeading
+	bind:ref
+	data-slot="dropdown-menu-group-heading"
+	data-inset={inset}
+	class={cn("px-2 py-1.5 text-sm font-semibold data-[inset]:pl-8", className)}
+	{...restProps}
+/>
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/lib/components/ui/dropdown-menu/dropdown-menu-group.svelte b/src/ifctester/webapp/src/lib/components/ui/dropdown-menu/dropdown-menu-group.svelte
new file mode 100644
index 0000000000..4f3421fbe8
--- /dev/null
+++ b/src/ifctester/webapp/src/lib/components/ui/dropdown-menu/dropdown-menu-group.svelte
@@ -0,0 +1,7 @@
+<script>
+	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
+
+	let { ref = $bindable(null), ...restProps } = $props();
+</script>
+
+<DropdownMenuPrimitive.Group bind:ref data-slot="dropdown-menu-group" {...restProps} />
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/lib/components/ui/dropdown-menu/dropdown-menu-item.svelte b/src/ifctester/webapp/src/lib/components/ui/dropdown-menu/dropdown-menu-item.svelte
new file mode 100644
index 0000000000..a06f2099dd
--- /dev/null
+++ b/src/ifctester/webapp/src/lib/components/ui/dropdown-menu/dropdown-menu-item.svelte
@@ -0,0 +1,24 @@
+<script>
+	import { cn } from "$lib/utils.js";
+	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		inset,
+		variant = "default",
+		...restProps
+	} = $props();
+</script>
+
+<DropdownMenuPrimitive.Item
+	bind:ref
+	data-slot="dropdown-menu-item"
+	data-inset={inset}
+	data-variant={variant}
+	class={cn(
+		"data-highlighted:bg-accent data-highlighted:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:data-highlighted:bg-destructive/10 dark:data-[variant=destructive]:data-highlighted:bg-destructive/20 data-[variant=destructive]:data-highlighted:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground outline-hidden relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm data-[disabled]:pointer-events-none data-[inset]:pl-8 data-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+		className
+	)}
+	{...restProps}
+/>
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/lib/components/ui/dropdown-menu/dropdown-menu-label.svelte b/src/ifctester/webapp/src/lib/components/ui/dropdown-menu/dropdown-menu-label.svelte
new file mode 100644
index 0000000000..e0aceee7d3
--- /dev/null
+++ b/src/ifctester/webapp/src/lib/components/ui/dropdown-menu/dropdown-menu-label.svelte
@@ -0,0 +1,20 @@
+<script>
+	import { cn } from "$lib/utils.js";
+	let {
+		ref = $bindable(null),
+		class: className,
+		inset,
+		children,
+		...restProps
+	} = $props();
+</script>
+
+<div
+	bind:this={ref}
+	data-slot="dropdown-menu-label"
+	data-inset={inset}
+	class={cn("px-2 py-1.5 text-sm font-semibold data-[inset]:pl-8", className)}
+	{...restProps}
+>
+	{@render children?.()}
+</div>
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/lib/components/ui/dropdown-menu/dropdown-menu-radio-group.svelte b/src/ifctester/webapp/src/lib/components/ui/dropdown-menu/dropdown-menu-radio-group.svelte
new file mode 100644
index 0000000000..009a4dd02d
--- /dev/null
+++ b/src/ifctester/webapp/src/lib/components/ui/dropdown-menu/dropdown-menu-radio-group.svelte
@@ -0,0 +1,16 @@
+<script>
+	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
+
+	let {
+		ref = $bindable(null),
+		value = $bindable(),
+		...restProps
+	} = $props();
+</script>
+
+<DropdownMenuPrimitive.RadioGroup
+	bind:ref
+	bind:value
+	data-slot="dropdown-menu-radio-group"
+	{...restProps}
+/>
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/lib/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte b/src/ifctester/webapp/src/lib/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte
new file mode 100644
index 0000000000..218db7f78a
--- /dev/null
+++ b/src/ifctester/webapp/src/lib/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte
@@ -0,0 +1,31 @@
+<script>
+	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
+	import CircleIcon from "@lucide/svelte/icons/circle";
+	import { cn } from "$lib/utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children: childrenProp,
+		...restProps
+	} = $props();
+</script>
+
+<DropdownMenuPrimitive.RadioItem
+	bind:ref
+	data-slot="dropdown-menu-radio-item"
+	class={cn(
+		"focus:bg-accent focus:text-accent-foreground outline-hidden relative flex cursor-default select-none items-center gap-2 rounded-sm py-1.5 pl-8 pr-2 text-sm data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+		className
+	)}
+	{...restProps}
+>
+	{#snippet children({ checked })}
+		<span class="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
+			{#if checked}
+				<CircleIcon class="size-2 fill-current" />
+			{/if}
+		</span>
+		{@render childrenProp?.({ checked })}
+	{/snippet}
+</DropdownMenuPrimitive.RadioItem>
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/lib/components/ui/dropdown-menu/dropdown-menu-separator.svelte b/src/ifctester/webapp/src/lib/components/ui/dropdown-menu/dropdown-menu-separator.svelte
new file mode 100644
index 0000000000..4d02884d17
--- /dev/null
+++ b/src/ifctester/webapp/src/lib/components/ui/dropdown-menu/dropdown-menu-separator.svelte
@@ -0,0 +1,17 @@
+<script>
+	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
+	import { cn } from "$lib/utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	} = $props();
+</script>
+
+<DropdownMenuPrimitive.Separator
+	bind:ref
+	data-slot="dropdown-menu-separator"
+	class={cn("bg-border -mx-1 my-1 h-px", className)}
+	{...restProps}
+/>
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/lib/components/ui/dropdown-menu/dropdown-menu-shortcut.svelte b/src/ifctester/webapp/src/lib/components/ui/dropdown-menu/dropdown-menu-shortcut.svelte
new file mode 100644
index 0000000000..20f2210c5a
--- /dev/null
+++ b/src/ifctester/webapp/src/lib/components/ui/dropdown-menu/dropdown-menu-shortcut.svelte
@@ -0,0 +1,19 @@
+<script>
+	import { cn } from "$lib/utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	} = $props();
+</script>
+
+<span
+	bind:this={ref}
+	data-slot="dropdown-menu-shortcut"
+	class={cn("text-muted-foreground ml-auto text-xs tracking-widest", className)}
+	{...restProps}
+>
+	{@render children?.()}
+</span>
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-content.svelte b/src/ifctester/webapp/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-content.svelte
new file mode 100644
index 0000000000..0f3c698fea
--- /dev/null
+++ b/src/ifctester/webapp/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-content.svelte
@@ -0,0 +1,20 @@
+<script>
+	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
+	import { cn } from "$lib/utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	} = $props();
+</script>
+
+<DropdownMenuPrimitive.SubContent
+	bind:ref
+	data-slot="dropdown-menu-sub-content"
+	class={cn(
+		"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-(--bits-dropdown-menu-content-transform-origin) z-50 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-lg",
+		className
+	)}
+	{...restProps}
+/>
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte b/src/ifctester/webapp/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte
new file mode 100644
index 0000000000..e4e236e111
--- /dev/null
+++ b/src/ifctester/webapp/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte
@@ -0,0 +1,27 @@
+<script>
+	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
+	import ChevronRightIcon from "@lucide/svelte/icons/chevron-right";
+	import { cn } from "$lib/utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		inset,
+		children,
+		...restProps
+	} = $props();
+</script>
+
+<DropdownMenuPrimitive.SubTrigger
+	bind:ref
+	data-slot="dropdown-menu-sub-trigger"
+	data-inset={inset}
+	class={cn(
+		"data-highlighted:bg-accent data-highlighted:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground outline-hidden [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm data-[disabled]:pointer-events-none data-[inset]:pl-8 data-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+		className
+	)}
+	{...restProps}
+>
+	{@render children?.()}
+	<ChevronRightIcon class="ml-auto size-4" />
+</DropdownMenuPrimitive.SubTrigger>
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/lib/components/ui/dropdown-menu/dropdown-menu-trigger.svelte b/src/ifctester/webapp/src/lib/components/ui/dropdown-menu/dropdown-menu-trigger.svelte
new file mode 100644
index 0000000000..720d196b77
--- /dev/null
+++ b/src/ifctester/webapp/src/lib/components/ui/dropdown-menu/dropdown-menu-trigger.svelte
@@ -0,0 +1,7 @@
+<script>
+	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
+
+	let { ref = $bindable(null), ...restProps } = $props();
+</script>
+
+<DropdownMenuPrimitive.Trigger bind:ref data-slot="dropdown-menu-trigger" {...restProps} />
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/lib/components/ui/dropdown-menu/index.js b/src/ifctester/webapp/src/lib/components/ui/dropdown-menu/index.js
new file mode 100644
index 0000000000..5d3f473faf
--- /dev/null
+++ b/src/ifctester/webapp/src/lib/components/ui/dropdown-menu/index.js
@@ -0,0 +1,49 @@
+import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
+import CheckboxItem from "./dropdown-menu-checkbox-item.svelte";
+import Content from "./dropdown-menu-content.svelte";
+import Group from "./dropdown-menu-group.svelte";
+import Item from "./dropdown-menu-item.svelte";
+import Label from "./dropdown-menu-label.svelte";
+import RadioGroup from "./dropdown-menu-radio-group.svelte";
+import RadioItem from "./dropdown-menu-radio-item.svelte";
+import Separator from "./dropdown-menu-separator.svelte";
+import Shortcut from "./dropdown-menu-shortcut.svelte";
+import Trigger from "./dropdown-menu-trigger.svelte";
+import SubContent from "./dropdown-menu-sub-content.svelte";
+import SubTrigger from "./dropdown-menu-sub-trigger.svelte";
+import GroupHeading from "./dropdown-menu-group-heading.svelte";
+const Sub = DropdownMenuPrimitive.Sub;
+const Root = DropdownMenuPrimitive.Root;
+
+export {
+	CheckboxItem,
+	Content,
+	Root as DropdownMenu,
+	CheckboxItem as DropdownMenuCheckboxItem,
+	Content as DropdownMenuContent,
+	Group as DropdownMenuGroup,
+	Item as DropdownMenuItem,
+	Label as DropdownMenuLabel,
+	RadioGroup as DropdownMenuRadioGroup,
+	RadioItem as DropdownMenuRadioItem,
+	Separator as DropdownMenuSeparator,
+	Shortcut as DropdownMenuShortcut,
+	Sub as DropdownMenuSub,
+	SubContent as DropdownMenuSubContent,
+	SubTrigger as DropdownMenuSubTrigger,
+	Trigger as DropdownMenuTrigger,
+	GroupHeading as DropdownMenuGroupHeading,
+	Group,
+	GroupHeading,
+	Item,
+	Label,
+	RadioGroup,
+	RadioItem,
+	Root,
+	Separator,
+	Shortcut,
+	Sub,
+	SubContent,
+	SubTrigger,
+	Trigger,
+};
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/lib/components/ui/menubar/index.js b/src/ifctester/webapp/src/lib/components/ui/menubar/index.js
new file mode 100644
index 0000000000..95c2fa4abf
--- /dev/null
+++ b/src/ifctester/webapp/src/lib/components/ui/menubar/index.js
@@ -0,0 +1,54 @@
+import { Menubar as MenubarPrimitive } from "bits-ui";
+import Root from "./menubar.svelte";
+import CheckboxItem from "./menubar-checkbox-item.svelte";
+import Content from "./menubar-content.svelte";
+import Item from "./menubar-item.svelte";
+import Group from "./menubar-group.svelte";
+import RadioItem from "./menubar-radio-item.svelte";
+import Separator from "./menubar-separator.svelte";
+import Shortcut from "./menubar-shortcut.svelte";
+import SubContent from "./menubar-sub-content.svelte";
+import SubTrigger from "./menubar-sub-trigger.svelte";
+import Trigger from "./menubar-trigger.svelte";
+import Label from "./menubar-label.svelte";
+import GroupHeading from "./menubar-group-heading.svelte";
+
+const Menu = MenubarPrimitive.Menu;
+const Sub = MenubarPrimitive.Sub;
+const RadioGroup = MenubarPrimitive.RadioGroup;
+
+export {
+	Root,
+	CheckboxItem,
+	Content,
+	Item,
+	RadioItem,
+	Separator,
+	Shortcut,
+	SubContent,
+	SubTrigger,
+	Trigger,
+	Menu,
+	Group,
+	Sub,
+	RadioGroup,
+	Label,
+	GroupHeading,
+	//
+	Root as Menubar,
+	CheckboxItem as MenubarCheckboxItem,
+	Content as MenubarContent,
+	Item as MenubarItem,
+	RadioItem as MenubarRadioItem,
+	Separator as MenubarSeparator,
+	Shortcut as MenubarShortcut,
+	SubContent as MenubarSubContent,
+	SubTrigger as MenubarSubTrigger,
+	Trigger as MenubarTrigger,
+	Menu as MenubarMenu,
+	Group as MenubarGroup,
+	Sub as MenubarSub,
+	RadioGroup as MenubarRadioGroup,
+	Label as MenubarLabel,
+	GroupHeading as MenubarGroupHeading,
+};
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/lib/components/ui/menubar/menubar-checkbox-item.svelte b/src/ifctester/webapp/src/lib/components/ui/menubar/menubar-checkbox-item.svelte
new file mode 100644
index 0000000000..0d6e298b0f
--- /dev/null
+++ b/src/ifctester/webapp/src/lib/components/ui/menubar/menubar-checkbox-item.svelte
@@ -0,0 +1,37 @@
+<script>
+	import { Menubar as MenubarPrimitive } from "bits-ui";
+	import CheckIcon from "@lucide/svelte/icons/check";
+	import MinusIcon from "@lucide/svelte/icons/minus";
+	import { cn } from "$lib/utils.js";
+	let {
+		ref = $bindable(null),
+		class: className,
+		checked = $bindable(false),
+		indeterminate = $bindable(false),
+		children: childrenProp,
+		...restProps
+	} = $props();
+</script>
+
+<MenubarPrimitive.CheckboxItem
+	bind:ref
+	bind:checked
+	bind:indeterminate
+	data-slot="menubar-checkbox-item"
+	class={cn(
+		"focus:bg-accent focus:text-accent-foreground rounded-xs outline-hidden relative flex cursor-default select-none items-center gap-2 py-1.5 pl-8 pr-2 text-sm data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+		className
+	)}
+	{...restProps}
+>
+	{#snippet children({ checked, indeterminate })}
+		<span class="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
+			{#if indeterminate}
+				<MinusIcon class="size-4" />
+			{:else}
+				<CheckIcon class={cn("size-4", !checked && "text-transparent")} />
+			{/if}
+		</span>
+		{@render childrenProp?.()}
+	{/snippet}
+</MenubarPrimitive.CheckboxItem>
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/lib/components/ui/menubar/menubar-content.svelte b/src/ifctester/webapp/src/lib/components/ui/menubar/menubar-content.svelte
new file mode 100644
index 0000000000..2706fc76e2
--- /dev/null
+++ b/src/ifctester/webapp/src/lib/components/ui/menubar/menubar-content.svelte
@@ -0,0 +1,31 @@
+<script>
+	import { Menubar as MenubarPrimitive } from "bits-ui";
+	import { cn } from "$lib/utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		sideOffset = 8,
+		alignOffset = -4,
+		align = "start",
+		side = "bottom",
+		portalProps,
+		...restProps
+	} = $props();
+</script>
+
+<MenubarPrimitive.Portal {...portalProps}>
+	<MenubarPrimitive.Content
+		bind:ref
+		data-slot="menubar-content"
+		{sideOffset}
+		{align}
+		{alignOffset}
+		{side}
+		class={cn(
+			"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-(--bits-menubar-content-transform-origin) z-50 min-w-[12rem] overflow-hidden rounded-md border p-1 shadow-md",
+			className
+		)}
+		{...restProps}
+	/>
+</MenubarPrimitive.Portal>
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/lib/components/ui/menubar/menubar-group-heading.svelte b/src/ifctester/webapp/src/lib/components/ui/menubar/menubar-group-heading.svelte
new file mode 100644
index 0000000000..c64dd91534
--- /dev/null
+++ b/src/ifctester/webapp/src/lib/components/ui/menubar/menubar-group-heading.svelte
@@ -0,0 +1,18 @@
+<script>
+	import { cn } from "$lib/utils.js";
+	import { Menubar as MenubarPrimitive } from "bits-ui";
+	let {
+		ref = $bindable(null),
+		inset,
+		class: className,
+		...restProps
+	} = $props();
+</script>
+
+<MenubarPrimitive.GroupHeading
+	bind:ref
+	data-slot="menubar-group-heading"
+	data-inset={inset}
+	class={cn("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", className)}
+	{...restProps}
+/>
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/lib/components/ui/menubar/menubar-group.svelte b/src/ifctester/webapp/src/lib/components/ui/menubar/menubar-group.svelte
new file mode 100644
index 0000000000..8acc8b9549
--- /dev/null
+++ b/src/ifctester/webapp/src/lib/components/ui/menubar/menubar-group.svelte
@@ -0,0 +1,10 @@
+<script>
+	import { Menubar as MenubarPrimitive } from "bits-ui";
+
+	let {
+		ref = $bindable(null),
+		...restProps
+	} = $props();
+</script>
+
+<MenubarPrimitive.Group bind:ref data-slot="menubar-group" {...restProps} />
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/lib/components/ui/menubar/menubar-item.svelte b/src/ifctester/webapp/src/lib/components/ui/menubar/menubar-item.svelte
new file mode 100644
index 0000000000..f4fee4711e
--- /dev/null
+++ b/src/ifctester/webapp/src/lib/components/ui/menubar/menubar-item.svelte
@@ -0,0 +1,24 @@
+<script>
+	import { Menubar as MenubarPrimitive } from "bits-ui";
+	import { cn } from "$lib/utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		inset = undefined,
+		variant = "default",
+		...restProps
+	} = $props();
+</script>
+
+<MenubarPrimitive.Item
+	bind:ref
+	data-slot="menubar-item"
+	data-inset={inset}
+	data-variant={variant}
+	class={cn(
+		"focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground outline-hidden relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-base data-[disabled]:pointer-events-none data-[inset]:pl-8 data-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+		className
+	)}
+	{...restProps}
+/>
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/lib/components/ui/menubar/menubar-label.svelte b/src/ifctester/webapp/src/lib/components/ui/menubar/menubar-label.svelte
new file mode 100644
index 0000000000..129be16dd5
--- /dev/null
+++ b/src/ifctester/webapp/src/lib/components/ui/menubar/menubar-label.svelte
@@ -0,0 +1,20 @@
+<script>
+	import { cn } from "$lib/utils.js";
+	let {
+		ref = $bindable(null),
+		inset,
+		children,
+		class: className,
+		...restProps
+	} = $props();
+</script>
+
+<div
+	bind:this={ref}
+	data-slot="menubar-label"
+	data-inset={inset}
+	class={cn("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", className)}
+	{...restProps}
+>
+	{@render children?.()}
+</div>
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/lib/components/ui/menubar/menubar-radio-item.svelte b/src/ifctester/webapp/src/lib/components/ui/menubar/menubar-radio-item.svelte
new file mode 100644
index 0000000000..c7c122881f
--- /dev/null
+++ b/src/ifctester/webapp/src/lib/components/ui/menubar/menubar-radio-item.svelte
@@ -0,0 +1,31 @@
+<script>
+	import { Menubar as MenubarPrimitive } from "bits-ui";
+	import CircleIcon from "@lucide/svelte/icons/circle";
+	import { cn } from "$lib/utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children: childrenProp,
+		...restProps
+	} = $props();
+</script>
+
+<MenubarPrimitive.RadioItem
+	bind:ref
+	data-slot="menubar-radio-item"
+	class={cn(
+		"focus:bg-accent focus:text-accent-foreground rounded-xs outline-hidden relative flex cursor-default select-none items-center gap-2 py-1.5 pl-8 pr-2 text-sm data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+		className
+	)}
+	{...restProps}
+>
+	{#snippet children({ checked })}
+		<span class="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
+			{#if checked}
+				<CircleIcon class="size-2 fill-current" />
+			{/if}
+		</span>
+		{@render childrenProp?.({ checked })}
+	{/snippet}
+</MenubarPrimitive.RadioItem>
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/lib/components/ui/menubar/menubar-separator.svelte b/src/ifctester/webapp/src/lib/components/ui/menubar/menubar-separator.svelte
new file mode 100644
index 0000000000..d32bbab673
--- /dev/null
+++ b/src/ifctester/webapp/src/lib/components/ui/menubar/menubar-separator.svelte
@@ -0,0 +1,17 @@
+<script>
+	import { Menubar as MenubarPrimitive } from "bits-ui";
+	import { cn } from "$lib/utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	} = $props();
+</script>
+
+<MenubarPrimitive.Separator
+	bind:ref
+	data-slot="menubar-separator"
+	class={cn("bg-border -mx-1 my-1 h-px", className)}
+	{...restProps}
+/>
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/lib/components/ui/menubar/menubar-shortcut.svelte b/src/ifctester/webapp/src/lib/components/ui/menubar/menubar-shortcut.svelte
new file mode 100644
index 0000000000..7df7a0d118
--- /dev/null
+++ b/src/ifctester/webapp/src/lib/components/ui/menubar/menubar-shortcut.svelte
@@ -0,0 +1,19 @@
+<script>
+	import { cn } from "$lib/utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	} = $props();
+</script>
+
+<span
+	bind:this={ref}
+	data-slot="menubar-shortcut"
+	class={cn("text-muted-foreground ml-auto text-xs tracking-widest", className)}
+	{...restProps}
+>
+	{@render children?.()}
+</span>
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/lib/components/ui/menubar/menubar-sub-content.svelte b/src/ifctester/webapp/src/lib/components/ui/menubar/menubar-sub-content.svelte
new file mode 100644
index 0000000000..5a79de2c58
--- /dev/null
+++ b/src/ifctester/webapp/src/lib/components/ui/menubar/menubar-sub-content.svelte
@@ -0,0 +1,20 @@
+<script>
+	import { Menubar as MenubarPrimitive } from "bits-ui";
+	import { cn } from "$lib/utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	} = $props();
+</script>
+
+<MenubarPrimitive.SubContent
+	bind:ref
+	data-slot="menubar-sub-content"
+	class={cn(
+		"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-(--bits-menubar-content-transform-origin) z-50 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-lg",
+		className
+	)}
+	{...restProps}
+/>
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/lib/components/ui/menubar/menubar-sub-trigger.svelte b/src/ifctester/webapp/src/lib/components/ui/menubar/menubar-sub-trigger.svelte
new file mode 100644
index 0000000000..f9fa0461ee
--- /dev/null
+++ b/src/ifctester/webapp/src/lib/components/ui/menubar/menubar-sub-trigger.svelte
@@ -0,0 +1,27 @@
+<script>
+	import { Menubar as MenubarPrimitive } from "bits-ui";
+	import ChevronRightIcon from "@lucide/svelte/icons/chevron-right";
+	import { cn } from "$lib/utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		inset = undefined,
+		children,
+		...restProps
+	} = $props();
+</script>
+
+<MenubarPrimitive.SubTrigger
+	bind:ref
+	data-slot="menubar-sub-trigger"
+	data-inset={inset}
+	class={cn(
+		"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[inset]:pl-8",
+		className
+	)}
+	{...restProps}
+>
+	{@render children?.()}
+	<ChevronRightIcon class="ml-auto size-4" />
+</MenubarPrimitive.SubTrigger>
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/lib/components/ui/menubar/menubar-trigger.svelte b/src/ifctester/webapp/src/lib/components/ui/menubar/menubar-trigger.svelte
new file mode 100644
index 0000000000..c39921a2a1
--- /dev/null
+++ b/src/ifctester/webapp/src/lib/components/ui/menubar/menubar-trigger.svelte
@@ -0,0 +1,20 @@
+<script>
+	import { Menubar as MenubarPrimitive } from "bits-ui";
+	import { cn } from "$lib/utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	} = $props();
+</script>
+
+<MenubarPrimitive.Trigger
+	bind:ref
+	data-slot="menubar-trigger"
+	class={cn(
+		"data-[state=open]:bg-accent data-[state=open]:text-accent-foreground outline-hidden flex select-none items-center rounded-sm px-2 py-1 text-sm font-medium",
+		className
+	)}
+	{...restProps}
+/>
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/lib/components/ui/menubar/menubar.svelte b/src/ifctester/webapp/src/lib/components/ui/menubar/menubar.svelte
new file mode 100644
index 0000000000..cddff1b908
--- /dev/null
+++ b/src/ifctester/webapp/src/lib/components/ui/menubar/menubar.svelte
@@ -0,0 +1,20 @@
+<script>
+	import { Menubar as MenubarPrimitive } from "bits-ui";
+	import { cn } from "$lib/utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	} = $props();
+</script>
+
+<MenubarPrimitive.Root
+	bind:ref
+	data-slot="menubar"
+	class={cn(
+		"flex h-9 items-center gap-1 rounded-md p-1",
+		className
+	)}
+	{...restProps}
+/>
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/lib/components/ui/sonner/index.js b/src/ifctester/webapp/src/lib/components/ui/sonner/index.js
new file mode 100644
index 0000000000..1f016b4ece
--- /dev/null
+++ b/src/ifctester/webapp/src/lib/components/ui/sonner/index.js
@@ -0,0 +1 @@
+export { default as Toaster } from "./sonner.svelte";
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/lib/components/ui/sonner/sonner.svelte b/src/ifctester/webapp/src/lib/components/ui/sonner/sonner.svelte
new file mode 100644
index 0000000000..91981de7e6
--- /dev/null
+++ b/src/ifctester/webapp/src/lib/components/ui/sonner/sonner.svelte
@@ -0,0 +1,13 @@
+<script>
+	import { Toaster as Sonner } from "svelte-sonner";
+	import { mode } from "mode-watcher";
+
+	let { ...restProps } = $props();
+</script>
+
+<Sonner
+	theme={mode.current}
+	class="toaster group"
+	style="--normal-bg: var(--color-popover); --normal-text: var(--color-popover-foreground); --normal-border: var(--color-border);"
+	{...restProps}
+/>
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/lib/components/ui/tooltip/index.js b/src/ifctester/webapp/src/lib/components/ui/tooltip/index.js
new file mode 100644
index 0000000000..0810f5df1f
--- /dev/null
+++ b/src/ifctester/webapp/src/lib/components/ui/tooltip/index.js
@@ -0,0 +1,21 @@
+import { Tooltip as TooltipPrimitive } from "bits-ui";
+import Trigger from "./tooltip-trigger.svelte";
+import Content from "./tooltip-content.svelte";
+
+const Root = TooltipPrimitive.Root;
+const Provider = TooltipPrimitive.Provider;
+const Portal = TooltipPrimitive.Portal;
+
+export {
+	Root,
+	Trigger,
+	Content,
+	Provider,
+	Portal,
+	//
+	Root as Tooltip,
+	Content as TooltipContent,
+	Trigger as TooltipTrigger,
+	Provider as TooltipProvider,
+	Portal as TooltipPortal,
+};
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/lib/components/ui/tooltip/tooltip-content.svelte b/src/ifctester/webapp/src/lib/components/ui/tooltip/tooltip-content.svelte
new file mode 100644
index 0000000000..3c25c65b9a
--- /dev/null
+++ b/src/ifctester/webapp/src/lib/components/ui/tooltip/tooltip-content.svelte
@@ -0,0 +1,45 @@
+<script>
+	import { Tooltip as TooltipPrimitive } from "bits-ui";
+	import { cn } from "$lib/utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		sideOffset = 0,
+		side = "top",
+		children,
+		arrowClasses,
+		...restProps
+	} = $props();
+</script>
+
+<TooltipPrimitive.Portal>
+	<TooltipPrimitive.Content
+		bind:ref
+		data-slot="tooltip-content"
+		{sideOffset}
+		{side}
+		class={cn(
+			"bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-(--bits-tooltip-content-transform-origin) z-50 w-fit text-balance rounded-md px-3 py-1.5 text-xs",
+			className
+		)}
+		{...restProps}
+	>
+		{@render children?.()}
+		<TooltipPrimitive.Arrow>
+			{#snippet child({ props })}
+				<div
+					class={cn(
+						"bg-primary z-50 size-2.5 rotate-45 rounded-[2px]",
+						"data-[side=top]:translate-x-1/2 data-[side=top]:translate-y-[calc(-50%_+_2px)]",
+						"data-[side=bottom]:-translate-y-[calc(-50%_+_1px)] data-[side=bottom]:translate-x-1/2",
+						"data-[side=right]:translate-x-[calc(50%_+_2px)] data-[side=right]:translate-y-1/2",
+						"data-[side=left]:translate-y-[calc(50%_-_3px)]",
+						arrowClasses
+					)}
+					{...props}
+				></div>
+			{/snippet}
+		</TooltipPrimitive.Arrow>
+	</TooltipPrimitive.Content>
+</TooltipPrimitive.Portal>
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/lib/components/ui/tooltip/tooltip-trigger.svelte b/src/ifctester/webapp/src/lib/components/ui/tooltip/tooltip-trigger.svelte
new file mode 100644
index 0000000000..a2885f2cca
--- /dev/null
+++ b/src/ifctester/webapp/src/lib/components/ui/tooltip/tooltip-trigger.svelte
@@ -0,0 +1,7 @@
+<script>
+	import { Tooltip as TooltipPrimitive } from "bits-ui";
+
+	let { ref = $bindable(null), ...restProps } = $props();
+</script>
+
+<TooltipPrimitive.Trigger bind:ref data-slot="tooltip-trigger" {...restProps} />
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/lib/utils.js b/src/ifctester/webapp/src/lib/utils.js
new file mode 100644
index 0000000000..f79e2db4c9
--- /dev/null
+++ b/src/ifctester/webapp/src/lib/utils.js
@@ -0,0 +1,8 @@
+import { clsx, } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs) {
+	return twMerge(clsx(inputs));
+}
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/main.js b/src/ifctester/webapp/src/main.js
new file mode 100644
index 0000000000..14fb0c3be8
--- /dev/null
+++ b/src/ifctester/webapp/src/main.js
@@ -0,0 +1,9 @@
+import { mount } from 'svelte';
+import './css/app.css';
+import App from './App.svelte';
+
+const app = mount(App, {
+    target: document.getElementById('root'),
+});
+
+export default app;
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/modules/api/api.svelte.js b/src/ifctester/webapp/src/modules/api/api.svelte.js
new file mode 100644
index 0000000000..6b050d5772
--- /dev/null
+++ b/src/ifctester/webapp/src/modules/api/api.svelte.js
@@ -0,0 +1,300 @@
+import wasm from "$src/modules/wasm";
+import * as IDS from "$src/modules/api/ids.svelte.js";
+import hyperid from "hyperid";
+
+export let Autocompletions = $state({
+    entityClasses: [],
+    materialCategories: [],
+    classificationSystems: {},
+    dataTypes: [],
+    isLoaded: false
+});
+
+export let IFCModels = $state({
+    models: [],
+    isLoading: false,
+    audits: []
+});
+
+const id = hyperid();
+
+// Preload autocompletions on initialization
+wasm.init().then(async () => {
+    await preloadAutocompletions();
+});
+
+export async function preloadAutocompletions() {
+    try {
+        const schemas = ["IFC2X3", "IFC4"]; // TODO: IFC4X3 is excluded for now because of an error
+        
+        // Entity classes
+        const entitySets = await Promise.all(
+            schemas.map(schema => wasm.getAllEntityClasses(schema))
+        );
+        const allEntities = new Set();
+        entitySets.forEach(entities => {
+            entities.forEach(entity => allEntities.add(entity));
+        });
+        
+        // Data types
+        const dataTypeSets = await Promise.all(
+            schemas.map(schema => wasm.getAllDataTypes(schema))
+        );
+        const allDataTypes = new Set();
+        dataTypeSets.forEach(dataTypes => {
+            Object.keys(dataTypes).forEach(dataType => allDataTypes.add(dataType));
+        });
+        
+        // Material categories and Classification systems
+        const [materialCategories, classificationSystems] = await Promise.all([
+            wasm.getMaterialCategories(),
+            wasm.getStandardClassificationSystems()
+        ]);
+        
+        // Cache autocompletions
+        Autocompletions.entityClasses = Array.from(allEntities).sort();
+        Autocompletions.materialCategories = materialCategories;
+        Autocompletions.classificationSystems = classificationSystems;
+        Autocompletions.dataTypes = Array.from(allDataTypes).sort();
+        Autocompletions.isLoaded = true;
+        
+        console.log('Autocompletions preloaded');
+    } catch (error) {
+        console.error('Failed to preload autocompletions:', error);
+    }
+}
+
+export async function getPredefinedTypes(schema, entity) {
+    return await wasm.getPredefinedTypes(schema, entity);
+}
+
+export async function getEntityAttributes(schema, entity) {
+    return await wasm.getEntityAttributes(schema, entity);
+}
+
+export async function getApplicablePsets(schema, entity, predefinedType = '') {
+    return await wasm.getApplicablePsets(schema, entity, predefinedType);
+}
+
+export function getEntityClasses() {
+    return Autocompletions.entityClasses;
+}
+
+export function getMaterialCategories() {
+    return Autocompletions.materialCategories;
+}
+
+export function getClassificationSystems() {
+    return Autocompletions.classificationSystems;
+}
+
+export function getDataTypes() {
+    return Autocompletions.dataTypes;
+}
+
+export async function loadIfc(file) {
+    try {
+        IFCModels.isLoading = true;
+        
+        const arrayBuffer = await file.arrayBuffer();
+        const uint8Array = new Uint8Array(arrayBuffer);
+        
+        // Load IFC model
+        const ifcId = await wasm.loadIfc(Array.from(uint8Array));
+        
+        // Add to models list
+        const model = {
+            id: ifcId,
+            fileName: file.name,
+            fileSize: file.size,
+            loadedAt: new Date()
+        };
+        IFCModels.models = [...IFCModels.models, model];
+        
+        console.log(`IFC model "${file.name}" loaded with ID: ${ifcId}`);
+        return model;
+    } catch (error) {
+        console.error('Failed to load IFC model:', error);
+        throw error;
+    } finally {
+        IFCModels.isLoading = false;
+    }
+}
+
+export async function unloadIfc(modelId) {
+    try {
+        // Unload model
+        await wasm.unloadIfc(modelId);
+        
+        // Remove from models list
+        IFCModels.models = IFCModels.models.filter(model => model.id !== modelId);
+        
+        console.log(`IFC model with ID ${modelId} unloaded`);
+    } catch (error) {
+        console.error('Failed to unload IFC model:', error);
+        throw error;
+    }
+}
+
+export async function auditIfc(modelId, idsData) {
+    try {
+        let idsBytes;
+        if (typeof idsData === 'string') {
+            idsBytes = new TextEncoder().encode(idsData);
+        } else if (idsData instanceof ArrayBuffer) {
+            idsBytes = new Uint8Array(idsData);
+        } else {
+            idsBytes = idsData;
+        }
+        
+        // Run audit
+        const auditResult = await wasm.auditIfc(modelId, idsBytes);
+        
+        console.log(`Audit completed for model ${modelId}`);
+        return auditResult;
+    } catch (error) {
+        console.error('Failed to audit IFC model:', error);
+        throw error;
+    }
+}
+
+export function getLoadedModels() {
+    return IFCModels.models;
+}
+
+export async function openIfc() {
+    return new Promise((resolve, reject) => {
+        const fileInput = document.createElement('input');
+        fileInput.type = 'file';
+        fileInput.accept = '.ifc';
+        
+        fileInput.onchange = async (event) => {
+            const file = event.target.files[0];
+            if (!file) {
+                reject(new Error('No file selected'));
+                return;
+            }
+            
+            // Check if it's an IFC file
+            if (!file.name.toLowerCase().endsWith('.ifc')) {
+                reject(new Error('Please select a valid IFC file (.ifc)'));
+                return;
+            }
+            
+            try {
+                await loadIfc(file);
+                resolve();
+            } catch (error) {
+                reject(error);
+            }
+        };
+        
+        fileInput.onerror = () => reject(new Error('Failed to open file picker'));
+        fileInput.click();
+    });
+}
+
+export function getIfcById(modelId) {
+    return IFCModels.models.find(model => model.id === modelId);
+}
+
+export function createAuditReport(modelId, document, auditData, htmlReport = null) {
+    const model = getIfcById(modelId);
+    if (!model) return;
+    
+    const auditReport = {
+        id: id(),
+        modelId: modelId,
+        modelName: model.fileName,
+        document: document,
+        date: new Date().toISOString(),
+        data: auditData,
+        htmlReport: htmlReport
+    };
+    
+    IFCModels.audits.unshift(auditReport);
+    return auditReport;
+}
+
+export function getAuditReportsForIfc(modelId) {
+    return IFCModels.audits.filter(audit => audit.modelId === modelId);
+}
+
+export function getAuditReportById(auditId) {
+    return IFCModels.audits.find(audit => audit.id === auditId);
+}
+
+export function clearIdsAuditReports(document) {
+    IFCModels.audits = IFCModels.audits.filter(audit => audit.document !== document);
+}
+
+export async function downloadAuditReport(auditId) {
+    const audit = getAuditReportById(auditId);
+    if (!audit || !audit.htmlReport) {
+        throw new Error('HTML report not available for this audit');
+    }
+    
+    // Get IDS document title for filename
+    let filename = 'report.html';
+    if (audit.document && IDS.Module.documents[audit.document]) {
+        const doc = IDS.Module.documents[audit.document];
+        const title = doc.info?.title || 'untitled';
+        filename = `report_${title.replace(/[^a-z0-9]/gi, '_').toLowerCase()}.html`;
+    }
+    
+    const blob = new Blob([audit.htmlReport], { type: 'text/html' });
+    const url = URL.createObjectURL(blob);
+    
+    const link = document.createElement('a');
+    link.href = url;
+    link.download = filename;
+    link.style.display = 'none';
+    
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+    URL.revokeObjectURL(url);
+}
+
+export async function runAudit() {
+    if (IFCModels.models.length === 0) {
+        throw new Error('Please load an IFC model first');
+    }
+    
+    if (!IDS.Module.activeDocument) {
+        throw new Error('Please create or open an IDS document first');
+    }
+    
+    // Clear previous audit reports
+    IFCModels.audits = [];
+    
+    // Get the active IDS document XML
+    const idsXml = await IDS.exportActiveDocument();
+    
+    // Run audit on all loaded models
+    let firstAuditReport = null;
+    for (const model of IFCModels.models) {
+        const result = await auditIfc(model.id, idsXml);
+        
+        // Extract JSON and HTML reports from the result
+        const jsonData = result.json || null;
+        const htmlReport = result.html || null;
+        
+        const auditReport = createAuditReport(model.id, IDS.Module.activeDocument, jsonData, htmlReport);
+        
+        // Store the first audit report to open in viewer
+        if (!firstAuditReport) {
+            firstAuditReport = auditReport;
+        }
+    }
+    
+    // Switch to viewer mode and set the first audit report as active
+    if (firstAuditReport && IDS.Module.activeDocument) {
+        IDS.setDocumentState(IDS.Module.activeDocument, { 
+            viewMode: 'viewer',
+            auditReport: firstAuditReport.id
+        });
+    }
+    
+    return firstAuditReport;
+}
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/modules/api/bonsai.svelte.js b/src/ifctester/webapp/src/modules/api/bonsai.svelte.js
new file mode 100644
index 0000000000..bcc4b8965d
--- /dev/null
+++ b/src/ifctester/webapp/src/modules/api/bonsai.svelte.js
@@ -0,0 +1,180 @@
+import { io } from 'socket.io-client';
+import { IFCModels } from './api.svelte.js';
+import * as IDS from './ids.svelte.js';
+import { error, success } from '../utils/toast.svelte.js';
+import hyperid from 'hyperid';
+import { onMount } from 'svelte';
+
+// Bonsai connection state
+export let Bonsai = $state({
+    enabled: false,
+    port: null,
+    socket: null,
+    connected: false,
+    auditing: false
+});
+
+const id = hyperid();
+const pendingAudits = new Map();
+
+// Check for Bonsai server port in URL parameters
+const urlParams = new URLSearchParams(window.location.search);
+const serverPort = urlParams.get('bonsai_server');
+
+if (serverPort) {
+    Bonsai.enabled = true;
+    Bonsai.port = serverPort;
+}
+
+/**
+ * Connect to Bonsai server
+ */
+export const connect = () => new Promise((resolve, reject) => {
+    if (!Bonsai.port) return;
+    
+    try {
+        Bonsai.socket = io(`ws://127.0.0.1:${Bonsai.port}/ifctester`, {
+            transports: ['websocket'],
+            reconnection: false,
+            timeout: 5000
+        });
+        
+        Bonsai.socket.on('connect', () => {
+            Bonsai.connected = true;
+            success('Connected to Bonsai');
+            resolve();
+        });
+        
+        Bonsai.socket.on('disconnect', () => {
+            Bonsai.connected = false;
+        });
+        
+        Bonsai.socket.on('connect_error', (err) => {
+            Bonsai.connected = false;
+            error(`Failed to connect to Bonsai: ${err.message}`);
+            reject(err);
+        });
+        
+        Bonsai.socket.on('audit_result', handleAuditResult);
+        Bonsai.socket.on('error', handleAuditError);
+        
+    } catch (err) {
+        error(`Failed to connect to Bonsai: ${err.message}`);
+        reject(err);
+    }
+});
+
+/**
+ * Disconnect from Bonsai server
+ */
+export const disconnect = () => {
+    if (Bonsai.socket) {
+        Bonsai.socket.disconnect();
+        Bonsai.socket = null;
+        Bonsai.connected = false;
+        success('Disconnected from Bonsai');
+    }
+};
+
+/**
+ * Run audit using current IDS document against Bonsai's IFC model
+ * @returns {Promise<string|null>} Returns audit ID when completed, null if failed
+ */
+export const runAudit = async () => {
+    if (!Bonsai.socket || !Bonsai.connected || !IDS.Module.activeDocument) {
+        return null;
+    }
+    
+    try {
+        Bonsai.auditing = true;
+        
+        const activeDoc = IDS.Module.documents[IDS.Module.activeDocument];
+        if (!activeDoc) throw new Error('No active IDS document');
+        
+        // Convert IDS document to XML string
+        const idsXml = await IDS.exportActiveDocument();
+        
+        const requestId = id();
+        
+        return new Promise((resolve, reject) => {
+            // Store request with resolve/reject functions
+            pendingAudits.set(requestId, { resolve, reject });
+            
+            Bonsai.socket.emit('audit_ids', {
+                id: requestId,
+                ids: idsXml
+            });
+        });
+        
+    } catch (err) {
+        Bonsai.auditing = false;
+        error(`Failed to run Bonsai audit: ${err.message}`);
+        return null;
+    }
+};
+
+/**
+ * Handles audit results from Bonsai server
+ * @param {Object} data - Audit result data
+ */
+const handleAuditResult = (data) => {
+    if (!data.id || !data.json_report) return;
+    
+    const pendingAudit = pendingAudits.get(data.id);
+    if (!pendingAudit) {
+        console.warn('[Bonsai] Received response for unknown audit ID:', data.id);
+        return;
+    }
+    
+    pendingAudits.delete(data.id);
+    const { resolve } = pendingAudit;
+    
+    try {
+        const reportData = JSON.parse(data.json_report);
+        
+        const auditReport = {
+            id: data.id,
+            date: new Date().toISOString(),
+            modelName: 'Bonsai IFC Model',
+            document: IDS.Module.activeDocument,
+            data: reportData,
+            htmlReport: data.html_report
+        };
+        
+        // Store audit report
+        IFCModels.audits.unshift(auditReport);
+        
+        Bonsai.auditing = false;
+        success('Audit completed (Bonsai)');
+        
+        // Resolve promise with audit ID
+        resolve(data.id);
+        
+    } catch (err) {
+        Bonsai.auditing = false;
+        error(`Failed to process audit result: ${err.message}`);
+        resolve(null);
+    }
+};
+
+/**
+ * Handles audit errors from Bonsai server
+ * @param {Object} data - Error data
+ */
+const handleAuditError = (data) => {
+    if (!data.id) return;
+    
+    const pendingAudit = pendingAudits.get(data.id);
+    if (!pendingAudit) {
+        console.warn('[Bonsai] Received error for unknown audit ID:', data.id);
+        return;
+    }
+    
+    pendingAudits.delete(data.id);
+    const { resolve } = pendingAudit;
+    
+    Bonsai.auditing = false;
+    error(`Audit failed (Bonsai): ${data.error}`);
+    resolve(null);
+};
+
diff --git a/src/ifctester/webapp/src/modules/api/ids.svelte.js b/src/ifctester/webapp/src/modules/api/ids.svelte.js
new file mode 100644
index 0000000000..3d30948d3d
--- /dev/null
+++ b/src/ifctester/webapp/src/modules/api/ids.svelte.js
@@ -0,0 +1,423 @@
+import wasm from "$src/modules/wasm";
+import { clearIdsAuditReports } from "./api.svelte.js";
+import hyperid from "hyperid";
+import {tick} from "svelte";
+
+export let Module = $state({
+    documents: [],
+    activeDocument: null,
+    status: "loading",
+    states: {}
+});
+
+// Initialize module
+wasm.init().then(() => {
+    Module.status = "ready";
+}).catch((error) => {
+    Module.status = "error";
+});
+
+const id = hyperid()
+
+export function setDocumentState(docId, updates) {
+    if (!Module.states[docId]) {
+        Module.states[docId] = {
+            activeTab: 'info',
+            viewMode: 'editor',
+            activeSpecification: null
+        };
+    }
+    Object.assign(Module.states[docId], updates);
+}
+
+export async function createDocument() {
+    const docId = id();
+    const doc = await wasm.createIDS();
+
+    Module.documents[docId] = doc;
+
+    // Initialize document state
+    setDocumentState(docId, {});
+
+    // Set as active document
+    Module.activeDocument = docId;
+}
+
+export async function deleteDocument(id) {
+    // Clear any audit reports generated using this IDS document
+    clearIdsAuditReports(id);
+    
+    delete Module.documents[id];
+    delete Module.states[id];
+
+    if (Module.activeDocument == id) {
+        // If there are other documents, set the first one as active
+        if (Object.keys(Module.documents).length > 0) {
+            Module.activeDocument = Object.keys(Module.documents)[0];
+        } else {
+            Module.activeDocument = null;
+        }
+    }
+}
+
+// Normalize (remove xs: prefix) from JSON dict returned from Python
+// We need this because the backend exports with xs: prefix, yet expects a dict without prefixes.
+function normalizeIdsDict(obj) {
+    if (typeof obj !== 'object' || obj === null) return obj;
+    
+    if (Array.isArray(obj)) {
+        return obj.map(normalizeIdsDict);
+    }
+    
+    const result = {};
+    for (const [key, value] of Object.entries(obj)) {
+        if (key === 'xs:restriction' && Array.isArray(value) && value.length > 0) {
+            // Convert xs:restriction array to restriction object
+            const restriction = value[0];
+            const newRestriction = {};
+            
+            for (const [restrictionKey, restrictionValue] of Object.entries(restriction)) {
+                if (restrictionKey.startsWith('xs:')) {
+                    // Remove xs: prefix from keys
+                    const newKey = restrictionKey.replace('xs:', '');
+                    newRestriction[newKey] = restrictionValue;
+                } else {
+                    newRestriction[restrictionKey] = restrictionValue;
+                }
+            }
+            
+            result['restriction'] = newRestriction;
+        } else {
+            result[key] = normalizeIdsDict(value);
+        }
+    }
+    
+    return result;
+}
+
+export async function openDocument() {
+    return new Promise((resolve, reject) => {
+        const fileInput = document.createElement('input');
+        fileInput.type = 'file';
+        fileInput.accept = '.ids,.xml';
+        
+        fileInput.onchange = async (event) => {
+            const file = event.target.files[0];
+            if (!file) {
+                reject(new Error('No file selected'));
+                return;
+            }
+            
+            try {
+                const reader = new FileReader();
+                reader.onload = async (e) => {
+                    try {
+                        const fileContent = e.target.result;
+                        const doc = normalizeIdsDict(await wasm.openIDS(fileContent, false));
+                        const docId = id();
+
+                        // Add document to list and set as active
+                        Module.documents[docId] = doc;
+                        
+                        // Initialize document state and switch to viewer mode
+                        setDocumentState(docId, { viewMode: 'viewer' });
+                        
+                        Module.activeDocument = docId;
+
+                        resolve();
+                    } catch (error) {
+                        reject(error);
+                    }
+                };
+                reader.onerror = () => reject(new Error('Failed to read IDS file'));
+                reader.readAsText(file);
+            } catch (error) {
+                reject(error);
+            }
+        };
+        
+        fileInput.oncancel = () => {
+            reject(new Error('File selection cancelled'));
+        };
+        
+        // Trigger the file dialog
+        fileInput.click();
+    });
+}
+
+export async function exportActiveDocument() {
+    if (!Module.activeDocument) return null;
+
+    const doc = $state.snapshot(Module.documents[Module.activeDocument]);
+    const xmlString = await wasm.exportIDS(doc);
+
+    return xmlString;
+}
+
+export async function exportDocument(docId) {
+    const doc = $state.snapshot(Module.documents[docId]);
+
+    // Validate
+    if (doc.specifications.specification.length < 1) {
+        throw new Error("Please create at least one specification before exporting the document.");
+    }
+
+    const xmlString = await wasm.exportIDS(doc);
+    
+    // Create and download file
+    const blob = new Blob([xmlString], { type: 'application/xml' });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement('a');
+    a.href = url;
+    a.download = `${Module.documents[docId].info.title.replace(/[^a-zA-Z0-9]/g, '_')}.ids`;
+    a.click();
+    URL.revokeObjectURL(url);
+}
+
+export async function createSpecification(docId) {
+    const spec = await wasm.createSpecification();
+
+    // Add specification to document
+    Module.documents[docId].specifications.specification.push(spec);
+
+    // Set as active specification
+    if (Module.activeDocument == docId) {
+        const state = Module.states[docId];
+        state.activeSpecification = Module.documents[docId].specifications.specification.length - 1;
+    }
+}
+
+export async function deleteSpecification(docId, specId) {
+    Module.documents[docId].specifications.specification.splice(specId, 1);
+
+    if (Module.activeDocument == docId) {
+        const state = Module.states[docId];
+        if (state.activeSpecification == specId) {
+            // We need to wait for the next tick here because of Svelte's internal shenanigans
+            await tick();
+            setDocumentState(docId, { activeSpecification: null });
+
+            // If there are other specifications, set the first one as active
+            if (Module.documents[docId].specifications.specification.length > 0) {
+                setDocumentState(docId, { activeSpecification: 0 });
+            }
+        }
+    }
+}
+
+/**
+ * clause: "applicability", "requirements"
+ * facet: "entity", "attribute", "classification", "partOf", "property", "material"
+*/
+export async function createFacet(docId, specId, clause, facet) {
+    let facetObj;
+    if (facet == "entity") {
+        facetObj = await wasm.createEntityFacet(clause, {});
+    } else if (facet == "attribute") {
+        facetObj = await wasm.createAttributeFacet(clause, {});
+    } else if (facet == "classification") {
+        facetObj = await wasm.createClassificationFacet(clause, {});
+    } else if (facet == "partOf") {
+        facetObj = await wasm.createPartOfFacet(clause, {});
+    } else if (facet == "property") {
+        facetObj = await wasm.createPropertyFacet(clause, {});
+    } else if (facet == "material") {
+        facetObj = await wasm.createMaterialFacet(clause, {});
+    }
+
+    if (!(facet in Module.documents[docId].specifications.specification[specId][clause])) {
+        Module.documents[docId].specifications.specification[specId][clause][facet] = [];
+    }
+
+    Module.documents[docId].specifications.specification[specId][clause][facet].push(facetObj);
+}
+
+export async function deleteFacet(docId, specId, clause, facet, facetId) {
+    delete Module.documents[docId].specifications.specification[specId][clause][facet][facetId];
+}
+
+export function getSpecUsage(spec) {
+    if (!spec?.applicability) return 'required';
+    const minOccurs = spec.applicability["@minOccurs"];
+    const maxOccurs = spec.applicability["@maxOccurs"];
+    
+    if (minOccurs === 1 && maxOccurs === "unbounded") return 'required';
+    if (minOccurs === 0 && maxOccurs === "unbounded") return 'optional';
+    if (minOccurs === 0 && maxOccurs === 0) return 'prohibited';
+    return 'required';
+};
+
+// Converts facet to human-readable description
+export function stringifyFacet(clauseType, facet, facetType, spec) {
+    if (!facet) return "";
+
+    const usage = getSpecUsage(spec);
+    const descriptions = [];
+    
+    // Entity facet
+    if (facetType === "entity") {
+        if (clauseType === "applicability") {
+            descriptions.push(`All data where IFC class ${stringifyValue(facet.name)}`);
+        } else {
+            descriptions.push(`Shall be data where IFC class ${stringifyValue(facet.name)}`);
+        }
+
+        if (facet.predefinedType) {
+            descriptions.push(`and type ${stringifyValue(facet.predefinedType)}`);
+        }
+    }
+
+    // Attribute facet
+    else if (facetType === "attribute") {
+        if (clauseType === "applicability") {
+            descriptions.push(`All data where attribute ${stringifyValue(facet.name)}`);
+        } else {
+            descriptions.push(`Shall be data where attribute ${stringifyValue(facet.name)}`);
+        }
+        descriptions.push(`and value ${stringifyValue(facet.value)}`);
+    }
+
+    // Property facet
+    else if (facetType === "property") {
+        if (clauseType === "applicability") {
+            descriptions.push(`Elements where property ${stringifyValue(facet.baseName)}`);
+        } else {
+            descriptions.push(`Shall be elements where property ${stringifyValue(facet.baseName)}`);
+        }
+        if (facet.value) {
+            descriptions.push(`and value ${stringifyValue(facet.value)}`);
+        }
+        descriptions.push(`and dataset ${stringifyValue(facet.propertySet)}`);
+    }
+
+    // Classification facet
+    else if (facetType === "classification") {
+        if (clauseType === "applicability") {
+            descriptions.push(`All data where classification system ${stringifyValue(facet.system)}`);
+        } else {
+            descriptions.push(`Shall be data where classification system ${stringifyValue(facet.system)}`);
+        }
+        if (facet.value) {
+            descriptions.push(`and classification ${stringifyValue(facet.value)}`);
+        }
+    }
+
+    // Material facet
+    else if (facetType === "material") {
+        if (clauseType === "applicability") {
+            descriptions.push(`All data where material ${stringifyValue(facet.value)}`);
+        } else {
+            descriptions.push(`Shall be data where material ${stringifyValue(facet.value)}`);
+        }
+    }
+
+    // PartOf facet
+    else if (facetType === "partOf") {
+        if (clauseType === "applicability") {
+            descriptions.push(`An element with an **${facet['@relation']}** relationship`);
+
+            if (facet.name) {
+                descriptions.push(`with an entity where IFC class ${stringifyValue(facet.name)}`);
+            }
+        } else {
+            descriptions.push(`An element shall have an **${facet['@relation']}** relationship`);
+
+            if (facet.name) {
+                descriptions.push(`with an entity where IFC class ${stringifyValue(facet.name)}`);
+            }
+            if (facet.predefinedType) {
+                descriptions.push(`and predefined type ${stringifyValue(facet.predefinedType)}`);
+            }
+        }
+    }
+
+    let combined = descriptions.join(" ");
+
+    // Post-process for prohibited and optional requirements
+    let isProhibited = false;
+
+    if (usage == "prohibited") isProhibited = !isProhibited;
+    if (clauseType == "requirements" && "@cardinality" in facet && facet["@cardinality"] == "prohibited") isProhibited = !isProhibited;
+    
+    if (isProhibited)
+        combined = combined.replace("Shall", "Shall not").replace("shall", "shall not");
+
+    if (clauseType == "requirements" && "@cardinality" in facet && facet["@cardinality"] == "optional")
+        combined = combined.replace("Shall", "May").replace("shall", "may");
+    
+    return renderFacetString(combined);
+}
+
+// Converts value objects to human-readable strings
+function stringifyValue(value) {
+    if (!value) return "is provided";
+    if (value.simpleValue) return `is **${value.simpleValue}**`;
+    if (value.restriction) return stringifyRestriction(value.restriction);
+    return "";
+}
+
+// Converts restriction objects to human-readable strings
+function stringifyRestriction(restriction) {
+    if (!restriction) return "";
+    
+    // Handle enumeration
+    if (restriction.enumeration && Array.isArray(restriction.enumeration)) {
+        const values = restriction.enumeration.map(item => `**${item['@value']}**` || '').filter(v => v);
+        return values.length > 0 ? `is one of ${values.join(", ")}` : "has enumeration restriction";
+    }
+    
+    // Handle pattern
+    if (restriction.pattern && Array.isArray(restriction.pattern) && restriction.pattern.length > 0) {
+        const pattern = `\`${restriction.pattern[0]['@value']}\`` || '';
+        return pattern ? `matches pattern ${pattern}` : "has pattern restriction";
+    }
+    
+    // Handle length restrictions
+    if (restriction.length && Array.isArray(restriction.length) && restriction.length.length > 0) {
+        const length = `**${restriction.length[0]['@value']}**` || '';
+        return length ? `has length ${length}` : "has length restriction";
+    }
+    
+    // Handle range restrictions
+    if (restriction.minInclusive || restriction.maxInclusive || 
+        restriction.minExclusive || restriction.maxExclusive) {
+        const parts = [];
+        if (restriction.minInclusive && restriction.minInclusive.length > 0) {
+            parts.push(`**≥ ${restriction.minInclusive[0]['@value'] || ''}**`);
+        }
+        if (restriction.maxInclusive && restriction.maxInclusive.length > 0) {
+            parts.push(`**≤ ${restriction.maxInclusive[0]['@value'] || ''}**`);
+        }
+        if (restriction.minExclusive && restriction.minExclusive.length > 0) {
+            parts.push(`**> ${restriction.minExclusive[0]['@value'] || ''}**`);
+        }
+        if (restriction.maxExclusive && restriction.maxExclusive.length > 0) {
+            parts.push(`**< ${restriction.maxExclusive[0]['@value'] || ''}**`);
+        }
+        return parts.length > 0 ? "is in range " + parts.join(", ") : "has range restriction";
+    }
+    
+    // Handle length range restrictions
+    if (restriction.minLength || restriction.maxLength) {
+        const parts = [];
+        if (restriction.minLength && restriction.minLength.length > 0) {
+            parts.push(`**min length ${restriction.minLength[0]['@value'] || ''}**`);
+        }
+        if (restriction.maxLength && restriction.maxLength.length > 0) {
+            parts.push(`**max length ${restriction.maxLength[0]['@value'] || ''}**`);
+        }
+        return parts.length > 0 ? "has " + parts.join(", ") : "has length range restriction";
+    }
+    
+    return "has complex restriction";
+}
+
+function renderFacetString(text) {
+    // Convert **text** to <strong>text</strong>
+    text = text.replace(/\*\*([^*]+)\*\*/g, '<strong>$1</strong>');
+    
+    // Convert `text` to <code>text</code>
+    text = text.replace(/`([^`]+)`/g, '<code>$1</code>');
+    
+    return text;
+}
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/modules/utils/toast.svelte.js b/src/ifctester/webapp/src/modules/utils/toast.svelte.js
new file mode 100644
index 0000000000..eaf9b373f0
--- /dev/null
+++ b/src/ifctester/webapp/src/modules/utils/toast.svelte.js
@@ -0,0 +1,66 @@
+import { toast } from "svelte-sonner";
+
+/**
+ * Show an error toast notification
+ * @param {string} message - The error message to display
+ */
+export function error(message) {
+    toast.error(message);
+}
+
+/**
+ * Show a success toast notification
+ * @param {string} message - The success message to display
+ */
+export function success(message) {
+    toast.success(message);
+}
+
+/**
+ * Show an info toast notification
+ * @param {string} message - The info message to display
+ */
+export function info(message) {
+    toast.info(message);
+}
+
+/**
+ * Show a warning toast notification
+ * @param {string} message - The warning message to display
+ */
+export function warning(message) {
+    toast.warning(message);
+}
+
+/**
+ * Show a loading toast notification
+ * @param {string} message - The loading message to display
+ * @returns {string} - Toast ID for dismissing later
+ */
+export function loading(message) {
+    return toast.loading(message);
+}
+
+/**
+ * Dismiss a specific toast
+ * @param {string} toastId - The toast ID to dismiss
+ */
+export function dismiss(toastId) {
+    toast.dismiss(toastId);
+}
+
+/**
+ * Show a promise-based toast that updates based on promise state
+ * @param {Promise} promise - The promise to track
+ * @param {Object} messages - Messages for different states
+ * @param {string} messages.loading - Loading message
+ * @param {string} messages.success - Success message
+ * @param {string} messages.error - Error message
+ */
+export function promise(promiseToTrack, messages) {
+    return toast.promise(promiseToTrack, {
+        loading: messages.loading,
+        success: messages.success,
+        error: messages.error,
+    });
+}
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/modules/wasm/index.js b/src/ifctester/webapp/src/modules/wasm/index.js
new file mode 100644
index 0000000000..cecb655f73
--- /dev/null
+++ b/src/ifctester/webapp/src/modules/wasm/index.js
@@ -0,0 +1,322 @@
+/**
+ * WASM module
+ * Exposes an API that abstracts the underlying WASM thread
+ */
+
+import hyperid from "hyperid";
+import EventEmitter from "eventemitter3";
+
+// Message types
+export const MessageType = {
+    // Initialize the WASM module
+    INIT: 'init',
+
+    // API call
+    API_CALL: 'api_call',
+
+    // Ready to serve API calls
+    READY: 'ready',
+
+    // API response
+    API_RESPONSE: 'api_response',
+
+    // Error
+    ERROR: 'error',
+
+    // WASM module disposed
+    DISPOSED: 'disposed'
+};
+
+class WASMModule extends EventEmitter {
+    id = hyperid();
+    ready = false;
+    worker = null;
+    pendingMessages = new Map();
+
+    async init() {
+        if (this.ready === true) return;
+        else if (this.ready instanceof Promise) return this.ready;
+
+        this.worker = new Worker(new URL('./worker/worker.js', import.meta.url), {type: 'module'});
+
+        this.worker.onmessage = (event) => {
+            this._handleWorkerMessage(event.data);
+        };
+
+        this.worker.onerror = (error) => {
+            console.error('[WASM] Web worker error:', error);
+            this._rejectPendingMessages(error);
+        };
+
+        this.ready = new Promise(async (resolve, reject) => {
+            try {
+                await this._sendMessage(MessageType.INIT);
+                resolve(true);
+            } catch (error) {
+                console.error('[WASM] Failed to initialize:', error);
+                this.ready = false;
+                reject(error);
+            }
+        });
+
+        return this.ready;
+    }
+
+    async _sendMessage(type, payload = {}) {
+        if (!this.worker) throw new Error('Worker not initialized');
+
+        const id = this.id();
+
+        return new Promise((resolve, reject) => {
+            this.pendingMessages.set(id, { resolve, reject });
+            
+            this.worker.postMessage({
+                type,
+                payload,
+                id
+            });
+        });
+    }
+
+    _handleWorkerMessage({ type, payload, id }) {
+        const pendingMessage = this.pendingMessages.get(id);
+        
+        if (!pendingMessage) {
+            console.warn('[WASM] Received response for unknown message ID:', id);
+            return;
+        }
+
+        this.pendingMessages.delete(id);
+        const { resolve, reject } = pendingMessage;
+
+        switch (type) {
+            case MessageType.READY:
+                this.emit(MessageType.READY);
+                resolve();
+                break;
+            case MessageType.API_RESPONSE:
+                resolve(payload);
+                break;
+            case MessageType.ERROR:
+                reject(new Error(payload.message));
+                break;
+            default:
+                console.warn('[WASM] Unknown message type:', type);
+                reject(new Error(`Unknown message type: ${type}`));
+        }
+    }
+
+    _rejectPendingMessages(error) {
+        for (const { reject } of this.pendingMessages.values()) {
+            reject(error);
+        }
+        this.pendingMessages.clear();
+    }
+
+    async _apiCall(method, ...args) {
+        if (!this.ready) await this.init();
+
+        const result = await this._sendMessage(MessageType.API_CALL, { method, args });
+        return result;
+    }
+
+    /**
+     * Get all entity classes in a given IFC schema
+     */
+    async getAllEntityClasses(schema) {
+        return this._apiCall('getAllEntityClasses', schema);
+    }
+
+    /**
+     * Get all data types in a given IFC schema
+     */
+    async getAllDataTypes(schema) {
+        return this._apiCall('getAllDataTypes', schema);
+    }
+
+    /**
+     * Get predefined types for a given IFC entity
+     */
+    async getPredefinedTypes(schema, entity) {
+        return this._apiCall('getPredefinedTypes', schema, entity);
+    }
+
+    /**
+     * Get all attributes for a given IFC entity
+     */
+    async getEntityAttributes(schema, entity) {
+        return this._apiCall('getEntityAttributes', schema, entity);
+    }
+
+    /**
+     * Get applicable property sets for a given IFC entity
+     */
+    async getApplicablePsets(schema, entity, predefinedType = '') {
+        return this._apiCall('getApplicablePsets', schema, entity, predefinedType);
+    }
+
+    /**
+     * Get standard material categories
+     */
+    async getMaterialCategories() {
+        return this._apiCall('getMaterialCategories');
+    }
+
+    /**
+     * Get standard classification systems
+     */
+    async getStandardClassificationSystems() {
+        return this._apiCall('getStandardClassificationSystems');
+    }
+
+    /**
+     * Load an IFC file. Returns a unique ID for the loaded file.
+     */
+    async loadIfc(ifcData) {
+        return this._apiCall('loadIfc', ifcData);
+    }
+
+    /**
+     * Unload an IFC file
+     */
+    async unloadIfc(ifcId) {
+        return this._apiCall('unloadIfc', ifcId);
+    }
+
+    /**
+     * Audit a loaded IFC file against IDS specifications
+     */
+    async auditIfc(ifcId, idsData) {
+        const idsBytes = idsData instanceof ArrayBuffer ? new Uint8Array(idsData) : idsData;
+
+        return this._apiCall('auditIfc', ifcId, Array.from(idsBytes));
+    }
+
+    // IDS API Methods
+
+    /**
+     * Create a new IDS instance
+     */
+    async createIDS() {
+        return this._apiCall('createIDS');
+    }
+
+    /**
+     * Open an existing IDS from XML string
+     */
+    async openIDS(idsXml, validate = false) {
+        return this._apiCall('openIDS', idsXml, validate);
+    }
+
+    /**
+     * Create a specification
+     */
+    async createSpecification(options = {}) {
+        return this._apiCall('createSpecification', options);
+    }
+
+    /**
+     * Create an entity facet
+     */
+    async createEntityFacet(clause, options = {}) {
+        return this._apiCall('createEntityFacet', clause, options);
+    }
+
+    /**
+     * Create an attribute facet
+     */
+    async createAttributeFacet(clause, options = {}) {
+        return this._apiCall('createAttributeFacet', clause, options);
+    }
+
+    /**
+     * Create a property facet
+     */
+    async createPropertyFacet(clause, options = {}) {
+        return this._apiCall('createPropertyFacet', clause, options);
+    }
+
+    /**
+     * Create a material facet
+     */
+    async createMaterialFacet(clause, options = {}) {
+        return this._apiCall('createMaterialFacet', clause, options);
+    }
+
+    /**
+     * Create a classification facet
+     */
+    async createClassificationFacet(clause, options = {}) {
+        return this._apiCall('createClassificationFacet', clause, options);
+    }
+
+    /**
+     * Create a part-of facet
+     */
+    async createPartOfFacet(clause, options = {}) {
+        return this._apiCall('createPartOfFacet', clause, options);
+    }
+
+    /**
+     * Validate an IDS object
+     */
+    async validateIDS(idsObj) {
+        return await this._apiCall('validateIDS', idsObj);
+    }
+
+    /**
+     * Export IDS instance to XML string
+     */
+    async exportIDS(idsObj) {
+        return this._apiCall('exportIDS', idsObj);
+    }
+
+    async _cleanupWorker() {
+        return this._apiCall('internal.cleanup', {});
+    }
+
+    /**
+     * Cleanup resources
+     */
+    async dispose() {
+        if (this.worker) {
+            await this._cleanupWorker();
+            this.worker.terminate();
+            this.worker = null;
+        }
+        this.ready = false;
+        this._rejectPendingMessages(new Error('WASM module disposed'));
+        this.emit(MessageType.DISPOSED);
+    }
+}
+
+// Export singleton instance
+const wasm = new WASMModule();
+
+export const {
+    init,
+    getAllEntityClasses,
+    getAllDataTypes,
+    getPredefinedTypes,
+    getEntityAttributes,
+    getApplicablePsets,
+    getMaterialCategories,
+    getStandardClassificationSystems,
+    loadIfc,
+    unloadIfc,
+    auditIfc,
+    createIDS,
+    openIDS,
+    createSpecification,
+    createEntityFacet,
+    createAttributeFacet,
+    createPropertyFacet,
+    createMaterialFacet,
+    createClassificationFacet,
+    createPartOfFacet,
+    validateIDS,
+    exportIDS,
+    dispose
+} = wasm;
+
+export default wasm;
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/modules/wasm/worker/api.js b/src/ifctester/webapp/src/modules/wasm/worker/api.js
new file mode 100644
index 0000000000..d08c17efe2
--- /dev/null
+++ b/src/ifctester/webapp/src/modules/wasm/worker/api.js
@@ -0,0 +1,145 @@
+import config from '../../../config.json';
+import hyperid from 'hyperid';
+
+let pyodide = null;
+let id = hyperid();
+
+let LoadedIFC = new Map();
+
+export async function init(pdide) {
+    pyodide = pdide;
+
+    // Load Python API bindings
+    await pyodide.runPythonAsync(`
+        from pyodide.http import pyfetch
+        response = await pyfetch("${config.wasm.api_py_url}")
+        with open("api.py", "wb") as f:
+            f.write(await response.bytes())
+    `);
+}
+
+export async function getPredefinedTypes(schema, entity) {
+    const result = await pyodide.runPythonAsync(`
+        from api import get_predefined_types_for_entity
+        predef_types = get_predefined_types_for_entity("${schema}", "${entity}")
+        predef_types
+    `);
+    return result.toJs({ dict_converter: Object.fromEntries });
+}
+
+export async function getAllEntityClasses(schema) {
+    const result = await pyodide.runPythonAsync(`
+        from api import get_all_entity_classes
+        entities = get_all_entity_classes("${schema}")
+        entities
+    `);
+    return result.toJs({ dict_converter: Object.fromEntries });
+}
+
+export async function getAllDataTypes(schema) {
+    const result = await pyodide.runPythonAsync(`
+        from api import get_all_data_types
+        data_types = get_all_data_types("${schema}")
+        data_types
+    `);
+    return result.toJs({ dict_converter: Object.fromEntries });
+}
+
+export async function getEntityAttributes(schema, entity) {
+    const result = await pyodide.runPythonAsync(`
+        from api import get_entity_attributes
+        attrs = get_entity_attributes("${schema}", "${entity}")
+        attrs
+    `);
+    return result.toJs({ dict_converter: Object.fromEntries });
+}
+
+export async function getApplicablePsets(schema, entity, predefinedType = '') {
+    const result = await pyodide.runPythonAsync(`
+        from api import get_applicable_psets
+        psets = get_applicable_psets("${schema}", "${entity}", "${predefinedType}")
+        psets
+    `);
+    return result.toJs({ dict_converter: Object.fromEntries });
+}
+
+export async function getMaterialCategories() {
+    const result = await pyodide.runPythonAsync(`
+        from api import get_material_categories
+        materials = get_material_categories()
+        materials
+    `);
+    return result.toJs({ dict_converter: Object.fromEntries });
+}
+
+export async function getStandardClassificationSystems() {
+    const result = await pyodide.runPythonAsync(`
+        from api import get_standard_classification_systems
+        systems = get_standard_classification_systems()
+        systems
+    `);
+    return result.toJs({ dict_converter: Object.fromEntries });
+}
+
+export async function loadIfc(ifcData) {
+    const ifc_id = id();
+    const path = `/tmp/${encodeURIComponent(ifc_id)}.ifc`;
+
+    pyodide.FS.writeFile(path, new Uint8Array(ifcData));
+    const ifc = await pyodide.runPythonAsync(`
+        import ifcopenshell
+
+        ifc = ifcopenshell.open("${path}")
+        ifc
+    `);
+
+    LoadedIFC.set(ifc_id, ifc);
+    return ifc_id;
+}
+
+export async function unloadIfc(ifcId) {
+    const path = `/tmp/${encodeURIComponent(ifcId)}.ifc`;
+
+    pyodide.FS.unlink(path);
+    LoadedIFC.delete(ifcId);
+}
+
+export async function auditIfc(ifcId, idsData) {
+    const reporter = pyodide.pyimport("ifctester.reporter");
+    const api = pyodide.pyimport("api");
+
+    const idsString = new TextDecoder().decode(new Uint8Array(idsData));
+    const specs = api.ids_from_xml_string(idsString, true);
+    const ifc = LoadedIFC.get(ifcId);
+
+    // Run audit
+    specs.validate(ifc);
+
+    // Create report in both HTML and JSON formats
+    let jsonReporter = reporter.Json(specs);
+    jsonReporter.report();
+    const jsonReport = jsonReporter.to_string();
+
+    let htmlReporter = reporter.Html(specs);
+    htmlReporter.report();
+    const htmlReport = htmlReporter.to_string();
+
+    return {
+        json: JSON.parse(jsonReport),
+        html: htmlReport
+    };
+}
+
+// Expose interface
+export const API = {
+    "getPredefinedTypes": getPredefinedTypes,
+    "getAllEntityClasses": getAllEntityClasses,
+    "getAllDataTypes": getAllDataTypes,
+    "getEntityAttributes": getEntityAttributes,
+    "getApplicablePsets": getApplicablePsets,
+    "getMaterialCategories": getMaterialCategories,
+    "getStandardClassificationSystems": getStandardClassificationSystems,
+    "loadIfc": loadIfc,
+    "unloadIfc": unloadIfc,
+    "auditIfc": auditIfc
+};
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/modules/wasm/worker/ids.js b/src/ifctester/webapp/src/modules/wasm/worker/ids.js
new file mode 100644
index 0000000000..8afc023cec
--- /dev/null
+++ b/src/ifctester/webapp/src/modules/wasm/worker/ids.js
@@ -0,0 +1,171 @@
+/**
+ * IDS module
+ */
+
+let pyodide = null;
+
+// IDS Python classes
+let Ids, Specification;
+let Entity, Attribute, Property, Material, Classification, PartOf;
+
+export async function init(pdide) {
+    pyodide = pdide;
+    
+    await pyodide.loadPackagesFromImports(`
+        import ifctester.ids
+        import ifctester.facet
+    `);
+
+    // Import the core IDS classes
+    Ids = pyodide.pyimport("ifctester.ids").Ids;
+    Specification = pyodide.pyimport("ifctester.ids").Specification;
+    
+    // Import facet classes
+    Entity = pyodide.pyimport("ifctester.facet").Entity;
+    Attribute = pyodide.pyimport("ifctester.facet").Attribute;
+    Property = pyodide.pyimport("ifctester.facet").Property;
+    Material = pyodide.pyimport("ifctester.facet").Material;
+    Classification = pyodide.pyimport("ifctester.facet").Classification;
+    PartOf = pyodide.pyimport("ifctester.facet").PartOf;
+}
+
+function _idsToInstance(idsObj) {
+    const ids_raw = Ids();
+    return ids_raw.parse(pyodide.toPy(idsObj))
+}
+
+export function createIDS() {
+    const ids_raw = Ids()
+    return ids_raw.asdict().toJs({dict_converter: Object.fromEntries});
+}
+
+export function openIDS(ids_xml, validate = false) {
+    const ids_from_xml_string = pyodide.pyimport("api").ids_from_xml_string;
+    const ids_raw = ids_from_xml_string(ids_xml, validate);
+
+    return ids_raw.asdict().toJs({dict_converter: Object.fromEntries});
+}
+
+export function validateIDS(idsObj) {
+    const ids_raw = _idsToInstance(idsObj)
+    const tempFilename = `temp_${Date.now()}.xml`;
+    const isValid = ids_raw.to_xml(tempFilename); // to_xml validates the XML as well, as far as I understand
+  
+    pyodide.runPython(`
+        import os
+        if os.path.exists("${tempFilename}"):
+            os.remove("${tempFilename}")
+    `);
+    
+    return isValid;
+}
+
+export function exportIDS(idsObj) {
+    const ids_raw = _idsToInstance(idsObj)
+    return ids_raw.to_string();
+}
+
+export function createSpecification({name = "Unnamed", ifcVersion = ["IFC2X3", "IFC4"], identifier = null, description = null, instructions = null, usage = "required"}) {
+    const spec = Specification.callKwargs({
+        name: name,
+        ifcVersion: ifcVersion,
+        identifier: identifier,
+        description: description,
+        instructions: instructions
+    });
+    spec.set_usage(usage);
+
+    return spec.asdict().toJs({dict_converter: Object.fromEntries});
+}
+
+// @instructions
+export function createEntityFacet(clause, {name = "IFCWALL", predefinedType = null, instructions = null}) {
+    const entity = Entity.callKwargs({
+        name: name,
+        predefinedType: predefinedType,
+        instructions: instructions
+    });
+    return entity.asdict(clause).toJs({dict_converter: Object.fromEntries});
+}
+
+// @cardinality, @instructions
+export function createAttributeFacet(clause, {name = "Name", value = null, cardinality = "required", instructions = null}) {
+    const attribute = Attribute.callKwargs({
+        name: name,
+        value: value,
+        cardinality: cardinality,
+        instructions: instructions
+    });
+    return attribute.asdict(clause).toJs({dict_converter: Object.fromEntries});
+}
+
+// @uri, @cardinality, @instructions
+export function createClassificationFacet(clause, {value = null, system = null, uri = null, cardinality = "required", instructions = null}) {
+    const classification = Classification.callKwargs({
+        value: value,
+        system: system,
+        uri: uri,
+        cardinality: cardinality,
+        instructions: instructions
+    });
+    return classification.asdict(clause).toJs({dict_converter: Object.fromEntries});
+}
+
+// @relation, @cardinality, @instructions
+export function createPartOfFacet(clause, {name = "IFCWALL", predefinedType = null, relation = null, cardinality = "required", instructions = null}) {
+    const part_of = PartOf.callKwargs({
+        name: name,
+        predefinedType: predefinedType,
+        relation: relation,
+        cardinality: cardinality,
+        instructions: instructions
+    });
+    return part_of.asdict(clause).toJs({dict_converter: Object.fromEntries});
+}
+
+// @dataType, @uri, @cardinality, @instructions
+export function createPropertyFacet(clause, {propertySet = "Property_Set", baseName = "propertyName", value = null, dataType = null, uri = null, cardinality = "required", instructions = null}) {
+    const property = Property.callKwargs({
+        propertySet: propertySet,
+        baseName: baseName,
+        value: value,
+        dataType: dataType,
+        uri: uri,
+        cardinality: cardinality,
+        instructions: instructions
+    });
+    return property.asdict(clause).toJs({dict_converter: Object.fromEntries});
+}
+
+// @uri, @cardinality, @instructions
+export function createMaterialFacet(clause, {value = null, uri = null, cardinality = "required", instructions = null}) {
+    const material = Material.callKwargs({
+        value: value,
+        uri: uri,
+        cardinality: cardinality,
+        instructions: instructions
+    });
+    return material.asdict(clause).toJs({dict_converter: Object.fromEntries});
+}
+
+// Helper function to convert date to ISO format string
+export function formatDate(date) {
+    if (!date) return null;
+    const d = new Date(date);
+    return d.toISOString().split('T')[0];
+}
+
+// Expose interface
+export const API = {
+    "createIDS": createIDS,
+    "openIDS": openIDS,
+    "validateIDS": validateIDS,
+    "exportIDS": exportIDS,
+    "createSpecification": createSpecification,
+    "createEntityFacet": createEntityFacet,
+    "createAttributeFacet": createAttributeFacet,
+    "createClassificationFacet": createClassificationFacet,
+    "createPartOfFacet": createPartOfFacet,
+    "createPropertyFacet": createPropertyFacet,
+    "createMaterialFacet": createMaterialFacet,
+};
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/modules/wasm/worker/worker.js b/src/ifctester/webapp/src/modules/wasm/worker/worker.js
new file mode 100644
index 0000000000..6bf47e46fe
--- /dev/null
+++ b/src/ifctester/webapp/src/modules/wasm/worker/worker.js
@@ -0,0 +1,109 @@
+/**
+ * WASM worker
+*/
+
+import { MessageType } from '../index';
+import config from '../../../config.json';
+import * as IDS from './ids.js';
+import * as API from './api';
+
+let pyodide = null;
+let ready = false;
+
+self.addEventListener('message', async (event) => {
+    console.log("[worker] Received message:", event.data);
+    const { type, payload, id } = event.data;
+
+    try {
+        switch (type) {
+            case MessageType.INIT:
+                await initEnvironment();
+                self.postMessage({
+                    type: MessageType.READY,
+                    payload: { success: true },
+                    id
+                });
+                break;
+
+            case MessageType.API_CALL:
+                if (!ready) {
+                    throw new Error('[worker] Pyodide not initialized');
+                }
+                const result = await handleApiCall(payload);
+                self.postMessage({
+                    type: MessageType.API_RESPONSE,
+                    payload: result,
+                    id
+                });
+                break;
+
+            default:
+                throw new Error(`[worker] Unknown message type: ${type}`);
+        }
+    } catch (error) {
+        self.postMessage({
+            type: MessageType.ERROR,
+            payload: {
+                message: error.message,
+                stack: error.stack
+            },
+            id
+        });
+    }
+});
+
+async function initEnvironment() {
+    if (ready) return;
+
+    // Load Pyodide
+    const scriptUrl = new URL('/pyodide/pyodide.mjs', import.meta.url);
+    const { loadPyodide } = await import(scriptUrl.href);
+    pyodide = await loadPyodide({
+        convertNullToNone: true
+    });
+
+    // Load required packages
+    await pyodide.loadPackage('micropip');
+    await pyodide.loadPackage('numpy');
+
+    const micropip = pyodide.pyimport('micropip');
+
+    // Install IfcOpenShell wheel
+    await micropip.install(config.wasm.wheel_url);
+
+    // Install IfcTester dependencies
+    await micropip.install(config.wasm.odfpy_url);
+    await pyodide.loadPackage("shapely");
+
+    // Install IfcTester
+    await micropip.install('ifctester');
+
+    // Initialize IDS and API
+    await API.init(pyodide);
+    await IDS.init(pyodide);
+
+    console.log("[worker] Environment initialized");
+
+    ready = true;
+}
+
+async function cleanupEnvironment() {
+    ready = false;
+    pyodide = null;
+    console.log("[worker] Closed environment");
+}
+
+async function handleApiCall({ method, args = [] }) {
+    if (method === 'internal.cleanup') {
+        await cleanupEnvironment();
+        return true;
+    }
+
+    if (method in API.API) {
+        return await API.API[method](...args);
+    } else if (method in IDS.API) {
+        return await IDS.API[method](...args);
+    } else {
+        throw new Error(`[worker] Unknown API method: ${method}`);
+    }
+}
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/pages/Home/ApplicabilityPanel.svelte b/src/ifctester/webapp/src/pages/Home/ApplicabilityPanel.svelte
new file mode 100644
index 0000000000..2bf687ecc0
--- /dev/null
+++ b/src/ifctester/webapp/src/pages/Home/ApplicabilityPanel.svelte
@@ -0,0 +1,61 @@
+<script>
+    import * as IDS from "$src/modules/api/ids.svelte.js";
+    import FacetEditor from './FacetEditor.svelte';
+    import CreateFacetDropdown from "$src/components/CreateFacetDropdown.svelte";
+
+    let { activeTab } = $props();
+
+    let activeDocument = $derived(IDS.Module.activeDocument ? IDS.Module.documents[IDS.Module.activeDocument] : null);
+    let documentState = $derived(IDS.Module.activeDocument ? IDS.Module.states[IDS.Module.activeDocument] : null);
+    let activeSpecification = $derived(activeDocument && documentState?.activeSpecification !== null && activeDocument.specifications?.specification ? 
+        activeDocument.specifications.specification[documentState.activeSpecification] : null);
+
+    async function addFacet (facetType) {
+        if (!activeSpecification) return;
+        
+        await IDS.createFacet(
+            IDS.Module.activeDocument, 
+            documentState.activeSpecification, 
+            "applicability", 
+            facetType
+        );
+    }
+    
+    async function removeFacet(facetType, facetIndex) {
+        if (!activeSpecification) return;
+        
+        await IDS.deleteFacet(
+            IDS.Module.activeDocument, 
+            documentState.activeSpecification, 
+            "applicability", 
+            facetType,
+            facetIndex
+        );
+    }
+</script>
+
+<div class="restrictions-panel">
+    <div class="restrictions-header">
+        <h3>Applicability</h3>
+        <CreateFacetDropdown {addFacet} />
+    </div>
+    <div class="restrictions-list">
+        {#if activeSpecification?.applicability}
+            {#each Object.entries(activeSpecification.applicability) as [facetType, facets]}
+                {#if facetType !== "@minOccurs" && facetType !== "@maxOccurs"}
+                    {#each facets as facet, index}
+                        <FacetEditor 
+                            bind:facet={facets[index]} 
+                            {facetType} 
+                            specification={activeSpecification}
+                            activeTab="applicability" 
+                            {removeFacet} 
+                            {index}
+                            key={`${activeDocument}-${documentState?.activeSpecification}-applicability-${facetType}-${index}`}
+                        />
+                    {/each}
+                {/if}
+            {/each}
+        {/if}
+    </div>
+</div>
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/pages/Home/FacetEditor.svelte b/src/ifctester/webapp/src/pages/Home/FacetEditor.svelte
new file mode 100644
index 0000000000..4d807625b3
--- /dev/null
+++ b/src/ifctester/webapp/src/pages/Home/FacetEditor.svelte
@@ -0,0 +1,79 @@
+<script>
+    import RestrictionEditor from './RestrictionEditor.svelte';
+    import {stringifyFacet} from "$src/modules/api/ids.svelte.js";
+    
+    /**
+     * Applicability facets wont have: "@uri", "@instructions", "@cardinality"
+     * @ in name --> simple string value
+     * else --> can be simpleValue, Restriction or list of Restrictions
+    */
+    let { facet = $bindable(), facetType, activeTab, removeFacet, index, specification } = $props();
+
+    const getSpecialProp = (prop) => {
+        return facet[prop] ?? "";
+    };
+    const setSpecialProp = (prop, value) => {
+        facet[prop] = value;
+    };
+</script>
+
+<div class="restriction-item">
+    <div class="restriction-header">
+        <span class="restriction-type">{facetType.toUpperCase()}</span>
+        <span class="restriction-name">{@html stringifyFacet(activeTab, facet, facetType, specification)}</span>
+        <button class="btn-delete" onclick={() => removeFacet(facetType, index)} aria-label="Delete Restriction">
+            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                <path d="M18 6L6 18M6 6l12 12"></path>
+            </svg>
+        </button>
+    </div>
+    <div class="restriction-form">
+        {#if facetType === 'entity'}
+            <RestrictionEditor bind:facet={facet} fieldName="name" label="Entity Name" placeholder="e.g., IfcWall" autocomplete="entityName" />
+            <RestrictionEditor bind:facet={facet} fieldName="predefinedType" label="Predefined Type" placeholder="e.g., SOLIDWALL" autocomplete="predefinedType" />
+        {:else if facetType === 'attribute'}
+            <RestrictionEditor bind:facet={facet} fieldName="name" label="Attribute Name" placeholder="e.g., Name" autocomplete="attributeName" />
+            <RestrictionEditor bind:facet={facet} fieldName="value" label="Value" placeholder="Optional value" />
+        {:else if facetType === 'property'}
+            <RestrictionEditor bind:facet={facet} fieldName="propertySet" label="Property Set" placeholder="e.g., Pset_WallCommon" autocomplete="propertySet" />
+            <RestrictionEditor bind:facet={facet} fieldName="baseName" label="Base Name" placeholder="e.g., FireRating" />
+            <RestrictionEditor bind:facet={facet} fieldName="value" label="Value" placeholder="Optional value" />
+            <RestrictionEditor bind:facet={facet} fieldName="@dataType" label="Data Type" placeholder="Optional data type" autocomplete="dataType" isSpecialProp={true} />
+        {:else if facetType === 'material'}
+            <RestrictionEditor bind:facet={facet} fieldName="value" label="Material Value" placeholder="e.g., Concrete" autocomplete="material" />
+        {:else if facetType === 'classification'}
+            <RestrictionEditor bind:facet={facet} fieldName="system" label="System" placeholder="e.g., Uniclass 2015" autocomplete="classificationSystem" />
+            <RestrictionEditor bind:facet={facet} fieldName="value" label="Value" placeholder="e.g., EF_25_10_25" />
+        {:else if facetType === 'partOf'}
+            <RestrictionEditor bind:facet={facet} fieldName="name" label="Entity Name" placeholder="e.g., IfcSpace" autocomplete="entityName" />
+            <RestrictionEditor bind:facet={facet} fieldName="predefinedType" label="Predefined Type" placeholder="e.g., SOLIDWALL" autocomplete="predefinedType" />
+            <div class="form-group">
+                <label>Relation</label>
+                <select class="form-input" bind:value={() => getSpecialProp("@relation"), (v) => setSpecialProp("@relation", v)}>
+                    <option value="">Select relation...</option>
+                    <option value="IFCRELAGGREGATES">IFCRELAGGREGATES</option>
+                    <option value="IFCRELASSIGNSTOGROUP">IFCRELASSIGNSTOGROUP</option>
+                    <option value="IFCRELCONTAINEDINSPATIALSTRUCTURE">IFCRELCONTAINEDINSPATIALSTRUCTURE</option>
+                    <option value="IFCRELNESTS">IFCRELNESTS</option>
+                    <option value="IFCRELVOIDSELEMENT IFCRELFILLSELEMENT">IFCRELVOIDSELEMENT IFCRELFILLSELEMENT</option>
+                </select>
+            </div>
+        {/if}
+        {#if activeTab === 'requirements'}
+            {#if facetType !== 'entity'}
+                <div class="form-group">
+                    <label>Cardinality</label>
+                    <select class="form-input" bind:value={() => getSpecialProp("@cardinality"), (v) => setSpecialProp("@cardinality", v)}>
+                        <option value="required">Required</option>
+                        <option value="optional">Optional</option>
+                        <option value="prohibited">Prohibited</option>
+                    </select>
+                </div>
+            {/if}
+            <div class="form-group full-width">
+                <label>Instructions</label>
+                <textarea class="form-input" bind:value={() => getSpecialProp("@instructions"), (v) => setSpecialProp("@instructions", v)} placeholder="Optional instructions for IFC authors" rows="2"></textarea>
+            </div>
+        {/if}
+    </div>
+</div>
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/pages/Home/IdsMetadataEditor.svelte b/src/ifctester/webapp/src/pages/Home/IdsMetadataEditor.svelte
new file mode 100644
index 0000000000..2e9f94dd04
--- /dev/null
+++ b/src/ifctester/webapp/src/pages/Home/IdsMetadataEditor.svelte
@@ -0,0 +1,53 @@
+<script>
+    import * as IDS from "$src/modules/api/ids.svelte.js";
+    
+    let activeDocument = $derived(IDS.Module.activeDocument ? IDS.Module.documents[IDS.Module.activeDocument] : null);
+
+    const getProp = (prop) => {
+        return activeDocument?.info[prop] ?? "";
+    };
+    
+    const setProp = (prop, value) => {
+        activeDocument.info[prop] = value;
+    };
+</script>
+
+<div class="ids-info">
+    <div class="ids-md-header">
+        <h2>IDS Information</h2>
+    </div>
+    <div class="form-grid">
+        <div class="form-group">
+            <label>Title</label>
+            <input class="form-input" type="text" bind:value={() => getProp("title"), (v) => setProp("title", v)} placeholder="Enter IDS title">
+        </div>
+        <div class="form-group">
+            <label>Author</label>
+            <input class="form-input" type="email" bind:value={() => getProp("author"), (v) => setProp("author", v)} placeholder="Enter author">
+        </div>
+        <div class="form-group">
+            <label>Version</label>
+            <input class="form-input" type="text" bind:value={() => getProp("version"), (v) => setProp("version", v)} placeholder="Enter version">
+        </div>
+        <div class="form-group">
+            <label>Date</label>
+            <input class="form-input" type="date" bind:value={() => getProp("date"), (v) => setProp("date", v)}>
+        </div>
+        <div class="form-group full-width">
+            <label>Description</label>
+            <textarea class="form-input" bind:value={() => getProp("description"), (v) => setProp("description", v)} placeholder="Enter description" rows="3"></textarea>
+        </div>
+        <div class="form-group">
+            <label>Purpose</label>
+            <input class="form-input" type="text" bind:value={() => getProp("purpose"), (v) => setProp("purpose", v)} placeholder="Enter purpose">
+        </div>
+        <div class="form-group">
+            <label>Milestone</label>
+            <input class="form-input" type="text" bind:value={() => getProp("milestone"), (v) => setProp("milestone", v)} placeholder="Enter milestone">
+        </div>
+        <div class="form-group full-width">
+            <label>Copyright</label>
+            <input class="form-input" type="text" bind:value={() => getProp("copyright"), (v) => setProp("copyright", v)} placeholder="Enter copyright">
+        </div>
+    </div>
+</div>
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/pages/Home/IdsViewer.svelte b/src/ifctester/webapp/src/pages/Home/IdsViewer.svelte
new file mode 100644
index 0000000000..e9645e0984
--- /dev/null
+++ b/src/ifctester/webapp/src/pages/Home/IdsViewer.svelte
@@ -0,0 +1,1131 @@
+<script>
+    import * as IDS from "$src/modules/api/ids.svelte.js";
+    import { getAuditReportById, downloadAuditReport } from "$src/modules/api/api.svelte.js";
+    import { error, success } from "$src/modules/utils/toast.svelte.js";
+    import * as Tooltip from "$src/lib/components/ui/tooltip";
+
+    let activeDocument = $derived(IDS.Module.activeDocument ? IDS.Module.documents[IDS.Module.activeDocument] : null);
+    let documentState = $derived(IDS.Module.activeDocument ? IDS.Module.states[IDS.Module.activeDocument] : null);
+    let auditReport = $derived(documentState?.auditReport ? getAuditReportById(documentState.auditReport) : null);
+    let expandedSpecs = $state(new Set());
+    let expandedRequirements = $state(new Set());
+    let allExpanded = $state(false);
+
+    // Open Editor mode and jump to a specific specification
+    function editSpecification(index) {
+        if (IDS.Module.activeDocument) {
+            IDS.setDocumentState(IDS.Module.activeDocument, { 
+                viewMode: 'editor',
+                activeSpecification: index,
+                activeTab: 'info',
+                auditReport: null // Clear audit report when going to editor
+            });
+        }
+    }
+
+    function toggleSpecification(index) {
+        if (expandedSpecs.has(index)) {
+            expandedSpecs.delete(index);
+        } else {
+            expandedSpecs.add(index);
+        }
+        expandedSpecs = new Set(expandedSpecs);
+    }
+
+    function toggleAllSpecifications() {
+        if (!activeDocument?.specifications?.specification) return;
+        
+        if (allExpanded) {
+            // Collapse all
+            expandedSpecs = new Set();
+            allExpanded = false;
+        } else {
+            // Expand all
+            const allIndices = Array.from({ length: activeDocument.specifications.specification.length }, (_, i) => i);
+            expandedSpecs = new Set(allIndices);
+            allExpanded = true;
+        }
+    }
+
+    function getSpecificationStatus(specIndex, auditData) {
+        const spec = auditData.specifications[specIndex];
+        if (!spec) return null;
+        
+        // If no applicable elements and no checks, and it passed, it's actually skipped
+        if (spec.total_applicable === 0 && spec.total_checks === 0 && spec.status === true) {
+            return 'skipped';
+        }
+        
+        return spec.status;
+    }
+
+    function getSpecificationStats(specIndex, auditData) {
+        const spec = auditData.specifications[specIndex];
+        if (!spec) return null;
+        return {
+            requirements: `${spec.total_requirements || 0}`,
+            requirementsPassed: `${spec.total_requirements_pass || 0}`,
+            checksTotal: `${spec.total_checks || 0}`,
+            checksPassed: `${spec.total_checks_pass || 0}`,
+            applicableTotal: `${spec.total_applicable || 0}`,
+            applicablePassed: `${spec.total_applicable_pass || 0}`
+        };
+    }
+
+    function getSpecificationReason(specIndex, auditData) {
+        const spec = auditData.specifications[specIndex];
+        if (!spec) return null;
+        
+        const status = getSpecificationStatus(specIndex, auditData);
+        
+        if (status === 'skipped') {
+            return "Skipped because no applicable entities were found and the cardinality is OPTIONAL or PROHIBITED";
+        }
+        
+        if (status === false) { // Failed
+            if (spec.total_applicable === 0) {
+                return "Failed because no applicable entities were found but the cardinality is REQUIRED";
+            } else {
+                const failedChecks = spec.total_checks - spec.total_checks_pass;
+                return `Failed because ${failedChecks}/${spec.total_checks} checks did not pass`;
+            }
+        }
+        
+        return null; // No reason needed for passed specifications
+    }
+
+    async function handleDownloadReport() {
+        if (!auditReport) return;
+        
+        try {
+            await downloadAuditReport(auditReport.id);
+            success('Audit report downloaded successfully');
+        } catch (err) {
+            error(`Failed to download report: ${err.message}`);
+        }
+    }
+
+    function getRequirementStatus(specIndex, reqIndex, auditData) {
+        const spec = auditData.specifications[specIndex];
+        if (!spec || !spec.requirements || !spec.requirements[reqIndex]) return null;
+        return spec.requirements[reqIndex];
+    }
+
+    function toggleRequirementDetails(specIndex, reqIndex) {
+        const key = `${specIndex}-${reqIndex}`;
+        if (expandedRequirements.has(key)) {
+            expandedRequirements.delete(key);
+        } else {
+            expandedRequirements.add(key);
+        }
+        expandedRequirements = new Set(expandedRequirements);
+    }
+
+    function isRequirementDetailsExpanded(specIndex, reqIndex) {
+        return expandedRequirements.has(`${specIndex}-${reqIndex}`);
+    }
+</script>
+
+<div class="ids-viewer">
+    <div class="viewer-header">
+        <div class="header-main">
+            <h1>{auditReport ? (auditReport.data.title || "Audit Report") : (activeDocument?.info?.title || "IDS Document")}</h1>
+            {#if auditReport && auditReport.htmlReport}
+                <button class="download-btn" onclick={handleDownloadReport} aria-label="Download HTML report">
+                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                        <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/>
+                        <polyline points="7,10 12,15 17,10"/>
+                        <line x1="12" y1="15" x2="12" y2="3"/>
+                    </svg>
+                    Download Report
+                </button>
+            {/if}
+        </div>
+        
+        <div class="document-meta">
+            {#if auditReport}
+                <span class="meta-item">Model: {auditReport.modelName}</span>
+            {/if}
+            {#if activeDocument?.info?.version}
+                <span class="meta-item">Version: {activeDocument.info.version}</span>
+            {/if}
+            {#if activeDocument?.info?.author}
+                <span class="meta-item">Author: {activeDocument.info.author}</span>
+            {/if}
+            {#if activeDocument?.info?.date}
+                <span class="meta-item">Date: {activeDocument.info.date}</span>
+            {/if}
+        </div>
+        
+        {#if activeDocument?.info?.description}
+            <p class="document-description">{activeDocument.info.description}</p>
+        {/if}
+        
+        {#if auditReport}
+            <div class="audit-summary">
+                <div class="summary-item overall-status {auditReport.data.status ? 'pass' : 'fail'}">
+                    {auditReport.data.status ? 'PASS' : 'FAIL'}
+                </div>
+                <div class="summary-stats">
+                    <div class="stat-group">
+                        <span class="stat-label">Checks:</span>
+                        <span class="stat-value">{auditReport.data.total_checks_pass}/{auditReport.data.total_checks}</span>
+                        <span class="stat-percent">({auditReport.data.percent_checks_pass}%)</span>
+                    </div>
+                    <div class="stat-group">
+                        <span class="stat-label">Requirements:</span>
+                        <span class="stat-value">{auditReport.data.total_requirements_pass}/{auditReport.data.total_requirements}</span>
+                        <span class="stat-percent">({auditReport.data.percent_requirements_pass}%)</span>
+                    </div>
+                    <div class="stat-group">
+                        <span class="stat-label">Specifications:</span>
+                        <span class="stat-value">{auditReport.data.total_specifications_pass}/{auditReport.data.total_specifications}</span>
+                        <span class="stat-percent">({auditReport.data.percent_specifications_pass}%)</span>
+                    </div>
+                </div>
+            </div>
+            
+            <!-- Progress Bar -->
+            <div class="progress-container">
+                <div class="progress-bar">
+                    <div class="progress-fill" style="width: {auditReport.data.percent_checks_pass}%"></div>
+                </div>
+            </div>
+        {/if}
+    </div>
+
+    <div class="specifications-viewer">
+        {#if activeDocument?.specifications?.specification && activeDocument.specifications.specification.length > 0}
+            <div class="specifications-header">
+                <button class="expand-all-btn" onclick={toggleAllSpecifications} aria-label={allExpanded ? 'Collapse all specifications' : 'Expand all specifications'}>
+                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                        {#if allExpanded}
+                            <path d="M8 14l4-4 4 4"/>
+                            <path d="M8 10l4-4 4 4"/>
+                        {:else}
+                            <path d="M8 10l4 4 4-4"/>
+                            <path d="M8 14l4 4 4-4"/>
+                        {/if}
+                    </svg>
+                    {allExpanded ? 'Collapse All' : 'Expand All'}
+                </button>
+            </div>
+            {#each activeDocument.specifications.specification as spec, index}
+                <div class="specification-card {auditReport ? 'with-audit' : ''} {auditReport && getSpecificationStatus(index, auditReport.data) !== null ? (getSpecificationStatus(index, auditReport.data) === 'skipped' ? 'spec-skipped' : (getSpecificationStatus(index, auditReport.data) ? 'spec-pass' : 'spec-fail')) : ''}">
+                    <div class="spec-card-header" onclick={() => toggleSpecification(index)}>
+                        <div class="spec-title-section">
+                            <div class="spec-title-row">
+                                <h2>{spec["@name"] || `Specification ${index + 1}`}</h2>
+                                {#if auditReport && getSpecificationStatus(index, auditReport.data) !== null}
+                                    {@const status = getSpecificationStatus(index, auditReport.data)}
+                                    {@const stats = getSpecificationStats(index, auditReport.data)}
+                                    <div class="spec-status-container">
+                                        <span class="spec-status {status === 'skipped' ? 'skipped' : (status ? 'pass' : 'fail')}">
+                                            {status === 'skipped' ? 'SKIPPED' : (status ? 'PASS' : 'FAIL')}
+                                        </span>
+                                        {#if status !== 'skipped' && stats}
+                                            {@const percentage = stats.checksTotal > 0 ? Math.round((stats.checksPassed / stats.checksTotal) * 100) : 0}
+                                            <div class="circular-progress" style="--progress: {percentage}%">
+                                                <svg viewBox="0 0 36 36" class="circular-chart">
+                                                    <path class="circle-bg" d="M18,2.0845 a 15.9155,15.9155 0 0,1 0,31.831 a 15.9155,15.9155 0 0,1 0,-31.831"/>
+                                                    {#if percentage > 0}
+                                                        <path class="circle" stroke-dasharray="{percentage}, 100" d="M18,2.0845 a 15.9155,15.9155 0 0,1 0,31.831 a 15.9155,15.9155 0 0,1 0,-31.831"/>
+                                                    {/if}
+                                                </svg>
+                                            </div>
+                                        {/if}
+                                    </div>
+                                {/if}
+                            </div>
+                            {#if "@description" in spec}
+                                <p class="spec-description">{spec["@description"]}</p>
+                            {/if}
+                            {#if auditReport}
+                                {@const reason = getSpecificationReason(index, auditReport.data)}
+                                {#if reason}
+                                    <p class="spec-reason">{reason}</p>
+                                {/if}
+                                {@const stats = getSpecificationStats(index, auditReport.data)}
+                                {@const status = getSpecificationStatus(index, auditReport.data)}
+                                {#if stats && status !== 'skipped'}
+                                    <div class="spec-stats">
+                                        <span class="stat-item">Checks: {stats.checksPassed}/{stats.checksTotal}</span>
+                                        <span class="stat-item">Requirements: {stats.requirementsPassed}/{stats.requirements}</span>
+                                    </div>
+                                {/if}
+                            {/if}
+                        </div>
+                        <div class="spec-actions">
+                            <button class="edit-btn" onclick={(e) => { e.stopPropagation(); editSpecification(index); }} aria-label="Edit specification">
+                                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                                    <path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"></path>
+                                    <path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"></path>
+                                </svg>
+                            </button>
+                            <div class="expand-btn-container">
+                                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" class:rotated={expandedSpecs.has(index)}>
+                                    <polyline points="6,9 12,15 18,9"></polyline>
+                                </svg>
+                            </div>
+                        </div>
+                    </div>
+
+                    {#if expandedSpecs.has(index)}
+                        <div class="spec-content">
+                            <!-- Applicability Section -->
+                            <div class="facet-section">
+                                <h3>Applicability</h3>
+                                
+                                <div class="facets-list">
+                                    {#each Object.entries(spec.applicability || {}) as [facetType, facets]}
+                                        {#if Array.isArray(facets) && facets.length > 0}
+                                            <div class="facet-group">
+                                                {#each facets as facet, facetIndex}
+                                                    <div class="facet-item">
+                                                        <div class="facet-header">
+                                                            <span class="facet-bullet">•</span>
+                                                            <span class="facet-text">{@html IDS.stringifyFacet("applicability", facet, facetType, spec)}</span>
+                                                        </div>
+                                                    </div>
+                                                {/each}
+                                            </div>
+                                        {/if}
+                                    {/each}
+                                </div>
+                            </div>
+
+                            <!-- Requirements Section -->
+                            <div class="facet-section">
+                                <h3>Requirements</h3>
+                                
+                                <div class="facets-list">
+                                    {#each Object.entries(spec.requirements || {}) as [facetType, facets]}
+                                        {#if Array.isArray(facets) && facets.length > 0}
+                                            <div class="facet-group">
+                                                {#each facets as facet, facetIndex}
+                                                    {@const reqAuditData = auditReport ? getRequirementStatus(index, facetIndex, auditReport.data) : null}
+                                                    {@const specStatus = auditReport ? getSpecificationStatus(index, auditReport.data) : null}
+                                                    <div class="facet-item {auditReport && reqAuditData && specStatus !== 'skipped' ? (reqAuditData.status ? 'audit-pass' : 'audit-fail') : ''}">
+                                                        <button class="facet-header" onclick={() => {if (auditReport && reqAuditData && specStatus !== 'skipped') toggleRequirementDetails(index, facetIndex)}}>
+                                                            <span class="facet-bullet">•</span>
+                                                            <span class="facet-text">{@html IDS.stringifyFacet("requirements", facet, facetType, spec)}</span>
+                                                            {#if auditReport && reqAuditData && specStatus !== 'skipped'}
+                                                                {#if reqAuditData.total_applicable > 0}
+                                                                    <div class="audit-details-toggle">
+                                                                        {reqAuditData.status ? 'PASS' : 'FAIL'} ({reqAuditData.total_pass}/{reqAuditData.total_applicable})
+                                                                        <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" class:rotated={isRequirementDetailsExpanded(index, facetIndex)}>
+                                                                            <polyline points="6,9 12,15 18,9"></polyline>
+                                                                        </svg>
+                                                                    </div>
+                                                                {:else}
+                                                                    <span class="audit-status-badge">
+                                                                        {reqAuditData.status ? 'PASS' : 'FAIL'}
+                                                                    </span>
+                                                                {/if}
+                                                            {/if}
+                                                        </button>
+                                                        {#if isRequirementDetailsExpanded(index, facetIndex)}
+                                                            <div class="facet-expansion">
+                                                                <div class="entity-tables">
+                                                                    {#if reqAuditData.passed_entities && reqAuditData.passed_entities.length > 0}
+                                                                        <div class="entity-table-section pass">
+                                                                            <h4>Passed Elements ({reqAuditData.passed_entities.length})</h4>
+                                                                            <div class="entity-table-container">
+                                                                                <Tooltip.Provider>
+                                                                                    <table class="entity-table">
+                                                                                    <thead>
+                                                                                        <tr>
+                                                                                            <th>Class</th>
+                                                                                            <th>PredefinedType</th>
+                                                                                            <th>Name</th>
+                                                                                            <th>Description</th>
+                                                                                            <th>GlobalId</th>
+                                                                                            <th>Tag</th>
+                                                                                        </tr>
+                                                                                    </thead>
+                                                                                    <tbody>
+                                                                                        {#each reqAuditData.passed_entities.slice(0, 10) as entity}
+                                                                                            <tr>
+                                                                                                <td>{entity.class}</td>
+                                                                                                <td>{entity.predefined_type || '-'}</td>
+                                                                                                <td>
+                                                                                                    <Tooltip.Root>
+                                                                                                        <Tooltip.Trigger>
+                                                                                                            <div class="truncated-text">{entity.name || '-'}</div>
+                                                                                                        </Tooltip.Trigger>
+                                                                                                        <Tooltip.Content>
+                                                                                                            <p>{entity.name || '-'}</p>
+                                                                                                        </Tooltip.Content>
+                                                                                                    </Tooltip.Root>
+                                                                                                </td>
+                                                                                                <td>
+                                                                                                    <Tooltip.Root delayDuration={0}>
+                                                                                                        <Tooltip.Trigger>
+                                                                                                            <div class="truncated-text">{entity.description || '-'}</div>
+                                                                                                        </Tooltip.Trigger>
+                                                                                                        <Tooltip.Content>
+                                                                                                            <p>{entity.description || '-'}</p>
+                                                                                                        </Tooltip.Content>
+                                                                                                    </Tooltip.Root>
+                                                                                                </td>
+                                                                                                <td>
+                                                                                                    <Tooltip.Root>
+                                                                                                        <Tooltip.Trigger>
+                                                                                                            <div class="truncated-text">{entity.global_id || '-'}</div>
+                                                                                                        </Tooltip.Trigger>
+                                                                                                        <Tooltip.Content>
+                                                                                                            <p>{entity.global_id || '-'}</p>
+                                                                                                        </Tooltip.Content>
+                                                                                                    </Tooltip.Root>
+                                                                                                </td>
+                                                                                                <td>
+                                                                                                    <Tooltip.Root>
+                                                                                                        <Tooltip.Trigger>
+                                                                                                            <div class="truncated-text">{entity.tag || '-'}</div>
+                                                                                                        </Tooltip.Trigger>
+                                                                                                        <Tooltip.Content>
+                                                                                                            <p>{entity.tag || '-'}</p>
+                                                                                                        </Tooltip.Content>
+                                                                                                    </Tooltip.Root>
+                                                                                                </td>
+                                                                                            </tr>
+                                                                                        {/each}
+                                                                                        {#if reqAuditData.passed_entities.length > 10}
+                                                                                            <tr class="more-row">
+                                                                                                <td colspan="6">... {reqAuditData.passed_entities.length - 10} more passing elements not shown ...</td>
+                                                                                            </tr>
+                                                                                        {/if}
+                                                                                    </tbody>
+                                                                                    </table>
+                                                                                </Tooltip.Provider>
+                                                                            </div>
+                                                                        </div>
+                                                                    {/if}
+                                                                    
+                                                                    {#if reqAuditData.failed_entities && reqAuditData.failed_entities.length > 0}
+                                                                        <div class="entity-table-section fail">
+                                                                            <h4>Failed Elements ({reqAuditData.failed_entities.length})</h4>
+                                                                            <div class="entity-table-container">
+                                                                                <Tooltip.Provider>
+                                                                                    <table class="entity-table">
+                                                                                    <thead>
+                                                                                        <tr>
+                                                                                            <th>Class</th>
+                                                                                            <th>PredefinedType</th>
+                                                                                            <th>Name</th>
+                                                                                            <th>Description</th>
+                                                                                            <th>Warning</th>
+                                                                                            <th>GlobalId</th>
+                                                                                            <th>Tag</th>
+                                                                                        </tr>
+                                                                                    </thead>
+                                                                                    <tbody>
+                                                                                        {#each reqAuditData.failed_entities.slice(0, 10) as entity}
+                                                                                            <tr>
+                                                                                                <td>{entity.class}</td>
+                                                                                                <td>{entity.predefined_type || '-'}</td>
+                                                                                                <td>
+                                                                                                    <Tooltip.Root>
+                                                                                                        <Tooltip.Trigger>
+                                                                                                            <div class="truncated-text">{entity.name || '-'}</div>
+                                                                                                        </Tooltip.Trigger>
+                                                                                                        <Tooltip.Content>
+                                                                                                            <p>{entity.name || '-'}</p>
+                                                                                                        </Tooltip.Content>
+                                                                                                    </Tooltip.Root>
+                                                                                                </td>
+                                                                                                <td>
+                                                                                                    <Tooltip.Root delayDuration={0}>
+                                                                                                        <Tooltip.Trigger>
+                                                                                                            <div class="truncated-text">{entity.description || '-'}</div>
+                                                                                                        </Tooltip.Trigger>
+                                                                                                        <Tooltip.Content>
+                                                                                                            <p>{entity.description || '-'}</p>
+                                                                                                        </Tooltip.Content>
+                                                                                                    </Tooltip.Root>
+                                                                                                </td>
+                                                                                                <td>
+                                                                                                    <Tooltip.Root delayDuration={0}>
+                                                                                                        <Tooltip.Trigger>
+                                                                                                            <div class="truncated-text">{entity.reason || '-'}</div>
+                                                                                                        </Tooltip.Trigger>
+                                                                                                        <Tooltip.Content>
+                                                                                                            <p>{entity.reason || '-'}</p>
+                                                                                                        </Tooltip.Content>
+                                                                                                    </Tooltip.Root>
+                                                                                                </td>
+                                                                                                <td>
+                                                                                                    <Tooltip.Root>
+                                                                                                        <Tooltip.Trigger>
+                                                                                                            <div class="truncated-text">{entity.global_id || '-'}</div>
+                                                                                                        </Tooltip.Trigger>
+                                                                                                        <Tooltip.Content>
+                                                                                                            <p>{entity.global_id || '-'}</p>
+                                                                                                        </Tooltip.Content>
+                                                                                                    </Tooltip.Root>
+                                                                                                </td>
+                                                                                                <td>
+                                                                                                    <Tooltip.Root>
+                                                                                                        <Tooltip.Trigger>
+                                                                                                            <div class="truncated-text">{entity.tag || '-'}</div>
+                                                                                                        </Tooltip.Trigger>
+                                                                                                        <Tooltip.Content>
+                                                                                                            <p>{entity.tag || '-'}</p>
+                                                                                                        </Tooltip.Content>
+                                                                                                    </Tooltip.Root>
+                                                                                                </td>
+                                                                                            </tr>
+                                                                                        {/each}
+                                                                                        {#if reqAuditData.failed_entities.length > 10}
+                                                                                            <tr class="more-row">
+                                                                                                <td colspan="7">... {reqAuditData.failed_entities.length - 10} more failing elements not shown ...</td>
+                                                                                            </tr>
+                                                                                        {/if}
+                                                                                    </tbody>
+                                                                                    </table>
+                                                                                </Tooltip.Provider>
+                                                                            </div>
+                                                                        </div>
+                                                                    {/if}
+                                                                </div>
+                                                            </div>
+                                                        {/if}
+                                                    </div>
+                                                {/each}
+                                            </div>
+                                        {/if}
+                                    {/each}
+                                </div>
+                            </div>
+                        </div>
+                    {/if}
+                </div>
+            {/each}
+        {:else}
+            <div class="no-specifications">
+                <p>No specifications defined in this IDS document.</p>
+            </div>
+        {/if}
+    </div>
+</div>
+
+<style>
+    .ids-viewer {
+        max-width: 1000px;
+        margin: 0;
+        color: #e0e0e0;
+    }
+
+
+    .audit-summary {
+        display: flex;
+        align-items: center;
+        gap: 12px;
+        margin-top: 12px;
+    }
+
+    .overall-status {
+        padding: 5px 16px;
+        border-radius: 20px;
+        font-size: 14px;
+        font-weight: 600;
+        text-transform: uppercase;
+        letter-spacing: 0.5px;
+    }
+
+    .overall-status.pass {
+        background: #10b98122;
+        color: #10b981;
+        border: 1px solid #10b98133;
+    }
+
+    .overall-status.fail {
+        background: #ef444422;
+        color: #ef4444;
+        border: 1px solid #ef444433;
+    }
+
+    .summary-stats {
+        display: flex;
+        gap: 24px;
+        flex-wrap: wrap;
+    }
+
+    .stat-group {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        font-size: 14px;
+    }
+
+    .stat-label {
+        color: #b0b0b0;
+    }
+
+    .stat-value {
+        color: #e0e0e0;
+        font-weight: 500;
+    }
+
+    .stat-percent {
+        color: #9ca3af;
+    }
+
+    .viewer-header {
+        margin-bottom: 30px;
+    }
+
+    .header-main {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        margin-bottom: 12px;
+    }
+
+    .viewer-header h1 {
+        margin: 0;
+        font-size: 32px;
+        color: white;
+        flex: 1;
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
+
+    .download-btn {
+        display: flex;
+        align-items: center;
+        gap: 0.5rem;
+        padding: 7px 12px;
+        background: #ffffff12;
+        color: #ffffff;
+        border: 1px solid #ffffff24;
+        border-radius: 6px;
+        font-size: 13px;
+        font-weight: 500;
+        cursor: pointer;
+        transition: all 0.2s;
+        margin-left: 1rem;
+    }
+
+    .download-btn:hover {
+        background: #ffffff1a;
+        border-color: #ffffff40;
+    }
+
+    .download-btn svg {
+        flex-shrink: 0;
+    }
+
+    .document-meta {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 16px;
+        margin-bottom: 12px;
+    }
+
+    .meta-item {
+        font-size: 14px;
+        color: #b0b0b0;
+        background: #2d2d2d;
+        padding: 4px 8px;
+        border-radius: 4px;
+    }
+
+    .document-description {
+        margin: 0;
+        font-size: 16px;
+        line-height: 1.5;
+        color: #d0d0d0;
+    }
+
+    .specifications-viewer {
+        display: flex;
+        flex-direction: column;
+        gap: 24px;
+    }
+
+    .specifications-header {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        margin-bottom: 8px;
+        padding: 0 4px;
+    }
+
+    .expand-all-btn {
+        display: flex;
+        align-items: center;
+        gap: 0.5rem;
+        padding: 6px 12px;
+        background: #ffffff12;
+        color: #ffffff;
+        border: 1px solid #ffffff24;
+        border-radius: 6px;
+        font-size: 13px;
+        font-weight: 500;
+        cursor: pointer;
+        transition: all 0.2s;
+    }
+
+    .expand-all-btn:hover {
+        background: #ffffff1a;
+        border-color: #ffffff40;
+    }
+
+    .expand-all-btn svg {
+        flex-shrink: 0;
+    }
+
+    .specification-card {
+        background: #ffffff05;
+        border: 1px solid #5555556e;
+        border-radius: 12px;
+        overflow: hidden;
+        transition: all 0.2s;
+    }
+
+    .specification-card.with-audit.spec-pass {
+        border-color: #10b98155;
+        background: #10b98108;
+    }
+
+    .specification-card.with-audit.spec-fail {
+        border-color: #ff838355;
+        background: #ff9c9c08;
+    }
+
+    .specification-card.with-audit.spec-skipped {
+        border-color: #8b8d8f55;
+        background: #8b8d8f08;
+    }
+
+    .specification-card:hover {
+        border-color: #555555;
+    }
+    .specification-card:hover .spec-content {
+        border-color: #555555;
+    }
+    .specification-card:hover .spec-card-header {
+        background: #ffffff0d;
+    }
+
+    .spec-card-header {
+        padding: 20px;
+        cursor: pointer;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        gap: 16px;
+        transition: background-color 0.2s;
+        background: none;
+        border: none;
+        color: inherit;
+        text-align: left;
+        width: 100%;
+    }
+
+    .spec-card-header:hover {
+        background: #ffffff0d;
+    }
+
+    .spec-title-section {
+        flex: 1;
+    }
+
+    .spec-title-row {
+        display: flex;
+        align-items: center;
+        gap: 12px;
+        margin-bottom: 8px;
+    }
+
+    .spec-status {
+        padding: 4px 8px;
+        border-radius: 12px;
+        font-size: 11px;
+        font-weight: 600;
+        text-transform: uppercase;
+        letter-spacing: 0.5px;
+    }
+
+    .spec-status.pass {
+        background: #10b98122;
+        color: #10b981;
+    }
+
+    .spec-status.fail {
+        background: #ef444422;
+        color: #ef4444;
+    }
+
+    .spec-status.skipped {
+        background: #8b8d8f22;
+        color: #8b8d8f;
+    }
+
+    .spec-status-container {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+    }
+
+    .circular-progress {
+        position: relative;
+        width: 20px;
+        height: 20px;
+        flex-shrink: 0;
+    }
+
+    .circular-chart {
+        display: block;
+        margin: auto;
+        max-width: 100%;
+        max-height: 100%;
+    }
+
+    .circle-bg {
+        fill: none;
+        stroke: #ffffff20;
+        stroke-width: 4.8;
+    }
+
+    .circle {
+        fill: none;
+        stroke-width: 4.8;
+        stroke: #26a059;
+        stroke-linecap: round;
+        animation: progress 1s ease-in-out forwards;
+        transform: rotate(-90deg);
+        transform-origin: 50% 50%;
+    }
+
+    @keyframes progress {
+        0% {
+            stroke-dasharray: 0 100;
+        }
+    }
+
+    .spec-stats {
+        display: flex;
+        gap: 16px;
+        margin-top: 8px;
+    }
+
+    .stat-item {
+        font-size: 12px;
+        color: #9ca3af;
+    }
+
+    .spec-title-section h2 {
+        margin: 0;
+        font-size: 20px;
+        color: #e0e0e0;
+    }
+
+    .spec-description {
+        margin: 0;
+        font-size: 14px;
+        color: #b0b0b0;
+        line-height: 1.4;
+    }
+
+    .spec-reason {
+        display: inline-block;
+        margin: 8px 0 0 0;
+        font-size: 13px;
+        color: #9ca3af;
+        line-height: 1.4;
+        font-style: italic;
+        padding: 6px 10px;
+        background: #ffffff08;
+        border-radius: 6px;
+    }
+
+    .spec-actions {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+    }
+
+    .edit-btn {
+        background: none;
+        border: 1px solid #5555556e;
+        border-radius: 50px;
+        padding: 8px;
+        cursor: pointer;
+        color: #b0b0b0;
+        transition: all 0.2s;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+
+    .edit-btn:hover {
+        background: #ffffff12;
+        border-color: #ffffff1f;
+    }
+
+    .expand-btn-container {
+        padding: 8px;
+        border: 1px solid #5555556e;
+        border-radius: 50px;
+        color: #b0b0b0;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+
+    .expand-btn-container svg {
+        transition: transform 0.2s;
+    }
+
+    .expand-btn-container svg.rotated {
+        transform: rotate(180deg);
+    }
+
+    .spec-content {
+        padding: 0 20px 20px 20px;
+        border-top: 1px solid #5555556e;
+    }
+
+    .facet-section {
+        margin-bottom: 10px;
+    }
+
+    .facet-section:last-child {
+        margin-bottom: 0;
+    }
+
+    .facet-section h3 {
+        margin: 16px 0;
+        font-size: 13px;
+        font-weight: 600;
+        color: #e0e0e0;
+        text-transform: uppercase;
+        letter-spacing: 0.5px;
+        display: inline-block;
+        border: 1px solid #ffffff47;
+        padding: 2px 10px;
+        border-radius: 26px;
+    }
+
+    .facets-list {
+        display: flex;
+        flex-direction: column;
+        gap: 10px;
+    }
+
+    .facet-group {
+        display: flex;
+        flex-direction: column;
+        gap: 10px;
+    }
+
+    .facet-item:last-child {
+        margin-bottom: 0;
+    }
+
+    .facet-header {
+        padding: 0px 12px;
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        cursor: pointer;
+        text-align: left;
+        border: none;
+        outline: none;
+        width: 100%;
+    }
+
+    .facet-header:hover .audit-details-toggle {
+        background: #ffffff12;
+        border-color: #ffffff1f;
+        color: #e0e0e0;
+    }
+
+    .facet-expansion {
+        padding: 0px 12px 12px;
+    }
+
+    .facet-bullet {
+        font-weight: bold;
+        margin-top: 2px;
+        color: #ffffff73;
+        min-width: 9px;
+    }
+
+    .facet-text {
+        font-size: 15px;
+        line-height: 1.4;
+        color: #e0e0e0;
+        width: 100%;
+
+        :global(strong) {
+            color: #79ecb7;
+            font-weight: 500;
+        }
+
+        :global(code) {
+            display: inline-block;
+            background-color: #ffffff17;
+            padding: 1px 5px;
+            color: #c0e2ff;
+            border-radius: 5px;
+        }
+    }
+
+    .no-specifications {
+        text-align: center;
+        padding: 48px 24px;
+        color: #b0b0b0;
+    }
+
+    .no-specifications p {
+        margin: 0;
+        font-size: 16px;
+    }
+
+    /* Audit-specific styles */
+    .facet-item.audit-pass .facet-header, .facet-item.audit-fail .facet-header {
+        padding: 12px 12px;
+    }
+
+    .facet-item.audit-pass {
+        background: #10b98110;
+        border-left: 1px solid #10b981;
+    }
+
+    .facet-item.audit-fail {
+        background: #ffdfdf10;
+        border-left: 1px solid #ff7171;
+    }
+
+    .audit-details-toggle {
+        background: none;
+        border: 1px solid #5555556e;
+        border-radius: 16px;
+        padding: 4px 8px;
+        cursor: pointer;
+        color: #b0b0b0;
+        font-size: 12px;
+        display: flex;
+        align-items: center;
+        gap: 4px;
+        transition: all 0.2s;
+        white-space: nowrap;
+    }
+
+    .audit-details-toggle svg {
+        transition: transform 0.2s;
+    }
+
+    .audit-details-toggle svg.rotated {
+        transform: rotate(180deg);
+    }
+
+    .audit-status-badge {
+        background: none;
+        border: 1px solid #5555556e;
+        border-radius: 16px;
+        padding: 4px 8px;
+        color: #b0b0b0;
+        font-size: 12px;
+        display: inline-flex;
+        align-items: center;
+        gap: 4px;
+        white-space: nowrap;
+    }
+
+    .entity-tables {
+        margin-top: 12px;
+        display: flex;
+        flex-direction: column;
+        gap: 16px;
+    }
+
+    .entity-table-section h4 {
+        margin: 0 0 8px 0;
+        font-size: 13px;
+        font-weight: 600;
+        color: #e0e0e0;
+    }
+
+    .entity-table-section.pass h4 {
+        color: #10b981;
+    }
+
+    .entity-table-section.fail h4 {
+        color: #e87c7c;
+    }
+
+    .entity-table-container {
+        border: 1px solid #5555556e;
+        border-radius: 8px;
+        overflow: hidden;
+        background: #ffffff02;
+    }
+
+    .entity-table {
+        width: 100%;
+        border-collapse: collapse;
+        font-size: 12px;
+    }
+
+    .entity-table th {
+        background: #ffffff12;
+        color: #b0b0b0;
+        padding: 8px 12px;
+        text-align: left;
+        font-weight: 500;
+        border-bottom: 1px solid #5555556e;
+    }
+
+    .entity-table td {
+        padding: 6px 12px;
+        border-bottom: 1px solid #55555530;
+        color: #e0e0e0;
+        max-width: 120px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+    }
+
+    .entity-table tbody tr:hover {
+        background: #ffffff08;
+    }
+
+    .entity-table .more-row td {
+        text-align: center;
+        font-style: italic;
+        color: #9ca3af;
+        padding: 12px;
+    }
+
+    .progress-container {
+        margin-top: 16px;
+        width: 100%;
+    }
+
+    .progress-bar {
+        width: 100%;
+        height: 8px;
+        background: #ffffff12;
+        border-radius: 4px;
+        overflow: hidden;
+    }
+
+    .progress-fill {
+        height: 100%;
+        background: #26a059;
+        transition: width 0.3s ease;
+        border-radius: 4px;
+    }
+
+    .truncated-text {
+        width: 100%;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        cursor: pointer;
+    }
+</style>
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/pages/Home/RequirementsPanel.svelte b/src/ifctester/webapp/src/pages/Home/RequirementsPanel.svelte
new file mode 100644
index 0000000000..189d9c7066
--- /dev/null
+++ b/src/ifctester/webapp/src/pages/Home/RequirementsPanel.svelte
@@ -0,0 +1,59 @@
+<script>
+    import * as IDS from "$src/modules/api/ids.svelte.js";
+    import FacetEditor from './FacetEditor.svelte';
+    import CreateFacetDropdown from "$src/components/CreateFacetDropdown.svelte";
+
+    let { activeTab } = $props();
+
+    let activeDocument = $derived(IDS.Module.activeDocument ? IDS.Module.documents[IDS.Module.activeDocument] : null);
+    let documentState = $derived(IDS.Module.activeDocument ? IDS.Module.states[IDS.Module.activeDocument] : null);
+    let activeSpecification = $derived(activeDocument && documentState?.activeSpecification !== null && activeDocument.specifications?.specification ? 
+        activeDocument.specifications.specification[documentState.activeSpecification] : null);
+
+    async function addFacet (facetType) {
+        if (!activeSpecification) return;
+        
+        await IDS.createFacet(
+            IDS.Module.activeDocument, 
+            documentState.activeSpecification, 
+            "requirements",
+            facetType
+        );
+    }
+    
+    async function removeFacet(facetType, facetIndex) {
+        if (!activeSpecification) return;
+        
+        await IDS.deleteFacet(
+            IDS.Module.activeDocument, 
+            documentState.activeSpecification, 
+            "requirements",
+            facetType,
+            facetIndex
+        );
+    }
+</script>
+
+<div class="restrictions-panel">
+    <div class="restrictions-header">
+        <h3>Requirements</h3>
+        <CreateFacetDropdown {addFacet} />
+    </div>
+    <div class="restrictions-list">
+        {#if activeSpecification?.requirements}
+            {#each Object.entries(activeSpecification.requirements) as [facetType, facets]}
+                {#each facets as facet, index}
+                    <FacetEditor 
+                        bind:facet={facets[index]} 
+                        {facetType} 
+                        specification={activeSpecification}
+                        activeTab="requirements" 
+                        {removeFacet} 
+                        {index}
+                        key={`${activeDocument}-${documentState?.activeSpecification}-requirements-${facetType}-${index}`}
+                    />
+                {/each}
+            {/each}
+        {/if}
+    </div>
+</div>
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/pages/Home/RestrictionEditor.svelte b/src/ifctester/webapp/src/pages/Home/RestrictionEditor.svelte
new file mode 100644
index 0000000000..3bc5042065
--- /dev/null
+++ b/src/ifctester/webapp/src/pages/Home/RestrictionEditor.svelte
@@ -0,0 +1,659 @@
+<script>
+    import Svelecte from 'svelecte';
+    import { getEntityClasses, getMaterialCategories, getClassificationSystems, getDataTypes, getPredefinedTypes, getEntityAttributes, getApplicablePsets } from '$src/modules/api/api.svelte.js';
+    import * as IDS from '$src/modules/api/ids.svelte.js';
+    
+    let { facet = $bindable(), fieldName, label, placeholder, autocomplete = null, isSpecialProp = false } = $props();
+    
+    const isEntityNameField = autocomplete === 'entityName';
+    const isMaterialField = autocomplete === 'material';
+    const isClassificationSystemField = autocomplete === 'classificationSystem';
+    const isPredefinedTypeField = autocomplete === 'predefinedType';
+    const isAttributeNameField = autocomplete === 'attributeName';
+    const isPropertySetField = autocomplete === 'propertySet';
+    const isDataTypeField = autocomplete === 'dataType';
+    
+    // Predefined Types autocompletions
+    let predefinedTypeOptions = $state([]);
+    
+    // Attribute Names autocompletions
+    let attributeNameOptions = $state([]);
+    
+    // Property Sets autocompletions
+    let propertySetOptions = $state([]);
+    
+    // Get the active specification's IFC schemas
+    const getIfcVersions = () => {
+        const activeDocument = IDS.Module.activeDocument ? IDS.Module.documents[IDS.Module.activeDocument] : null;
+        const documentState = IDS.Module.activeDocument ? IDS.Module.states[IDS.Module.activeDocument] : null;
+        const activeSpecification = activeDocument && documentState?.activeSpecification !== null && activeDocument.specifications?.specification ? 
+            activeDocument.specifications.specification[documentState.activeSpecification] : null;
+        
+        const versions = activeSpecification?.["@ifcVersion"] || ['IFC4'];
+        // TODO: Fix: Filter out IFC4X3 because it's buggy
+        return versions.filter(version => version !== 'IFC4X3_ADD2');
+    };
+    
+    // Get the entity name from facet
+    const getEntityName = () => {
+        const nameField = facet?.name;
+        if (!nameField) return '';
+        if (nameField.simpleValue) return nameField.simpleValue;
+        return '';
+    };
+    
+    // Get all entity names from Entity facets in Applicability
+    const getApplicabilityEntityNames = () => {
+        const activeDocument = IDS.Module.activeDocument ? IDS.Module.documents[IDS.Module.activeDocument] : null;
+        const documentState = IDS.Module.activeDocument ? IDS.Module.states[IDS.Module.activeDocument] : null;
+        const activeSpecification = activeDocument && documentState?.activeSpecification !== null && activeDocument.specifications?.specification ? 
+            activeDocument.specifications.specification[documentState.activeSpecification] : null;
+        
+        if (!activeSpecification?.applicability?.entity) return [];
+        
+        const entityFacets = activeSpecification.applicability.entity;
+        const entityNames = [];
+        
+        entityFacets.forEach(entityFacet => {
+            const nameField = entityFacet.name;
+            if (!nameField) return;
+            
+            if (nameField.simpleValue) {
+                entityNames.push(nameField.simpleValue);
+            } else if (nameField.restriction?.enumeration) {
+                nameField.restriction.enumeration.forEach(enumItem => {
+                    if (enumItem['@value']) {
+                        entityNames.push(enumItem['@value']);
+                    }
+                });
+            }
+        });
+        
+        return [...new Set(entityNames)]; // Deduplicate
+    };
+    
+    // Get entity facets with their predefined types
+    const getApplicabilityEntityFacets = () => {
+        const activeDocument = IDS.Module.activeDocument ? IDS.Module.documents[IDS.Module.activeDocument] : null;
+        const documentState = IDS.Module.activeDocument ? IDS.Module.states[IDS.Module.activeDocument] : null;
+        const activeSpecification = activeDocument && documentState?.activeSpecification !== null && activeDocument.specifications?.specification ? 
+            activeDocument.specifications.specification[documentState.activeSpecification] : null;
+        
+        if (!activeSpecification?.applicability?.entity) return [];
+        
+        return activeSpecification.applicability.entity.map(entityFacet => {
+            const nameField = entityFacet.name;
+            const predefinedTypeField = entityFacet.predefinedType;
+            
+            // Extract entity name
+            let entityNames = [];
+            if (nameField?.simpleValue) {
+                entityNames = [nameField.simpleValue];
+            } else if (nameField?.restriction?.enumeration) {
+                entityNames = nameField.restriction.enumeration
+                    .map(item => item['@value'])
+                    .filter(Boolean);
+            }
+            
+            // Extract predefined type
+            let predefinedType = '';
+            if (predefinedTypeField?.simpleValue) {
+                predefinedType = predefinedTypeField.simpleValue;
+            } else if (predefinedTypeField?.restriction?.enumeration?.length > 0) {
+                // For enumeration predefined types, use the first one or empty string
+                predefinedType = predefinedTypeField.restriction.enumeration[0]['@value'] || '';
+            }
+            
+            return { entityNames, predefinedType };
+        }).filter(facet => facet.entityNames.length > 0);
+    };
+    
+    // Contextual autocompletions
+    $effect(async () => {
+
+        // Predefined Types
+        if (isPredefinedTypeField) {
+            const entityName = getEntityName();
+            const ifcVersions = getIfcVersions();
+            
+            if (entityName && entityName.trim() !== '' && ifcVersions.length > 0) {
+                try {
+                    // Fetch predefined types for all selected schemas
+                    const typePromises = ifcVersions.map(schema => 
+                        getPredefinedTypes(schema, entityName.toUpperCase())
+                    );
+                    const typeSets = await Promise.all(typePromises);
+                    
+                    // Deduplicate predefined types across all schemas
+                    const allTypes = new Set();
+                    typeSets.forEach(types => {
+                        if (types && Array.isArray(types)) {
+                            types.forEach(type => allTypes.add(type));
+                        }
+                    });
+                    
+                    predefinedTypeOptions = Array.from(allTypes).sort();
+                } catch (error) {
+                    console.error('Failed to fetch predefined types:', error);
+                    predefinedTypeOptions = [];
+                }
+            } else {
+                predefinedTypeOptions = [];
+            }
+        }
+        
+        // Attribute Names
+        if (isAttributeNameField) {
+            const entityNames = getApplicabilityEntityNames();
+            const ifcVersions = getIfcVersions();
+            
+            if (entityNames.length > 0 && ifcVersions.length > 0) {
+                try {
+                    // Fetch attributes for all entity names across all selected schemas
+                    const attributePromises = [];
+                    entityNames.forEach(entityName => {
+                        ifcVersions.forEach(schema => {
+                            attributePromises.push(
+                                getEntityAttributes(schema, entityName.toUpperCase())
+                            );
+                        });
+                    });
+                    
+                    const attributeSets = await Promise.all(attributePromises);
+                    
+                    // Deduplicate attribute names across all entities and schemas
+                    const allAttributes = new Set();
+                    attributeSets.forEach(attributes => {
+                        if (attributes && Array.isArray(attributes)) {
+                            attributes.forEach(attr => {
+                                if (attr.name) {
+                                    allAttributes.add(attr.name);
+                                }
+                            });
+                        }
+                    });
+                    
+                    attributeNameOptions = Array.from(allAttributes).sort();
+                } catch (error) {
+                    console.error('Failed to fetch attribute names:', error);
+                    attributeNameOptions = [];
+                }
+            } else {
+                attributeNameOptions = [];
+            }
+        }
+        
+        // Property Sets
+        if (isPropertySetField) {
+            const entityFacets = getApplicabilityEntityFacets();
+            const ifcVersions = ['IFC4']; // TODO: Fix this. Even IFC2X3 doesn't work and throws an error.
+            
+            if (entityFacets.length > 0 && ifcVersions.length > 0) {
+                try {
+                    // Fetch applicable property sets for all entity facets across all selected schemas
+                    const psetPromises = [];
+                    entityFacets.forEach(facet => {
+                        facet.entityNames.forEach(entityName => {
+                            ifcVersions.forEach(schema => {
+                                psetPromises.push(
+                                    getApplicablePsets(schema, entityName.toUpperCase(), facet.predefinedType)
+                                );
+                            });
+                        });
+                    });
+                    
+                    const psetSets = await Promise.all(psetPromises);
+                    
+                    // Deduplicate property set names
+                    const allPsets = new Set();
+                    psetSets.forEach(psets => {
+                        if (psets && Array.isArray(psets)) {
+                            psets.forEach(pset => allPsets.add(pset));
+                        }
+                    });
+                    
+                    propertySetOptions = Array.from(allPsets).sort();
+                } catch (error) {
+                    console.error('Failed to fetch property sets:', error);
+                    propertySetOptions = [];
+                }
+            } else {
+                propertySetOptions = [];
+            }
+        }
+    });
+    
+    // Get autocomplete options based on field type
+    const getAutocompleteOptions = () => {
+        if (isEntityNameField) return getEntityClasses();
+        if (isMaterialField) return getMaterialCategories();
+        if (isClassificationSystemField) return Object.keys(getClassificationSystems());
+        if (isPredefinedTypeField) return predefinedTypeOptions;
+        if (isAttributeNameField) return attributeNameOptions;
+        if (isPropertySetField) return propertySetOptions;
+        if (isDataTypeField) return getDataTypes();
+        return [];
+    };
+    
+    const getRestrictionType = () => {
+        const fieldValue = facet[fieldName];
+        if (!fieldValue) return 'Simple';
+        if (fieldValue.simpleValue !== undefined) return 'Simple';
+        if (fieldValue['restriction']) {
+            const restriction = fieldValue['restriction'];
+            if (restriction['enumeration']) return 'Enumeration';
+            if (restriction['pattern']) return 'Pattern';
+            if (restriction['minInclusive'] || restriction['maxInclusive'] || 
+                restriction['minExclusive'] || restriction['maxExclusive']) return 'Range';
+            if (restriction['length']) return 'Length';
+            if (restriction['minLength'] || restriction['maxLength']) return 'Length Range';
+        }
+        return 'Simple';
+    };
+    
+    const getSimpleValue = () => {
+        const fieldValue = facet[fieldName];
+
+        // For special properties (eg. @dataType), we return the value directly
+        if (isSpecialProp) return fieldValue || null;
+
+        if (!fieldValue) return null;
+        if (fieldValue.simpleValue !== undefined) return fieldValue.simpleValue;
+        return null;
+    };
+
+    const getEnumerationValues = () => {
+        const fieldValue = facet[fieldName];
+        if (!fieldValue?.['restriction']) return [''];
+        const restriction = fieldValue['restriction'];
+        const enumValues = restriction['enumeration'];
+        if (!enumValues) return [''];
+        return enumValues.map(item => item['@value'] || '');
+    };
+
+    const getPatternValue = () => {
+        const fieldValue = facet[fieldName];
+        if (!fieldValue?.['restriction']) return '';
+        const restriction = fieldValue['restriction'];
+        const pattern = restriction['pattern'];
+        if (!pattern || !pattern.length) return '';
+        return pattern[0]['@value'] || '';
+    };
+
+    const getRangeValues = () => {
+        const fieldValue = facet[fieldName];
+        if (!fieldValue?.['restriction']) return { min: '', max: '', minType: 'Inclusive', maxType: 'Inclusive' };
+        const restriction = fieldValue['restriction'];
+        
+        let min = '', max = '', minType = 'Inclusive', maxType = 'Inclusive';
+        
+        if (restriction['minInclusive']?.length) {
+            min = restriction['minInclusive'][0]['@value'] || '';
+            minType = 'Inclusive';
+        } else if (restriction['minExclusive']?.length) {
+            min = restriction['minExclusive'][0]['@value'] || '';
+            minType = 'Exclusive';
+        }
+        
+        if (restriction['maxInclusive']?.length) {
+            max = restriction['maxInclusive'][0]['@value'] || '';
+            maxType = 'Inclusive';
+        } else if (restriction['maxExclusive']?.length) {
+            max = restriction['maxExclusive'][0]['@value'] || '';
+            maxType = 'Exclusive';
+        }
+        
+        return { min, max, minType, maxType };
+    };
+
+    const getLengthValue = () => {
+        const fieldValue = facet[fieldName];
+        if (!fieldValue?.['restriction']) return '';
+        const restriction = fieldValue['restriction'];
+        const length = restriction['length'];
+        if (!length || !length.length) return '';
+        return length[0]['@value'] || '';
+    };
+
+    const getLengthRangeValues = () => {
+        const fieldValue = facet[fieldName];
+        if (!fieldValue?.['restriction']) return { min: '', max: '' };
+        const restriction = fieldValue['restriction'];
+        
+        let min = '', max = '';
+        
+        if (restriction['minLength']?.length) {
+            min = restriction['minLength'][0]['@value'] || '';
+        }
+        if (restriction['maxLength']?.length) {
+            max = restriction['maxLength'][0]['@value'] || '';
+        }
+        
+        return { min, max };
+    };
+
+    const setSimpleValue = (value) => {
+        // For special properties (eg. @dataType), we set the value directly
+        if (isSpecialProp) {
+            facet[fieldName] = value;
+            return;
+        }
+        if (!facet[fieldName]) facet[fieldName] = {};
+        facet[fieldName] = { simpleValue: value };
+    };
+
+    const setEnumerationValues = (values) => {
+        if (!facet[fieldName]) facet[fieldName] = {};
+        const enumItems = values.filter(v => v && typeof v === 'string' && v.trim() !== '').map(v => ({ '@value': v }));
+        facet[fieldName] = {
+            'restriction': {
+                '@base': 'xs:string',
+                'enumeration': enumItems
+            }
+        };
+    };
+
+    const setPatternValue = (value) => {
+        if (!facet[fieldName]) facet[fieldName] = {};
+        facet[fieldName] = {
+            'restriction': {
+                '@base': 'xs:string',
+                'pattern': [{ '@value': value }]
+            }
+        };
+    };
+
+    const setRangeValues = (min, max, minType, maxType) => {
+        if (!facet[fieldName]) facet[fieldName] = {};
+        const restriction = { '@base': 'xs:string' };
+        
+        if (min !== '') {
+            const minKey = minType === 'Inclusive' ? 'minInclusive' : 'minExclusive';
+            restriction[minKey] = [{ '@value': min }];
+        }
+        if (max !== '') {
+            const maxKey = maxType === 'Inclusive' ? 'maxInclusive' : 'maxExclusive';
+            restriction[maxKey] = [{ '@value': max }];
+        }
+        
+        facet[fieldName] = { 'restriction': restriction };
+    };
+
+    const setLengthValue = (value) => {
+        if (!facet[fieldName]) facet[fieldName] = {};
+        facet[fieldName] = {
+            'restriction': {
+                '@base': 'xs:string',
+                'length': [{ '@value': value }]
+            }
+        };
+    };
+
+    const setLengthRangeValues = (min, max) => {
+        if (!facet[fieldName]) facet[fieldName] = {};
+        const restriction = { '@base': 'xs:string' };
+        
+        if (min !== '') restriction['minLength'] = [{ '@value': min }];
+        if (max !== '') restriction['maxLength'] = [{ '@value': max }];
+        
+        facet[fieldName] = { 'restriction': restriction };
+    };
+
+    let restrictionType = $derived(getRestrictionType());
+    let enumerationValues = $derived(getEnumerationValues());
+
+    const handleTypeChange = (newType) => {
+        restrictionType = newType;
+        
+        switch (newType) {
+            case 'Simple':
+                setSimpleValue(getSimpleValue() || '');
+                break;
+            case 'Enumeration':
+                const currentEnumValues = getEnumerationValues();
+                enumerationValues = currentEnumValues.length > 0 ? currentEnumValues : [''];
+                setEnumerationValues(enumerationValues);
+                break;
+            case 'Pattern':
+                setPatternValue(getPatternValue() || '');
+                break;
+            case 'Range':
+                const range = getRangeValues();
+                setRangeValues(range.min, range.max, range.minType, range.maxType);
+                break;
+            case 'Length':
+                setLengthValue(getLengthValue() || '');
+                break;
+            case 'Length Range':
+                const lengthRange = getLengthRangeValues();
+                setLengthRangeValues(lengthRange.min, lengthRange.max);
+                break;
+        }
+    };
+
+    const addEnumerationValue = () => {
+        enumerationValues = [...enumerationValues, ''];
+    };
+
+    const removeEnumerationValue = (index) => {
+        enumerationValues = enumerationValues.filter((_, i) => i !== index);
+        setEnumerationValues(enumerationValues);
+    };
+
+    const updateEnumerationValue = (index, value) => {
+        enumerationValues[index] = value;
+        setEnumerationValues(enumerationValues);
+    };
+</script>
+
+<div class="form-group">
+    <label>{label}</label>
+    <div class="restriction-controls">
+        {#if !isSpecialProp}
+            <div class="restriction-type-selector">
+                <select class="form-input" bind:value={restrictionType} onchange={(e) => handleTypeChange(e.target.value)}>
+                    <option value="Simple">Simple</option>
+                    <option value="Enumeration">Enumeration</option>
+                    <option value="Pattern">Pattern</option>
+                    <option value="Range">Range</option>
+                    <option value="Length">Length</option>
+                    <option value="Length Range">Length Range</option>
+                </select>
+            </div>
+        {/if}
+        
+        <div class="restriction-content">
+            {#if restrictionType === 'Simple'}
+                {#if autocomplete}
+                    <Svelecte 
+                        class="form-ac-input" 
+                        options={getAutocompleteOptions()} 
+                        allowEditing={true} 
+                        creatable={true} 
+                        creatablePrefix="" 
+                        strictMode={false}
+                        resetOnBlur={false} 
+                        bind:value={() => getSimpleValue(), (v) => setSimpleValue(v)} 
+                        placeholder={placeholder}
+                    />
+                {:else}
+                    <input class="form-input" type="text" bind:value={() => getSimpleValue(), (v) => setSimpleValue(v)} {placeholder}>
+                {/if}
+            
+            {:else if restrictionType === 'Enumeration'}
+                <div class="enumeration-list">
+                    {#each enumerationValues as value, index}
+                        <div class="enumeration-item">
+                            {#if autocomplete}
+                                <Svelecte 
+                                    class="form-ac-input" 
+                                    options={getAutocompleteOptions()} 
+                                    allowEditing={true} 
+                                    creatable={true} 
+                                    creatablePrefix="" 
+                                    strictMode={false}
+                                    resetOnBlur={false} 
+                                    bind:value={() => value, (v) => updateEnumerationValue(index, v)} 
+                                    placeholder={placeholder} 
+                                />
+                            {:else}
+                                <input class="form-input" type="text" value={value} oninput={(e) => updateEnumerationValue(index, e.target.value)} {placeholder}>
+                            {/if}
+                            <button class="btn-delete" onclick={() => removeEnumerationValue(index)} type="button" aria-label="Remove enumeration value">
+                                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                                    <path d="M18 6L6 18M6 6l12 12"></path>
+                                </svg>
+                            </button>
+                        </div>
+                    {/each}
+                    <button class="btn-add" onclick={addEnumerationValue} type="button" aria-label="Add enumeration value">
+                        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                            <line x1="12" y1="5" x2="12" y2="19"></line>
+                            <line x1="5" y1="12" x2="19" y2="12"></line>
+                        </svg>
+                    </button>
+                </div>
+            
+            {:else if restrictionType === 'Pattern'}
+                <input class="form-input" type="text" bind:value={() => getPatternValue(), (v) => setPatternValue(v)} placeholder="Enter regex pattern (e.g., DT[0-9]{2})">
+            
+            {:else if restrictionType === 'Range'}
+                <div class="range-controls">
+                    <div class="range-group">
+                        <label>Min</label>
+                        <input class="form-input" type="text" bind:value={() => getRangeValues().min, (v) => { const range = getRangeValues(); setRangeValues(v, range.max, range.minType, range.maxType); }} placeholder="0">
+                        <select class="form-input" bind:value={() => getRangeValues().minType, (v) => { const range = getRangeValues(); setRangeValues(range.min, range.max, v, range.maxType); }}>
+                            <option value="Inclusive">Inclusive</option>
+                            <option value="Exclusive">Exclusive</option>
+                        </select>
+                    </div>
+                    <div class="range-group">
+                        <label>Max</label>
+                        <input class="form-input" type="text" bind:value={() => getRangeValues().max, (v) => { const range = getRangeValues(); setRangeValues(range.min, v, range.minType, range.maxType); }} placeholder="0">
+                        <select class="form-input" bind:value={() => getRangeValues().maxType, (v) => { const range = getRangeValues(); setRangeValues(range.min, range.max, range.minType, v); }}>
+                            <option value="Inclusive">Inclusive</option>
+                            <option value="Exclusive">Exclusive</option>
+                        </select>
+                    </div>
+                </div>
+            
+            {:else if restrictionType === 'Length'}
+                <input class="form-input" type="number" bind:value={() => getLengthValue(), (v) => setLengthValue(v)} placeholder="Enter exact length">
+            
+            {:else if restrictionType === 'Length Range'}
+                <div class="length-range-controls">
+                    <div class="length-group">
+                        <label>Min Length</label>
+                        <input class="form-input" type="number" bind:value={() => getLengthRangeValues().min, (v) => { const range = getLengthRangeValues(); setLengthRangeValues(v, range.max); }} placeholder="0">
+                    </div>
+                    <div class="length-group">
+                        <label>Max Length</label>
+                        <input class="form-input" type="number" bind:value={() => getLengthRangeValues().max, (v) => { const range = getLengthRangeValues(); setLengthRangeValues(range.min, v); }} placeholder="0">
+                    </div>
+                </div>
+            {/if}
+        </div>
+    </div>
+</div>
+
+<style>
+    .restriction-controls {
+        display: flex;
+        gap: 10px;
+        align-items: flex-start;
+    }
+
+    .restriction-type-selector {
+        min-width: 140px;
+    }
+
+    .restriction-content {
+        flex: 1;
+    }
+
+    .enumeration-list {
+        display: flex;
+        flex-direction: column;
+        gap: 8px;
+    }
+
+    .enumeration-item {
+        display: flex;
+        gap: 8px;
+        align-items: center;
+    }
+
+    .enumeration-item .form-input,
+    .enumeration-item :global(.form-ac-input) {
+        flex: 1;
+    }
+
+    .btn-delete, .btn-add {
+        background: none;
+        border: 1px solid #ddd;
+        border-radius: 4px;
+        padding: 8px;
+        cursor: pointer;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+
+    .btn-delete {
+        color: #b0b0b0;
+        border-color: #ffffff26;
+        border-radius: 50px;
+        padding: 5px;
+    }
+
+    .btn-delete:hover {
+        background: #ffffff12;
+        color: white;
+    }
+
+    .btn-add {
+        color: #007bff;
+        border-color: #007bff;
+        align-self: flex-start;
+    }
+
+    .btn-add:hover {
+        background: #007bff;
+        color: white;
+    }
+
+    .range-controls {
+        display: flex;
+        gap: 20px;
+        align-items: flex-end;
+    }
+
+    .range-group {
+        display: flex;
+        flex-direction: column;
+        gap: 4px;
+    }
+
+    .range-group label {
+        font-size: 12px;
+        color: #666;
+        margin: 0;
+    }
+
+    .length-range-controls {
+        display: flex;
+        gap: 20px;
+        align-items: flex-end;
+    }
+
+    .length-group {
+        display: flex;
+        flex-direction: column;
+        gap: 4px;
+    }
+    .length-group label {
+        font-size: 12px;
+        color: #666;
+        margin: 0;
+    }
+</style>
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/pages/Home/SpecificationEditor.svelte b/src/ifctester/webapp/src/pages/Home/SpecificationEditor.svelte
new file mode 100644
index 0000000000..be524ea411
--- /dev/null
+++ b/src/ifctester/webapp/src/pages/Home/SpecificationEditor.svelte
@@ -0,0 +1,95 @@
+<script>
+    import * as IDS from "$src/modules/api/ids.svelte.js";
+    
+    let activeDocument = $derived(IDS.Module.activeDocument ? IDS.Module.documents[IDS.Module.activeDocument] : null);
+    let documentState = $derived(IDS.Module.activeDocument ? IDS.Module.states[IDS.Module.activeDocument] : null);
+    let activeSpecification = $derived(activeDocument && documentState?.activeSpecification !== null && activeDocument.specifications?.specification ? 
+        activeDocument.specifications.specification[documentState.activeSpecification] : null);
+
+    const getProp = (prop) => {
+        return activeSpecification?.[prop] ?? "";
+    };
+    
+    const setProp = (prop, value) => {
+        activeSpecification[prop] = value;
+    };
+
+    const addIfcVersion = (e, version) => {
+        if (activeSpecification) {
+            if (!("@ifcVersion" in activeSpecification)) activeSpecification["@ifcVersion"] = [];
+            if (e.target.checked) {
+                if (!activeSpecification["@ifcVersion"].includes(version)) {
+                    activeSpecification["@ifcVersion"] = [...activeSpecification["@ifcVersion"], version];
+                }
+            } else {
+                activeSpecification["@ifcVersion"] = activeSpecification["@ifcVersion"].filter(v => v !== version);
+            }
+        }
+    };
+
+    const setUsage = (usage) => {
+        if (!activeSpecification) return;
+        if (!activeSpecification.applicability) activeSpecification.applicability = {};
+        
+        switch (usage) {
+            case 'required':
+                activeSpecification.applicability["@minOccurs"] = 1;
+                activeSpecification.applicability["@maxOccurs"] = "unbounded";
+                break;
+            case 'optional':
+                activeSpecification.applicability["@minOccurs"] = 0;
+                activeSpecification.applicability["@maxOccurs"] = "unbounded";
+                break;
+            case 'prohibited':
+                activeSpecification.applicability["@minOccurs"] = 0;
+                activeSpecification.applicability["@maxOccurs"] = 0;
+                break;
+        }
+    };
+</script>
+
+<div class="spec-info">
+    <div class="form-grid">
+        <div class="form-group">
+            <label for="spec-name">Name</label>
+            <input class="form-input" id="spec-name" type="text" bind:value={() => getProp("@name"), (v) => setProp("@name", v)} placeholder="Enter specification name">
+        </div>
+        <div class="form-group">
+            <label for="spec-identifier">Identifier</label>
+            <input class="form-input" id="spec-identifier" type="text" bind:value={() => getProp("@identifier"), (v) => setProp("@identifier", v)} placeholder="Enter identifier">
+        </div>
+        <div class="form-group">
+            <label for="spec-cardinality">Usage</label>
+            <select class="form-input" id="spec-cardinality" value={IDS.getSpecUsage(activeSpecification)} onchange={(e) => setUsage(e.target.value)}>
+                <option value="required">Required</option>
+                <option value="optional">Optional</option>
+                <option value="prohibited">Prohibited</option>
+            </select>
+        </div>
+        <div class="form-group full-width">
+            <label>IFC Version</label>
+            <div class="radio-group">
+                <label class="radio-label">
+                    <input type="checkbox" value="IFC2X3" checked={activeSpecification?.["@ifcVersion"]?.includes('IFC2X3')} onchange={(e) => addIfcVersion(e, 'IFC2X3')}>
+                    IFC2X3
+                </label>
+                <label class="radio-label">
+                    <input type="checkbox" value="IFC4" checked={activeSpecification?.["@ifcVersion"]?.includes('IFC4')} onchange={(e) => addIfcVersion(e, 'IFC4')}>
+                    IFC4
+                </label>
+                <label class="radio-label">
+                    <input type="checkbox" value="IFC4X3_ADD2" checked={activeSpecification?.["@ifcVersion"]?.includes('IFC4X3_ADD2')} onchange={(e) => addIfcVersion(e, 'IFC4X3_ADD2')}>
+                    IFC4X3_ADD2
+                </label>
+            </div>
+        </div>
+        <div class="form-group full-width">
+            <label for="spec-description">Description</label>
+            <textarea class="form-input" id="spec-description" bind:value={() => getProp("@description"), (v) => setProp("@description", v)} placeholder="Enter description" rows="3"></textarea>
+        </div>
+        <div class="form-group full-width">
+            <label for="spec-instructions">Instructions</label>
+            <textarea class="form-input" id="spec-instructions" bind:value={() => getProp("@instructions"), (v) => setProp("@instructions", v)} placeholder="Enter instructions" rows="3"></textarea>
+        </div>
+    </div>
+</div>
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/pages/Home/index.svelte b/src/ifctester/webapp/src/pages/Home/index.svelte
new file mode 100644
index 0000000000..7d1d95a650
--- /dev/null
+++ b/src/ifctester/webapp/src/pages/Home/index.svelte
@@ -0,0 +1,237 @@
+<script>
+    import * as IDS from "$src/modules/api/ids.svelte.js";
+    import AppHeader from "$src/components/AppHeader.svelte";
+    import AppRibbon from "$src/components/AppRibbon.svelte";
+    import AppToolbar from "$src/components/AppToolbar.svelte";
+    import IdsTabs from "$src/components/IdsTabs.svelte";
+    import IdsMetadataEditor from "./IdsMetadataEditor.svelte";
+    import SpecificationEditor from "./SpecificationEditor.svelte";
+    import ApplicabilityPanel from "./ApplicabilityPanel.svelte";
+    import RequirementsPanel from "./RequirementsPanel.svelte";
+    import IdsViewer from "./IdsViewer.svelte";
+    import SplashScreen from "$src/components/SplashScreen.svelte";
+    import { Toaster } from "$lib/components/ui/sonner";
+    import { error, success } from "$src/modules/utils/toast.svelte.js";
+    import {onMount} from "svelte";
+    import * as DropdownMenu from "$lib/components/ui/dropdown-menu";
+
+    let activeDocument = $derived(IDS.Module.activeDocument ? IDS.Module.documents[IDS.Module.activeDocument] : null);
+    let documentState = $derived(IDS.Module.activeDocument ? IDS.Module.states[IDS.Module.activeDocument] : null);
+    let activeSpecification = $derived(activeDocument && documentState?.activeSpecification !== null && activeDocument.specifications?.specification ? 
+        activeDocument.specifications.specification[documentState.activeSpecification] : null);
+    
+    async function addNewSpecification() {
+        if (!IDS.Module.activeDocument) return;
+        await IDS.createSpecification(IDS.Module.activeDocument);
+
+        // Switch to "info" tab
+        IDS.setDocumentState(IDS.Module.activeDocument, { activeTab: 'info' });
+    }
+    
+    async function importSpecification(sourceDocId, specIndex) {
+        if (!IDS.Module.activeDocument || !IDS.Module.documents[sourceDocId]) return;
+        
+        try {
+            const sourceDoc = IDS.Module.documents[sourceDocId];
+            const sourceSpec = sourceDoc.specifications?.specification?.[specIndex];
+            
+            if (!sourceSpec) {
+                error('Specification not found');
+                return;
+            }
+            
+            // Create a deep copy of the specification
+            const specCopy = JSON.parse(JSON.stringify(sourceSpec));
+            
+            // Add the copied specification to the current document
+            IDS.Module.documents[IDS.Module.activeDocument].specifications.specification.push(specCopy);
+            
+            // Switch to the newly created specification and info tab
+            const currentDoc = IDS.Module.documents[IDS.Module.activeDocument];
+            const newSpecIndex = (currentDoc.specifications?.specification?.length || 1) - 1;
+            IDS.setDocumentState(IDS.Module.activeDocument, { 
+                activeSpecification: newSpecIndex,
+                activeTab: 'info'
+            });
+            
+            success(`Specification "${sourceSpec['@name'] || 'Unnamed'}" imported successfully`);
+        } catch (err) {
+            console.error('Error importing specification:', err);
+            error(`Failed to import specification: ${err.message}`);
+        }
+    }
+    
+    function selectSpecification(index) {
+        if (IDS.Module.activeDocument) {
+            IDS.setDocumentState(IDS.Module.activeDocument, { activeSpecification: index });
+        }
+    }
+    
+    async function deleteSpecification(specIndex) {
+        if (!IDS.Module.activeDocument) return;
+        await IDS.deleteSpecification(IDS.Module.activeDocument, specIndex);
+    }
+    
+    async function exportIDS() {
+        if (!IDS.Module.activeDocument) {
+            error('No document to export');
+            return;
+        }
+        
+        try {
+            await IDS.exportDocument(IDS.Module.activeDocument);
+            success('IDS document exported successfully');
+        } catch (err) {
+            console.error('Error exporting IDS:', err);
+            error('Error exporting IDS: ' + err.message);
+        }
+    }
+</script>
+
+{#if IDS.Module.status != "ready"}
+    <SplashScreen />
+{/if}
+<div class="app">
+    <AppHeader />
+    <div class="main-body">
+        <AppToolbar />
+        <div class="main-content">
+        {#if Object.keys(IDS.Module.documents).length > 0}
+            <IdsTabs />
+        {/if}
+        <div class="ids-builder">
+            {#if IDS.Module.activeDocument && documentState?.viewMode !== 'viewer'}
+                <div class="ids-sidebar">
+                    <div class="sidebar-header">
+                        <h3>Specifications</h3>
+                        <DropdownMenu.Root>
+                            <DropdownMenu.Trigger class="cta-btn">
+                                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                                    <line x1="12" y1="5" x2="12" y2="19"></line>
+                                    <line x1="5" y1="12" x2="19" y2="12"></line>
+                                </svg>
+                                New
+                            </DropdownMenu.Trigger>
+                            <DropdownMenu.Content class="w-56">
+                                <DropdownMenu.Item onclick={addNewSpecification}>
+                                    <svg class="mr-2 h-4 w-4" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                                        <path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"></path>
+                                        <polyline points="14,2 14,8 20,8"></polyline>
+                                    </svg>
+                                    Create Specification
+                                </DropdownMenu.Item>
+                                <DropdownMenu.Sub>
+                                    <DropdownMenu.SubTrigger>
+                                        <svg class="mr-2 h-4 w-4" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                                            <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
+                                            <polyline points="14,2 14,8 20,8"></polyline>
+                                            <path d="m9 15 2 2 4-4"></path>
+                                        </svg>
+                                        Import from IDS
+                                    </DropdownMenu.SubTrigger>
+                                    <DropdownMenu.SubContent class="w-64 max-h-64 overflow-y-auto">
+                                        {#each Object.entries(IDS.Module.documents) as [docId, doc]}
+                                            {#if docId !== IDS.Module.activeDocument && doc.specifications?.specification?.length > 0}
+                                                <DropdownMenu.Label class="font-medium text-xs text-muted-foreground px-2 py-1 truncate">
+                                                    {doc.info?.title || 'Untitled Document'}
+                                                </DropdownMenu.Label>
+                                                {#each doc.specifications.specification as spec, specIndex}
+                                                    <DropdownMenu.Item onclick={() => importSpecification(docId, specIndex)}>
+                                                        <svg class="mr-2 h-3 w-3" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                                                            <path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"></path>
+                                                            <polyline points="14,2 14,8 20,8"></polyline>
+                                                        </svg>
+                                                        <span class="truncate text-sm">
+                                                            {spec['@name'] || `Specification ${specIndex + 1}`}
+                                                        </span>
+                                                    </DropdownMenu.Item>
+                                                {/each}
+                                                {#if Object.entries(IDS.Module.documents).filter(([id, d]) => id !== IDS.Module.activeDocument && d.specifications?.specification?.length > 0).indexOf([docId, doc]) < Object.entries(IDS.Module.documents).filter(([id, d]) => id !== IDS.Module.activeDocument && d.specifications?.specification?.length > 0).length - 1}
+                                                    <DropdownMenu.Separator />
+                                                {/if}
+                                            {/if}
+                                        {/each}
+                                        {#if Object.entries(IDS.Module.documents).filter(([docId, doc]) => docId !== IDS.Module.activeDocument && doc.specifications?.specification?.length > 0).length === 0}
+                                            <DropdownMenu.Item disabled>
+                                                <span class="text-sm">No specifications available to import</span>
+                                            </DropdownMenu.Item>
+                                        {/if}
+                                    </DropdownMenu.SubContent>
+                                </DropdownMenu.Sub>
+                            </DropdownMenu.Content>
+                        </DropdownMenu.Root>
+                    </div>
+                    <div class="specifications-list scrollbar">
+                        <div class="spec-item" class:active={documentState?.activeSpecification === null} onclick={() => { if (IDS.Module.activeDocument) IDS.setDocumentState(IDS.Module.activeDocument, { activeSpecification: null }); }}>
+                            <span class="spec-icon">ℹ️</span>
+                            <span class="spec-name">IDS Information</span>
+                        </div>
+                        {#if activeDocument?.specifications?.specification}
+                            {#each activeDocument.specifications.specification as spec, index}
+                                <div class="spec-item" class:active={documentState?.activeSpecification === index} onclick={() => selectSpecification(index)}>
+                                    <span class="spec-icon">📄</span>
+                                    <span class="spec-name">{spec["@name"] || "Specification " + (index + 1)}</span>
+                                    <button class="btn-delete" onclick={() => deleteSpecification(index)}>
+                                        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                                            <path d="M18 6L6 18M6 6l12 12"></path>
+                                        </svg>
+                                    </button>
+                                </div>
+                            {/each}
+                        {/if}
+                    </div>
+                </div>
+            {/if}
+            <div class="main-panel" class:full-width={!IDS.Module.activeDocument} class:scrollbar={true}>
+                {#if !IDS.Module.activeDocument}
+                    <div class="no-document">
+                        <div class="no-document-icon"></div>
+                        <h2>Get Started</h2>
+                        <p>Create or open an existing IDS document.</p>
+                        <button class="btn" onclick={() => IDS.createDocument()}>Create IDS document</button>
+                        <button class="btn" onclick={() => IDS.openDocument()}>Import IDS file</button>
+                    </div>
+                {:else}
+                    <!-- Editor/Viewer Toggle -->
+                    <div class="view-mode-toggle">
+                        <button class="toggle-btn" class:active={documentState?.viewMode === 'editor'} onclick={() => IDS.setDocumentState(IDS.Module.activeDocument, { viewMode: 'editor', auditReport: null })}>
+                            Editor
+                        </button>
+                        <button class="toggle-btn" class:active={documentState?.viewMode === 'viewer'} onclick={() => IDS.setDocumentState(IDS.Module.activeDocument, { viewMode: 'viewer', auditReport: null })}>
+                            Viewer
+                        </button>
+                    </div>
+
+                    {#if documentState?.viewMode === 'viewer'}
+                        <IdsViewer />
+                    {:else if documentState?.activeSpecification === null}
+                        <IdsMetadataEditor />
+                    {:else}
+                        <div class="specification-editor">
+                            <div class="spec-header">
+                                <h2>{activeSpecification ? activeSpecification["@name"] || "Specification" : "Specification"}</h2>
+                                <div class="spec-tabs">
+                                    <button class="btn tab-btn" class:active={documentState?.activeTab === 'info'} onclick={() => IDS.setDocumentState(IDS.Module.activeDocument, { activeTab: 'info' })}>Info</button>
+                                    <button class="btn tab-btn" class:active={documentState?.activeTab === 'applicability'} onclick={() => IDS.setDocumentState(IDS.Module.activeDocument, { activeTab: 'applicability' })}>Applicability</button>
+                                    <button class="btn tab-btn" class:active={documentState?.activeTab === 'requirements'} onclick={() => IDS.setDocumentState(IDS.Module.activeDocument, { activeTab: 'requirements' })}>Requirements</button>
+                                </div>
+                            </div>
+                            
+                            {#if documentState?.activeTab === 'info'}
+                                <SpecificationEditor />
+                            {:else if documentState?.activeTab === 'applicability'}
+                                <ApplicabilityPanel activeTab />
+                            {:else if documentState?.activeTab === 'requirements'}
+                                <RequirementsPanel activeTab />
+                            {/if}
+                        </div>
+                    {/if}
+                {/if}
+            </div>
+        </div>
+    </div>
+    </div>
+    <AppRibbon />
+</div>
+
+<Toaster position="top-center" />
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/pages/NotFound/index.svelte b/src/ifctester/webapp/src/pages/NotFound/index.svelte
new file mode 100644
index 0000000000..3b8195e0c8
--- /dev/null
+++ b/src/ifctester/webapp/src/pages/NotFound/index.svelte
@@ -0,0 +1 @@
+404 Not Found
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/pages/index.js b/src/ifctester/webapp/src/pages/index.js
new file mode 100644
index 0000000000..3797fc8e53
--- /dev/null
+++ b/src/ifctester/webapp/src/pages/index.js
@@ -0,0 +1,6 @@
+/**
+ * Re-exports all Pages
+*/
+
+export {default as Home} from './Home/index.svelte';
+export {default as NotFound} from './NotFound/index.svelte';
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/routes.js b/src/ifctester/webapp/src/routes.js
new file mode 100644
index 0000000000..536cf45714
--- /dev/null
+++ b/src/ifctester/webapp/src/routes.js
@@ -0,0 +1,8 @@
+import {Home, NotFound} from './pages';
+
+const routes = {
+    '/': Home,
+    '*': NotFound,
+};
+
+export default routes;
\ No newline at end of file
diff --git a/src/ifctester/webapp/src/vite-env.d.ts b/src/ifctester/webapp/src/vite-env.d.ts
new file mode 100644
index 0000000000..4078e7476a
--- /dev/null
+++ b/src/ifctester/webapp/src/vite-env.d.ts
@@ -0,0 +1,2 @@
+/// <reference types="svelte" />
+/// <reference types="vite/client" />
diff --git a/src/ifctester/webapp/svelte.config.js b/src/ifctester/webapp/svelte.config.js
new file mode 100644
index 0000000000..b0683fd24d
--- /dev/null
+++ b/src/ifctester/webapp/svelte.config.js
@@ -0,0 +1,7 @@
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte'
+
+export default {
+  // Consult https://svelte.dev/docs#compile-time-svelte-preprocess
+  // for more information about preprocessors
+  preprocess: vitePreprocess(),
+}
diff --git a/src/ifctester/webapp/vite.config.js b/src/ifctester/webapp/vite.config.js
new file mode 100644
index 0000000000..cfc33f9356
--- /dev/null
+++ b/src/ifctester/webapp/vite.config.js
@@ -0,0 +1,14 @@
+import tailwindcss from '@tailwindcss/vite';
+import { defineConfig } from 'vite';
+import { svelte } from '@sveltejs/vite-plugin-svelte';
+import path from "path";
+
+export default defineConfig({
+    plugins: [tailwindcss(), svelte()],
+    resolve: {
+        alias: {
+            $lib: path.resolve("./src/lib"),
+            $src: path.resolve("./src"),
+        },
+    },
+});
\ No newline at end of file
diff --git a/src/ifctester/webapp/www/app.js b/src/ifctester/webapp/www/app.js
deleted file mode 100644
index 4576563fbb..0000000000
--- a/src/ifctester/webapp/www/app.js
+++ /dev/null
@@ -1,1000 +0,0 @@
-"use strict";
-
-feather.replace()
-
-var ns = 'http://standards.buildingsmart.org/IDS';
-var xs = 'http://www.w3.org/2001/XMLSchema';
-
-class IDSNew extends HTMLElement {
-    connectedCallback() {
-        this.addEventListener('click', this.click);
-    }
-
-    click(e) {
-        var ifcTester = this.closest('ifc-tester');
-        var template = ifcTester.getElementsByTagName('template')[0];
-        console.log(template);
-        ifcTester.appendChild(template.content.cloneNode(true));
-        feather.replace();
-    }
-}
-
-class IDSClose extends HTMLElement {
-    connectedCallback() {
-        this.addEventListener('click', this.click);
-    }
-
-    click(e) {
-        var container = this.closest('ids-container');
-        container.parentElement.removeChild(container);
-    }
-}
-
-class IDSContainer extends HTMLElement {
-    connectedCallback() {
-        this.filename = 'specifications.ids';
-        this.ids = null;
-        this.containerId = crypto.randomUUID();
-        this.isEditing = true;
-    }
-}
-
-class IDSInfo extends HTMLElement {
-    load(idsElement) {
-        this.idsElement = idsElement;
-        var idsInfoElements = this.getElementsByTagName('ids-info-element');
-        for (var i=0; i<idsInfoElements.length; i++) {
-            var name = idsInfoElements[i].attributes['name'].value;
-            idsInfoElements[i].load(idsElement, idsElement.getElementsByTagNameNS(ns, name)[0]);
-        }
-    }
-}
-
-class IDSInfoElement extends HTMLElement {
-    connectedCallback() {
-        this.contentEditable = true;
-        this.addEventListener('input', this.input);
-        this.addEventListener('blur', this.blur);
-        this.defaultValue = this.textContent;
-        if (this.defaultValue == 'date()') {
-            this.defaultValue = new Date().toISOString().split('T')[0];
-            this.textContent = this.defaultValue;
-        }
-        this.title = this.attributes['name'].value.replace(/^\w/, (c) => c.toUpperCase());
-    }
-
-    load(idsParentElement, idsElement) {
-        this.idsElement = idsElement;
-        this.idsParentElement = idsParentElement;
-        if (idsElement) {
-            this.textContent = idsElement.textContent;
-        }
-        this.idsElement ? this.classList.remove('null') : this.classList.add('null');
-        this.validate() ? this.classList.remove('error') : this.classList.add('error');
-    }
-
-    input(e) {
-        if ( ! this.idsElement && this.textContent) {
-            this.add();
-        }
-        this.idsElement ? this.idsElement.textContent = this.textContent : null;
-        this.idsElement ? this.classList.remove('null') : this.classList.add('null');
-        this.validate() ? this.classList.remove('error') : this.classList.add('error');
-    }
-
-    blur(e) {
-        if (this.idsElement && ( ! this.textContent)) {
-            this.remove();
-        }
-        if ( ! this.textContent) {
-            this.textContent = this.defaultValue;
-        }
-        this.idsElement ? this.classList.remove('null') : this.classList.add('null');
-        this.validate() ? this.classList.remove('error') : this.classList.add('error');
-    }
-
-    validate() {
-        if (this.attributes['name'].value == 'author') {
-            return this.textContent.match(new RegExp('[^@]+@[^\.]+\..+')) != null;
-        } else if (this.attributes['name'].value == 'date') {
-            return this.textContent.match(new RegExp('[0-9]{4}-[0-9]{2}-[0-9]{2}')) != null;
-        }
-        return true;
-    }
-
-    add() {
-        var container = this.closest('ids-container');
-        this.idsElement = container.ids.createElementNS(ns, this.attributes["name"].value);
-        this.idsElement.textContent = this.textContent;
-        this.idsParentElement.appendChild(this.idsElement);
-    }
-
-    remove() {
-        this.idsParentElement.removeChild(this.idsElement);
-        this.idsElement = null;
-    }
-}
-
-class IDSSpecRemove extends HTMLElement {
-    connectedCallback() {
-        this.addEventListener('click', this.click);
-    }
-
-    click(e) {
-        var specs = this.closest('ids-specs');
-        var spec = this.closest('ids-spec');
-        specs.idsElement.removeChild(spec.idsElement);
-        specs.idsElement.dispatchEvent(new Event('ids-spec-remove'));
-    }
-}
-
-class IDSSpecMove extends HTMLElement {
-    connectedCallback() {
-        this.direction = this.attributes['direction'].value;
-        this.addEventListener('click', this.click);
-    }
-
-    load(idsElement) {
-        var self = this;
-        this.idsElement = idsElement;
-        this.render();
-    }
-
-    render() {
-        var index = Array.prototype.indexOf.call(this.idsElement.parentElement.children, this.idsElement);
-        if (index == 0 && this.direction == 'up') {
-            this.classList.add('hidden');
-        } else if (index == this.idsElement.parentElement.children.length - 1 && this.direction == 'down') {
-            this.classList.add('hidden');
-        } else {
-            this.classList.remove('hidden');
-        }
-    }
-
-    click(e) {
-        if (this.direction == "up") {
-            this.idsElement.parentElement.insertBefore(this.idsElement, this.idsElement.previousElementSibling);
-        } else if (this.direction == "down") {
-            var nextNextSibling = this.idsElement.nextElementSibling.nextElementSibling;
-            this.idsElement.parentElement.insertBefore(this.idsElement, nextNextSibling);
-        }
-        this.idsElement.parentElement.dispatchEvent(new Event('ids-spec-move'));
-    }
-}
-
-class IDSSpecAdd extends HTMLElement {
-    connectedCallback() {
-        this.addEventListener('click', this.click);
-    }
-
-    click(e) {
-        var specs = this.closest('ids-specs');
-        var spec = this.closest('ids-spec');
-
-        var container = this.closest('ids-container');
-        var newSpec = container.ids.createElementNS(ns, "specification");
-        var newApplicability = container.ids.createElementNS(ns, "applicability");
-        var newRequirements = container.ids.createElementNS(ns, "requirements");
-
-        specs.idsElement.insertBefore(newSpec, spec.idsElement.nextElementSibling);
-        newSpec.appendChild(newApplicability);
-        newSpec.appendChild(newRequirements);
-        specs.idsElement.dispatchEvent(new Event('ids-spec-add'));
-    }
-}
-
-class IDSSpecHandle extends HTMLElement {
-    connectedCallback() {
-        this.addEventListener('dragstart', this.dragstart);
-        this.addEventListener('dragend', this.dragend);
-    }
-
-    dragstart(e) {
-        var snippet = this.getElementsByClassName('snippet')[0];
-        snippet.style.left = e.clientX + 'px';
-        snippet.style.top = e.clientY + 'px';
-        var dropzones = document.getElementsByTagName('ids-spec');
-        for (var i=0; i<dropzones.length; i++) {
-            dropzones[i].classList.add('dropzone');
-        }
-        snippet.classList.remove('hidden');
-        this.closest('ids-spec').style.opacity = '0.3';
-    }
-
-    dragend(e) {
-        var snippet = this.getElementsByClassName('snippet')[0];
-        snippet.classList.add('hidden');
-        this.closest('ids-spec').style.opacity = '1';
-        var dropzones = document.getElementsByTagName('ids-spec');
-        for (var i=0; i<dropzones.length; i++) {
-            dropzones[i].classList.remove('dropzone');
-            dropzones[i].classList.remove('dragover');
-        }
-    }
-}
-
-class IDSSpecCounter extends HTMLElement {
-    connectedCallback() {
-        var spec = this.closest('ids-spec');
-        var index = Array.prototype.indexOf.call(spec.parentElement.children, spec);
-        this.textContent = index;
-    }
-}
-
-class IDSSpecAnchor extends HTMLElement {
-    connectedCallback() {
-        var spec = this.closest('ids-spec');
-        var index = Array.prototype.indexOf.call(spec.parentElement.children, spec);
-        var container = this.closest('ids-container');
-        var a = this.getElementsByTagName('a')[0];
-        a.setAttribute('href', '#' + container.containerId + '-' + index);
-    }
-}
-
-class IDSSpecTarget extends HTMLElement {
-    connectedCallback() {
-        var spec = this.closest('ids-spec');
-        var index = Array.prototype.indexOf.call(spec.parentElement.children, spec);
-        var container = this.closest('ids-container');
-        var a = document.createElement("a");
-        a.setAttribute('id', container.containerId + '-' + index);
-        this.appendChild(a);
-    }
-}
-
-class IDSSpecAttribute extends HTMLElement {
-    connectedCallback() {
-        this.name = this.attributes['name'].value;
-        if ( ! this.attributes['readonly']) {
-            this.contentEditable = true;
-            this.addEventListener('input', this.input);
-            this.addEventListener('blur', this.blur);
-        }
-        this.defaultValue = this.textContent;
-    }
-
-    load(idsElement) {
-        var self = this;
-        this.idsElement = idsElement;
-        this.idsElement.addEventListener('ids-spec-attribute-' + this.name, function() { self.render(); });
-        this.render();
-    }
-
-    render() {
-        this.idsAttribute = this.idsElement.attributes[this.name];
-        if (this.idsAttribute) {
-            if (this.textContent != this.idsAttribute.value) {
-                this.textContent = this.idsAttribute.value;
-            }
-        }
-        this.idsAttribute ? this.classList.remove('null') : this.classList.add('null');
-        if ( ! this.textContent) {
-            this.textContent = this.defaultValue;
-        }
-    }
-
-    input(e) {
-        if ( ! this.idsAttribute && this.textContent) {
-            this.add();
-        }
-        if (this.idsAttribute && ! this.textContent) {
-            this.remove();
-        }
-        if (this.idsAttribute) {
-            this.idsAttribute.value = this.textContent;
-        }
-        this.idsElement.dispatchEvent(new Event('ids-spec-attribute-' + this.name));
-    }
-
-    blur(e) {
-        if (this.idsAttribute && ! this.textContent) {
-            this.remove();
-            this.idsElement.dispatchEvent(new Event('ids-spec-attribute-' + this.name));
-        }
-    }
-
-    add() {
-        this.idsElement.setAttribute(this.attributes['name'].value, this.textContent);
-        this.idsAttribute = this.idsElement.attributes[this.attributes['name'].value];
-    }
-
-    remove() {
-        this.idsElement.attributes.removeNamedItem(this.attributes['name'].value);
-        this.idsAttribute = null;
-    }
-}
-
-class IDSFacets extends HTMLElement {
-    load(idsElement) {
-        var self = this;
-        this.idsElement = idsElement;
-        this.idsElement.addEventListener('ids-facet-remove', function() { self.render(); });
-        this.render();
-    }
-
-    render() {
-        var template = this.getElementsByTagName('template')[0];
-
-        var children = [];
-        for (var i=0; i<this.children.length; i++) {
-            if (this.children[i] != template) {
-                children.push(this.children[i]);
-            }
-        }
-
-        for (var i=0; i<children.length; i++) {
-            this.removeChild(children[i]);
-        }
-
-        var facets = this.idsElement.children;
-        for (var i=0; i<facets.length; i++) {
-            this.appendChild(template.content.cloneNode(true));
-            var facet = this.children[this.children.length-1];
-            var facetElements = facet.getElementsByTagName('ids-facet');
-            for (var j=0; j<facetElements.length; j++) {
-                facetElements[j].load(facets[i]);
-            }
-            var facetInstructionsElements = facet.getElementsByTagName('ids-facet-instructions');
-            for (var j=0; j<facetInstructionsElements.length; j++) {
-                facetInstructionsElements[j].load(facets[i]);
-            }
-        }
-        feather.replace();
-    }
-
-    showResults(requirements) {
-        var facetElements = this.getElementsByTagName('ids-facet');
-        for (var i=0; i<facetElements.length; i++) {
-            facetElements[i].showResults(requirements[i]);
-        }
-    }
-}
-
-class IDSFacetInstructions extends HTMLElement {
-    connectedCallback() {
-        this.contentEditable = true;
-        this.defaultValue = this.textContent;
-        this.addEventListener('input', this.input);
-        this.addEventListener('blur', this.blur);
-    }
-
-    load(idsElement) {
-        this.idsElement = idsElement;
-        this.idsAttribute = this.idsElement.attributes['instructions']
-        if (this.idsAttribute) {
-            this.textContent = this.idsAttribute.value;
-        }
-        this.idsAttribute ? this.classList.remove('null') : this.classList.add('null');
-    }
-
-    input(e) {
-        if ( ! this.idsAttribute && this.textContent) {
-            this.add();
-        }
-        this.idsAttribute ? this.idsAttribute.value = this.textContent : null;
-        this.idsAttribute ? this.classList.remove('null') : this.classList.add('null');
-    }
-
-    blur(e) {
-        if (this.idsAttribute && ! this.textContent) {
-            this.remove();
-        }
-        if ( ! this.textContent) {
-            this.textContent = this.defaultValue;
-        }
-        this.idsAttribute ? this.classList.remove('null') : this.classList.add('null');
-    }
-
-    add() {
-        this.idsElement.setAttribute('instructions', this.textContent);
-        this.idsAttribute = this.idsElement.attributes['instructions'];
-    }
-
-    remove() {
-        this.idsElement.attributes.removeNamedItem('instructions');
-        this.idsAttribute = null;
-    }
-}
-
-class IDSFacetRemove extends HTMLElement {
-    connectedCallback() {
-        this.addEventListener('click', this.click);
-    }
-
-    click(e) {
-        var idsElement = this.closest('div').getElementsByTagName('ids-facet')[0].idsElement;
-        var parentElement = idsElement.parentElement;
-        parentElement.removeChild(idsElement);
-        parentElement.dispatchEvent(new Event('ids-facet-remove'));
-    }
-}
-
-class IDSFacet extends HTMLElement {
-    load(idsElement) {
-        this.idsElement = idsElement;
-        this.type = this.attributes['type'].value;
-        this.params = [];
-        if (this.idsElement.localName == 'entity') {
-            this.loadEntity();
-        } else if (this.idsElement.localName == 'attribute') {
-            this.loadAttribute()
-        } else if (this.idsElement.localName == 'classification') {
-            this.loadClassification();
-        } else if (this.idsElement.localName == 'property') {
-            this.loadProperty();
-        } else if (this.idsElement.localName == 'material') {
-            this.loadMaterial();
-        } else if (this.idsElement.localName == 'partOf') {
-            this.loadPartOf();
-        }
-
-        var paramElements = this.getElementsByTagName('ids-param');
-        for (var i=0; i<paramElements.length; i++) {
-            paramElements[i].load(this.params[i]);
-        }
-    }
-
-    showResults(requirement) {
-        var idsResultElements = this.parentElement.getElementsByTagName('ids-result');
-        for (var i=0; i<idsResultElements.length; i++) {
-            if (! idsResultElements[i].classList.contains('hidden')) {
-                idsResultElements[i].classList.add('hidden');
-            }
-            if (requirement.status == true && idsResultElements[i].attributes['name'].value == 'pass') {
-                idsResultElements[i].classList.remove('hidden');
-            } else if (requirement.status == false && idsResultElements[i].attributes['name'].value == 'fail') {
-                idsResultElements[i].classList.remove('hidden');
-                idsResultElements[i].getElementsByTagName('span')[0].textContent = requirement.failed_entities.length;
-            }
-        }
-    }
-
-    renderTemplate(templates, parameters) {
-        for (var i=0; i<templates.length; i++) {
-            var hasKeys = true;
-            for (var key in parameters) {
-                if (templates[i].indexOf('{' + key + '}') == -1) {
-                    hasKeys = false;
-                    break;
-                } else {
-                    templates[i] = templates[i].replace('{' + key + '}', parameters[key]);
-                }
-            }
-            if (hasKeys) {
-                return templates[i];
-            }
-        }
-    }
-
-    loadEntity() {
-        if (this.type == 'applicability') {
-            var templates = [
-                'All {name} data',
-                'All {name} data of type {type}',
-                'All {name} data having a type of either {typeEnumeration}',
-            ];
-        } else if (this.type == 'requirement') {
-            var templates = [
-                'Shall be {name} data',
-                'Shall be {name} data of type {type}',
-                'Shall be {name} data with a type of either {typeEnumeration}',
-            ];
-        }
-
-        var parameters = {};
-        this.parseEntityName(this.idsElement, parameters);
-        this.innerHTML = this.renderTemplate(templates, parameters);
-    }
-
-    parseEntityName(idsElement, parameters) {
-        var name = this.idsElement.getElementsByTagNameNS(ns, 'name')[0];
-        var value = this.getIdsValue(name);
-        if (value.type == 'simpleValue' || value.type == 'enumeration') {
-            var content = this.capitalise(value.content.toLowerCase().replaceAll('ifc', ''))
-            parameters.name = '<ids-param filter="entityName">' + content + '</ids-param>';
-            this.params.push(value.param);
-        }
-        var predefinedTypes = this.idsElement.getElementsByTagNameNS(ns, 'predefinedType');
-        if (predefinedTypes.length) {
-            value = this.getIdsValue(predefinedTypes[0]);
-            if (value.type == 'simpleValue') {
-                parameters.type = '<ids-param>' + value.content + '</ids-param>';
-                this.params.push(value.param);
-            } else if (value.type == 'enumeration') {
-                parameters.typeEnumeration = '<ids-param>' + value.content + '</ids-param>';
-                this.params.push(value.param);
-            }
-        }
-
-    }
-
-    loadAttribute() {
-        if (this.type == 'applicability') {
-            var templates = [
-                'Data where the {name} is provided',
-                'Data where the {name} is {value}',
-                'Data where the {name} follows the convention of {valuePattern}',
-                'Data where the {name} is either {valueEnumeration}',
-            ];
-        } else if (this.type == 'requirement') {
-            var templates = [
-                'The {name} shall be provided',
-                'The {name} shall be {value}',
-                'The {name} shall follow the convention of {valuePattern}',
-                'The {name} shall be either {valueEnumeration}'
-            ];
-        }
-
-        var parameters = {};
-
-        var name = this.idsElement.getElementsByTagNameNS(ns, 'name')[0];
-        var value = this.getIdsValue(name);
-        if (value.type == 'simpleValue') {
-            parameters.name = '<ids-param filter="attributeName">' + this.sentence(value.content) + '</ids-param>';
-            this.params.push(value.param);
-        }
-        var values = this.idsElement.getElementsByTagNameNS(ns, 'value');
-        if (values.length) {
-            value = this.getIdsValue(values[0]);
-            if (value.type == 'simpleValue') {
-                parameters.value = '<ids-param>' + value.content + '</ids-param>';
-                this.params.push(value.param);
-            } else if (value.type == 'pattern') {
-                parameters.valuePattern = '<ids-param class="pattern">' + value.content + '</ids-param>';
-                this.params.push(value.param);
-            } else if (value.type == 'enumeration') {
-                parameters.valueEnumeration = '<ids-param>' + value.content + '</ids-param>';
-                this.params.push(value.param);
-            }
-        }
-
-        this.innerHTML = this.renderTemplate(templates, parameters);
-    }
-
-    loadClassification() {
-        if (this.type == 'applicability') {
-            var templates = [
-                'Data classified using {system}',
-                'Data classified as {reference}',
-                'Data classified following the convention of {referencePattern}',
-                'Data having a {system} reference of {reference}',
-                'Data having a {system} reference following the convention of {referencePattern}',
-            ];
-        } else if (this.type == 'requirement') {
-            var templates = [
-                'Shall be classified using {system}',
-                'Shall be classified as {reference}',
-                'Shall be classified following the convention of {referencePattern}',
-                'Shall have a {system} reference of {reference}',
-                'Shall have a {system} reference following the convention of {referencePattern}',
-            ];
-        }
-
-        var parameters = {};
-
-        var value;
-        var systems = this.idsElement.getElementsByTagNameNS(ns, 'system');
-        if (systems.length) {
-            value = this.getIdsValue(systems[0]);
-            if (value.type == 'simpleValue') {
-                parameters.system = '<ids-param>' + value.content + '</ids-param>';
-                this.params.push(value.param);
-            }
-        }
-        var references = this.idsElement.getElementsByTagNameNS(ns, 'value');
-        if (references.length) {
-            value = this.getIdsValue(references[0]);
-            if (value.type == 'simpleValue') {
-                parameters.reference = '<ids-param>' + value.content + '</ids-param>';
-                this.params.push(value.param);
-            } else if (value.type == 'pattern') {
-                parameters.referencePattern = '<ids-param class="pattern">' + value.content + '</ids-param>';
-                this.params.push(value.param);
-            }
-        }
-
-        this.innerHTML = this.renderTemplate(templates, parameters);
-    }
-
-    loadProperty() {
-        if (this.type == 'applicability') {
-            var templates = [
-                'Elements with {name} data in the dataset {pset}',
-                'Elements with {name} data of {value} in the dataset {pset}',
-                'Elements with {name} data following the convention of {valuePattern} in the dataset {pset}',
-                'Elements with {name} data with either {valueEnumeration} in the dataset {pset}',
-            ];
-        } else if (this.type == 'requirement') {
-            var templates = [
-                '{name} data shall be provided in the dataset {pset}',
-                '{name} data shall be {value} and in the dataset {pset}',
-                '{name} data shall follow the convention of {valuePattern} and in the dataset {pset}',
-                '{name} data shall be one of {valueEnumeration} and in the dataset {pset}',
-            ];
-        }
-
-        var parameters = {};
-
-        var name = this.idsElement.getElementsByTagNameNS(ns, 'baseName')[0];
-        var value = this.getIdsValue(name);
-        if (value.type == 'simpleValue') {
-            parameters.name = '<ids-param filter="propertyName">' + this.sentence(value.content) + '</ids-param>';
-            this.params.push(value.param);
-        }
-
-        var values = this.idsElement.getElementsByTagNameNS(ns, 'value');
-        if (values.length) {
-            value = this.getIdsValue(values[0]);
-            if (value.type == 'simpleValue') {
-                parameters.value = '<ids-param>' + value.content + '</ids-param>';
-                this.params.push(value.param);
-            } else if (value.type == 'pattern') {
-                parameters.valuePattern = '<ids-param class="pattern">' + value.content + '</ids-param>';
-                this.params.push(value.param);
-            } else if (value.type == 'enumeration') {
-                parameters.valueEnumeration = '<ids-param>' + value.content + '</ids-param>';
-                this.params.push(value.param);
-            }
-        }
-
-        var propertySet = this.idsElement.getElementsByTagNameNS(ns, 'propertySet')[0];
-        value = this.getIdsValue(propertySet);
-        if (value.type == 'simpleValue') {
-            parameters.pset = '<ids-param>' + value.content + '</ids-param>';
-            this.params.push(value.param);
-        }
-
-        this.innerHTML = this.renderTemplate(templates, parameters);
-    }
-
-    loadMaterial() {
-        if (this.type == 'applicability') {
-            var templates = [
-                'All data with a {value} material',
-                'All data with a material of either {valueEnumeration}',
-                'All data with a material',
-            ];
-        } else if (this.type == 'requirement') {
-            var templates = [
-                'Shall shall have a material of {value}',
-                'Shall have a material of either {valueEnumeration}',
-                'Shall have a material',
-            ];
-        }
-
-        var parameters = {};
-
-        var value;
-        var values = this.idsElement.getElementsByTagNameNS(ns, 'value');
-        if (values.length) {
-            value = this.getIdsValue(values[0]);
-            if (value.type == 'simpleValue') {
-                parameters.value = '<ids-param>' + value.content + '</ids-param>';
-                this.params.push(value.param);
-            } else if (value.type == 'pattern') {
-                parameters.valuePattern = '<ids-param class="pattern">' + value.content + '</ids-param>';
-                this.params.push(value.param);
-            } else if (value.type == 'enumeration') {
-                parameters.valueEnumeration = '<ids-param>' + value.content + '</ids-param>';
-                this.params.push(value.param);
-            }
-        }
-
-
-        this.innerHTML = this.renderTemplate(templates, parameters);
-    }
-
-    loadPartOf() {
-        var templates = [
-            'Must be part of a {relation} relationship',
-            'Must be part of a {name} with a {relation} relationship',
-            'Must be part of a {name} of type {type} with a {relation} relationship',
-        ]
-
-        var parameters = {};
-
-        document.asdf = this.idsElement;
-        parameters.relation = '<ids-param>' + this.sentence(this.idsElement.attributes['relation'].value.replace('Ifc', '').replace('Rel', '')) + '</ids-param>';
-        this.parseEntityName(this.idsElement, parameters);
-
-        this.innerHTML = this.renderTemplate(templates, parameters);
-    }
-
-    getIdsValue(element) {
-        var simpleValues = element.getElementsByTagNameNS(ns, 'simpleValue');
-        if (simpleValues.length) {
-            return {type: 'simpleValue', param: simpleValues[0], content: simpleValues[0].textContent}
-        }
-        var restriction = element.getElementsByTagNameNS(xs, 'restriction')[0];
-        var patterns = restriction.getElementsByTagNameNS(xs, 'pattern');
-        if (patterns.length) {
-            return {type: 'pattern', param: patterns[0], content: patterns[0].attributes['value'].value}
-        }
-        var enumerations = restriction.getElementsByTagNameNS(xs, 'enumeration');
-        if (enumerations.length) {
-            var values = [];
-            for (var i=0; i<enumerations.length; i++) {
-                values.push(enumerations[i].attributes['value'].value);
-            }
-            return {type: 'enumeration', param: restriction, content: values.join(' or ')}
-        }
-    }
-
-    capitalise(text) {
-        return text.toLowerCase().replace(/^\w/, (c) => c.toUpperCase());
-    }
-
-    sentence(text) {
-        // E.g. ElevationOfSSLRelative --> Elevation Of S S L Relative
-        var words = text.match(/([A-Z]?[^A-Z]*)/g).slice(0,-1);
-        var mergedWords = [];
-        var mergedWord = '';
-        for (var i=0; i<words.length; i++) {
-            if (words[i].length == 1) {
-                mergedWord += words[i];
-                if (i == words.length-1) {
-                    mergedWords.push(mergedWord);
-                }
-            } else {
-                if (mergedWord.length) {
-                    mergedWords.push(mergedWord);
-                    mergedWord = '';
-                }
-                mergedWords.push(words[i]);
-            }
-        }
-        // E.g. Elevation Of S S L Relative --> Elevation Of SSL Relative
-        return mergedWords.join(' ');
-    }
-}
-
-class IDSParam extends HTMLElement {
-    connectedCallback() {
-        this.contentEditable = true;
-        this.addEventListener('input', this.input);
-        this.filter = this.attributes['filter'] ? this.attributes['filter'].value : null;
-    }
-
-    load(idsElement) {
-        this.idsElement = idsElement;
-    }
-
-    input(e) {
-        if (this.filter == 'entityName') {
-            this.idsElement.textContent = 'IFC' + this.textContent.toUpperCase();
-        } else if (this.filter == 'attributeName' || this.filter == 'propertyName') {
-            this.idsElement.textContent = this.textContent.replace(/\s+/g, '');
-        } else {
-            this.idsElement.textContent = this.textContent;
-        }
-    }
-}
-
-class IDSSpecs extends HTMLElement {
-    load(idsElement) {
-        var self = this;
-        this.idsElement = idsElement;
-        this.idsElement.addEventListener('ids-spec-remove', function() { self.render(); });
-        this.idsElement.addEventListener('ids-spec-add', function() { self.render(); });
-        this.idsElement.addEventListener('ids-spec-move', function() { self.render(); });
-        this.render();
-    }
-
-    render() {
-        var template = this.getElementsByTagName('template')[0];
-
-        var children = [];
-        for (var i=0; i<this.children.length; i++) {
-            if (this.children[i] != template) {
-                children.push(this.children[i]);
-            }
-        }
-
-        for (var i=0; i<children.length; i++) {
-            this.removeChild(children[i]);
-        }
-
-        var idsSpecs = this.idsElement.getElementsByTagNameNS(ns, 'specification');
-        for (var i=0; i<idsSpecs.length; i++) {
-            this.appendChild(template.content.cloneNode(true));
-            var spec = this.children[this.children.length-1];
-            spec.load(idsSpecs[i]);
-        }
-        feather.replace();
-    }
-
-    showResults(specifications) {
-        var specElements = this.getElementsByTagName('ids-spec');
-        for (var i=0; i<specElements.length; i++) {
-            specElements[i].showResults(specifications[i]);
-        }
-    }
-}
-
-class IDSSpec extends HTMLElement {
-    connectedCallback() {
-        this.addEventListener('dragenter', this.dragenter);
-        this.addEventListener('dragover', this.dragover);
-        this.addEventListener('drop', this.drop);
-    }
-
-    dragenter(e) {
-        if (e.target.classList.contains('dropzone')) {
-            var dropzones = document.getElementsByTagName('ids-spec');
-            for (var i=0; i<dropzones.length; i++) {
-                dropzones[i].classList.remove('dragover');
-            }
-            e.target.classList.add('dragover');
-        }
-    }
-
-    load(idsElement) {
-        var self = this;
-        this.idsElement = idsElement;
-
-        var children = this.getElementsByTagName('ids-spec-attribute');
-        for (var i=0; i<children.length; i++) {
-            children[i].load(idsElement);
-        }
-
-        var children = this.getElementsByTagName('ids-facets');
-        for (var i=0; i<children.length; i++) {
-            children[i].load(idsElement.getElementsByTagNameNS(ns, children[i].attributes['name'].value)[0]);
-        }
-
-        var children = this.getElementsByTagName('ids-spec-move');
-        for (var i=0; i<children.length; i++) {
-            children[i].load(idsElement);
-        }
-    }
-
-    showResults(specification) {
-        var facetsElements = this.getElementsByTagName('ids-facets');
-        for (var i=0; i<facetsElements.length; i++) {
-            if (facetsElements[i].attributes['name'].value == "requirements") {
-                facetsElements[i].showResults(specification.requirements);
-            }
-        }
-    }
-
-    dragover(e) {
-        // The HTML draggable API is terrible.
-        e.preventDefault();
-    }
-
-    drop(e) {
-        e.preventDefault();
-    }
-}
-
-class IDSLoader extends HTMLElement {
-    connectedCallback() {
-        var self = this;
-        this.addEventListener('click', this.launchFileBrowser);
-    }
-
-    launchFileBrowser(accept, callback) {
-        var inputElement = document.createElement("input");
-        inputElement.idsLoader = this;
-        inputElement.type = "file";
-        inputElement.accept = '.ids,.xml';
-        inputElement.multiple = false;
-        inputElement.addEventListener("change", this.loadFile)
-        inputElement.dispatchEvent(new MouseEvent("click"));
-    }
-
-    loadFile(e) {
-        var self = this.idsLoader;
-        var container = self.closest('ids-container')
-        container.filename = this.files[0].name;
-        var read = new FileReader();
-        read.readAsBinaryString(this.files[0]);
-        read.onloadend = function() {
-            var parser = new DOMParser();
-            var xml = parser.parseFromString(read.result, "text/xml")
-            var container = self.closest('ids-container')
-            container.ids = xml;
-            container.idsElement = xml;
-            window.xxx = xml; // TODO
-            self.loadSpecs(container);
-        }
-    }
-
-    loadSpecs(container) {
-        container.getElementsByTagName('ids-info')[0].load(container.ids.getElementsByTagNameNS(ns, 'info')[0]);
-        var specsElements = container.getElementsByTagName('ids-specs');
-        for (var i=0; i<specsElements.length; i++) {
-            var specs = specsElements[i];
-            specs.load(container.ids.getElementsByTagNameNS(ns, 'specifications')[0]);
-        }
-    }
-}
-
-class IDSSave extends HTMLElement {
-    connectedCallback() {
-        this.addEventListener('click', this.click);
-    }
-
-    click() {
-        var container = this.closest('ids-container')
-        var xmlString = new XMLSerializer().serializeToString(container.ids);
-        this.download(container.filename, xmlString);
-    }
-
-    download(filename, text) {
-        var element = document.createElement('a');
-        element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text));
-        element.setAttribute('download', filename);
-        element.style.display = 'none';
-        document.body.appendChild(element);
-        element.click();
-        document.body.removeChild(element);
-    }
-}
-
-
-class IDSAudit extends HTMLElement {
-    connectedCallback() {
-        this.addEventListener('click', this.launchFileBrowser);
-    }
-
-    launchFileBrowser(accept, callback) {
-        var inputElement = document.createElement("input");
-        inputElement.idsAudit = this;
-        inputElement.type = "file";
-        inputElement.accept = '.ifc';
-        inputElement.multiple = false;
-        inputElement.addEventListener("change", this.loadFile)
-        inputElement.dispatchEvent(new MouseEvent("click"));
-    }
-
-    loadFile(e) {
-        var self = this.idsAudit;
-        var container = self.closest('ids-container');
-        var request = new XMLHttpRequest();
-        request.onreadystatechange = function() { self.processResponse(request); };
-        request.open("POST", "audit");
-        var data = new FormData();
-        data.append('ifc', this.files[0]);
-        data.append('ids', new Blob([new XMLSerializer().serializeToString(container.ids)], {type:'text/plain'}));
-        request.send(data);
-    }
-
-    processResponse(request) {
-        if (request.readyState != 4) {
-            return;
-        }
-        var container = this.closest('ids-container');
-        container.isEditing = false;
-        var results = JSON.parse(request.responseText);
-        var specsElements = container.getElementsByTagName('ids-specs');
-        for (var i=0; i<specsElements.length; i++) {
-            var specs = specsElements[i];
-            specs.showResults(results.specifications);
-        }
-    }
-}
-
-window.customElements.define('ids-new', IDSNew);
-window.customElements.define('ids-container', IDSContainer);
-window.customElements.define('ids-loader', IDSLoader);
-window.customElements.define('ids-save', IDSSave);
-window.customElements.define('ids-close', IDSClose);
-window.customElements.define('ids-audit', IDSAudit);
-window.customElements.define('ids-info', IDSInfo);
-window.customElements.define('ids-info-element', IDSInfoElement);
-window.customElements.define('ids-specs', IDSSpecs);
-window.customElements.define('ids-spec', IDSSpec);
-window.customElements.define('ids-spec-handle', IDSSpecHandle);
-window.customElements.define('ids-spec-remove', IDSSpecRemove);
-window.customElements.define('ids-spec-move', IDSSpecMove);
-window.customElements.define('ids-spec-add', IDSSpecAdd);
-window.customElements.define('ids-spec-attribute', IDSSpecAttribute);
-window.customElements.define('ids-spec-counter', IDSSpecCounter);
-window.customElements.define('ids-spec-anchor', IDSSpecAnchor);
-window.customElements.define('ids-spec-target', IDSSpecTarget);
-window.customElements.define('ids-facets', IDSFacets);
-window.customElements.define('ids-facet', IDSFacet);
-window.customElements.define('ids-facet-remove', IDSFacetRemove);
-window.customElements.define('ids-facet-instructions', IDSFacetInstructions);
-window.customElements.define('ids-param', IDSParam);
diff --git a/src/ifctester/webapp/www/index.html b/src/ifctester/webapp/www/index.html
deleted file mode 100644
index 0b7170e324..0000000000
--- a/src/ifctester/webapp/www/index.html
+++ /dev/null
@@ -1,207 +0,0 @@
-<!DOCTYPE html>
-<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
-<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
-<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
-<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-        <title>IfcTester</title>
-        <meta name="description" content="{{meta_description}}">
-        <meta name="viewport" content="width=device-width">
-        <link rel="author" href="{{baseurl}}humans.txt">
-        <link rel="shortcut icon" href="{{baseurl}}assets/images/favicon.png">
-        <link rel="apple-touch-icon" href="{{baseurl}}images/apple-touch-icon.png">
-        <link rel="apple-touch-icon" sizes="57x57" href="{{baseurl}}images/apple-touch-icon-57x57.png">
-        <link rel="apple-touch-icon" sizes="72x72" href="{{baseurl}}images/apple-touch-icon-72x72.png">
-        <link rel="apple-touch-icon" sizes="114x114" href="{{baseurl}}images/apple-touch-icon-114x114.png">
-        <link rel="apple-touch-icon" sizes="144x144" href="{{baseurl}}images/apple-touch-icon-144x144.png">
-        <link rel="preconnect" href="https://fonts.googleapis.com">
-        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-        <link href="https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Nova+Mono&display=swap" rel="stylesheet"> 
-        <link rel="stylesheet" href="normalize.css">
-        <link rel="stylesheet" href="style.css">
-        <!--<script src="{{baseurl}}assets/js/vendor/modernizr-2.6.2.min.js"></script>-->
-    </head>
-    <body>
-        <ifc-tester>
-            <header>
-                IfcTester
-                <ids-new>
-                    <a href="#"><i data-feather="plus"></i>New Spec</a>
-                </ids-new>
-                <span>
-                    <a href="#" title="Not implemented"><i data-feather="settings"></i>Settings</a>
-                    <a href="#" title="Not implemented"><i data-feather="help-circle"></i>Heeeelllp!</a>
-                </span>
-            </header>
-            <template>
-                <ids-container>
-                    <div class="ids">
-                        <div style="position: relative;">
-                            <div class="ids-controls">
-                                <ids-loader>
-                                    <a href="#" title="Load IDS file">
-                                        <i data-feather="upload"></i> LOAD
-                                    </a>
-                                </ids-loader>
-                                <ids-save>
-                                    <a href="#" title="Save IDS file">
-                                        <i data-feather="download"></i> SAVE
-                                    </a>
-                                </ids-save>
-                                <ids-audit>
-                                    <a href="#" title="Select IFC file to audit using current spec">
-                                        <i data-feather="play"></i> AUDIT MODEL
-                                    </a>
-                                </ids-audit>
-                                <span>
-                                    <ids-close>
-                                        <a href="#">
-                                            <i data-feather="x"></i> CLOSE
-                                        </a>
-                                    </ids-close>
-                                </span>
-                            </div>
-                            <ids-info>
-                                <h1><ids-info-element name="title">My information requirements</ids-info-element></h1>
-                                <p>
-                                    <i data-feather="mail"></i>
-                                    <ids-info-element name="author">john@doe.com</ids-info-element>
-                                    <i data-feather="tag"></i>
-                                    <ids-info-element name="version">1.0.0</ids-info-element>
-                                    <i data-feather="calendar"></i>
-                                    <ids-info-element name="date">date()</ids-info-element>
-                                    <i data-feather="crosshair"></i>
-                                    <ids-info-element name="milestone">Construction</ids-info-element>
-                                </p>
-                                <p>
-                                    <ids-info-element name="description">
-                                        An example suite of OpenBIM requirements for data quality audits
-                                    </ids-info-element>
-                                </p>
-                                <p>
-                                    &copy; <ids-info-element name="copyright">Company Inc.</ids-info-element>
-                                </p>
-                            </ids-info>
-                            <ids-specs>
-                                <template>
-                                    <ids-spec>
-                                        <ids-spec-target></ids-spec-target>
-                                        <h2>
-                                            <a href="#"><i data-feather="play"></i></a>
-                                            <ids-spec-handle class="draggable" draggable="true">
-                                                <i data-feather="move"></i>
-                                                <div class="snippet hidden">Move specification</div>
-                                            </ids-spec-handle>
-                                            <ids-spec-remove>
-                                                <i data-feather="x"></i>
-                                            </ids-spec-remove>
-                                            <ids-spec-attribute name="name">Requirement name</ids-spec-attribute>
-                                        </h2>
-                                        <div class="spec-contents">
-                                            <p class="spec-description">
-                                                <ids-spec-attribute name="description">
-                                                    Describe why the requirement is important to the project.
-                                                </ids-spec-attribute>
-                                            </p>
-                                            <p>
-                                                <ids-spec-attribute name="instructions">
-                                                    Provide instructions on who is responsible and how to achieve it.
-                                                </ids-spec-attribute>
-                                            </p>
-                                            <h3>
-                                                <span class="controls">
-                                                    <ids-facet-add>
-                                                        <i data-feather="plus"></i>
-                                                    </ids-facet-add>
-                                                </span>
-                                                Applies to:
-                                            </h3>
-                                            <ids-facets name="applicability">
-                                                <template>
-                                                    <div class="facet">
-                                                        <span class="facet-controls">
-                                                            <ids-facet-remove>
-                                                                <i data-feather="x"></i>
-                                                            </ids-facet-remove>
-                                                        </span>
-                                                        <ids-facet type="applicability"></ids-facet>
-                                                    </div>
-                                                </template>
-                                            </ids-facets>
-                                            <h3>
-                                                <span class="controls">
-                                                    <ids-facet-add>
-                                                        <i data-feather="plus"></i>
-                                                    </ids-facet-add>
-                                                </span>
-                                                Requirements:
-                                            </h3>
-                                            <ids-facets name="requirements">
-                                                <template>
-                                                    <div class="facet">
-                                                        <span class="facet-controls">
-                                                            <ids-facet-remove>
-                                                                <i data-feather="x"></i>
-                                                            </ids-facet-remove>
-                                                        </span>
-                                                        <ids-result name="fail" class="result-icon hidden">
-                                                            <i data-feather="x"></i>
-                                                            <span>32</span>
-                                                        </ids-result>
-                                                        <ids-result name="pass" class="result-icon hidden">
-                                                            <i data-feather="check"></i>
-                                                        </ids-result>
-                                                        <ids-facet type="requirement"></ids-facet>
-                                                        <ids-facet-instructions class="requirement-instructions" title="Instructions">
-                                                            Optionally write instructions about how to achieve this requirement.
-                                                        </ids-facet-instructions>
-                                                    </div>
-                                                </template>
-                                            </ids-facets>
-                                        </div>
-                                        <div class="divider">
-                                            <span class="placeholder">
-                                                <i data-feather="align-justify"></i>
-                                            </span>
-                                            <span class="controls">
-                                                <ids-spec-add>
-                                                    <i data-feather="plus"></i>
-                                                </ids-spec-add>
-                                                <ids-spec-move direction="down">
-                                                    <i data-feather="chevron-down"></i>
-                                                </ids-spec-move>
-                                                <ids-spec-move direction="up">
-                                                <i data-feather="chevron-up"></i>
-                                                </ids-spec-move>
-                                            </span>
-                                        </div>
-                                    </ids-spec>
-                                </template>
-                            </ids-specs>
-                        </div>
-                    </div>
-                    <nav>
-                        <ids-specs>
-                            <template>
-                                <ids-spec>
-                                    <ids-spec-counter></ids-spec-counter>
-                                    <ids-spec-anchor>
-                                        <a href="#ids-spec-target">
-                                            <ids-spec-attribute name="name" readonly>Requirement name</ids-spec-attribute>
-                                        </a>
-                                    </ids-spec-anchor>
-                                </ids-spec>
-                            </template>
-                        </ids-specs>
-                    </nav>
-                </ids-container>
-            </template>
-        </ifc-tester>
-        <script src="https://unpkg.com/feather-icons"></script>
-        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
-        <script>window.jQuery || document.write('<script src="{{baseurl}}assets/js/vendor/jquery-1.8.3.min.js"><\/script>')</script>
-        <script src="app.js"></script>
-    </body>
-</html>
diff --git a/src/ifctester/webapp/www/normalize.css b/src/ifctester/webapp/www/normalize.css
deleted file mode 100644
index 192eb9ce43..0000000000
--- a/src/ifctester/webapp/www/normalize.css
+++ /dev/null
@@ -1,349 +0,0 @@
-/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
-
-/* Document
-   ========================================================================== */
-
-/**
- * 1. Correct the line height in all browsers.
- * 2. Prevent adjustments of font size after orientation changes in iOS.
- */
-
-html {
-  line-height: 1.15; /* 1 */
-  -webkit-text-size-adjust: 100%; /* 2 */
-}
-
-/* Sections
-   ========================================================================== */
-
-/**
- * Remove the margin in all browsers.
- */
-
-body {
-  margin: 0;
-}
-
-/**
- * Render the `main` element consistently in IE.
- */
-
-main {
-  display: block;
-}
-
-/**
- * Correct the font size and margin on `h1` elements within `section` and
- * `article` contexts in Chrome, Firefox, and Safari.
- */
-
-h1 {
-  font-size: 2em;
-  margin: 0.67em 0;
-}
-
-/* Grouping content
-   ========================================================================== */
-
-/**
- * 1. Add the correct box sizing in Firefox.
- * 2. Show the overflow in Edge and IE.
- */
-
-hr {
-  box-sizing: content-box; /* 1 */
-  height: 0; /* 1 */
-  overflow: visible; /* 2 */
-}
-
-/**
- * 1. Correct the inheritance and scaling of font size in all browsers.
- * 2. Correct the odd `em` font sizing in all browsers.
- */
-
-pre {
-  font-family: monospace, monospace; /* 1 */
-  font-size: 1em; /* 2 */
-}
-
-/* Text-level semantics
-   ========================================================================== */
-
-/**
- * Remove the gray background on active links in IE 10.
- */
-
-a {
-  background-color: transparent;
-}
-
-/**
- * 1. Remove the bottom border in Chrome 57-
- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
- */
-
-abbr[title] {
-  border-bottom: none; /* 1 */
-  text-decoration: underline; /* 2 */
-  text-decoration: underline dotted; /* 2 */
-}
-
-/**
- * Add the correct font weight in Chrome, Edge, and Safari.
- */
-
-b,
-strong {
-  font-weight: bolder;
-}
-
-/**
- * 1. Correct the inheritance and scaling of font size in all browsers.
- * 2. Correct the odd `em` font sizing in all browsers.
- */
-
-code,
-kbd,
-samp {
-  font-family: monospace, monospace; /* 1 */
-  font-size: 1em; /* 2 */
-}
-
-/**
- * Add the correct font size in all browsers.
- */
-
-small {
-  font-size: 80%;
-}
-
-/**
- * Prevent `sub` and `sup` elements from affecting the line height in
- * all browsers.
- */
-
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-
-sub {
-  bottom: -0.25em;
-}
-
-sup {
-  top: -0.5em;
-}
-
-/* Embedded content
-   ========================================================================== */
-
-/**
- * Remove the border on images inside links in IE 10.
- */
-
-img {
-  border-style: none;
-}
-
-/* Forms
-   ========================================================================== */
-
-/**
- * 1. Change the font styles in all browsers.
- * 2. Remove the margin in Firefox and Safari.
- */
-
-button,
-input,
-optgroup,
-select,
-textarea {
-  font-family: inherit; /* 1 */
-  font-size: 100%; /* 1 */
-  line-height: 1.15; /* 1 */
-  margin: 0; /* 2 */
-}
-
-/**
- * Show the overflow in IE.
- * 1. Show the overflow in Edge.
- */
-
-button,
-input { /* 1 */
-  overflow: visible;
-}
-
-/**
- * Remove the inheritance of text transform in Edge, Firefox, and IE.
- * 1. Remove the inheritance of text transform in Firefox.
- */
-
-button,
-select { /* 1 */
-  text-transform: none;
-}
-
-/**
- * Correct the inability to style clickable types in iOS and Safari.
- */
-
-button,
-[type="button"],
-[type="reset"],
-[type="submit"] {
-  -webkit-appearance: button;
-}
-
-/**
- * Remove the inner border and padding in Firefox.
- */
-
-button::-moz-focus-inner,
-[type="button"]::-moz-focus-inner,
-[type="reset"]::-moz-focus-inner,
-[type="submit"]::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-/**
- * Restore the focus styles unset by the previous rule.
- */
-
-button:-moz-focusring,
-[type="button"]:-moz-focusring,
-[type="reset"]:-moz-focusring,
-[type="submit"]:-moz-focusring {
-  outline: 1px dotted ButtonText;
-}
-
-/**
- * Correct the padding in Firefox.
- */
-
-fieldset {
-  padding: 0.35em 0.75em 0.625em;
-}
-
-/**
- * 1. Correct the text wrapping in Edge and IE.
- * 2. Correct the color inheritance from `fieldset` elements in IE.
- * 3. Remove the padding so developers are not caught out when they zero out
- *    `fieldset` elements in all browsers.
- */
-
-legend {
-  box-sizing: border-box; /* 1 */
-  color: inherit; /* 2 */
-  display: table; /* 1 */
-  max-width: 100%; /* 1 */
-  padding: 0; /* 3 */
-  white-space: normal; /* 1 */
-}
-
-/**
- * Add the correct vertical alignment in Chrome, Firefox, and Opera.
- */
-
-progress {
-  vertical-align: baseline;
-}
-
-/**
- * Remove the default vertical scrollbar in IE 10+.
- */
-
-textarea {
-  overflow: auto;
-}
-
-/**
- * 1. Add the correct box sizing in IE 10.
- * 2. Remove the padding in IE 10.
- */
-
-[type="checkbox"],
-[type="radio"] {
-  box-sizing: border-box; /* 1 */
-  padding: 0; /* 2 */
-}
-
-/**
- * Correct the cursor style of increment and decrement buttons in Chrome.
- */
-
-[type="number"]::-webkit-inner-spin-button,
-[type="number"]::-webkit-outer-spin-button {
-  height: auto;
-}
-
-/**
- * 1. Correct the odd appearance in Chrome and Safari.
- * 2. Correct the outline style in Safari.
- */
-
-[type="search"] {
-  -webkit-appearance: textfield; /* 1 */
-  outline-offset: -2px; /* 2 */
-}
-
-/**
- * Remove the inner padding in Chrome and Safari on macOS.
- */
-
-[type="search"]::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-
-/**
- * 1. Correct the inability to style clickable types in iOS and Safari.
- * 2. Change font properties to `inherit` in Safari.
- */
-
-::-webkit-file-upload-button {
-  -webkit-appearance: button; /* 1 */
-  font: inherit; /* 2 */
-}
-
-/* Interactive
-   ========================================================================== */
-
-/*
- * Add the correct display in Edge, IE 10+, and Firefox.
- */
-
-details {
-  display: block;
-}
-
-/*
- * Add the correct display in all browsers.
- */
-
-summary {
-  display: list-item;
-}
-
-/* Misc
-   ========================================================================== */
-
-/**
- * Add the correct display in IE 10+.
- */
-
-template {
-  display: none;
-}
-
-/**
- * Add the correct display in IE 10.
- */
-
-[hidden] {
-  display: none;
-}
diff --git a/src/ifctester/webapp/www/style.css b/src/ifctester/webapp/www/style.css
deleted file mode 100644
index 0ea35dcd76..0000000000
--- a/src/ifctester/webapp/www/style.css
+++ /dev/null
@@ -1,384 +0,0 @@
-:root {
-    --green: #ccd5ae;
-    --red: #f08080;
-    --blue: #5aa9e6;
-    --light-blue: #7fc8f8;
-    --highlight: #faedcd;
-    --fg: #444;
-}
-html {
-    height: 100%;
-	scroll-behavior: smooth;
-}
-body {
-    height: calc(100% - 40px);
-    font-size: 0.8rem;
-    background-color: #FFF;
-    font-family: 'Libre Baskerville', serif;
-    border: 0px;
-    margin: 0px;
-    padding: 0px;
-    color: var(--fg);
-    transition: 0.3s ease-out;
-}
-header {
-    background-color: #333;
-    color: var(--blue);
-    font-family: 'Nova Mono', monospace;
-    height: 40px;
-    line-height: 40px;
-    padding-left: 10px;
-    padding-right: 10px;
-    text-transform: uppercase;
-}
-header a {
-    text-decoration: none;
-    margin-left: 10px;
-}
-header a:hover {
-    color: white;
-}
-header svg {
-    width: 16px;
-    height: 16px;
-    vertical-align: middle;
-    margin-top: -3px;
-    margin-right: 5px;
-}
-header span {
-    float: right;
-}
-* {
-    transition: 0.3s ease-out;
-}
-h3 {
-    font-family: 'Nova Mono', monospace;
-    text-transform: uppercase;
-    font-size: 0.8rem;
-    color: #ccc;
-}
-a {
-    color: #5aa9e6;
-}
-a:hover {
-    color: #7fc8f8;
-}
-ids-container {
-    float: left;
-    width: 950px;
-    height: 100%;
-}
-.ids {
-    width: 700px;
-    height: calc(100%);
-    overflow: scroll;
-    float: left;
-    background-color: #f9f9f9;
-    padding-left: 20px;
-    padding-right: 20px;
-    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
-}
-.ids-controls {
-    font-family: 'Nova Mono', monospace;
-    background-color: #f9f9f9;
-    background-color: #eee;
-    padding: 10px;
-    /*box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;*/
-}
-.ids-controls span {
-    float: right;
-}
-.ids-controls:hover a {
-    opacity: 1;
-    transition: 0.3s ease-out;
-}
-.ids-controls ids-loader a {
-    margin-left: 0px;
-}
-.ids-controls a {
-    margin-left: 10px;
-    font-size: 0.8rem;
-    /*
-    opacity: 0.4;
-    transition: 0.3s ease-in;
-    border-radius: 5px;
-    border: 1px solid var(--blue);
-    padding: 10px;
-    */
-    text-decoration: none;
-    cursor: pointer;
-}
-.ids-controls a svg {
-    width: 16px;
-    height: 16px;
-    vertical-align: middle;
-    top: -2px;
-    position: relative;
-}
-.divider {
-    margin-top: -10px;
-    margin-bottom: 25px;
-    border-bottom: 1px dashed #ccc;
-    text-align: center;
-    color: #ccc;
-}
-.dragover {
-    background-color: var(--blue) !important;
-}
-.dropzone {
-    background-color: var(--highlight);
-}
-ids-spec .controls ids-facet-add {
-    position: absolute;
-    margin-left: -30px;
-    margin-top: -5px;
-}
-ids-spec .controls {
-    display: none;
-}
-ids-spec:hover .placeholder {
-    display: none;
-}
-ids-spec:hover .controls {
-    display: inline;
-}
-ids-spec:hover ids-spec-add:hover svg {
-    color: var(--blue);
-    cursor: pointer;
-}
-ids-spec:hover ids-spec-move:hover svg {
-    color: var(--fg);
-    cursor: pointer;
-}
-.divider svg {
-    display: inline-block;
-    position: relative;
-    top: 27px;
-    background-color: #f9f9f9;
-    padding: 10px;
-}
-ids-spec {
-    display: block;
-    padding-left: 30px;
-    overflow: hidden;
-}
-ids-spec h2 a, .spec h2 a {
-    display: none;
-}
-ids-spec:hover h2 a, .spec:hover h2 a {
-    display: inline-block;
-    position: absolute;
-    margin-left: -30px;
-    margin-top: -3px;
-    cursor: pointer;
-}
-ids-spec .draggable {
-    display: none;
-}
-ids-spec ids-spec-remove {
-    display: none;
-}
-ids-spec:hover ids-spec-remove {
-    display: inline-block;
-    position: absolute;
-    margin-left: -30px;
-    margin-top: 57px;
-    cursor: pointer;
-    color: #aaa;
-}
-ids-spec:hover ids-spec-remove:hover {
-    color: var(--red);
-}
-ids-spec:hover .draggable:hover {
-    color: var(--fg);
-}
-ids-spec:hover .draggable {
-    display: inline-block;
-    position: absolute;
-    margin-left: -30px;
-    margin-top: 27px;
-    cursor: grab;
-    color: #aaa;
-}
-ids-spec ids-spec-handle .snippet {
-    position: fixed;
-    z-index: 1;
-    background-color: var(--blue);
-    padding: 5px;
-    color: #f9f9f9;
-    text-transform: uppercase;
-    font-size: 0.7rem;
-    font-family: 'Nova Mono', monospace;
-    top: 0px;
-    left: 0px;
-}
-.spec-contents {
-    margin-left: 30px;
-    max-height: 9999px;
-}
-.spec-description {
-    font-weight: bold;
-}
-.facet .facet-controls {
-    display: none;
-}
-.facet:hover .facet-controls {
-    display: inline;
-}
-.facet:hover .facet-controls ids-facet-remove {
-    color: #aaa;
-    position: absolute;
-    margin-top: -3px;
-    margin-left: -30px;
-    cursor: pointer;
-}
-.facet:hover .facet-controls ids-facet-remove:hover svg {
-    color: var(--red);
-}
-.facet {
-    padding-left: 30px;
-    margin-bottom: 10px;
-}
-.facet .requirement-instructions.null {
-    display: none;
-}
-.facet:hover .requirement-instructions.null {
-    display: block;
-    z-index: 99;
-    position: absolute;
-    width: 300px;
-    padding: 10px;
-    border-radius: 5px;
-    background-color: #e0e0e0;
-    color: #aaa;
-    /*box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;*/
-    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
-    margin-top: 2px;
-}
-.requirement-instructions {
-    display: block;
-    margin-left: 30px;
-    margin-top: 5px;
-    font-size: 0.8rem;
-}
-.pattern {
-    font-family: 'Nova Mono', monospace;
-    border-bottom: 1px dotted #555;
-    background-color: #faedcd;
-    cursor: help;
-    font-family: monospace;
-    text-overflow: ellipsis;
-    max-width: 250px;
-    white-space: nowrap;
-    overflow: hidden;
-    display: inline-block;
-    bottom: -5px;
-    position: relative;
-}
-ids-result {
-    display: inline-block;
-    position: absolute;
-    margin-left: -30px;
-    margin-top: -3px;
-    cursor: help;
-}
-ids-result span {
-    position: absolute;
-    float: right;
-    right: 30px;
-    background-color: #333;
-    color: white;
-    font-family: 'Nova Mono';
-    padding: 3px;
-    border-radius: 5px;
-}
-ids-result[name="pass"] {
-    color: var(--green);
-}
-ids-result[name="fail"] {
-    color: var(--red);
-}
-ids-result:hover {
-    color: var(--blue);
-}
-.hidden {
-    display: none;
-}
-.error {
-    color: var(--red);
-    transition: 0.3s ease-out;
-}
-.null {
-    /*opacity: 0.4;*/
-    color: #ccc;
-    transition: 0.3s ease-out;
-}
-.null:hover {
-    color: var(--fg) !important;
-}
-[contenteditable] {
-    outline: 0px solid transparent;
-}
-*[contentEditable="true"] {
-    /*box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;*/
-    border-radius: 5px;
-    cursor: pointer;
-}
-*[contentEditable="true"]:hover {
-    outline: 1px solid var(--blue);
-    outline-offset: 2px;
-    display: inline-block;
-    /*background-color: rgba(0, 0, 0, 0.1);*/
-    background-color: #e0e0e0;
-}
-*[contentEditable="true"]:focus {
-    background-color: var(--light-blue);
-    outline: 0px;
-    padding: 5px;
-    margin: -5px;
-    display: inline-block;
-    cursor: text;
-}
-ids-info {
-    text-align: center;
-    margin-bottom: 20px;
-    display: block;
-}
-ids-info p {
-    font-size: 0.8rem;
-}
-ids-info svg {
-    width: 16px;
-    height: 16px;
-    vertical-align: middle;
-}
-ids-info-element[ids-tag="description"] {
-    font-style: italic;
-}
-ids-param {
-    font-style: italic;
-}
-ids-facet {
-    display: block;
-}
-nav {
-    position: relative;
-    float: left;
-    width: 200px;
-    /*background-color: #fafafa;*/
-    overflow-x: hidden; /* Disable horizontal scroll */
-    overflow-y: scroll;
-    height: 100%;
-    /*
-    -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
-    mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
-    */
-    /*box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;*/
-    font-size: 0.7rem;
-}
-nav ids-spec {
-    padding-left: 0px;
-    border-bottom: 1px dashed #ccc;
-    padding: 15px;
-    display: block;
-}
diff --git a/src/ifcwrap/CMakeLists.txt b/src/ifcwrap/CMakeLists.txt
index 4e2e93157f..71346ec27b 100644
--- a/src/ifcwrap/CMakeLists.txt
+++ b/src/ifcwrap/CMakeLists.txt
@@ -78,6 +78,12 @@ SET_PROPERTY(
 		utils/typemaps_in.i
 		utils/typemaps_out.i
 )
+
+# Debug build on Windows add required `_d` suffix to the resulting .pyd file.
+# If we won't override -interface name,
+# swig py wrapper will try to import `_ifcopenshell_wrapper_d` module and would fail.
+set(SWIG_MODULE_ifcopenshell_wrapper_EXTRA_FLAGS "-interface" "_ifcopenshell_wrapper")
+
 swig_add_library(ifcopenshell_wrapper LANGUAGE python SOURCES IfcPython.i)
 SET_PROPERTY(TARGET ${SWIG_MODULE_ifcopenshell_wrapper_REAL_NAME} PROPERTY SWIG_DEPENDS ${IFCOPENSHELL_LIBRARIES})
 if("$ENV{LDFLAGS}" MATCHES ".undefined.suppress")
diff --git a/src/svgfill b/src/svgfill
index 29fbc17ede..45f8356483 160000
--- a/src/svgfill
+++ b/src/svgfill
@@ -1 +1 @@
-Subproject commit 29fbc17edec61b4f774ba8e87d4308983a75fc90
+Subproject commit 45f8356483410458a3ebb21a94d1bde4d8d4f2f7