RubyGems - ea - Versions diffs - 0.4.0 → 0.5.0 - Mend

ea 0.4.0 → 0.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (529) hide show

checksums.yaml +4 -4
data/Rakefile +3 -0
data/TODO.complete/01-t-xref-parsing.md +91 -0
data/TODO.complete/02-per-label-geometry.md +50 -0
data/TODO.complete/03-object-properties-constraints.md +57 -0
data/TODO.complete/04-operation-params.md +37 -0
data/TODO.complete/05-pdata-flag-matrix.md +52 -0
data/TODO.complete/06-emf-image-rendering.md +34 -0
data/TODO.complete/07-auxiliary-tables.md +47 -0
data/TODO.complete/10-mdg-stereotype-registry.md +40 -0
data/TODO.complete/11-gml-xsd-generation.md +42 -0
data/TODO.complete/13-shapescript-interpreter.md +28 -0
data/TODO.complete/20-cli-diff.md +46 -0
data/TODO.complete/21-cli-render.md +26 -0
data/TODO.complete/22-cli-export.md +29 -0
data/TODO.complete/23-cli-mdg.md +23 -0
data/TODO.complete/30-headerlines-ocp-refactor.md +72 -0
data/TODO.complete/31-public-send-cleanup.md +61 -0
data/TODO.complete/32-spec-coverage.md +33 -0
data/TODO.complete/33-blocked-parity-gaps.md +41 -0
data/TODO.complete/36-stereotype-icon-wiring.md +32 -0
data/TODO.complete/37-cli-lint.md +32 -0
data/TODO.complete/38-cli-query.md +26 -0
data/TODO.complete/39-cli-info.md +23 -0
data/TODO.complete/40-ocl-evaluator.md +31 -0
data/TODO.complete/41-round-trip-spec.md +18 -0
data/TODO.complete/42-html-diff-report.md +18 -0
data/TODO.complete/43-json-schema-export.md +20 -0
data/TODO.complete/44-remaining-qea-tables.md +40 -0
data/TODO.complete/45-shapescript-extensions.md +25 -0
data/TODO.complete/46-xsd-consolidation.md +20 -0
data/TODO.complete/47-headerlines-legacy-removal.md +20 -0
data/TODO.complete/STATUS.md +109 -0
data/TODO.diagrams/01-svg-measurement-harness.md +31 -0
data/TODO.diagrams/02-polygon-over-rendering.md +29 -0
data/TODO.diagrams/03-text-over-rendering.md +30 -0
data/TODO.diagrams/04-rect-under-rendering.md +33 -0
data/TODO.diagrams/05-canvas-dimension-parity.md +51 -0
data/TODO.diagrams/06-group-layering-parity.md +39 -0
data/TODO.diagrams/07-text-content-fidelity.md +65 -0
data/TODO.diagrams/08-qea-direct-pipeline.md +46 -0
data/TODO.diagrams/12-connector-labels.md +40 -0
data/TODO.diagrams/12-per-entity-svg-layer-ordering.md +24 -0
data/TODO.diagrams/13-marker-polygon-vs-path-dispatch.md +20 -0
data/TODO.diagrams/13-per-text-type-font-sizes.md +33 -0
data/TODO.diagrams/14-center-header-text.md +33 -0
data/TODO.diagrams/14-filter-diagram-frame-elements.md +18 -0
data/TODO.diagrams/15-deep-dead-code-audit.md +47 -0
data/TODO.diagrams/15-per-element-font-from-style.md +24 -0
data/TODO.diagrams/16-canvas-marker-extent.md +30 -0
data/TODO.diagrams/16-document-remaining-parity-gaps.md +91 -0
data/TODO.diagrams/17-italic-abstract-classes.md +28 -0
data/TODO.diagrams/17-remaining-parity-gaps.md +90 -0
data/TODO.diagrams/18-canvas-from-image-bounds.md +20 -0
data/TODO.diagrams/18-property-lookup-index.md +42 -0
data/TODO.diagrams/19-connector-sx-sy-routing.md +27 -0
data/TODO.diagrams/19-replace-respond-to-with-is-a.md +31 -0
data/TODO.diagrams/20-split-labels-emitter.md +56 -0
data/TODO.diagrams/20-visibility-glyph-font-encoding.md +27 -0
data/TODO.diagrams/21-aggregation-navigability-arrow.md +21 -0
data/TODO.diagrams/21-auto-generated-legend-block.md +65 -0
data/TODO.diagrams/22-ghost-element-discriminator.md +57 -0
data/TODO.diagrams/22-style-based-path-grouping.md +28 -0
data/TODO.diagrams/23-marker-polygon-deduplication.md +47 -0
data/TODO.diagrams/23-multiplicity-label-positioning.md +29 -0
data/TODO.diagrams/24-marker-anchor-structural.md +35 -0
data/TODO.diagrams/24-track-marker-anchors-structurally.md +66 -0
data/TODO.diagrams/24-truncate-properties-to-fit-box.md +24 -0
data/TODO.diagrams/26-phantom-general-parent-rendering.md +59 -0
data/TODO.diagrams/27-path-grouping-mode-detection.md +43 -0
data/TODO.diagrams/28-architecture-cleanup-batch.md +47 -0
data/TODO.diagrams/30-decompose-elements-groups-for.md +52 -0
data/TODO.diagrams/32-examples-coverage-batch.md +78 -0
data/TODO.diagrams/36-instance-specification-model.md +42 -0
data/TODO.diagrams/37-element-icon-decorations.md +41 -0
data/TODO.diagrams/38-html-note-and-receptions.md +32 -0
data/TODO.diagrams/39-property-stereotype-discriminator.md +40 -0
data/TODO.diagrams/40-standalone-1-discriminator.md +38 -0
data/TODO.diagrams/41-xmi-to-svg-pipeline.md +113 -0
data/TODO.diagrams/42-close-all-parity-deltas.md +69 -0
data/TODO.diagrams/43-marker-deduplication-strategy.md +54 -0
data/TODO.diagrams/44-element-icon-decorations.md +34 -0
data/TODO.diagrams/45-phantom-parent-class-boxes.md +40 -0
data/TODO.diagrams/46-user-drawn-legend-swatches.md +44 -0
data/TODO.diagrams/47-attribute-line-fidelity.md +72 -0
data/TODO.diagrams/48-spec-coverage-critical-emitter-components.md +45 -0
data/TODO.diagrams/49-spec-coverage-orchestrators.md +25 -0
data/TODO.diagrams/50-examples-parity.md +85 -0
data/TODO.diagrams/51-property-oy-gap-and-remaining-gaps.md +48 -0
data/TODO.diagrams/52-marker-registration-architecture.md +89 -0
data/TODO.diagrams/53-remaining-example-gaps.md +86 -0
data/TODO.diagrams/54-display-name-nested-classes.md +40 -0
data/TODO.diagrams/55-visibility-icon-discriminator.md +58 -0
data/TODO.diagrams/56-package-contents-rendering.md +148 -0
data/TODO.diagrams/57-instance-specification-model.md +100 -0
data/TODO.diagrams/58-domain-model-note-text.md +67 -0
data/TODO.diagrams/59-classes-arrow-discriminator.md +57 -0
data/TODO.diagrams/60-testschema-association-marker.md +40 -0
data/TODO.diagrams/61-legend-block-rendering.md +55 -0
data/TODO.diagrams/61-plateau-parity-gaps.md +59 -0
data/TODO.diagrams/62-ghost-element-rendering.md +56 -0
data/TODO.diagrams/63-qualified-name-wrap.md +36 -0
data/TODO.diagrams/64-property-stereotype-labels.md +22 -0
data/TODO.diagrams/65-path-coordinate-frame.md +62 -0
data/TODO.diagrams/67-path-coordinate-frame.md +62 -0
data/TODO.diagrams/68-inherited-attributes.md +65 -0
data/TODO.diagrams/69-package-anchor-conditional.md +29 -0
data/TODO.diagrams/70-mdg-technology-support.md +68 -0
data/TODO.diagrams/71-off-canvas-parent-ghost.md +45 -0
data/TODO.diagrams/72-basic-attr-divider-paths.md +39 -0
data/TODO.diagrams/73-plateau-polygon-gap.md +69 -0
data/TODO.diagrams/74-plateau-rect-gap.md +22 -0
data/TODO.diagrams/75-plateau-text-gap.md +39 -0
data/TODO.diagrams/76-basic-poly-path-gaps.md +41 -0
data/TODO.diagrams/77-basic-text-overrender.md +40 -0
data/TODO.diagrams/78-headerlines-ocp-refactor.md +65 -0
data/TODO.diagrams/79-architecture-backlog.md +65 -0
data/TODO.diagrams/80-basic-triangle-polygons.md +51 -0
data/TODO.diagrams/81-plateau-path-overrender.md +53 -0
data/TODO.diagrams/82-appearance-canvas-offset.md +54 -0
data/TODO.diagrams/83-3d-diagram-subtitle.md +58 -0
data/TODO.diagrams/84-canvas-offset-mismatches.md +61 -0
data/TODO.diagrams/85-phantom-property-overrender.md +95 -0
data/TODO.diagrams/86-foreign-package-rule.md +62 -0
data/TODO.diagrams/87-internal-tech-encryption.md +80 -0
data/TODO.diagrams/EXAMPLES_STATUS.md +88 -0
data/TODO.diagrams/README.md +69 -0
data/TODO.diagrams/STATUS.md +73 -0
data/TODO.fixup/01-default-grouped-paths.md +34 -0
data/TODO.fixup/02-marker-consolidation-per-connector.md +20 -0
data/TODO.fixup/03-diagram-font-inference.md +28 -0
data/TODO.fixup/04-extract-bounds-calculator.md +25 -0
data/TODO.fixup/05-marker-registry-ocp.md +32 -0
data/TODO.fixup/06-connector-path-bend-routing.md +28 -0
data/TODO.fixup/07-edge-attachment-formula.md +22 -0
data/TODO.fixup/08-visual-diff-harness.md +28 -0
data/TODO.fixup/09-extract-element-compartments.md +34 -0
data/TODO.fixup/10-canvas-width-overshoot-fix.md +20 -0
data/TODO.fixup/11-layer-sequencer-extraction.md +18 -0
data/TODO.fixup/12-path-style-harmony.md +23 -0
data/TODO.fixup/13-datatype-stereotype-fallback.md +28 -0
data/TODO.fixup/14-ea-exe-reverse-engineering-notes.md +56 -0
data/TODO.fixup/15-enumeration-literal-rendering.md +30 -0
data/TODO.fixup/16-operation-compartment-rendering.md +42 -0
data/TODO.fixup/17-path-count-calibration.md +27 -0
data/TODO.fixup/18-polygon-count-calibration.md +32 -0
data/TODO.fixup/19-rect-count-undershoot-investigation.md +40 -0
data/TODO.fixup/20-stereotype-color-from-classifier.md +18 -0
data/TODO.fixup/21-visibility-filter-for-properties.md +24 -0
data/TODO.fixup/22-multiplicity-display-rule-calibration.md +25 -0
data/TODO.fixup/23-diagram-frame-title-element.md +31 -0
data/TODO.fixup/24-note-element-rendering.md +23 -0
data/TODO.fixup/25-ea-exe-disassembly-findings.md +177 -0
data/TODO.fixup/26-svg-renderer-architecture.md +78 -0
data/TODO.fixup/27-svg-element-emitters-disassembly.md +135 -0
data/TODO.fixup/28-geometry-parser-identification.md +57 -0
data/TODO.fixup/29-qea-svg-xmi-triple-comparison.md +185 -0
data/TODO.fixup/30-theme-system-stub.md +46 -0
data/TODO.fixup/31-theme-value-object-registry.md +17 -0
data/TODO.fixup/32-styleex-on-diagram-model.md +22 -0
data/TODO.fixup/33-text-encoding-decimals-rotation.md +29 -0
data/TODO.fixup/34-per-type-fill-via-theme.md +18 -0
data/TODO.fixup/35-stroke-width-per-theme.md +7 -0
data/TODO.fixup/36-qea-rect-coord-normalization.md +24 -0
data/TODO.fixup/37-package-shape-rendering.md +22 -0
data/TODO.fixup/38-note-element-rendering.md +15 -0
data/TODO.fixup/39-styleex-flag-honoring.md +25 -0
data/TODO.fixup/40-connector-dashed-lines.md +15 -0
data/TODO.fixup/41-diagram-frame-showborder-detection.md +23 -0
data/TODO.fixup/42-textrenderer-centralization.md +10 -0
data/TODO.fixup/43-colorresolver-unification.md +24 -0
data/TODO.fixup/44-theme-aware-textrenderer.md +17 -0
data/TODO.fixup/45-theme-aware-fontresolver.md +22 -0
data/TODO.fixup/46-style-parameterized-by-theme.md +21 -0
data/TODO.fixup/47-canvas-frame-inset.md +19 -0
data/TODO.fixup/48-background-rect-format.md +15 -0
data/TODO.fixup/49-all-samples-integration-test.md +17 -0
data/TODO.fixup/50-svg-emitter-architecture-docs.md +33 -0
data/TODO.fixup/51-promote-theme-to-ea-namespace.md +28 -0
data/TODO.fixup/52-theme-definition-integrated-fills.md +26 -0
data/TODO.fixup/53-theme-registry-yaml-loading.md +50 -0
data/TODO.fixup/54-diagram-theme-api.md +50 -0
data/TODO.fixup/55-update-eaemitter-to-ea-theme.md +23 -0
data/TODO.fixup/56-theme-yaml-files.md +65 -0
data/TODO.fixup/57-theme-specs-and-integration.md +27 -0
data/TODO.fixup/58-ea-entry-point-theme-autoload.md +20 -0
data/TODO.fixup/59-thread-theme-through-all-renderers.md +29 -0
data/TODO.fixup/60-cli-theme-option.md +22 -0
data/TODO.fixup/61-theme-validation.md +28 -0
data/TODO.fixup/62-theme-builder-dsl.md +31 -0
data/TODO.fixup/63-theme-integration-rendering-spec.md +24 -0
data/TODO.fixup/64-theme-writeback-styleex.md +21 -0
data/TODO.fixup/65-remove-dead-eaemitter-theme-files.md +30 -0
data/TODO.fixup/66-styleex-writeback.md +22 -0
data/TODO.fixup/67-delete-dead-code.md +28 -0
data/TODO.fixup/68-figure-parity-status.md +82 -0
data/TODO.fixup/69-package-polygon-rendering.md +54 -0
data/TODO.fixup/70-tagged-values-compartment.md +39 -0
data/TODO.fixup/71-auto-detect-theme-from-xmi.md +37 -0
data/TODO.fixup/72-sample-exports-as-regression-specs.md +37 -0
data/TODO.fixup/73-delete-dead-transformations.md +14 -0
data/TODO.fixup/74-delete-dead-diagram-renderers.md +18 -0
data/TODO.fixup/75-visibility-legend-icons.md +23 -0
data/TODO.fixup/76-plateau-text-undershoot.md +27 -0
data/TODO.fixup/77-canvas-frame-margins.md +28 -0
data/TODO.fixup/78-note-element-rendering.md +30 -0
data/TODO.fixup/79-operation-compartment-rendering.md +27 -0
data/TODO.fixup/80-tagged-value-stereotype-visibility.md +37 -0
data/TODO.fixup/81-figure-parity-current-state.md +63 -0
data/config/qea_schema.yml +356 -0
data/config/themes/119.yml +98 -0
data/config/themes/default.yml +14 -0
data/examples/exports/20251010_current_plateau_v5/UML_EA.DTD +6856 -0
data/examples/exports/20251010_current_plateau_v5/model.xml +96709 -0
data/examples/exports/ArcGISWorkspace_template/UML_EA.DTD +6856 -0
data/examples/exports/ArcGISWorkspace_template/model.xml +1427 -0
data/examples/exports/UmlModel_template/UML_EA.DTD +6856 -0
data/examples/exports/UmlModel_template/model.xml +23 -0
data/examples/exports/basic/UML_EA.DTD +6856 -0
data/examples/exports/basic/model.xml +8039 -0
data/examples/exports/simple/UML_EA.DTD +6856 -0
data/examples/exports/simple/model.xml +585 -0
data/examples/exports/simple_example/UML_EA.DTD +6856 -0
data/examples/exports/simple_example/model.xml +23 -0
data/examples/exports/test/UML_EA.DTD +6856 -0
data/examples/exports/test/model.xml +1638 -0
data/examples/qea/basic.qea +0 -0
data/frontend/README.md +51 -0
data/frontend/dist/app.iife.js +24 -0
data/frontend/dist/style.css +1 -0
data/frontend/index.html +26 -0
data/frontend/package-lock.json +2359 -0
data/frontend/package.json +26 -0
data/frontend/src/App.vue +59 -0
data/frontend/src/app.ts +8 -0
data/frontend/src/components/AppHeader.vue +127 -0
data/frontend/src/components/AppSidebar.vue +119 -0
data/frontend/src/components/ClassDetails.vue +247 -0
data/frontend/src/components/DiagramView.vue +79 -0
data/frontend/src/components/PackageDetails.vue +92 -0
data/frontend/src/components/PackageTreeNode.vue +64 -0
data/frontend/src/components/SearchResults.vue +48 -0
data/frontend/src/components/WelcomeView.vue +87 -0
data/frontend/src/shims-vue.d.ts +5 -0
data/frontend/src/stores/dataStore.ts +79 -0
data/frontend/src/stores/uiStore.ts +167 -0
data/frontend/src/styles/main.css +1566 -0
data/frontend/src/types.ts +221 -0
data/frontend/tests/e2e/__screenshots__/new-dark-mode.png +0 -0
data/frontend/tests/e2e/__screenshots__/new-package-details.png +0 -0
data/frontend/tests/e2e/__screenshots__/new-search-modal.png +0 -0
data/frontend/tests/e2e/__screenshots__/new-sidebar-collapsed.png +0 -0
data/frontend/tests/e2e/__screenshots__/new-welcome.png +0 -0
data/frontend/tests/e2e/render.spec.ts +188 -0
data/frontend/tsconfig.json +20 -0
data/frontend/vite.config.ts +26 -0
data/frontend/vitest.config.ts +8 -0
data/lib/ea/cli/app.rb +57 -2
data/lib/ea/cli/command/diagrams.rb +37 -28
data/lib/ea/cli/command/diff.rb +46 -0
data/lib/ea/cli/command/export.rb +80 -0
data/lib/ea/cli/command/info.rb +75 -0
data/lib/ea/cli/command/lint.rb +48 -0
data/lib/ea/cli/command/mdg.rb +98 -0
data/lib/ea/cli/command/query.rb +34 -0
data/lib/ea/cli/command/render.rb +135 -0
data/lib/ea/cli/command/svg.rb +8 -15
data/lib/ea/cli/command.rb +7 -0
data/lib/ea/diagram/display_config.rb +184 -0
data/lib/ea/diagram.rb +4 -41
data/lib/ea/diff/change.rb +30 -0
data/lib/ea/diff/comparator.rb +82 -0
data/lib/ea/diff/html_reporter.rb +91 -0
data/lib/ea/diff.rb +15 -0
data/lib/ea/export/json/generator.rb +42 -0
data/lib/ea/export/json.rb +12 -0
data/lib/ea/export/json_schema/generator.rb +77 -0
data/lib/ea/export/json_schema.rb +12 -0
data/lib/ea/export/plantuml/generator.rb +73 -0
data/lib/ea/export/plantuml.rb +12 -0
data/lib/ea/export/xmi/generator.rb +77 -0
data/lib/ea/export/xmi.rb +11 -0
data/lib/ea/export/xsd/class_mapping.rb +65 -0
data/lib/ea/export/xsd/generator.rb +142 -0
data/lib/ea/export/xsd/namespace_registry.rb +82 -0
data/lib/ea/export/xsd.rb +19 -0
data/lib/ea/export.rb +14 -0
data/lib/ea/image/emf_renderer.rb +42 -0
data/lib/ea/image.rb +12 -0
data/lib/ea/lint/engine.rb +30 -0
data/lib/ea/lint/lint_rule.rb +38 -0
data/lib/ea/lint/offense.rb +18 -0
data/lib/ea/lint/rules/cyclic_generalization.rb +62 -0
data/lib/ea/lint/rules/duplicate_name.rb +28 -0
data/lib/ea/lint/rules/missing_stereotype.rb +35 -0
data/lib/ea/lint/rules/naming_convention.rb +44 -0
data/lib/ea/lint/rules/orphan_element.rb +28 -0
data/lib/ea/lint/rules.rb +14 -0
data/lib/ea/lint.rb +13 -0
data/lib/ea/mdg/document.rb +120 -0
data/lib/ea/mdg/loader.rb +118 -0
data/lib/ea/mdg/registry.rb +98 -0
data/lib/ea/mdg/stereotype_alias_registry.rb +77 -0
data/lib/ea/mdg/xml/applies_to.rb +18 -0
data/lib/ea/mdg/xml/apply.rb +18 -0
data/lib/ea/mdg/xml/content.rb +18 -0
data/lib/ea/mdg/xml/documentation.rb +24 -0
data/lib/ea/mdg/xml/stereotype.rb +28 -0
data/lib/ea/mdg/xml/stereotypes.rb +18 -0
data/lib/ea/mdg/xml/tag.rb +28 -0
data/lib/ea/mdg/xml/tagged_values.rb +18 -0
data/lib/ea/mdg/xml/technology.rb +28 -0
data/lib/ea/mdg/xml/uml_profile.rb +22 -0
data/lib/ea/mdg/xml/uml_profiles.rb +18 -0
data/lib/ea/mdg/xml.rb +24 -0
data/lib/ea/mdg.rb +25 -0
data/lib/ea/model/classifier.rb +4 -0
data/lib/ea/model/constraint.rb +24 -0
data/lib/ea/model/diagram.rb +85 -0
data/lib/ea/model/diagram_connector.rb +34 -0
data/lib/ea/model/diagram_element.rb +16 -0
data/lib/ea/model/document.rb +47 -2
data/lib/ea/model/ghost_label.rb +32 -0
data/lib/ea/model/instance_specification.rb +34 -0
data/lib/ea/model/legend.rb +43 -0
data/lib/ea/model/legend_item.rb +26 -0
data/lib/ea/model/note.rb +28 -0
data/lib/ea/model/operation.rb +2 -0
data/lib/ea/model/property.rb +2 -0
data/lib/ea/model/relationship.rb +2 -0
data/lib/ea/model/signal.rb +14 -0
data/lib/ea/model/slot.rb +19 -0
data/lib/ea/model.rb +8 -0
data/lib/ea/ocl/evaluator.rb +94 -0
data/lib/ea/ocl/nodes.rb +30 -0
data/lib/ea/ocl/parser.rb +133 -0
data/lib/ea/ocl/unsupported_error.rb +7 -0
data/lib/ea/ocl.rb +13 -0
data/lib/ea/qea/factory/document_builder.rb +24 -10
data/lib/ea/qea/factory/generalization_builder.rb +9 -11
data/lib/ea/qea/infrastructure/table_reader.rb +9 -0
data/lib/ea/qea/models/ea_author.rb +35 -0
data/lib/ea/qea/models/ea_glossary.rb +34 -0
data/lib/ea/qea/models/ea_image.rb +53 -0
data/lib/ea/qea/models/ea_implement.rb +32 -0
data/lib/ea/qea/models/ea_list.rb +42 -0
data/lib/ea/qea/models/ea_object_effort.rb +34 -0
data/lib/ea/qea/models/ea_object_problem.rb +37 -0
data/lib/ea/qea/models/ea_object_require.rb +34 -0
data/lib/ea/qea/models/ea_object_resource.rb +34 -0
data/lib/ea/qea/models/ea_object_risk.rb +34 -0
data/lib/ea/qea/models/ea_object_scenario.rb +34 -0
data/lib/ea/qea/models/ea_object_test.rb +35 -0
data/lib/ea/qea/models/ea_object_trx.rb +34 -0
data/lib/ea/qea/models/ea_operation.rb +7 -0
data/lib/ea/qea/models/ea_palette.rb +30 -0
data/lib/ea/qea/models/ea_palette_item.rb +36 -0
data/lib/ea/qea/models/ea_phase.rb +40 -0
data/lib/ea/qea/models/ea_role_constraint.rb +32 -0
data/lib/ea/qea/models/ea_secrypt.rb +34 -0
data/lib/ea/qea/models/ea_version.rb +39 -0
data/lib/ea/qea/models/ea_xref.rb +11 -1
data/lib/ea/qea/models.rb +19 -0
data/lib/ea/qea/services/database_loader.rb +22 -1
data/lib/ea/query/builder.rb +108 -0
data/lib/ea/query.rb +9 -0
data/lib/ea/render/image_converter.rb +101 -0
data/lib/ea/render.rb +10 -0
data/lib/ea/shapescript/parser.rb +208 -0
data/lib/ea/shapescript/renderer.rb +74 -0
data/lib/ea/shapescript/shape.rb +34 -0
data/lib/ea/shapescript.rb +24 -0
data/lib/ea/sources/qea/adapter.rb +22 -5
data/lib/ea/sources/qea/classifier_builder.rb +184 -7
data/lib/ea/sources/qea/diagram_builder.rb +352 -24
data/lib/ea/sources/qea/id_normalizer.rb +16 -1
data/lib/ea/sources/qea/instance_builder.rb +113 -0
data/lib/ea/sources/qea/legend_builder.rb +137 -0
data/lib/ea/sources/qea/note_builder.rb +58 -0
data/lib/ea/sources/qea/object_classifier_map.rb +6 -1
data/lib/ea/sources/qea/operation_builder.rb +1 -0
data/lib/ea/sources/qea/package_builder.rb +16 -0
data/lib/ea/sources/qea/relationship_builder.rb +21 -5
data/lib/ea/sources/qea/tagged_value_builder.rb +28 -9
data/lib/ea/sources/qea/xref/legend_definition.rb +35 -0
data/lib/ea/sources/qea/xref/parser.rb +150 -0
data/lib/ea/sources/qea/xref/property_definition.rb +29 -0
data/lib/ea/sources/qea/xref/record.rb +41 -0
data/lib/ea/sources/qea/xref/stereotype_application.rb +37 -0
data/lib/ea/sources/qea/xref.rb +27 -0
data/lib/ea/sources/qea.rb +4 -0
data/lib/ea/sources/xmi/adapter.rb +80 -2
data/lib/ea/sources/xmi/classifier_builder.rb +10 -1
data/lib/ea/sources/xmi/diagram_builder.rb +95 -18
data/lib/ea/sources/xmi/extension_geometry_parser.rb +19 -2
data/lib/ea/sources/xmi/extension_style_parser.rb +15 -2
data/lib/ea/sources/xmi/note_builder.rb +46 -0
data/lib/ea/sources/xmi/property_builder.rb +9 -0
data/lib/ea/sources/xmi/stereotype_builder.rb +54 -0
data/lib/ea/sources/xmi/tag_builder.rb +45 -0
data/lib/ea/sources/xmi/umldi_keyword_extractor.rb +87 -0
data/lib/ea/sources/xmi.rb +4 -0
data/lib/ea/spa/output/sharded_multi_file_strategy.rb +18 -3
data/lib/ea/spa/output/single_file_strategy.rb +8 -2
data/lib/ea/spa/output/strategy.rb +34 -0
data/lib/ea/svg/connector_router.rb +134 -0
data/lib/ea/svg/ea_emitter/background.rb +2 -3
data/lib/ea/svg/ea_emitter/bounds_calculator.rb +142 -0
data/lib/ea/svg/ea_emitter/canvas.rb +56 -33
data/lib/ea/svg/ea_emitter/color_resolver.rb +56 -0
data/lib/ea/svg/ea_emitter/compartment/attributes.rb +28 -0
data/lib/ea/svg/ea_emitter/compartment/constraints.rb +30 -0
data/lib/ea/svg/ea_emitter/compartment/enum_literals.rb +86 -0
data/lib/ea/svg/ea_emitter/compartment/header.rb +32 -0
data/lib/ea/svg/ea_emitter/compartment/header_divider.rb +57 -0
data/lib/ea/svg/ea_emitter/compartment/instance_slots.rb +96 -0
data/lib/ea/svg/ea_emitter/compartment/instance_underline.rb +67 -0
data/lib/ea/svg/ea_emitter/compartment/note_body.rb +52 -0
data/lib/ea/svg/ea_emitter/compartment/note_text.rb +102 -0
data/lib/ea/svg/ea_emitter/compartment/operations.rb +38 -0
data/lib/ea/svg/ea_emitter/compartment/package_contents.rb +72 -0
data/lib/ea/svg/ea_emitter/compartment/package_from_parent.rb +136 -0
data/lib/ea/svg/ea_emitter/compartment/shape.rb +82 -0
data/lib/ea/svg/ea_emitter/compartment/tagged_values.rb +30 -0
data/lib/ea/svg/ea_emitter/compartment.rb +58 -0
data/lib/ea/svg/ea_emitter/connectors.rb +46 -12
data/lib/ea/svg/ea_emitter/diagram_frame.rb +143 -0
data/lib/ea/svg/ea_emitter/document.rb +15 -24
data/lib/ea/svg/ea_emitter/element/attribute_line_builder.rb +117 -0
data/lib/ea/svg/ea_emitter/element/attribute_renderer.rb +119 -0
data/lib/ea/svg/ea_emitter/element/bcol_decoder.rb +29 -0
data/lib/ea/svg/ea_emitter/element/compartment_geometry.rb +113 -0
data/lib/ea/svg/ea_emitter/element/constraint_renderer.rb +53 -0
data/lib/ea/svg/ea_emitter/element/divider_renderer.rb +17 -0
data/lib/ea/svg/ea_emitter/element/enumeration_literal_renderer.rb +34 -0
data/lib/ea/svg/ea_emitter/element/filter.rb +44 -0
data/lib/ea/svg/ea_emitter/element/hand_draw_shape_renderer.rb +77 -0
data/lib/ea/svg/ea_emitter/element/header_line_pipeline.rb +43 -0
data/lib/ea/svg/ea_emitter/element/header_line_provider/instance_spec.rb +27 -0
data/lib/ea/svg/ea_emitter/element/header_line_provider/name.rb +76 -0
data/lib/ea/svg/ea_emitter/element/header_line_provider/parent_ghost.rb +25 -0
data/lib/ea/svg/ea_emitter/element/header_line_provider/stereotype_label.rb +68 -0
data/lib/ea/svg/ea_emitter/element/header_line_provider.rb +19 -0
data/lib/ea/svg/ea_emitter/element/header_lines.rb +27 -0
data/lib/ea/svg/ea_emitter/element/header_renderer.rb +48 -0
data/lib/ea/svg/ea_emitter/element/icon_renderer.rb +109 -0
data/lib/ea/svg/ea_emitter/element/legend_renderer.rb +177 -0
data/lib/ea/svg/ea_emitter/element/note_shape_renderer.rb +112 -0
data/lib/ea/svg/ea_emitter/element/operation_renderer.rb +100 -0
data/lib/ea/svg/ea_emitter/element/package_shape_renderer.rb +181 -0
data/lib/ea/svg/ea_emitter/element/row_icon_renderer.rb +156 -0
data/lib/ea/svg/ea_emitter/element/shape_renderer.rb +17 -0
data/lib/ea/svg/ea_emitter/element/stereotype_icon_renderer.rb +82 -0
data/lib/ea/svg/ea_emitter/element/tagged_value_renderer.rb +50 -0
data/lib/ea/svg/ea_emitter/element/text_escape.rb +20 -0
data/lib/ea/svg/ea_emitter/element.rb +37 -0
data/lib/ea/svg/ea_emitter/elements.rb +283 -95
data/lib/ea/svg/ea_emitter/font_resolver.rb +111 -0
data/lib/ea/svg/ea_emitter/ghost_labels.rb +66 -0
data/lib/ea/svg/ea_emitter/label/end_label.rb +266 -0
data/lib/ea/svg/ea_emitter/label/midpoint_label.rb +101 -0
data/lib/ea/svg/ea_emitter/label/registry.rb +50 -0
data/lib/ea/svg/ea_emitter/label.rb +23 -0
data/lib/ea/svg/ea_emitter/labels.rb +93 -27
data/lib/ea/svg/ea_emitter/layer.rb +20 -0
data/lib/ea/svg/ea_emitter/layer_sequencer.rb +93 -0
data/lib/ea/svg/ea_emitter/marker/arrow_path.rb +52 -0
data/lib/ea/svg/ea_emitter/marker/diamond.rb +57 -0
data/lib/ea/svg/ea_emitter/marker/kind.rb +35 -0
data/lib/ea/svg/ea_emitter/marker/open_triangle.rb +27 -0
data/lib/ea/svg/ea_emitter/marker/package_import.rb +39 -0
data/lib/ea/svg/ea_emitter/marker/plus.rb +40 -0
data/lib/ea/svg/ea_emitter/marker/registry.rb +42 -0
data/lib/ea/svg/ea_emitter/marker.rb +37 -0
data/lib/ea/svg/ea_emitter/markers.rb +351 -64
data/lib/ea/svg/ea_emitter/render_context.rb +52 -0
data/lib/ea/svg/ea_emitter/style.rb +15 -0
data/lib/ea/svg/ea_emitter/text_renderer.rb +92 -0
data/lib/ea/svg/ea_emitter.rb +33 -11
data/lib/ea/svg/parity/checker.rb +105 -0
data/lib/ea/svg/parity/source.rb +59 -0
data/lib/ea/svg/parity/suite.rb +113 -0
data/lib/ea/svg/parity.rb +14 -0
data/lib/ea/svg.rb +2 -15
data/lib/ea/theme/definition.rb +176 -0
data/lib/ea/theme/loader.rb +125 -0
data/lib/ea/theme/registry.rb +96 -0
data/lib/ea/theme.rb +37 -0
data/lib/ea/transformations.rb +5 -88
data/lib/ea/version.rb +4 -1
data/lib/ea.rb +14 -4
data/lib/tasks/svg_bench.rake +87 -0
data/lutaml-uml-0.5.1.gem +0 -0
data/reference-docs/enterprise-architect-appearance-dialogs/appearance-1-diagram-1-themes-list.png +0 -0
data/reference-docs/enterprise-architect-appearance-dialogs/appearance-1-diagram-1-themes.png +0 -0
data/reference-docs/enterprise-architect-appearance-dialogs/appearance-1-diagram-2-gradients.png +0 -0
data/reference-docs/enterprise-architect-appearance-dialogs/appearance-1-diagram-3-colors.png +0 -0
data/reference-docs/enterprise-architect-appearance-dialogs/appearance-1-diagram-4-appearance-fonts.png +0 -0
data/reference-docs/enterprise-architect-appearance-dialogs/appearance-1-diagram-4-appearance.png +0 -0
data/reference-docs/enterprise-architect-appearance-dialogs/appearance-1-diagram-5-behavior.png +0 -0
data/reference-docs/enterprise-architect-appearance-dialogs/appearance-1-diagram-6-sequence.png +0 -0
data/reference-docs/enterprise-architect-appearance-dialogs/appearance-1-diagram.png +0 -0
data/reference-docs/enterprise-architect-appearance-dialogs/appearance-2-objects.png +0 -0
data/reference-docs/enterprise-architect-appearance-dialogs/appearance-3-links.png +0 -0
metadata +449 -26
data/lib/ea/diagram/configuration.rb +0 -379
data/lib/ea/diagram/element_renderers/base_renderer.rb +0 -77
data/lib/ea/diagram/element_renderers/class_renderer.rb +0 -323
data/lib/ea/diagram/element_renderers/connector_renderer.rb +0 -41
data/lib/ea/diagram/element_renderers/package_renderer.rb +0 -61
data/lib/ea/diagram/element_renderers.rb +0 -43
data/lib/ea/diagram/extractor.rb +0 -566
data/lib/ea/diagram/layout_engine.rb +0 -170
data/lib/ea/diagram/path_builder.rb +0 -202
data/lib/ea/diagram/style_parser.rb +0 -42
data/lib/ea/diagram/style_resolver.rb +0 -291
data/lib/ea/diagram/svg_renderer.rb +0 -274
data/lib/ea/diagram/util.rb +0 -73
data/lib/ea/svg/bounds_calculator.rb +0 -74
data/lib/ea/svg/connector_path.rb +0 -138
data/lib/ea/svg/element_box.rb +0 -256
data/lib/ea/svg/renderer.rb +0 -77
data/lib/ea/svg/style_resolver.rb +0 -72
data/lib/ea/transformations/configuration.rb +0 -333
data/lib/ea/transformations/format_registry.rb +0 -366
data/lib/ea/transformations/parsers/base_parser.rb +0 -482
data/lib/ea/transformations/parsers/qea_parser.rb +0 -401
data/lib/ea/transformations/parsers/xmi_parser.rb +0 -243
data/lib/ea/transformations/transformation_engine.rb +0 -390

data/frontend/src/styles/main.css ADDED Viewed

@@ -0,0 +1,1566 @@
+/* LutaML UML Browser — Branded Design System */
+:root {
+  /* Primary — LutaML Blue (#5b9cd4) */
+  --color-primary: #5b9cd4;
+  --color-primary-light: #7db5e2;
+  --color-primary-dark: #26489e;
+  --color-primary-alpha: rgba(91, 156, 212, 0.12);
+  /* Accent — Golden Yellow (#dbab3e) */
+  --color-accent: #dbab3e;
+  --color-accent-light: #f0ca6e;
+  --color-accent-alpha: rgba(219, 171, 62, 0.12);
+  /* Semantic */
+  --color-teal: #60c3a7;
+  --color-teal-alpha: rgba(96, 195, 167, 0.12);
+  --color-orange: #ea5624;
+  --color-orange-alpha: rgba(234, 86, 36, 0.12);
+  --color-red: #b31f24;
+  --color-red-alpha: rgba(179, 31, 36, 0.12);
+  --color-green: #7cc242;
+  --color-green-alpha: rgba(124, 194, 66, 0.12);
+  /* Backgrounds — Warm Stones */
+  --bg-primary: #FAFAF9;
+  --bg-secondary: #F5F5F4;
+  --bg-elevated: #FFFFFF;
+  --bg-overlay: rgba(28, 25, 23, 0.5);
+  --bg-hover: rgba(28, 25, 23, 0.04);
+  --bg-active: rgba(28, 25, 23, 0.06);
+  /* Text — Warm Grays */
+  --text-primary: #1C1917;
+  --text-secondary: #57534E;
+  --text-muted: #A8A29E;
+  /* Borders */
+  --border-light: #E7E5E4;
+  --border-medium: #D6D3D1;
+  --border-focus: #5b9cd4;
+  /* Badge Colors */
+  --badge-class: #26489e;
+  --badge-class-bg: rgba(38, 72, 158, 0.12);
+  --badge-enum: #dbab3e;
+  --badge-enum-bg: rgba(219, 171, 62, 0.15);
+  --badge-datatype: #60c3a7;
+  --badge-datatype-bg: rgba(96, 195, 167, 0.15);
+  --badge-interface: #5b9cd4;
+  --badge-interface-bg: rgba(91, 156, 212, 0.12);
+  --badge-package: #ea5624;
+  --badge-package-bg: rgba(234, 86, 36, 0.12);
+  --badge-diagram: #7cc242;
+  --badge-diagram-bg: rgba(124, 194, 66, 0.12);
+  --badge-abstract: #b31f24;
+  --badge-abstract-bg: rgba(179, 31, 36, 0.12);
+  /* Shadows */
+  --shadow-sm: 0 1px 2px rgba(28, 25, 23, 0.05);
+  --shadow-md: 0 4px 6px -1px rgba(28, 25, 23, 0.07), 0 2px 4px -1px rgba(28, 25, 23, 0.04);
+  --shadow-lg: 0 10px 15px -3px rgba(28, 25, 23, 0.08), 0 4px 6px -2px rgba(28, 25, 23, 0.04);
+  /* Typography */
+  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+  --font-mono: 'JetBrains Mono', 'SF Mono', Monaco, 'Consolas', monospace;
+  /* Type Scale */
+  --text-xs: 0.75rem;
+  --text-sm: 0.875rem;
+  --text-base: 1rem;
+  --text-lg: 1.125rem;
+  --text-xl: 1.25rem;
+  --text-2xl: 1.5rem;
+  --text-3xl: 1.875rem;
+  /* Line Heights */
+  --leading-tight: 1.25;
+  --leading-normal: 1.5;
+  --leading-relaxed: 1.75;
+  /* Spacing */
+  --space-1: 0.25rem;
+  --space-2: 0.5rem;
+  --space-3: 0.75rem;
+  --space-4: 1rem;
+  --space-5: 1.25rem;
+  --space-6: 1.5rem;
+  --space-8: 2rem;
+  --space-10: 2.5rem;
+  --space-12: 3rem;
+  /* Border Radius */
+  --radius-sm: 0.25rem;
+  --radius-md: 0.375rem;
+  --radius-lg: 0.5rem;
+  --radius-xl: 0.75rem;
+  /* Transitions */
+  --transition-fast: 100ms ease;
+  --transition-normal: 150ms ease;
+  --transition-slow: 200ms ease-out;
+  /* Layout */
+  --sidebar-width: 280px;
+  --header-height: 56px;
+  /* Z-index */
+  --z-sidebar: 10;
+  --z-header: 20;
+  --z-search-overlay: 100;
+  --z-modal: 200;
+}
+/* Dark Mode */
+[data-theme="dark"] {
+  --bg-primary: #1a1a24;
+  --bg-secondary: #232736;
+  --bg-elevated: #2d3344;
+  --bg-overlay: rgba(0, 0, 0, 0.7);
+  --bg-hover: rgba(255, 255, 255, 0.06);
+  --bg-active: rgba(255, 255, 255, 0.10);
+  --text-primary: #e8edf4;
+  --text-secondary: #a8b4c8;
+  --text-muted: #6b7a8f;
+  --border-light: #3a4256;
+  --border-medium: #4a5572;
+  --border-focus: #5b9cd4;
+  --badge-class-bg: rgba(91, 156, 212, 0.2);
+  --badge-class: #5b9cd4;
+  --badge-enum-bg: rgba(219, 171, 62, 0.2);
+  --badge-datatype-bg: rgba(96, 195, 167, 0.2);
+  --badge-interface-bg: rgba(91, 156, 212, 0.2);
+  --badge-package-bg: rgba(234, 86, 36, 0.2);
+  --badge-diagram-bg: rgba(124, 194, 66, 0.2);
+  --badge-abstract-bg: rgba(179, 31, 36, 0.2);
+  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
+  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.5), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
+  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.6), 0 4px 6px -2px rgba(0, 0, 0, 0.4);
+}
+/* Modern CSS Reset */
+*, *::before, *::after {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+html {
+  font-size: 16px;
+  -webkit-text-size-adjust: 100%;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+body {
+  min-height: 100vh;
+  font-family: var(--font-sans);
+  font-size: var(--text-base);
+  line-height: var(--leading-normal);
+  color: var(--text-primary);
+  background-color: var(--bg-primary);
+}
+ul, ol { list-style: none; }
+img, picture, video, canvas, svg {
+  display: block;
+  max-width: 100%;
+}
+input, button, textarea, select {
+  font: inherit;
+  color: inherit;
+}
+button {
+  background: none;
+  border: none;
+  cursor: pointer;
+  font-family: inherit;
+  font-size: inherit;
+}
+a {
+  color: var(--color-primary);
+  text-decoration: none;
+  transition: color var(--transition-fast);
+}
+a:hover {
+  color: var(--color-primary-dark);
+  text-decoration: underline;
+}
+p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; }
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+@media (prefers-reduced-motion: reduce) {
+  *, *::before, *::after {
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.01ms !important;
+  }
+}
+/* Typography */
+h1, h2, h3, h4, h5, h6 {
+  font-weight: 600;
+  line-height: var(--leading-tight);
+  color: var(--text-primary);
+}
+h1 { font-size: var(--text-2xl); }
+h2 { font-size: var(--text-xl); }
+h3 { font-size: var(--text-lg); }
+h4 { font-size: var(--text-base); color: var(--text-secondary); }
+code, pre {
+  font-family: var(--font-mono);
+  font-size: 0.9em;
+}
+code {
+  background: var(--bg-secondary);
+  padding: 0.125em 0.375em;
+  border-radius: var(--radius-sm);
+}
+pre {
+  background: var(--bg-secondary);
+  padding: var(--space-4);
+  border-radius: var(--radius-md);
+  overflow-x: auto;
+}
+pre code {
+  background: none;
+  padding: 0;
+}
+kbd {
+  display: inline-block;
+  padding: 2px 5px;
+  font-family: var(--font-mono);
+  font-size: 10px;
+  background: var(--bg-elevated);
+  border: 1px solid var(--border-medium);
+  border-radius: var(--radius-sm);
+}
+mark {
+  background: var(--color-accent-alpha);
+  color: var(--color-accent);
+  padding: 0 2px;
+  border-radius: 2px;
+}
+/* Scrollbars */
+::-webkit-scrollbar { width: 8px; height: 8px; }
+::-webkit-scrollbar-track { background: transparent; }
+::-webkit-scrollbar-thumb { background: var(--border-medium); border-radius: 4px; }
+::-webkit-scrollbar-thumb:hover { background: var(--text-muted); }
+/* Animations */
+@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
+@keyframes slideIn { from { opacity: 0; transform: translateX(10px); } to { opacity: 1; transform: translateX(0); } }
+@keyframes slideUp { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
+/* Buttons */
+.btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--space-2);
+  padding: var(--space-2) var(--space-4);
+  font-size: var(--text-sm);
+  font-weight: 500;
+  border-radius: var(--radius-md);
+  transition: all var(--transition-fast);
+}
+.btn-primary {
+  background: var(--color-primary);
+  color: white;
+}
+.btn-primary:hover {
+  background: var(--color-primary-dark);
+}
+.btn-secondary {
+  background: var(--bg-secondary);
+  color: var(--text-primary);
+  border: 1px solid var(--border-medium);
+}
+.btn-secondary:hover {
+  background: var(--bg-hover);
+}
+.btn-ghost {
+  color: var(--text-secondary);
+}
+.btn-ghost:hover {
+  background: var(--bg-hover);
+  color: var(--text-primary);
+}
+/* Input */
+.input {
+  width: 100%;
+  padding: var(--space-2) var(--space-3);
+  font-size: var(--text-sm);
+  background: var(--bg-elevated);
+  border: 1px solid var(--border-light);
+  border-radius: var(--radius-md);
+  color: var(--text-primary);
+  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
+}
+.input:focus {
+  outline: none;
+  border-color: var(--border-focus);
+  box-shadow: 0 0 0 3px var(--color-primary-alpha);
+}
+.input::placeholder { color: var(--text-muted); }
+/* Badge */
+.badge {
+  display: inline-flex;
+  align-items: center;
+  padding: 0.125rem 0.5rem;
+  font-size: var(--text-xs);
+  font-weight: 500;
+  border-radius: var(--radius-sm);
+  text-transform: uppercase;
+  letter-spacing: 0.025em;
+}
+/* Cards */
+.card {
+  background: var(--bg-elevated);
+  border: 1px solid var(--border-light);
+  border-radius: var(--radius-lg);
+  box-shadow: var(--shadow-sm);
+}
+/* Layout — LutaML Branded */
+#app {
+  height: 100vh;
+}
+.app-layout {
+  display: flex;
+  height: 100vh;
+  overflow: hidden;
+}
+/* Main column (header + content) */
+.main-content {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+/* Header */
+.header {
+  height: var(--header-height);
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  padding: 0 var(--space-4);
+  background: var(--bg-elevated);
+  border-bottom: 1px solid var(--border-light);
+  gap: var(--space-4);
+  z-index: var(--z-header);
+}
+.header-left {
+  display: flex;
+  align-items: center;
+  gap: var(--space-3);
+}
+.header-center {
+  flex: 1;
+  display: flex;
+  justify-content: center;
+  max-width: 480px;
+  margin: 0 auto;
+}
+.header-right {
+  display: flex;
+  align-items: center;
+  gap: var(--space-1);
+}
+/* Sidebar */
+.sidebar {
+  width: var(--sidebar-width);
+  flex-shrink: 0;
+  background: var(--bg-secondary);
+  border-right: 1px solid var(--border-light);
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  z-index: var(--z-sidebar);
+}
+.sidebar.collapsed {
+  width: 0;
+}
+.sidebar-content {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  min-width: var(--sidebar-width);
+}
+/* Content area */
+.content-area {
+  flex: 1;
+  overflow: auto;
+  padding: var(--space-6);
+  background: var(--bg-primary);
+}
+/* Responsive */
+@media (max-width: 1023px) {
+  .sidebar {
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    box-shadow: var(--shadow-lg);
+  }
+  .sidebar.collapsed {
+    width: 0;
+    overflow: hidden;
+  }
+  .sidebar-toggle {
+    display: flex !important;
+  }
+  .header-center {
+    max-width: none;
+  }
+}
+@media (max-width: 767px) {
+  :root {
+    --sidebar-width: 280px;
+    --header-height: 48px;
+  }
+  .content-area {
+    padding: var(--space-4);
+  }
+}
+@media (min-width: 1280px) {
+  :root {
+    --sidebar-width: 320px;
+  }
+}
+/* Components — LutaML Branded */
+/* ========== Sidebar ========== */
+.sidebar-branding {
+  display: flex;
+  align-items: center;
+  gap: var(--space-2);
+  padding: 0 var(--space-4);
+  height: var(--header-height);
+  border-bottom: 1px solid var(--border-light);
+}
+.branding-logo {
+  width: 28px;
+  height: 28px;
+  flex-shrink: 0;
+}
+.branding-text {
+  display: flex;
+  flex-direction: column;
+  line-height: 1.2;
+  min-width: 0;
+}
+.branding-title {
+  font-size: var(--text-sm);
+  font-weight: 600;
+  color: var(--text-primary);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.branding-subtitle {
+  font-size: var(--text-xs);
+  color: var(--text-muted);
+  font-weight: 400;
+}
+/* Overview Button */
+.overview-btn {
+  display: flex;
+  align-items: center;
+  gap: var(--space-2);
+  width: 100%;
+  padding: var(--space-2) var(--space-3);
+  font-size: var(--text-sm);
+  font-weight: 500;
+  color: var(--text-secondary);
+  border-radius: var(--radius-md);
+  cursor: pointer;
+  transition: all var(--transition-fast);
+}
+.overview-btn:hover {
+  background: var(--bg-hover);
+  color: var(--text-primary);
+}
+.overview-btn.active {
+  background: var(--color-primary-alpha);
+  color: var(--color-primary);
+}
+/* Sidebar Sections */
+.sidebar-section {
+  padding: var(--space-4);
+  border-bottom: 1px solid var(--border-light);
+}
+.section-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: var(--space-3);
+}
+.section-title {
+  font-size: var(--text-xs);
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  color: var(--text-muted);
+}
+/* ========== Package Tree — matching lutaml-xsd SchemaTreeNode ========== */
+.tree-node {
+  user-select: none;
+}
+.tree-node-content {
+  display: flex;
+  align-items: center;
+  gap: var(--space-1);
+  padding: var(--space-1) var(--space-2);
+  border-radius: var(--radius-sm);
+  cursor: pointer;
+  transition: background var(--transition-fast);
+}
+.tree-node-content:hover {
+  background: var(--bg-hover);
+}
+.tree-node-content.selected {
+  background: var(--color-primary-alpha);
+  color: var(--color-primary);
+}
+.tree-toggle {
+  width: 16px;
+  height: 16px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  color: var(--text-muted);
+  transition: transform var(--transition-fast);
+  flex-shrink: 0;
+}
+.tree-toggle svg.expanded {
+  transform: rotate(90deg);
+}
+.tree-toggle-placeholder {
+  width: 16px;
+  flex-shrink: 0;
+}
+.tree-icon {
+  color: var(--text-muted);
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+}
+.tree-label-group {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  min-width: 0;
+  cursor: pointer;
+}
+.tree-label {
+  font-size: var(--text-sm);
+  font-weight: 500;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  text-align: left;
+  background: none;
+  border: none;
+  cursor: pointer;
+  color: inherit;
+  padding: 0;
+  font-family: inherit;
+}
+.tree-label:hover {
+  color: var(--color-primary);
+}
+.tree-node-content.selected .tree-label {
+  color: var(--color-primary);
+}
+.tree-stereotype {
+  font-size: var(--text-xs);
+  color: var(--text-muted);
+  font-style: italic;
+  line-height: 1.2;
+}
+.tree-count {
+  font-size: var(--text-xs);
+  color: var(--text-muted);
+  background: var(--bg-primary);
+  padding: 1px 5px;
+  border-radius: var(--radius-sm);
+  flex-shrink: 0;
+}
+.tree-children {
+  margin-top: var(--space-1);
+  padding-left: var(--space-4);
+}
+/* Tree group (Classes under a package) */
+.tree-group {
+  margin-bottom: var(--space-1);
+}
+.tree-group-label {
+  display: flex;
+  align-items: center;
+  gap: var(--space-1);
+  padding: var(--space-1) var(--space-2);
+  font-size: var(--text-xs);
+  font-weight: 500;
+  color: var(--text-muted);
+}
+.tree-group-items {
+  margin-top: var(--space-1);
+}
+/* Tree item (leaf — class/datatype/enum) */
+.tree-item {
+  display: flex;
+  align-items: center;
+  gap: var(--space-2);
+  padding: var(--space-1) var(--space-2);
+  padding-left: calc(var(--space-2) + 20px);
+  border-radius: var(--radius-sm);
+  cursor: pointer;
+  transition: background var(--transition-fast);
+}
+.tree-item:hover {
+  background: var(--bg-hover);
+}
+.tree-item.selected {
+  background: var(--color-primary-alpha);
+}
+.tree-item-label {
+  flex: 1;
+  font-size: var(--text-sm);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+/* Stats Grid */
+.stats-grid {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: var(--space-2);
+  text-align: center;
+}
+.stat-item {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+.stat-value {
+  font-size: var(--text-lg);
+  font-weight: 600;
+  color: var(--text-primary);
+}
+.stat-label {
+  font-size: var(--text-xs);
+  color: var(--text-muted);
+}
+/* Sidebar Footer */
+.sidebar-footer {
+  padding: var(--space-3) var(--space-4);
+  border-top: 1px solid var(--border-light);
+  display: flex;
+  align-items: center;
+  gap: var(--space-3);
+}
+.lutaml-logo {
+  height: 18px;
+  flex-shrink: 0;
+  opacity: 0.7;
+}
+.lutaml-logo svg {
+  height: 100%;
+  width: auto;
+}
+.footer-text {
+  font-size: var(--text-xs);
+  color: var(--text-muted);
+  line-height: 1.3;
+}
+.footer-text a {
+  color: var(--color-primary);
+  text-decoration: none;
+}
+.footer-text a:hover { text-decoration: underline; }
+/* ========== Header ========== */
+.sidebar-toggle {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: var(--space-2);
+}
+.home-btn {
+  width: 32px;
+  height: 32px;
+  padding: 0;
+  color: var(--text-secondary);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: var(--radius-md);
+}
+.home-btn:hover {
+  background: var(--bg-hover);
+  color: var(--text-primary);
+}
+.header-breadcrumb {
+  font-size: var(--text-sm);
+  color: var(--text-secondary);
+  font-weight: 500;
+}
+/* Search Trigger */
+.search-trigger {
+  display: flex;
+  align-items: center;
+  gap: var(--space-2);
+  width: 100%;
+  padding: var(--space-2) var(--space-3);
+  background: var(--bg-secondary);
+  border: 1px solid var(--border-light);
+  border-radius: var(--radius-md);
+  color: var(--text-muted);
+  font-size: var(--text-sm);
+  cursor: pointer;
+  transition: all var(--transition-fast);
+}
+.search-trigger:hover {
+  background: var(--bg-hover);
+  border-color: var(--border-medium);
+}
+.search-placeholder { flex: 1; text-align: left; }
+/* Header icon buttons */
+.icon-btn {
+  width: 32px;
+  height: 32px;
+  padding: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--text-secondary);
+  border-radius: var(--radius-md);
+  transition: all var(--transition-fast);
+}
+.icon-btn:hover {
+  background: var(--bg-hover);
+  color: var(--text-primary);
+}
+/* ========== Search Modal ========== */
+.search-modal-overlay {
+  position: fixed;
+  inset: 0;
+  background: var(--bg-overlay);
+  display: flex;
+  align-items: flex-start;
+  justify-content: center;
+  z-index: var(--z-search-overlay);
+  animation: fadeIn var(--transition-fast);
+}
+.search-modal {
+  width: 100%;
+  max-width: 560px;
+  background: var(--bg-elevated);
+  border-radius: var(--radius-xl);
+  box-shadow: var(--shadow-lg);
+  overflow: hidden;
+  animation: slideUp var(--transition-slow);
+}
+.search-input-wrapper {
+  display: flex;
+  align-items: center;
+  gap: var(--space-3);
+  padding: var(--space-4);
+  border-bottom: 1px solid var(--border-light);
+}
+.search-input {
+  flex: 1;
+  border: none;
+  background: none;
+  font-size: var(--text-base);
+  color: var(--text-primary);
+  outline: none;
+  font-family: var(--font-sans);
+}
+.search-input::placeholder { color: var(--text-muted); }
+.search-results {
+  max-height: 400px;
+  overflow-y: auto;
+}
+.search-loading,
+.search-empty {
+  padding: var(--space-8);
+  text-align: center;
+  color: var(--text-muted);
+}
+.search-results-list {
+  padding: var(--space-2);
+}
+.search-result {
+  display: flex;
+  align-items: center;
+  gap: var(--space-3);
+  padding: var(--space-2) var(--space-3);
+  border-radius: var(--radius-md);
+  cursor: pointer;
+  transition: background var(--transition-fast);
+}
+.search-result:hover,
+.search-result.focused {
+  background: var(--bg-hover);
+}
+.result-icon {
+  color: var(--text-muted);
+  display: flex;
+  align-items: center;
+}
+.result-content {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  min-width: 0;
+}
+.result-name {
+  font-size: var(--text-sm);
+  font-weight: 500;
+  color: var(--text-primary);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.result-path {
+  font-size: var(--text-xs);
+  color: var(--text-muted);
+}
+.search-footer {
+  padding: var(--space-3) var(--space-4);
+  border-top: 1px solid var(--border-light);
+  background: var(--bg-secondary);
+}
+.search-hints {
+  display: flex;
+  gap: var(--space-4);
+  font-size: var(--text-xs);
+  color: var(--text-muted);
+}
+.search-hints kbd {
+  padding: 2px 5px;
+  font-family: var(--font-mono);
+  font-size: 10px;
+  background: var(--bg-elevated);
+  border: 1px solid var(--border-medium);
+  border-radius: var(--radius-sm);
+  margin-right: 2px;
+}
+/* ========== Welcome Screen ========== */
+.view-welcome {
+  max-width: 640px;
+  margin: 0 auto;
+  padding: var(--space-12) var(--space-4);
+  text-align: center;
+}
+.welcome-logo {
+  width: 48px;
+  height: 48px;
+  margin: 0 auto var(--space-4);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.welcome-logo svg {
+  width: 100%;
+  height: 100%;
+}
+.welcome-title {
+  font-size: var(--text-3xl);
+  font-weight: 600;
+  margin-bottom: var(--space-2);
+}
+.welcome-subtitle {
+  font-size: var(--text-lg);
+  color: var(--text-secondary);
+  margin-bottom: var(--space-8);
+}
+.welcome-stats {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
+  gap: var(--space-3);
+  margin-bottom: var(--space-8);
+}
+.welcome-stat {
+  background: var(--bg-secondary);
+  border-radius: var(--radius-lg);
+  padding: var(--space-5);
+}
+.welcome-stat-value {
+  font-size: var(--text-2xl);
+  font-weight: 600;
+  color: var(--color-primary);
+}
+.welcome-stat-label {
+  font-size: var(--text-xs);
+  color: var(--text-muted);
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  margin-top: var(--space-1);
+}
+.welcome-actions {
+  font-size: var(--text-sm);
+  color: var(--text-muted);
+}
+.welcome-meta {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--space-4);
+  padding: var(--space-3) var(--space-4);
+  background: var(--bg-secondary);
+  border-radius: var(--radius-md);
+  font-size: var(--text-sm);
+}
+.welcome-meta .meta-item {
+  display: flex;
+  gap: var(--space-2);
+}
+.welcome-meta .meta-label {
+  color: var(--text-muted);
+}
+.welcome-meta .meta-value {
+  color: var(--text-primary);
+  font-weight: 500;
+}
+/* ========== Entity Header ========== */
+.entity-header {
+  display: flex;
+  align-items: flex-start;
+  gap: var(--space-4);
+  margin-bottom: var(--space-6);
+  padding-bottom: var(--space-4);
+  border-bottom: 1px solid var(--border-light);
+}
+.entity-title {
+  flex: 1;
+  min-width: 0;
+}
+.entity-name {
+  font-size: var(--text-2xl);
+  font-weight: 600;
+  margin: 0;
+  line-height: var(--leading-tight);
+}
+.entity-subtitle {
+  font-size: var(--text-sm);
+  color: var(--text-muted);
+  margin-top: var(--space-1);
+}
+.entity-badge {
+  padding: 0.25rem 0.75rem;
+  font-size: var(--text-xs);
+  font-weight: 500;
+  border-radius: var(--radius-md);
+  text-transform: uppercase;
+  letter-spacing: 0.025em;
+  flex-shrink: 0;
+  margin-top: var(--space-1);
+}
+.badge-package { background: var(--badge-package-bg); color: var(--badge-package); }
+.badge-class { background: var(--badge-class-bg); color: var(--badge-class); }
+.badge-enum { background: var(--badge-enum-bg); color: var(--badge-enum); }
+.badge-datatype { background: var(--badge-datatype-bg); color: var(--badge-datatype); }
+.badge-interface { background: var(--badge-interface-bg); color: var(--badge-interface); }
+.badge-diagram { background: var(--badge-diagram-bg); color: var(--badge-diagram); }
+.badge-abstract { background: var(--badge-abstract-bg); color: var(--badge-abstract); }
+/* ========== Entity Metadata ========== */
+.entity-metadata {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--space-3) var(--space-6);
+  margin-bottom: var(--space-6);
+  font-size: var(--text-sm);
+}
+.metadata-item {
+  display: flex;
+  gap: var(--space-2);
+  align-items: baseline;
+}
+.metadata-label {
+  font-weight: 500;
+  color: var(--text-muted);
+  font-size: var(--text-xs);
+  text-transform: uppercase;
+  letter-spacing: 0.03em;
+}
+.metadata-value {
+  color: var(--text-secondary);
+}
+/* Definition */
+.entity-definition {
+  margin-bottom: var(--space-8);
+}
+.definition-content {
+  background: var(--bg-secondary);
+  padding: var(--space-4) var(--space-5);
+  border-radius: var(--radius-lg);
+  border-left: 3px solid var(--color-primary);
+  line-height: var(--leading-relaxed);
+  font-size: var(--text-sm);
+  color: var(--text-secondary);
+}
+/* ========== Sections ========== */
+.section {
+  margin-bottom: var(--space-8);
+}
+.section-title {
+  font-size: var(--text-sm);
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  color: var(--text-muted);
+  margin-bottom: var(--space-3);
+  display: flex;
+  align-items: center;
+  gap: var(--space-2);
+}
+.section-count {
+  font-size: var(--text-xs);
+  color: var(--text-muted);
+  background: var(--bg-secondary);
+  padding: 1px 6px;
+  border-radius: var(--radius-sm);
+  font-weight: 500;
+}
+/* ========== Data Table ========== */
+.data-table {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: var(--text-sm);
+}
+.data-table th,
+.data-table td {
+  padding: var(--space-2) var(--space-3);
+  text-align: left;
+  border-bottom: 1px solid var(--border-light);
+}
+.data-table th {
+  font-weight: 500;
+  color: var(--text-secondary);
+  background: var(--bg-secondary);
+  font-size: var(--text-xs);
+  text-transform: uppercase;
+  letter-spacing: 0.03em;
+}
+.data-table tr:hover td {
+  background: var(--bg-hover);
+}
+.data-table tr.clickable-row { cursor: pointer; }
+.table-wrapper {
+  overflow-x: auto;
+  border: 1px solid var(--border-light);
+  border-radius: var(--radius-lg);
+}
+.table-wrapper .data-table { margin: 0; }
+/* ========== Links ========== */
+.link-button {
+  color: var(--color-primary);
+  background: none;
+  border: none;
+  cursor: pointer;
+  padding: 0;
+  font-size: inherit;
+  font-family: inherit;
+  text-align: left;
+}
+.link-button:hover {
+  color: var(--color-primary-dark);
+  text-decoration: underline;
+}
+.type-link {
+  color: var(--color-primary);
+  background: none;
+  border: none;
+  cursor: pointer;
+  padding: 0;
+  font-family: var(--font-mono);
+  font-size: inherit;
+}
+.type-link:hover {
+  color: var(--color-primary-dark);
+  text-decoration: underline;
+}
+.uml-basic-type {
+  color: var(--color-teal);
+  font-weight: 500;
+}
+.type-unresolved {
+  color: var(--color-orange);
+  font-weight: 500;
+  font-family: var(--font-mono);
+}
+/* ========== List Items ========== */
+.item-list {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-1);
+}
+.list-item {
+  display: flex;
+  align-items: center;
+  gap: var(--space-3);
+  padding: var(--space-2) var(--space-3);
+  border-radius: var(--radius-md);
+  cursor: pointer;
+  transition: all var(--transition-fast);
+  font-size: var(--text-sm);
+}
+.list-item:hover {
+  background: var(--bg-hover);
+}
+.list-item-icon {
+  color: var(--text-muted);
+  flex-shrink: 0;
+}
+.list-item-name {
+  flex: 1;
+  font-weight: 500;
+  color: var(--text-primary);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.list-item-meta {
+  font-size: var(--text-xs);
+  color: var(--text-muted);
+  flex-shrink: 0;
+}
+/* ========== Inheritance ========== */
+.inheritance-group {
+  margin-bottom: var(--space-6);
+}
+.inheritance-header {
+  display: flex;
+  align-items: center;
+  gap: var(--space-2);
+  padding: var(--space-2) var(--space-3);
+  background: var(--bg-secondary);
+  border-left: 3px solid var(--color-primary);
+  border-radius: 0 var(--radius-md) var(--radius-md) 0;
+  margin-bottom: var(--space-3);
+  font-size: var(--text-sm);
+  font-weight: 500;
+  color: var(--text-secondary);
+}
+/* ========== Empty State ========== */
+.empty-state {
+  padding: var(--space-8);
+  text-align: center;
+  color: var(--text-muted);
+  font-size: var(--text-sm);
+}
+.info-message {
+  padding: var(--space-3) var(--space-4);
+  background: var(--color-primary-alpha);
+  border-radius: var(--radius-md);
+  font-size: var(--text-sm);
+  color: var(--color-primary);
+  margin-bottom: var(--space-4);
+}
+/* ========== Cell Helpers ========== */
+.cell-description {
+  font-size: var(--text-xs);
+  color: var(--text-muted);
+  margin-top: var(--space-1);
+}
+.visibility-badge {
+  display: inline-block;
+  padding: 0.125rem 0.375rem;
+  font-size: var(--text-xs);
+  border-radius: var(--radius-sm);
+}
+.visibility-badge[data-visibility="public"] { background: var(--color-green-alpha); color: var(--color-green); }
+.visibility-badge[data-visibility="private"] { background: var(--color-red-alpha); color: var(--color-red); }
+.visibility-badge[data-visibility="protected"] { background: var(--color-orange-alpha); color: var(--color-orange); }
+.modifier-badge {
+  display: inline-block;
+  padding: 0.1rem 0.4rem;
+  font-size: var(--text-xs);
+  background: var(--bg-secondary);
+  border-radius: var(--radius-sm);
+  color: var(--text-muted);
+  margin-right: var(--space-1);
+}
+.stereotype-tag {
+  display: inline-block;
+  padding: 0.1rem 0.4rem;
+  font-size: var(--text-xs);
+  font-weight: 500;
+  background: var(--badge-interface-bg);
+  color: var(--badge-interface);
+  border-radius: var(--radius-sm);
+  margin-right: var(--space-1);
+}
+/* ========== Search Results View ========== */
+.result-group {
+  margin-bottom: var(--space-6);
+}
+.result-group-title {
+  font-size: var(--text-sm);
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  color: var(--text-muted);
+  margin-bottom: var(--space-3);
+}
+/* Inherited tables */
+.inherited-table {
+  font-size: var(--text-sm);
+  opacity: 0.92;
+}
+.inherited-table th { font-size: var(--text-xs); }
+.inherited-table td { padding: var(--space-2); }
+/* Utilities */
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+}
+.truncate {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.font-mono { font-family: var(--font-mono); }
+.text-muted { color: var(--text-muted); }
+.text-secondary { color: var(--text-secondary); }
+/* Diagram Viewer — LutaML Branded */
+.diagram-toolbar {
+  display: flex;
+  gap: var(--space-2);
+  padding: var(--space-3) 0;
+  margin-bottom: var(--space-4);
+}
+.diagram-toolbar .btn-sm {
+  padding: var(--space-2) var(--space-3);
+  font-size: var(--text-xs);
+  font-weight: 500;
+  background: var(--bg-secondary);
+  border: 1px solid var(--border-light);
+  border-radius: var(--radius-md);
+  cursor: pointer;
+  transition: all var(--transition-fast);
+  color: var(--text-secondary);
+}
+.diagram-toolbar .btn-sm:hover {
+  background: var(--color-primary);
+  color: white;
+  border-color: var(--color-primary);
+}
+.diagram-svg-container {
+  background: var(--bg-elevated);
+  border: 1px solid var(--border-light);
+  border-radius: var(--radius-lg);
+  padding: var(--space-4);
+  overflow: hidden;
+  transition: transform 0.1s ease-out;
+  min-height: 400px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.diagram-svg-container svg {
+  max-width: 100%;
+  display: block;
+}
+/* Diagram List Items */
+.diagram-list .list-item {
+  display: flex;
+  align-items: center;
+  gap: var(--space-3);
+  padding: var(--space-2) var(--space-3);
+  border-radius: var(--radius-md);
+  cursor: pointer;
+  transition: all var(--transition-fast);
+}
+.diagram-list .list-item:hover {
+  background: var(--bg-hover);
+}
+.diagram-objects {
+  font-size: var(--text-xs);
+  color: var(--text-muted);
+  margin-left: auto;
+}
+/* Diagram Detail metadata */
+.diagram-meta {
+  display: flex;
+  gap: var(--space-4);
+  margin-top: var(--space-2);
+  font-size: var(--text-sm);
+  color: var(--text-muted);
+}
+/* Tree section (flex-grow in sidebar) */
+.tree-section {
+  flex: 1;
+  overflow: auto;
+}
+.tree-controls {
+  display: flex;
+  gap: var(--space-1);
+}
+.tree-controls .btn {
+  padding: var(--space-1);
+}
+/* Breadcrumb separator */
+.breadcrumb-sep {
+  color: var(--border-medium);
+  margin: 0 var(--space-1);
+}
+/* Search keyboard hint */
+.search-kbd {
+  padding: 2px 6px;
+  font-size: var(--text-xs);
+  font-family: var(--font-mono);
+  background: var(--bg-elevated);
+  border: 1px solid var(--border-medium);
+  border-radius: var(--radius-sm);
+}
+/* Theme toggle button */
+.theme-btn {
+  width: 32px;
+  height: 32px;
+  padding: 0;
+}
+/* Detail view wrapper */
+.detail-view {
+  max-width: 960px;
+}
+/* Loading text */
+.loading {
+  padding: var(--space-4);
+  text-align: center;
+  color: var(--text-muted);
+  font-size: var(--text-sm);
+}
+/* Responsive sidebar toggle override */
+@media (min-width: 1024px) {
+  .sidebar-toggle {
+    display: flex;
+  }
+}